@import url('https://fonts.googleapis.com/css?family=Roboto:400,100,100italic,300,300italic,400italic,500,500italic,600,700italic,700,900,900italic');
@import url('https://fonts.googleapis.com/css?family=Poppins:400,600,700&subset=latin-ext');

@import url('small_screen.css?v=20190118_01');
@import url('big_creen.css?v=20190118_01');

@font-face {
  font-family: 'AvantGardeGothic';
  src: url('fonts/Avant_garde_Gothic/ITC_Avant_Garde_Gothic_LT_Book_1.eot'); /* IE9 Compat Modes */
  src: url('fonts/Avant_garde_Gothic/ITC_Avant_Garde_Gothic_LT_Book_1.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('fonts/Avant_garde_Gothic/ITC_Avant_Garde_Gothic_LT_Book_1.woff2') format('woff2'), /* Super Modern Browsers */
       url('fonts/Avant_garde_Gothic/ITC_Avant_Garde_Gothic_LT_Book_1.woff') format('woff'), /* Pretty Modern Browsers */
       url('fonts/Avant_garde_Gothic/ITC_Avant_Garde_Gothic_LT_Book_1.ttf')  format('truetype'), /* Safari, Android, iOS */
       url('fonts/Avant_garde_Gothic/ITC_Avant_Garde_Gothic_LT_Book_1.svg#AvantGardeGothic') format('svg'); /* Legacy iOS */
}



/* Preloader */
body {
  overflow: hidden; /*will be set to visible after preloader*/
}
#preloader,
#main_page_loader  {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: #fff;
  /* change if the mask should have another color then white */
  z-index: 99;
  /* makes sure it stays on top */
}

#status,
#main_page_loader_status{
  width: 200px;
  height: 200px;
  position: absolute;
  left: 50%;
  /* centers the loading animation horizontally one the screen */
  top: 50%;
  /* centers the loading animation vertically one the screen */
  background-image: url("../images/loader.gif?v=20190514_01");
  /* path to your loading animation */
  background-repeat: no-repeat;
  background-position: center;
  margin: -100px 0 0 -100px;
  /* is width and height divided by two */
}
/* Preloader ends */
/*another preloader used separately which might overlap previous preloader*/
#main_page_loader{    
    z-index: 99999999;
}
/*another preloader used separately which might overlap previous preloader ends*/


html,body{
	/* background:#f2f2f2; */
	background:#fff;	
	height: 100%; 
	font-family: Roboto;
}

.page{
	height:100%;
}

/** GENERAL **/
.cc-window.cc-floating {/*override cookieconsent default*/
	background-color: rgb(0,0,0,0.5) !important;
}
button {
    background-color: #ec1c24;
    border-radius: 20px;
    border-width: 0;
    box-shadow: none;
    color: #fff;
    cursor: pointer;
    /* font-family: "Roboto",sans-serif; */
    font-size: 14px;
    font-weight: 500;
    padding: 5px 15px;
    text-shadow: none;
    transition: all 0.2s ease-in-out 0s;
}
.red{
	color: #ec1c24;
}
.red-pdf-label {
    display: inline-block;
    background: #ec1c24;
    color: #fff;
    font-weight: 600;
    border-radius: 4px;
    padding: 1px 5px;
    margin: 0 5px 0 0;
    font-size: 11px;
}
.align-center {
    text-align: center;
}
.form-control-error {
    z-index: 1000 !important;
}
.display-none{
	display: none !important;
}
.telephone_link,
.fax_link{
	text-decoration:none;
	color:inherit;
}
.telephone_link:hover,
.telephone_link:active,
.fax_link:hover,
.fax_link:active{
	color:#ec1c24;
}
.input-group-addon {
    border-color: #e2e2e2 !important;
    background-color: #f9f9f9 !important;
}

.input-group.has-danger,
.input-group .has-danger{
	box-shadow: 0 0 0 1px #fb434a; /*color taken from form_control error msg popupcolor (which we dont show now)*/
}
.input-group .form_control_warning{
	font-size: 1.5rem;   
    color: red;
    position: absolute;
    top: calc(50% - 0.75rem);
	right: 1.25rem;
    z-index: 10;
	cursor:pointer;
}
.swal-button.swal-button--confirm{
	background-color: #fff;
    color: #000;
	border: 1px solid #e2e2e2;
}
.swal-button.swal-button--confirm:hover,
.swal-button.swal-button--confirm:active,
.swal-button.swal-button--confirm:focus{
	background-color: #f2f2f2;
    color: #000;
	border: 1px solid #f2f2f2;
}











