@font-face {
    font-family: 'SukhumvitSet-Bold';
    src: url('../fonts/SukhumvitSet-Bold.ttf') format('truetype');
}
@font-face {
    font-family: 'SukhumvitSet-Light';
    src: url('../fonts/SukhumvitSet-Light.ttf') format('truetype');
}
@font-face {
    font-family: 'SukhumvitSet-Medium';
    src: url('../fonts/SukhumvitSet-Medium.ttf') format('truetype');
}
form.fos_user_resetting_request, form.fos_user_resetting_reset{
	color: black;
}
.fileUpload {
    position: relative;
    overflow: hidden;
    margin: 10px;
}
.fileUpload input.upload {
    position: absolute;
    top: 0;
    right: 0;
    margin: 0;
    padding: 0;
    font-size: 20px;
    cursor: pointer;
    opacity: 0;
    filter: alpha(opacity=0);
}

/*global styles*/

.img-rep {
 width : 55px;
  height : 55px
}

.title-slogan {
    font-size: 12px;
    font-style: italic;
    text-align: end;
}
body{
	background-color: #272727 !important;
	color: #fff !important;
	font-family: 'SukhumvitSet-Bold' !important;
	/*margin: 8px !important;*/
}
a{
	border: 0 !important;
	color: #727272 !important;
}
ul{
	list-style-type: none;
}
.row {
    margin-right: 0 !important;
    margin-left: 0 !important;
}
.color{
	color: white;
}
.bg_color{
	background: #f73c43;
	color: #fff;
}
.global_layout{
	background-image: linear-gradient(#a7a7a7, #272727);
    color: white;
   /* padding: 0 0 55px 0;*/
}

.global_layout h1, .global_layout h2, .global_layout h3{
    font-size: 35px;
    
}

input[placeholder] {
    color: #222831;
	font-family: Sukhumvit Set, Light;
	font-size: 14px; 
}

header .text-right, .global_layout h1, .global_layout h2, .global_layout h3, .pop_title{
	font-family: Arial;
	font-weight: bold;
}
header a, header p,  header span, header button{
	color: #fff !important;
}
header .btn-primary{
	font-size: 13px !important;
}
header .text-right a:first-child{
	font-size: 15px;
}
header .red_btn{
	padding: 10px 40px !important;
}

.breadcrumbs{
	color: #ffffff;
	/*font-family: Helvetica Neue, Regular;*/
	font-size: 14px;
	padding: 10px;
}
header .desktop_row {
    display: block;
    background-color: #0d0d0d;
    border-bottom: 1px solid grey;
}
#footer{
	border-top: 1px solid #3c3c3c;
    background-color: #0d0d0d;
}
#home #footer{
	position: relative;
}
/*#footer{
	position: absolute;
    bottom: 0;
    height: 190px;
}*/
#footer a, #footer div, #footer span{
	color: #F7F7F7 !important;
	font-family: Arial, Regular;
	font-size: 14px;
}

textarea.form-control {
    height: auto !important;
}

.logo_as{
	width: 100%;
}
.logo_band{
	width: 12%;
	display: inline-block;
	margin: 7px;
}
.navbar .collapse ul li a, .navbar .collapse .col-md-6 span{
	padding: 0;
	color: #fff !important;
}
ul.header_navbar{
	width: 100%;
}
.logo_header span{  
	font-size: 29px;
	position: absolute;
    top: 50%;
    left: 16%;
    transform: translate(0px , -50%);
}
header .desktop_row{
	display: block;
}
header .responsive_row{
	display: none;
}


/* home page*/
#home{
	padding: 10px 5px 0 10px;
	font-family: Arial;
}
.home_padding{
	padding: 8px 58px !important;
}
.flex_right{
	height: 91px;
    display: flex;
    justify-content: flex-end;
    align-items: center;
    position: absolute !important;
    top: 50%;
    right: 0;
    transform: translate(-30px , -50%);

}
.flex_right a:first-child{
	margin-right: 70px;
}

