@import url('sliding_menu.css');
@media  (max-width: 767px) {
	.big_screen{
		display:none !important;
	}
	.small_screen{
		display:block;
	}
	.main_header,
	.main_footer/*,
	/*.content*/{
		padding-right: 0px; /*to eliminate padding of container fluid class*/
		padding-left: 0px; /*to eliminate padding of container fluid class*/
	}
	.ua_iPhone .small_screen .main_header_wrapper.enlarge{ /*fix for iOs*/
		min-height:1100px !important;
		overflow:auto !important;
		
	}
	/*.ua_iPhone*/ .small_screen .main_header_wrapper.enlarge .tab_links_container{
		/*margin-bottom:50px;*//*to make sure there's soem area below tablinks, and tablinks remain visible*/ /*removed after tab_links_container moved to sliding menu in small screens*/
	}
	.login_header_menubar{
		float:left;
		padding: 17px 17px 17px 12px;
	}
	.header_home_link_icon{
		/* float:right; */
		float:left;
		padding-left: 16px;
	}
	/**MENU**/
	.live_tour_menu_button,
	.scan_for_outlet_menu_button{		
		
		height: 50px;
		border-radius: 8px;
		background: #ec1c24;
		margin: 8px;
		color: #fff;
		cursor: pointer;
		padding: 0 10px;
		float:left;
	}
	.live_tour_menu_button{
		width: 150px;
	}
	.scan_for_outlet_menu_button{
		width:125px;
		background: #fff;
		border: 1px solid #ccc;
		color: #000;

	}
	.live_tour_button_icon{
		vertical-align: middle;
		font-size: 30px !important;
		float: left;
		margin: 10px 6px;
	}
	.live_tour_button_text{
		font-size: 22px;
		float: left;
		margin: 9px 0px;
	}
	.custom-panel .menu_option{		
		padding: 15px 0;
		/* width: calc(100% - 20px); */
		/* width: 100%; */
		/* margin-left: 10px; */
		/* margin-right: 10px; */
		height: 40px;
		display: table;
		vertical-align: middle;
		border-top: 1px solid #ccc;
		margin: 0 auto;
		min-width: 200px;
		clear: both;

	}
	.custom-panel .menu_option:first-of-type{
		border-top:none;
	}
	.custom-panel .menu_option.active{		
		padding-bottom: 0;
		clear: both;		
	}
	.custom-panel .menu_option .menu_text{
		font-size: 1.5rem !important;
		font-weight: 500 !important;
		height: 40px !important;
		display: table-cell;
		margin:0 !important;
		padding-left:10px;
		vertical-align:middle;
		text-decoration: none;
		color: #333;
	}

	.custom-panel .menu_option i,
	.custom-panel .menu_option img{
		font-weight: normal !important;
		height: 40px !important;
		width: 40px !important;
		font-size:40px !important;
		line-height:40px !important;
		font-weight:400 !important;
		display:table-cell;
		vertical-align:middle;
	}
	
	.custom-panel .menu_option i.icon-icon_expand_thin:before{
		font-size:30px;
	}
	.custom-panel .menu_option .menu_text:hover,
	.custom-panel .menu_option .menu_text:active ,
	.custom-panel .menu_option.active .menu_text {
		color:#ec1c24;
		font-size: 26px !important;
	}
	.custom-panel .menu_option img,
	.custom-panel .menu_option .menu_text{
		/* display:inline; */
		
		display: inline-block;
		/* width: calc(100% - 60px); */
		width: 100%;
		text-align: center;
		vertical-align: middle;
		padding: 0;
	}
	.custom-panel .menu_option#logout{	
		color: #ec1c24;
		margin-bottom:35px;
	}
	.custom-panel a.icon-icon_menu-open,
	.custom-panel a.icon-icon_menu-open.ui-link.ui-btn-left.ui-btn.ui-shadow.ui-corner-all,
	.custom-panel a.icon-icon_menu-close,
	.custom-panel a.icon-icon_menu-close.ui-link.ui-btn-left.ui-btn.ui-shadow.ui-corner-all{
		background: transparent;
		border: none;
		text-shadow: none;
		font-size: 28px;
		left: -1px;
		top: 0px;
		box-shadow: none;
		padding:10px;
	}
	
	
	
	#open_options_box,
	.options_box{
		display:none !important;
	}
	/*.menu_res_option.mobile_only,
	.menu_res_option_icon.mobile_only{
		display:block !important;
	}*/
	.menu_options img.menu_res_option_icon{
		float:left;
	}
	
	/**MENU ENDS**/
	
	
	/** CONTENT **/
	
	
	.content{
		
		/*min-height:  calc(100% - 170px); /*height of footer substract*/	
		min-height:  calc(100% - 60px); /*height of footer substract*/	
		background:#ffffff;
		padding:0;
	}
	.slide_panel_NOK .content{
		min-height:  calc(100% - 0px);/*no header in panel only % does not work for min-height, so calc with 0 subtract*/
	}
	.tab_link{
		border-right:0px;
		display: block !important;
		padding: 0.25rem !important;
		text-decoration: none !important;
	}
	.tab_links_container {	
		/* border-top: 1px solid #000 !important; */		
		padding: 1rem 0 !important;
		border:none !important;
		padding: 0 !important;
		/* width: calc(100% - 20px); */
		width: 100%;
		/* margin-left: 10px; */
		/* margin-right: 10px; */

	}
	.search_container{		
		padding:1rem 0 !important;
		border-left: none !important;
		border-right: none !important;
	}
	
	/*data table*/
	.list_table_container{
		/* overflow:hidden !important; */
		/* max-width:100% !important; */
		/* border-left:0 !important; */
		/* border-right:0 !important; */
	}
	/*data table ends*/
	
	/** CONTENT ENDS **/
	
	/***FOOTER  ***/
	/*
	.main_footer_wrapper{
		margin-right: 0px; /*to eliminate margin of row fluid class
		margin-left: 0px; /*to eliminate margin of row fluid class
		
	}
	.footer_block.contact_hotline_block{
		height:50px;
		border-top: 1px solid #ccc;
		border-bottom: 1px solid #ccc;
	}
	.footer_block.social_links_block{
		
		height:60px;
	}
	footer a {
		color:inherit;
	}
	
	.contact-syma-hotline-fa{
		width : 75px;
		float:left;
		font-size: 50px;
		padding-right:10px;
	}
	.contact-syma-hotline-text{
		width: calc(100% - 75px);
		float:left;
		position:relative;
		padding-left:5px;
	}
	.contact-syma-hotline-text a{
		position: absolute;
		
		top: -18px;
		
	}
	.footer_links_wrapper{
		padding: 12px 0 ;
	}
	.footer_block.social_links_block .join-us{
		margin:10px 0;
	}
	.footer_block.social_links_block .join-us i{
		font-size: 2rem;
		padding: 0 8px;
	}
	
	.footer_block.social_links_block .join-us h1{
		font-size:1rem;
	}
	.footer_block.social_links_block .footer-copyright{
		font-size:9px;
		margin-top:10px;
	}
	
	.footer_fewer_links_block .col-sm-6{
		width:50%;
		padding: 0 5px;
		letter-spacing: 0.15px;
		font-size: 0.79rem;
	}
	
	*/
	/***FOOTER ENDS ***/
	
	
	/*SIM ACTIVATION*/
	.activate_sim_modal .pass_buy_error_icon{
		/* background-size: 115px 80px !important; */
		/* height: 50px !important; */
	}
	.activate_sim_modal .modal-body .pass_buy_error_icon{
		margin: 0px !important;
	}
	/*SIM ACTIVATION ends*/
}

@media  (max-width: 400px) {
	.client_type_tabs ul.nav-tabs .nav-item{
		max-width:150px;
		  
	}
	.existing_client_forgot_password{		
		
		padding: 0 !important;
	}
	.forfait_row .forfait_col .forfait_subscribe_button_holder{
		/* padding: 20px 0 0 0; */
	}
	.pass-banner .rech-banner form .rech_amount_button{
		/* margin:0 5px !important; */
	}
	
	.forfait-prix-holder .amount{
		margin-left:-50px !important;
	}
	.forfait_title_image{
		margin-right: 0px !important;
		
	}
	
	.pass_category_title .syma-pass-banner-logo{
		/* width: 70% !important; */
		/* width: 45% !important; */
		
	}
	.pass_category_title .syma-pass-banner-logo.internet{
		/* width: 55% !important; */
		/* width: 30% !important; */
		
	}
	.pass_category_title .syma-pass-banner-logo.national{
		/* width: 55% !important; */
		/* width: 30% !important; */
		
	}
}
@media (max-width: 320px){
	.forfaits_title_jumbotron h1{
		font-size:1.275rem;
	}
	.pass-banner .rech-banner form .rech_amount_button {
		max-width: 56px !important;
	}
}