/** GENERAL ENDS**/
/*HEADER*/
.main_header{
	overflow: hidden;
    background-color: #fff !important;
    border: none !important;
	position:fixed;
	top:0;
	z-index:10000;
}
.from_native_app_OK .main_header{
	/* display:none !important; */ /*we need header because menubutton is in header. this line was in symamobile website order produs page where we hide it*/
}

/*HEADER ENDS*/

/*CONTENT*/
.content{   
    height: auto !important; /*Cause footer to stick to bottom in IE 6*/ 
    /* margin: 0 auto -100px;*/ /*Allow for footer height*/ /*dont need because we have used footer absolute postion bottom:0*/
    vertical-align:bottom;
	/* margin-top:60px; */ /*margin commented, it adds unnecessary scrollbar even when screen is enough height*/
}

.content .content_wrapper .content_wrapper_first_child{
	/* padding-top:60px; */
}

.slide_panel_OK .content.order_products_container .content_wrapper .content_wrapper_first_child{
	padding-top:100px;
}
.from_native_app_OK .content_wrapper_first_child{
	/* padding-top: 10px !important; */
}

/*TABS*/

.tab_links_container{
	text-align: center;
    padding: 1rem;
	border: 1px solid #000;
	border-top: 0px;
}
.tab_link{
	display: inline-block;
	text-decoration: underline;
	padding: 0 1rem;   
	cursor:pointer;
}
.tab_link.active,
.tab_link:hover,
.tab_link:active{
	color:#ec1c24;
	
}
.tab_link.active{	
	font-weight:500;
}
.tab_link.last{
	border-right:0px;
}

/*TABS Ends*/

/*SEARCH BOX*/


.search_container{
	padding:1rem;
	border:1px solid #000;
	border-top: 0px;
	position:relative;
	height: auto !important;
   /* display: table; /*to expand height and let datepicker go beyond search container and still visible above tabs cotainer*/
    display: block; 
	width: 100%;
}
.search_container.highlight{
	border-color: #ec1c24;
    border-width: 3px;
}
.main_search_input{
	width: 100%;
    border: 1px solid #000;
    border-radius: 12px;
	padding-left: 1rem;
}
.main_search_icon{
	position: absolute;
    top: 1.5rem;
    right: 1.25rem;
    font-size: 1.5rem;
    cursor: pointer;
}
.search_filters_title{
	display: inline-block;
    margin: 0.5rem;
	cursor:pointer;
}
.search_criteria_required_msg{
	margin-left: 1rem;
    color: #ec1c24;
    font-weight: 500;
}
.filter,
.filter .select2-container,
.filter .select2-container .select2-dropdown{
	max-width:150px !important;
}

/*SEARCH BOX Ends*/
.tab_content_loading_spinner{
	  /* background-image: url(https://loading.io/spinners/fidget-spinner/lg.fidget-spinner.gif); */
	/* background-image: url("../images/loader.gif?v=20190514_01"); */
	background-image: url("../images/fidget-spinner.gif?v=20190514_01");
	position: absolute;
    width: 250px;
    height: 250px;  
    left: calc(50% - 125px);
    top: calc(50% - 125px);
}
html.swal2-shown,
body.swal2-shown {
  overflow-y: hidden !important;
}