.home_img img{
	width: 100%;
}
.home_img img:last-child{
	width: 243px;
    display: block;
    margin: 40px auto 0px auto;
}
.home_align h1, .home_align h2, .home_align h3{
	text-align: left !important;
}
.home_align h1{
	font-size: 76px !important;
}

.col-md-6.home_align p{
	margin: 7px 0 25px;
}
#home .red_btn{
	font-size: 18px;
    font-weight: bold;
    padding: 13px 65px !important;
}

/*register +cnx page*/
#delivery_commande_commande_type {
    display: none;
}
.TVehicule {
    display: none;
}
.col-logo-responsive{
    display: none; 
}
#register #form_div{
	width: 100%;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 55px;
    float: left;
}
.form-group div, .form-group label{
	max-width: 100%;
	color: #727272;
	font-size: 13px;
}
.form-group label{
	margin-bottom: 2px;
}
#form_div .form-group{
	margin-bottom: 15px;
}
.loginForm{
	text-align: center;
}

.loginForm .btn, .form_input{
	border-radius: 8px !important;
	border: 1px solid #707070 !important;
	height: 42px !important;
}
.form_input{
	 margin-bottom: 10px;
}
.red_btn {
    background-color: #f73c43 !important;
    padding: 10px 40px !important;
    color: #fff !important;
    border-radius: 4px !important;
}
.btn.red_btn, a.red_btn, input.red_btn {
	font-size: 14px;
}
.create_input{
	background: transparent !important;
    border: 2px solid #727272 !important;
}

.loginForm .red_btn{
	width: 40%;
	font-family: 'SukhumvitSet-bold' !important;
    font-size: 14px;
    border:0 !important;
}
.loginForm .btn:hover {
    background-color: #f5d9d9;
    border-color: #f5d9d9;
}

.text_center{
	text-align: center;
}

/*.header_body{
	margin-bottom: 34px;
}*/
.create_input{
	color: white !important;
	border: solid white !important;
}
.cnx_form input{
	border: 0 !important;
}
.full_width a, .full_width input, .full_width button, a.create_input{
	width: 100%;
	border-radius: 8px 	!important; 
	font-size: 13px;
	padding: 10px 40px !important;
}
.forgot_paswd{
	color: white !important;
}
.forgot_paswd{
	text-align: center;
    display: block;
    margin-bottom: 40px;
    font-family: 'SukhumvitSet-Medium';
    clear: both;
}

.login_div{
	margin-bottom: 20px;
}
.btn_margin{
	margin-top: 20px;
}
#register h1, #register h2{
:
	margin: 0;
}
#register .fos_user_registration_register{
	margin-top: 40px;
}
.respo_btn_register{
    display: none;
}


/*profile page*/
.circle{
	border-radius: 100%;
    border: 3px solid white;
    padding: 17px;
    width: 75px;
    margin: auto;
}
.circle img{
    width: 100%;
}
.profile_body span.nbr_circle{
	border-radius: 100%;
    border: 3px solid #C7C7C7;
    padding: 11px;
    display: inline-block;
    font-family: 'SukhumvitSet-Medium';
    font-size: 30px;
    width: 90px;
    height: 90px;
    display: flex;
    justify-content: center;
    align-items: center;
}

.depense_pricing{
	font-size: 18px !important;
}
.fa-map-marker-alt:before{
	color: #f73c43;
}
.trait_dessus hr{
	border-top: none !important;
}
.profile_body .grid{
	background: #fff;
    border-radius: 11px;
    margin-bottom: 20px;
	color: black;
    display: flex;
    justify-content: space-between;
    vertical-align: middle;
    align-items: center;
    padding: 20px 20px;
    cursor: pointer;
}

.profile_name{
	font-size: 24px;
	color: white;
}

