.content-wrapper{margin: auto; width: 100%;}
.content{background-color: white; padding: 15px; margin:auto; width: 100%;border: 4px solid #cecece;}
.left-block {float: left;}
.right-block {float: right;}
@media (min-width:768px){
    .content-wrapper{margin: auto; width:70%;}
    .content{width: 45%; margin: auto; margin:5px;  background-color: white; padding: 15px;}
    .content h1, .content h3 {display: inline;}
    .proforma.content {width: 60%;margin: auto; background-color: white; padding: 15px;}
    .bl_content{width:100% !important;}
}
.content,
.content div,
.content label, .login-form-area label{font-size:120%;}
.content h2, .login-form-area h2{color:#0f4c93; text-align: center; margin: 5px 0;}
.login-form-area {padding: 5px 0 5px 10px; font-weight: bold; border: 4px solid #cecece; background-color: #fff; width: 69%; margin: auto;}
.content .bl_area{margin:auto;}
.content .bl_area .bl_label{text-align: center;}
.content .title_area{margin-bottom: 50px;}
.content .row div{}
.content .row div.radio-button{}
.content input{height:50px;}
.content .radio-button label{text-align:left;margin:4px;float:left;font-size:110% !important;}
.bl_content .proforma_area, .bl_content .bl_area {border:5px solid #69b8d7; height: 300px; margin: 5px 40px;}
.bl_content input {width:60%;}
.content h3 a {text-decoration: underline;}
.content input{height:50px;}
.proforma.content input{height:35px; border: 1px solid #000; font-weight: normal; color:#444; text-align: center;}
.proforma.content input#date_sur_debut, .proforma.content input#date_sur_fin {width:180px; text-align: center;}
.proforma.content .tab_qte_proforma {margin-top: 10px;}
.proforma.content .proforma_form_area td{padding: 5px 0 5px 10px; font-weight: bold; border-width: 0px; }
.proforma.content .tab_qte_proforma td.qte_cel{text-align: center; font-weight: normal;}
.proforma.content .tab_qte_proforma th{text-align: center;}
.proforma.content .proforma_table_wrapper .tab_qte_proforma th{font-size: 18px; padding-left: 30px;}
.proforma.content .proforma_table_wrapper .tab_qte_proforma td{font-size: 18px; text-align:right; padding-right: 10px;}
.proforma.content .proforma_table_wrapper .recap td{font-size: 15px; padding:5px; border-width: 0}
.proforma.content .proforma_table_wrapper .recap .info{color: #D63509; text-decoration: underline;}
.proforma.content .proforma_table_wrapper .recap .info_date{color: #D63509;}
.proforma.content .proforma_table_wrapper .tab_qte_proforma .total{font-weight: bold; font-size: 18px; text-align: left; padding-left: 5px;}
.proforma.content .proforma_table_wrapper .tab_qte_proforma .ligne_frais td {font-weight: bold; font-size: 18px; text-align: left; padding-left: 5px;}
.proforma.content .proforma_table_wrapper .tab_qte_proforma .ligne_frais .montant{font-weight: bold; font-size: 18px; text-align: right; padding-right: 5px;}
.proforma.content .proforma_table_wrapper .tab_qte_proforma .lib_tranche,
.proforma.content .proforma_table_wrapper .tab_qte_proforma .ligne_frais .lib_frais{font-weight: normal; font-size: 18px; text-align: left; padding-left: 5px; border: 1px solid #111;}
.proforma.content .proforma_table_wrapper .tab_qte_proforma .qte, .proforma.content .proforma_table_wrapper .tab_qte_proforma .ligne_frais .qte {font-weight: normal; font-size: 18px; text-align: center; padding-right: 5px;}
.proforma.content .proforma_form_area .facture_tva {text-align: center;}
.proforma.content .proforma_table_wrapper .tab_qte_proforma th.total_general {text-align: right; padding-right: 10px;}
.disclaimer {font-size: 14px !important; font-style: italic;  width: 80%;}
.proforma.content .consigne {width:45%; color: #777; font-size:15px; text-align: center; padding: 3px;}
.content .radio-button label{text-align:left;margin:4px;float:left;font-size:110% !important;}
.btn_submit_wrapper{margin-left:30%;}
.btn_submit_wrapper button.btn.btn-block{height:50px;font-size:100%;font-weight:bold;color:#fff;}
.content *.error{font-size:23px;display:block;font-weight:normal;color:#F44336;border:1px solid #F44336;}
.keyboard_wrapper{margin-left:2%;}
.keyboard_wrapper .card{margin-bottom:0;}
#liste_autres_factures label{color:blue;}
#liste_autres_factures label.exception{color:#ff7006;}
#liste_autres_factures .alert-info{font-size:120% !important;margin-bottom:0;padding:2px 5px;}
#liste_type_depotage label{font-size:95% !important;margin-bottom:2px;}
#sign_in #liste_type_depotage .col-md-12{margin-bottom:15px !important;}
#sign_in #date_validite_wrapper .col-md-3{margin-bottom:0 !important;}
#numeros_conteneurs_valides2 {display: flex; flex-direction: column;align-items: center;}
#numeros_conteneurs_valides2 .numero_conteneur{font-size: 140%; margin:2px;}
#numeros_conteneurs_valides2 .numero_conteneur span.removebtn{margin-right: 5px;}
#add_conteneur { padding:1px 5px 3px;}
form#sign_in input, select, textarea {width:200px}
#numero_conteneur{float:left !important;width:50% !important;font-size:15px;}
#add_conteneur{float:left;height:34px;display:block;-webkit-appearance:button;cursor:pointer;font-size:20px;border:1px solid gray; background-color:#cecece;}
#erreur_conteneur{font-size:20px;display:block;margin-top:0px !important;font-weight:normal;color:#F44336;border-width:0;}
#numeros_conteneurs_valides input{border-width:0;margin-top:-14px;vertical-align:top;width:250px;float:left;margin-left:5px;font-size:25px;color:#999;background:none;}
.removebtn{color:red;font-weight:bold;font-size:20px;float:left;}
/*#btn_next{padding: 10px; font-size: 16px;}*/
.tab {padding-bottom: 6px; border-bottom:1px solid #040404;}
.tab h4 {background-color:#cdcdcd; display:inline; border-radius: 10px 10px 0px 0px; padding: 10px; border: 1px solid #040404;}
.mestickets ul {padding-left:0;}
.mestickets ul li.ticket{
    padding: 5px;
    /*width: 400px;
    border: 1px solid gray;*/
    border-bottom: 1px solid #cecece;
    list-style: none;}
.mestickets ul li i{color: #666;}
.mestickets ul li .date{font-weight:bold;  color: blue}
.mestickets ul li.ticket-ACTIVE{border-left: 8px solid #cecece}
.mestickets ul li.ticket-TRAITE{border-left: 8px solid green}
.mestickets ul li.ticket-ANNULE{border-left: 8px solid #ef9d28e6;}
.mestickets ul li.ticket-ENCOURS{border-left: 8px solid #4BB1D9; background-color: #c1e2f0;}
.mestickets span.ticket-LITIGIEUX{color: #ff9920}
.mestickets span.ticket-ACTIVE{color: #cecece}
.mestickets span.ticket-TRAITE{color: green}
.mestickets span.ticket-ENCOURS{color: #4BB1D9}
.mestickets ul li.ticket-LITIGIEUX{border-left: 8px solid #ff9920}
.mestickets ul li .bad:before {content:'.'; border-radius:100%; padding: 1px 6px; margin-right: 5px; color: #4b9cce; background-color: #4b9cce;}
.mestickets ul li .info:before{content:'.'; border-radius:100%; padding: 1px 6px; margin-right: 5px; color: #ff9920; background-color: #ff9920;}
.mestickets ul li .fact:before{content:'.'; border-radius:100%; padding: 1px 6px; margin-right: 5px; color: #4b9cce; background-color: #4b9cce;}
.mestickets ul li .paie:before{content:'.'; border-radius:100%; padding: 1px 6px; margin-right: 5px; color: #709b50; background-color: #709b50;}
.mestickets ul li .remb:before{content:'.'; border-radius:100%; padding: 1px 6px; margin-right: 5px; color: #ce290c; background-color: #ce290c;}
.mestickets ul li .sure:before{content:'.'; border-radius:100%; padding: 1px 6px; margin-right: 5px; color: #ff9920; background-color: #ff9920;}
.mestickets ul li .odr:before{content:'.'; border-radius:100%; padding: 1px 6px; margin-right: 5px; color: #ff9920; background-color: #cb0aff;}
.mestickets ul li .coldoc:before{content:'.'; border-radius:100%; padding: 1px 6px; margin-right: 5px; color: #ff9920; background-color: #cb0aff;}
.message_service td {background-color: #dddddd; border: 1px solid gray; padding:5px; text-align: justify;}
.form_newpassword_wrapper {background-color: #fff;  height: 20%;}
.form_resetpassword_wrapper {background-color: #fff;  padding: 10px; width:40%; border: 4px solid #cecece; margin:5px 0 10px;}
/*
.form_changepassword_wrapper {background-color: #fff;  height: 25%;}
.form_resetpassword_wrapper,h1 {text-align: center;}
*/
.transitaire-login.div,#message.alert.alert-danger {text-align: center;width: 45%;
    margin-left: 28%;  }
.transitaire-login h1{ text-align:center;}    
.user_details li{width:250px;}
.coldoc_type_document {display: flex; flex-direction: column}
.coldoc_type_document div {display: flex;}
.coldoc_type_document label{width:340px !important;}
.coldoc_type_document input[type=number]{width: 45px!important; padding: 5px !important;}
#autre_type_document {width:340px !important;}