/*data table*/
.list_table_container{
	padding-top:1rem;
	border: 1px solid #000;
    border-top: none;
}
.list_table_container .dataTables_wrapper .row,
.list_table_container .dataTables_wrapper .row .col-xs-12{
	width:100%;
	overflow-x: auto !important;
}
.list_table_container .dataTables_wrapper .row .dataTable ,
.list_table_container .dataTables_wrapper .row .col-xs-12 .dataTable {
	/* min-width:768px !important; */
}
.list_table_container .dataTables_wrapper .row{
	margin-left:0;
	margin-right:0;
}
/*.list_table_container .dataTables_wrapper table.table{
	table-layout: fixed;
	width: 100% !important;
}
.list_table_container .dataTables_wrapper table.table td,
.list_table_container .dataTables_wrapper table.table th{
	width: auto !important;
	white-space: normal;
	text-overflow: ellipsis;
	overflow: hidden;
}*/
.list_table_container .dataTables_wrapper .dataTables_length,
.list_table_container .dataTables_wrapper .dataTables_filter{
	float:left;
}
.info_icon{
	width: 35px;
    height: 35px;
    font-size: 1.5rem;
    padding: 10px 0;
    text-align: center;
    color: #fff;
	border: 1px solid #fff; /*border kept white to blend with background no matter which color the button is*/
	cursor:pointer;
	background:orange; /*to be replaced*/
	
	width: 30px;
    /* height: 35px; */
    font-size: 1rem !important;
    padding: 7px 0;
    text-align: center;
    color: #fff;
    border: 1px solid #fff; /*border kept white to blend with background no matter which color the button is*/
    cursor: pointer;
    background: #ededed; /*to be replaced*/
}
.list_table_container .dataTables_wrapper .table.table-hover tbody tr.selected {
    background: #f2f4f8;
}
/*data table ends*/

/*selector and selected list*/
/* .selector_list_container .dataTables_info:parent{ */
.selector_list_container .dataTables_wrapper:last-child .col-md-5{
	display:none !important;
}
/*selector and selected list ends*/


/*statistics table*/
.month_by_month,
.outlet_statistics_landing_summary_col,
.statistics_landing_summary_col,
.statistics_products_summary_col,
.statistics_analytics_summary_col{
	overflow-x: auto !important;
}
.outlet_statistics_table_heading,
.statistics_table_heading{
	background:#ec1c24;
	color:#fff;
	overflow: hidden;
	border: 1px solid #000;
    border-top: none;
	border-bottom: none;
	padding: 0.5rem;
	display: -ms-flexbox;
    display: flex;
	min-width:600px !important;
}
.outlet_statistics_table_cell,
.statistics_table_cell{
	float:left;
}
.outlet_statistics_table_cell.period_cell,
.outlet_statistics_table_cell.delivery_cell,
.outlet_statistics_table_cell.activation_cell,
.statistics_table_cell.period_cell,
.statistics_table_cell.delivery_cell,
.statistics_table_cell.activation_cell{
	width:20%;
}

.outlet_statistics_table_cell.statistics_kinds_cell,
.statistics_table_cell.statistics_kinds_cell{
	width:40%;
	-webkit-order:3;
	order:3;
}
.first_second_third_wrapper .outlet_statistics_table_cell, 
.first_second_third_wrapper .statistics_table_cell{ 

	width:33%;
}
.outlet_statistics_table_cell,
.statistics_table_cell{
	width:13%;
}
.outlet_statistics_table_cell.period_cell,
.statistics_table_cell.period_cell{
	-webkit-order:0;
	order:0;
}
.outlet_statistics_table_cell.delivery_cell,
.statistics_table_cell.delivery_cell{
	-webkit-order:1;
	order:1;
}
.outlet_statistics_table_cell.activation_cell,
.statistics_table_cell.activation_cell{
	-webkit-order:2;
	order:2;
}
/*.outlet_statistics_table_cell[class^='first_']{
	-webkit-order:3;
	order:3;
}
.outlet_statistics_table_cell[class^='second_']{
	-webkit-order:4;
	order:4;
}
.outlet_statistics_table_cell[class^='third_']{
	-webkit-order:5;
	order:5;
}*/
.outlet_statistics_table_cell.first_overall_cell,
.outlet_statistics_table_cell.first_reload_cell,
.outlet_statistics_table_cell.first_forfait_cell,
.outlet_statistics_table_cell.first_pass_cell{
	-webkit-order:3;
	order:3;
}
.outlet_statistics_table_cell.second_overall_cell,
.outlet_statistics_table_cell.second_reload_cell,
.outlet_statistics_table_cell.second_forfait_cell,
.outlet_statistics_table_cell.second_pass_cell{
	-webkit-order:4;
	order:4;
}
.outlet_statistics_table_cell.third_overall_cell,
.outlet_statistics_table_cell.third_reload_cell,
.outlet_statistics_table_cell.third_forfait_cell,
.outlet_statistics_table_cell.third_pass_cell{
	-webkit-order:5;
	order:5;
}