.profile_body span{
	color: #393939;
}
.profile_body span{
	font-size: 18px;
}
.circle .desktop_img{
	display: block;
 }
 .circle .respo_img{
    display: none;
}
.btn_float{
	text-align: center; 
}

/*Commandes page*/
.pricing_c{
	color: #fff;
}
.tbody_gray tr{
	background: #ddd;
}
.thead_red, .tbody_gray tr{
/* 	border: 1px solid #ebebeb; */
	font-size: 12px;
	text-align: center;
}
.thead_red th, .tbody_gray tr{
	text-align: center;
}
.table{
	color: #565656;
	background: #dddddd;
}
.table_row p{
	margin: 0;
    color: #fff;
    font-size: 17px;
}
.trait_dessus{
	display: inline-block;
    border-bottom: 1px solid #fff;
    width: 67%;
    height: 10px;
    margin: 0 36px 0 36px;
    text-align: center;
}
.trait_dessus hr{
	margin-top: 0px;
    margin-bottom: 7px;
}
.track_trait{
	border-bottom: 3px dashed #f73c43;
    width: 90px;
    margin: 0;
}
.track_trait hr{
    margin-bottom: 14px;
}

.princing_div .right_price{
	float: right;
	color: white;
}
.princing_div{
	color: #333;
}
.cmd_add{
	color: #f73c43 !important;
    border: 1px solid #f73c43 !important;
}
.step_btn{
	padding:0 !important;
	margin-top: 30px;
}
.waiting_tr tr{
	cursor: pointer;
}
.tracking_profile {
	display: flex;
    justify-content: center;
    align-items: center;
    flex-wrap: wrap;
}

.tracking_profile .grid{
	display: inline-block;
	box-shadow: none;
	border: 1px solid #9da1a7;
	padding: 15px 15px;
	font-size: 14px;
    height: 184px;
    width: 308px;
}
.patience_bg_color{
	background: #fff !important;
	border: 0 !important;
}
.tracking_profile .grid.pro_grid{
	background: #f5d9d9;
}
.tracking_profile .grid span{
	font-size: 15px;
}
.grid .track_etape{
	border-radius: 50%;
    width: 18px;
    height: 18px;
    font-size: 12px;
    display: inline-block;
    color: #fff;
    margin-right: 5px;
    text-align: center;
}
.colis_nb{
	margin-top:;
}
.grid .pad_right{
	padding-right: 0;
}
.grid .pad_left{
	padding-left: 0;
}
.grid .fa-map-marker-alt{
    font-size: 17px;
}
.track_title{
	margin-bottom: 12px;
}
.colis_div{
	margin-top: 17px;
}
.col_left, .col_right{
	float: left;
	font-family: 'SukhumvitSet-light';
}
.col_left{
	width: 35%;
}
.col_right{
	width: 65%;
}
.no_padding{
	padding: 0 !important;
}
.track_sub_title{
	padding: 12px 0 17px 0;
	font-size: 17px;
}

/*track order popup*/
.ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset {
    text-align: center;
    float: none !important;
}
.ui-dialog .ui-dialog-buttonpane {
	padding: 0 !important;
}
.ui-dialog .ui-dialog-content {
    text-align: center;
}
.fa_exc{
	font-size: 40px;
	margin: 0;
}
.ui-dialog-buttonset, .ui-dialog-buttonsetbutton{
	font-family: arial !important;
}
.pop_title{
	font-size: 17px;
}
.ui-dialog-buttonset button{
	color: #fff;
	background-color: #f73c43;
	border-radius: 8px;
    border: 0;
    padding: 12px 22px;
    font-weight: bold;
    width: 38%;
}
.ui-dialog-buttonset button:first-child{
    margin-right: 30px !important;
    margin-left: .4em !important;
}
#dialog-confirm-cancel-payant{
	padding-top: 30px;
}
.ui-dialog-buttonset{
	padding-bottom: 20px;
}