.statistics_period_group{
	border: 1px solid #000;
	border-bottom-width: 0px;
	border-radius:0px;
	min-width:600px !important; /*same as statistics_table_heading*/
}
.statistics_period_group:last-of-type{
	border-bottom: 1px solid #000;
}
.statistics_period_group .panel{
	border-bottom-width: 0px !important;
	border-radius:0px !important;
}
.statistics_period_group .panel-heading{	
    overflow: hidden;
	/* padding-left: 0.5rem !important; */
	padding-left: 0 !important;
	padding-right: 0 !important;
}
.statistics_period_group .panel-title{	
    overflow: hidden;
    padding-left: 0.5rem;
	font-weight: 700 !important;
	display: -ms-flexbox;
    display: flex;
}
.statistics_period_group .panel-title .accordion-indicator{	
   	color:#000;
	padding-right:0.5rem;
}
.statistics_period_group .panel-collapse,	
.statistics_period_group .panel-body{	
    overflow: hidden;
	padding-left:0 !important;	
	padding-right:0 !important;	
}

.statistics_period_group .statistics_inner_row{
	overflow:hidden;
	border-bottom: 1px solid #dfe4ed;	
	padding-left: 0.5rem;
}
.statistics_period_group .statistics_inner_row:first-of-type{
	overflow:hidden;
	border-top: 1px solid #dfe4ed;
	display: -ms-flexbox;
    display: flex;
}
/*statistics table ends*/

/*DELIVERY ICONS*/
.BOX_icon{
	background-image: url("../images/deliveries/Deliveries_picto_box.svg?v=20190514_01");
	
}
.SMALL_PACK_icon{
	background-image: url("../images/deliveries/Deliveries_picto_small_pack.svg?v=20190514_01");
	
}
.BIG_PACK_icon{
	background-image: url("../images/deliveries/Deliveries_picto_big_pack.svg?v=20190514_01");
	
}
.SINGLE_icon{
	background-image: url("../images/deliveries/Deliveries_picto_unite.svg?v=20190514_01");
	
}
/*DELIVERY ICONS Ends*/

.outlet_avatar_image_container{
	display:none !important;
}
.outlet_avatar_image_container.SYMA_BS{
	display:table-cell !important;
}
.outlet_avatar_outlet_name_container{
	display:table-cell !important;
}
.status-CLOSED .outlet_avatar_outlet_name_container{
	text-decoration: line-through;
}
.outlet_avatar_image_container.avatar{
	width:25px !important;
	height:25px !important;
	background-color:#fff;
}
.outlet_avatar_image_container.avatar img{
	margin-top:-5px /*after bs logon changed*/
}
tr:hover .outlet_avatar_image_container.avatar{
	background-color:#f2f4f8;
}

.dummy_button{
	display: inline-block;   
    font: inherit;
    -webkit-appearance: button;
    align-items: flex-start;
    text-align: center;
    cursor: default;
    color: buttontext;
    background-color: buttonface;
    box-sizing: border-box;
    padding: 1px 6px;
    border-width: 2px;
    border-style: outset;
    border-color: buttonface;
    border-image: initial;
}
}


/*CONTENT ENDS*/

/*FOOTER*/

/*
.from_native_app_OK .main_footer{
	display:none !important;
}
.main_footer.footer {	
	background-color:#ffffff;	
	border-top: 0px solid #dedede;	
}
.main_footer_wrapper{
	position:relative;
}

footer a:hover,
footer a:active,
footer .social_links_block a i:hover,
footer .social_links_block a i:active,
footer button.footer_link_button:hover,
footer button.footer_link_button:active{
	color:#ec1c24;
	text-decoration:none;
}
footer button.footer_link_button{
	background:none;
	font-weight:normal;
	padding:0;
	text-align: left;
    font-size: 0.69rem;
}

.footer_block.social_links_block .join-us h1,
.footer_block.social_links_block .join-us,
.footer_block.social_links_block .footer-copyright{	   
    text-align: center;
}

.hotline-popup {
   
    width: 100%;
   
    background-position: bottom center;
    background-repeat: no-repeat;
    background-image: url('../images/hotline-popup-bg.jpg');
    overflow: hidden;
    position: relative;
}

.hotline-popup .hotline-form-wrap {
    width: 320px;
    height: 100%;
   
	float:right;
}
.hotline-popup .hotline-form-wrap .section.client-login{
	padding:37px 0;
}
.hotline-popup .hotline-form-wrap .section .hotline_popup_row {
    width: 280px;
    margin: 7px 20px;
    height: 42px;
    font-size: 15px;
    font-weight: 300;
}
.hotline-popup .hotline-form-wrap .section .hotline_popup_row input {
    border: 1px solid #eee;
    border-radius: 20px;
    box-shadow: 0 0 1px #ccc inset;
    color: #000;
    font-size: 20px;
    line-height: 35px;
    padding: 0 20px;
    height: 40px;
    width: 100%;
    background: #f2f2f2;
    text-align: left;
}
.hotline-popup .hotline-form-wrap .section .hotline_popup_row .half {
    width: 140px;
    line-height: 40px;
    display: block;
    float: left;
    height: 40px;
    text-align: center;
}
.hotline-popup .hotline-form-wrap .section .hotline_popup_row input.contact_hotline_tel{
    background-image: url(../images/login-numero-bg.png);
    background-repeat: no-repeat;
    background-position: -1px center;   
    text-indent: 35px;
    padding-left: 10px;
	font-size: 16px;
    font-weight: 500;
}
form#ClickAndCallForm div.half a.next-btn.sf-right.sf-btn.sf-btn-next {
    padding-right: 20px!important;
}
.hotline-popup .hotline-form-wrap .section .hotline_popup_row .half .sf-btn:after {
    content: "";
    position: absolute;
    right: 5px;
    top: 5px;
    font-size: 14px;
    line-height: 26px;
    font-weight: 700;
    background: url(../images/t2-arr-right.png) no-repeat center center #ec1c24;
    border-radius: 50px;
    width: 30px;
    height: 30px;
    text-align: center;
    color: white;
}
.hotline-popup .hotline-form-wrap .section .hotline_popup_row #ClickAndCallForm .half .sf-btn:after {
    width: 40px!important;
    height: 40px!important;
    border: 5px solid #000000;
    right: inherit;
    top: inherit;
}
.hotline-popup .hotline-form-wrap .section .hotline_popup_row .half .sf-btn.sf-spinner{
	cursor:auto;
	pointer-events: none;
}
.hotline-popup .hotline-form-wrap .section .hotline_popup_row .half .sf-btn.sf-spinner:after {
	background: url(../images/t2-spinner.gif) no-repeat center center #ec1c24;
	background-size: 25px;
}
.hotline-popup>.hotline-form-wrap>.section>.hotline_popup_row>.half>.sf-btn{
	height: 40px;
    line-height: 40px;
    padding: 0 20px;
    border-radius: 25px;
    border: none;
    color: white;
    text-decoration: none;
    background: #000;
    font-size: 15px;
    font-weight: 400;
    position: relative;
    display: block;
}
.hotline-popup .hotline-form-wrap .section .hotline_popup_row form a{
	top: 0;
	left: -10px;
}
.hotline-popup .hotline-form-wrap .section .hotline_popup_row form .ClickAndCallForm_error{
	text-align: center;
    color: #ec1c24;
	height:0;
}
.hotline-popup .hotline-form-wrap .section .hotline_popup_row form .ClickAndCallForm_success{
	text-align: center;
    color: green;
	height:0;
}

.footer_fewer_links_block a:before{		
	display: inline-block;
	content: '';
	
	height: 0.5rem;
	width: 0.5rem;
	margin-right: 0.5rem;
	background-color: #ec1c24;
}


@media (max-width: 576px){
	.hotline-popup{		
		max-height:474px; 
		padding-top: 5px;
	}
	.hotline-popup .hotline-form-wrap{
		
		width:100%;
	}
	.hotline-popup .hotline-form-wrap .section.client-login{		
		float:right;
	}
	.morph-wrap .hotline-form-wrap h3,
	.hotline-popup .hotline-form-wrap .section .hotline_popup_row{
		text-align:right !important;
		margin-right:5px;
	}
	.hotline-popup .hotline-form-wrap .section .hotline_popup_row .half{
		display: inline-block;
	}
	
}
@media (max-width: 400px){
	.hotline-popup{
		background-position-x: -210px; 
		background-position-y: 0;
		
	}
	
}

*/
/*FOOTER ENDS*/