/*expenses page*/
.expense_body tr td:first-child{
	text-align: left;
	padding-left: 40px;
}
.expense_body tr td:last-child{
	text-align: right;
	padding-right: 40px;
}

/*user account*/
.left_tabs{
	background: #272727;
	padding: 0 !important;
}
.left_tabs ul{
	padding: 0;
}
.left_tabs ul li a{
	color: #fff !important;
	cursor: pointer;
}
.left_tabs ul li{
	border-bottom: 1px solid #707070;
	padding: 15px 24px;
}
.left_tabs ul li a i{
	padding-right: 15px;
}
.ui-state-active{
	background: #f73c43; 
}
.body_tabs{
	background: #dddddd;
}
.profile_form{
	margin-bottom: 15px;
}
#tabs{
	display: flex;
    flex-flow: row wrap;
}


/*footer*/
.footer_center{
	margin-left: auto;
    margin-right: auto;
    float: none !important;
    padding-top: 40px;
}
.subscribe_input{
	background: transparent !important;
    border-top-right-radius: 0 !important;
    border-bottom-right-radius: 0 !important;
    border: 1px solid #FFF !important;
    border-right: 0px !important;
    border-radius: 4px !important;
}
.btn-theme{
	border-top-left-radius: 0 !important;
    border-bottom-left-radius: 0 !important;
    border: 3px solid #FFF!important;
    border-left: 0px !important;
    background: #fff;
    color: #5D5D5D;
    height: 39px;
    width: 60px;
}
.sub_div{
	width: 80%
}
.social_media i{
	padding-right: 20px;
}
.copy_right {
	padding-top: 30px;
}

/*spinner loading*/
.pop_spinner{
	padding: 44px 0;
}
.spinner{
	padding-bottom: 20px;
}
.spinner > div {
    width: 4px;
    height: 4px;
  	background-color: #333;
	border-radius: 100%;
	display: inline-block;
	-webkit-animation: sk-bouncedelay 1.4s infinite ease-in-out both;
	animation: sk-bouncedelay 1.4s infinite ease-in-out both;
}

.spinner .bounce1 {
	-webkit-animation-delay: -0.32s;
	animation-delay: -0.32s;
}

.spinner .bounce2 {
	-webkit-animation-delay: -0.16s;
	animation-delay: -0.16s;
}

@-webkit-keyframes sk-bouncedelay {
	0%, 80%, 100% { -webkit-transform: scale(0) }
	40% { -webkit-transform: scale(1.0) }
}

@keyframes sk-bouncedelay {
  0%, 80%, 100% { 
    -webkit-transform: scale(0);
    transform: scale(0);
  } 40% { 
    -webkit-transform: scale(1.0);
    transform: scale(1.0);
  }
}

/* popup tracking page*/

.ui-widget-overlay{
	/*position: unset !important;*/
	/*background: none !important;*/
}
.ui-draggable .ui-dialog-titlebar {
    display: none !important;
}
.ui-widget-content {
    border: none !important;
}
.ui-dialog{
	width: 300px !important;
	border-radius: 15px !important;
	z-index: 9;
}

input[type=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button,
input[type=date]::-webkit-inner-spin-button,
input[type=date]::-webkit-outer-spin-button {
   opacity: 1;
}

::-webkit-calendar-picker-indicator {
  opacity: 1
}

@media only screen and (max-device-width: 900px){
	input[type=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button,
input[type=date]::-webkit-inner-spin-button,
input[type=date]::-webkit-outer-spin-button {
   opacity: 1;
}

::-webkit-calendar-picker-indicator {
  opacity: 1
}
}

/**style added by yosser****/


.space_between_divs_dashboard_commande_en_cours {
  right: 20px
}
.space_between_divs_dashboard_mes_dependances {
  right: 0
}
.space_between_divs_dashboard_commandes {
  right: 20px;left: 20px
}