*, ::after, ::before {
    box-sizing: border-box;
}
html {
  font-size: 100%;
  height: 100%;
}
body {
    direction: ltr;
    background: #ffffff !important;
    color: #6f7b8a;
    font-family: helvetica;
    font-size: 13px;
    padding: 0px !important;
    margin: 0px !important;
    line-height: 1.5;
    font-style: normal;
    font-weight: normal;
    height: 100%;
}

#imaf_client_pop, #imab_client_pop{
padding: 3px;
    border: 2px solid #ef4d4d;
    display: inline-block;
    margin: 0px 10px 6px 19px;
}
.urlNav{
	width: 200px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: block;
	text-transform: lowercase;
    text-align: left;
}

i {
	font-style: normal;
}
#chofer-fm{
	margin-right: 12px;
    padding: 10px 20px !important;
    font-size: 12px;
    background: #fff;
    z-index: 999999;
    position: fixed;
    max-width: 24%;
    min-width: 24%;
    top: 10%;
    left: 27%;
    border-radius: 4px;
    border: 4px solid #ef4d4d;
    margin: 0 auto;
    box-shadow: 0px 0px 4px #333;
    margin-left: -14.555%;
    width: 30%;
}
.control-form-add-obs{
	display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: space-between;
    width: 100%;
    align-items: center;
}
.w-80{
	width: 80%;
}
.w-20{
	width: 20%;
}
.item-ob{
	    width: 100%;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    margin: 0px 0px;
    padding: 9px;
    border: 1px solid #d9d7d7;
}
.observa-list{
	    margin-bottom: 10px;
}
.item-ob:hover{
	    background: #e9e6e6;
}

.list-observaciones{
	overflow-y: auto;
    max-height: 486px;
    overflow-x: hidden;
}

.chofer-mitad{
	width: 40%;
}
.date-ob{
	display: block;
    font-size: 12px;
    color: #ec2a29;
}

.sublabel{
	display: block;
	margin: -2px -8px;
	margin-bottom: 5px;
}

#save-bi{
	    display: inline-block;
	color: #ffffff;
}
.bk{
	display: block;
}
#add-ob{
	display: inline-block;
	color: #ffffff;
	    max-height: 38px;
	margin-left: 5px;
}

.observa-list .th{
	    display: flex;
    flex-direction: row;
    justify-content: space-between;
    background: #ef4d4d;
    width: 100%;
    padding: 10px;
    margin-top: 10px;
    font-size: 14px;
    color: #ffffff;
}
.add-ob:hover{
	color: #ffffff;
}

#observaciones-list .control-form{
	margin-top: 6px;
}

.list-observaciones{
	padding: 0px 15px 0px 15px;
    width: 100%;
}


h1{
	    line-height: 25px !important;
    color: #847a70 !important;
    font-weight: 400 !important;
    margin: 0px !important;
    margin-bottom: 10px !important;
	font-size: 220% !important;
}
.filter a:hover, .filter a:focus{
    color: #ffffff !important;
    text-decoration: none !important;
}
.error-container{
	    color: #d83130;
        padding: 5px 0px;
    display: block;
    margin: 0px;
    font-size: 12px;
    position: relative;

}
a{
	    text-decoration: none !important;
}
.new-con{
  padding: 3px 4px 0px 5px;
    display: block;
    position: absolute;
    left: 4px;
    background: #28af45;
    border-radius: 4px;
    color: #fff;
    z-index: 8;
    top: 3px;
    font-family: helvetica;
    font-size: 10px;
    border: 1px solid #080707;
    box-shadow: 1px 1px 3px #00000085;
    font-weight: 800;
}

#popclient h2#name_client_pop{
   font-size: 147%;
    font-weight: 400;
    margin-bottom: 0px;
    margin-left: 5px;
}
#address_client_pop ul{
list-style: none;
    padding: 0px;
    margin: 0px;
	
    line-height: 11px;
    margin-bottom: 12px;
}
i.gris{
	    color: #837d7d;
}
#name_client_pop{
	color: #333 !important;
}
.mt-10{
	margin-top: 10px;
}
.mb-10{
	margin-bottom:10px;
}
.date-min{
	    color: #ef4d4e;
    line-height: 8px;
    display: inline-block;
    font-size: 90%;
}
.datepd{
	line-height: 12px;
    display: block;
    padding: 5px;
	background: none;
	margin: 0px;
	border: 0px;
	    color: #333 !important;
}

.datepd:hover{
	background: none;
}
ul{
	list-style: none;
	margin: 0px;
	padding: 0px;
}
.dates-in{
	color: #ef4d4e;
    font-weight: 500;
    padding: 0px 6px 0px 1px;
}
.date-pi{
	    display: block;
    font-size: 90%;
    color: #333;
    font-weight: 400;
}
.li-title{
	display: block;
	width: 100%;
	font-size: 90%;
	font-weight: bold;
}
.li-title-na{
	font-size: 80%;
    margin-bottom: 3px;
    display: block;
}
#popclientima{
  z-index: 999999;
background: #fff;
position: fixed;
max-width: 42%;
top: 10%;
left: 50%;
border-radius: 4px;
border: 4px solid #ef4d4d;
margin: 0 auto;
box-shadow: 0px 0px 4px #333;
margin-left: -11.555%;
width: 30%;
}

#popclient span{
display: block;
padding: 4px 6px 2px 4px;
}

#popclient #rut_client_pop{
    padding: 1px 6px 4px 0px;
    color: #ef4d4d;
    margin-left: 4px;
    font-size: 131%;
}
#popclient ul li{
       padding: 5px;
   line-height: 12px;
}
#contenedores > tbody > tr:hover > td{
  background: #ccc9c9;
}

#contenedores thead.flotante{
     position: sticky;
    z-index: 9;
    top: 68px;
    width: 100%;
}

.row{
	clear: both;
}
.fecha_txt{
	padding: 3px !important;
    text-align: center !important;
    margin: 5px -4px !important;
        z-index: 2;
}
#contenedores td{
    padding: 7px 3px 1px 3px !important;
    margin: 0px !important;
    position: relative;
}

.datatime-min{
  color: #ef4d4d;
}
.edit_fecha_entrega{
  font-size: 9px !important;
}

.w-naviera{
	width: auto;
	max-width: 150px;
}
.w-date{
	width: auto;
	max-width: 100px;
}
.fot-s-200{font-size: 315%;}
.mb-12{
	position: relative;
    width: 100%;
    float: none;
    min-height: 1px;
	clear: both;
}
.ta-l{
	text-align: left;
}
.ta-r{
	text-align: right;
}

button{
	padding: 10px;
    margin-right: -10px;
    margin-bottom: 10px;
    min-width: 100px;
	margin-left: 20px;
    color: #ffff !important;
    background: #e85f5f;
    border: 1px solid #961818;
    border-radius: 3px;
    cursor: pointer;
    margin-top: 5px;
}

button:hover{
	    background: #ef4d4d;
}

.into{
	    background: #cbeccd;
    padding: 10px;
    display: inline-block;
    border-radius: 4px;
    border: 1px solid #0f7715;
    color: #0f7715;
}
.login-box{
	width: 28%;
    display: block;
    padding: 10px;
    margin: 0 auto;
    background: #fff;
    position: absolute;
    border: 1px solid #adacac;
    border-radius: 4px;
	clear: both;
	margin-top: 13%;
	    left: 50%;
    margin-left: -14%;
}
.login-box h1{
	    color: #e85f5f;
    text-align: center;
}
.login-error{
	width: 100%;
    text-align: left;
    display: block;
    border: 1px solid #cac8c8;
    padding: 3px 10px;
    background: #ffd9d9;
    color: #961111;
    border-radius: 3px;
	    margin: 0 auto;
}

.top-bar{
	width: 100%;
    background: #fff;
    display: block;
    height: 66px;
    position: fixed;
    top: 0px;
	z-index: 9;
    border-bottom: 2px solid #ef4d4d;
}

.logo-top-bar{
	width: 20%;
	float: left;
}
.logo{
	height: 152px;
    padding: 7px 0px;
    width: 266px;
    position: relative;
    top: -26px;
    left: -13px;
}
.panel-left-client {
    display: inline-block;
    width: 45%;
    height: 66px;
    max-height: 66px;
    margin: 0px;
    padding: 0px;
    float: left;
}
.panel-rigth-client {
    display: inline-block;
    width: 45%;
    height: 66px;
    max-height: 66px;
    margin: 0px;
    padding: 0px;
    float: right;
    text-align: right;
}
.panel-rigth-client .user-info {
    display: inline-block;
    height: 66px;
    padding-right: 4px;
    position: relative;
    margin-right: 8px;
    padding-top: 12px;
    max-width: 127px;
	    min-width: inherit;
}
.panel-left-client .separator {
    top: 15px;
}
.panel-rigth-client .separator {
    top: -17px;
}
.logo-client {
    height: 152px;
    padding: 7px 0px;
    width: auto;
    position: relative;
    top: -34px;
    left: -26px;
}
.perfil-ima{
	border-radius: 50px;
    width: 50px;
    position: absolute;
    right: 0px;
    top: 6px;
    border: 2px solid #ef4d4d;
}
.clear{
	display: block;
	clear: both;
}

.mitad{
	    width: 35.333%;
    display: inline-block;
}
ul.files{
	margin: 0px;
    padding: 0px;
    list-style: none;
}

.remove-file{
	text-decoration: none;
	float: right;
    font-size: 14px;
    color: #ef4d4d;
}
ul.files li{
	padding: 2px 0px;
}
ul.files li a{
	text-decoration: none;
}

ul.files li a:hover{
	text-decoration:underline;
}

ul.files li a span.filse-size{
	font-size: 10px;
    color: #a29e9e;
}
.trinidad{
	    width: 18.6%;
    display: inline-block;
}

.mt-20{
	margin-top: 20px;
}
#popedit .buttoms-popup {
    margin: 0px -42px;
}
.popup-overlay.show{
   position: fixed;
    background: rgb(0 0 0 / 82%);
    z-index: 999;
    width: 100%;
    bottom: 0px;
    top: 0;
    left: 0;
    height: 100% !important;
}
.hide{
	display: none;
}
.red{
color:#ef4d4d;
}
.tr-green > td{
  background:#8ef74f;
}
.tr-red > td{
  background:#f19c9c;
}
.tr-yellow  > td{
background:#f3ee03;
}


.files-in{
  list-style: none;
  padding: 0px;
  margin: 0px;
}
.green{
  color: #28af45;
}
.upload, .poptip, #observaciones, #edit-container, .clientePopBtn{
	background: #ef4d4d;
    border: 1px solid #9e0707;
	padding: 4px 0px;
    display: inline-block;
    text-decoration: none;
    color: #fff;
    border-radius: 3px;
    width: 28px;
    text-align: center;
    margin: 1px 5px;
	top: -3px;
    position: relative;
	min-width: 29px;
}

.upload:hover, .poptip:hover{
  color: #fff;
}
.hide-box{
  display: none;
}
.w-int-min{
  width: 27px;
}

.w-btn-mini{
  width: 20px;
}

.upload:hover{
	background: #c51919;
}
a.endose, a.endose:hover{
	color: #ef4d4d;
}
.download{
	background: #ef4d4d;
    border: 1px solid #9e0707;
	padding: 4px 0px;
    display: inline-block;
    text-decoration: none;
    color: #fff;
    border-radius: 3px;
    width: 40px;
    text-align: center;
    margin: 1px 5px;
    top: -3px;
    position: relative;
}
.item-icon a{
	    display: inline-block;
    line-height: 12px;
}

.mod-form-files .modal-content{
    max-height: 400px;
    overflow: auto;
}

td.despacho{
	    padding: 0px 23px !important;
}

.estado_list{
	    margin: 0px;
    padding: 6px 7px;
	    top: -3px;
    position: relative;
}
#contenedores .fa-check{
	top: -3px;
    position: relative;
}
#contenedores .despacho_txt{
	padding: 4px 9px;
    margin: 4px -10px;
}
#contenedores .remesa_txt{
	padding: 4px 9px;
    margin: 4px -10px;
}
#observaciones-list{
	margin-right: 12px;
    padding: 8px 4px !important;
    font-size: 12px;
    background: #fff;
    z-index: 999999;
    position: fixed;
    max-width: 31%;
    min-width: 31%;
    top: 10%;
    left: 54%;
    border-radius: 4px;
    border: 4px solid #ef4d4d;
    margin: 0 auto;
    box-shadow: 0px 0px 4px #333;
    margin-left: -14.555%;
    width: 31%;
}

span.user{
	    display: block;
    color: #ef4d4d;
}
#observaciones-list h2 {
    font-size: 22px;
    margin-top: 5px;
	margin-left: 9px;
}
#close-observaciones{
	float: right;
    color: #ef4d4d;
    display: block;
    font-size: 20px;
    top: -6px;
    right: -5px;
    position: relative;
}

.w-status{
	width: 90px;
}
#contenedores td.ta-l, #contenedores th.ta-l{padding-left: 10px;}
.download:hover{
	background: #c51919;
}


.logo-top-bar{
	width: 20%;
    display: inline-block;
    height: 60px;
    overflow: hidden;
}

#fontminus .fa-minus, #fontplus .fa-plus{
	    position: absolute;
    top: -13px;
    right: -7px;
    font-size: 68%;
}
.buttons-top-bar{
    width: 80%;
    display: inline-block;
}

.panel-left{
	display: inline-block;
    width: 40%;
    height: 66px;
    max-height: 66px;
    margin: 0px;
    padding: 0px;
    float: left;
}

.filters{
	padding: 10px;
    display: inline-block;
    text-decoration: none;
    color: #fff;
    border-radius: 3px;
    width: 61px;
    text-align: center;
    margin: 11px 5px;
    background: #ef4d4d;
    border: 1px solid #9e0707;
    margin-left: 17px;
}
.filters:hover{
	background: #c51919;
}

#filters h2, #filtersCon h2,#popedit h2, #uploads h2, #downloads h2 {
    padding: 3px 11px 11px 11px;
    color: #ef4d4d;
    margin-top: 6px;
    border-bottom: 2px solid #efa7a7;
}
#popclient h2 {
	padding: 3px 6px 2px 0px;
    color: #ef4d4d;
    border-bottom: 2px solid #efa7a7;
}
#popedit h2{
	font-size: 18px;
    line-height: 9px;
    padding-top: 0px !important;
       margin-top: 15px;
    border-bottom: 1px solid #ef4d4e;
    padding-bottom: 15px !important;
}

.pa-15{
	padding: 15px;
}
#filters, #uploads, #downloads{
	    background: #fff;
    z-index: 999999;
    position: fixed;
    max-width: 30%;
    top: 7%;
    left: 50%;
    border-radius: 4px;
    border: 4px solid #ef4d4d;
    margin: 0 auto;
    box-shadow: 0px 0px 4px #333;
    margin-left: -6%;
    width: 30%;
    transform: translate(-25%, 0%);
}
#popedit div.close-bb{
    position: absolute;
    right: 11px;
    font-size: 145%;
    top: 3px;
   
}

#popedit a.close-bb{
 color: #be1616;	
}


.buttoms-popup{
	    display: block;
    width: 100%;
    padding: 10px;
}



.dropdown-menu{
	background: #d4dbf7;
    position: absolute;
    width: 313px;
    border-radius: 0px 0px 3px 3px;
    padding: 5px;
	    display: none;
}
.dropdown-menu.show{
	display: block;
}
.dropdown-menu a{
	    display: block;
    width: 100%;
    padding: 3px;
    text-decoration: none;
}
#filters .control-form, #filtersCon .control-form, #popedit .control-form{
	padding: 10px 24px;
}

#uploads .control-form{
	padding: 10px 20px;
}

.close, #close-downloads, #close-uploads, #close-ima{
	    color: #ef4d4d;
    display: block;
    padding: 0px 10px;
    font-size: 20px;
    top: 5px;
    position: absolute;
    right: 0px;
}

#close-ima{
  top: 0px !important;
    right: 2px !important;
}

#uploads label{
	margin: 0px -9px -2px -8px;
    color: #de5c5c;
}

#uploads .single-upload{
	    margin-top: 29px;
}
#save-file{
	text-align: center;
	text-decoration: none;
	margin-bottom: 17px;
    min-width: 100px;
    margin-left: 20px;
    color: #ffff;
    text-transform: uppercase;
    background: #e85f5f;
    border: 1px solid #961818;
    border-radius: 3px;
    cursor: pointer;
    margin-top: 5px;
    float: right;
	margin-right: 12px;
    padding: 11px 15px !important;
    font-size: 12px;
}
.panel-rigth{
	display: inline-block;
    width: 59%;
    height: 66px;
    max-height: 66px;
    margin: 0px;
    padding: 0px;
    float:right;
	text-align: right;
}

.list-downloads{
        width: 100%;
    display: block;
    height: 430px;
    background: #fffcfc;
    overflow-y: auto;
    overflow-x: hidden;
    padding: 8px 10px;
}
.btn-bar-left{
	display: inline-block;
    height: 66px;
    max-height: 66px;
    position: relative;
    line-height: 50px;
    font-size: 20px;
    margin-right: 11px;
    color: #ef4d4d;
	    top: 7px;
	text-decoration: none;
}
.btn-bar-left:hover, .btn-bar-right:hover{
color:#c51919;
}
.separator{

	margin-right: 11px;
    border-right: 1px solid #d4d4d4;
    height: 31px;
    display: inline-block;
    top: 14px;
    position: relative;
}

.mobile-show{
	display: none;
}

.modal{
	display: none;
}

.table-condensed .separator{
  margin-right: 0px;
    border-right: 1px solid #eae9e9;
    height: auto;
    display: table-cell;
    top: 0px;
    position: relative;
}

.panel-rigth .separator{
      top: -19px;
}

.btn-bar-left.home{
	    font-size: 24px;
}

.btn-bar-left.minus{
	font-size: 17px;
    top: 6px;
}
.btn-bar-left.plus{
	font-size: 17px;
}

.user-info{
       display: inline-block;
    height: 66px;
    padding-right: 4px;
    position: relative;
    margin-right: 8px;
    padding-top: 12px;
	    min-width: 212px;
}

.btn-bar-right{
	    display: inline-block;
    height: 66px;
    max-height: 66px;
    position: relative;
    line-height: 50px;
    font-size: 20px;
    color: #ef4d4d;
    float: right;
    top: 7px;
    text-decoration: none;
    margin-right: 17px;
}
.name-user{
 width: 100%;
    display: block;
    float: left;
    text-align: left;
    font-size: 17px;
    color: #333;
	text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
}

.name-type{
	float: left;
}

table thead th i{
	font-size: 206%;
}
.val-bo{
	vertical-align: bottom;
}

a.download.client{
	    font-size: 158%;
    padding: 2px 3px;
    line-height: 24px;
}

.btn-bar-right i{margin-right: 10px;}

.content{
	    margin-top: 70px;
    display: block;
    height: auto;
    padding: 15px 20px;
    width: 100%;
	    background: #ffffff;
}
.main{
 width: 98%;
  margin: 0 auto;
  text-align: center;
  position: relative;
  top: 52px;
}

.main a{
 display: inline-block;
    padding: 10px;
    color: #ef4d4d;
    font-size: 100%;
    border: 4px solid #ef4d4d;
    border-radius: 6px;
    text-decoration: none;
    background: #fff;
    margin-right: 23px;
    margin-bottom: 29px;
    height: 146px;
    width: 133px;
    text-overflow: ellipsis;
    overflow: hidden;
}

#ports td {
    padding: 6px 5px 6px 5px;
}
.main a:hover{
	color:#c51919;
}
.main a i{
   font-size: 58px;
    text-align: center;
    width: 100%;
    margin-top: 0px;
    margin-bottom: -7px;
    display: block;
	color: #968d8d;
}
.main a:hover i{
	color: #ef4d4d;
}
.main a span{
	display: block;
    color: #a5a0a0;
}

.error404{
	font-size: 120px;
    text-align: center;
    display: block;
    margin-top: 5%;
}

.error404p{
	    font-size: 22px;
    text-align: center;
}

.top-btns{
text-align: right;
	    margin-right: 27px;
}

.top-btns a{
	padding: 10px;
    display: inline-block;
    text-decoration: none;
    background: #949494;
    color: #fff;
    border-radius: 3px;
    width: 61px;
    text-align: center;
    margin: 11px 5px;
    border: 1px solid #5f5c5c;
}

.top-btns a.back{
	background: #ef4d4d;
    border: 1px solid #9e0707;
}

.top-btns a.back:hover{
	background:#c51919;
}

button.blue{
	background: #3754bd;
    border: 1px solid #09079e;
}

button.blue:hover{
	background: #4a6adc;
    border: 1px solid #09079e;
}

a.blue{
	background: #3754bd;
    border: 1px solid #09079e;
}

a.blue:hover{
	background: #4a6adc;
    border: 1px solid #09079e;
}

.hide{
	display: none;
}
select{
	    width: 100%;
    padding: 11px;
    margin: 0px -10px 19px -10px;
    height: auto;
}
.form{
       background: #fff;
    display: inline-block;
    min-height: 400px;
    width: 24.333333%;
    margin: 0px 28px;
    border-radius: 8px;
    border: 1px solid #bdbaba;
    padding: 0 37px;
}

.form.fix{
	    position: fixed;
    top: 74px;
    overflow-y: auto;
    max-height: 650px;
    padding-bottom: 90px;
}
.list{
	background: #fff;
    display: inline-block;
    min-height: 400px;
    width: 100%;
    border-radius: 8px;
    top: 0px;
    border: 1px solid #bdbaba;
}

.list-full{
    background: #fff;
    display: inline-block;
    min-height: 400px;
    width: 96%;
margin: 0px 10px;
    border-radius: 8px;
    float: right;
    padding: 27px;
    top: 0px;
    border: 1px solid #bdbaba;
}

.mb-6{
	width: 48%;
    max-width: 50%;
    display: inline-block;
}
.filter{
	display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: space-between;
	align-items: center;
}
.filter .input-box{
	width: 50%;
}

.btn-filter{
	    background: #005cda;
    border: 1px solid #001258;
	    color: #fff;
}
.btn-filter:hover, .btn-filter.active{
	    background: #114c9c;
    border: 1px solid #001258;
}
.w-25{    width: 22.77777% !important;
    margin-right: 5px;}
.in-blo{
	display: inline-block;
}
.mobile-item{
     display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    align-items: flex-start;
    justify-content: space-between;
    padding-bottom: 5px;
    border-bottom: 1px solid #ccc6c6;
    margin-bottom: 5px;
	    position: relative;
	padding: 5px;
	    border-radius: 4px;
}
.image-item{
	    display: flex;
    align-items: center;
        height: 103px;
    width: 20%;
}
.image-item img{
	width: 100%;
    text-align: center;
    margin: 0 auto;
}

.content-item{
    width: 85%;
    padding: 0px 10px;
}

.buttons-items{
	display: none;
	    position: absolute;
}
.item-name{
    font-size: 108%;
    padding: 0px;
    line-height: 16px;
    padding-bottom: 5px;
    color: #de5c5c;
}

.item-icon i{
color: #de5c5c;
	display: inline-block;
}

.item-icon{
	    overflow: hidden;
    text-overflow: ellipsis;
}

.item-icon span{
	display: inline-block;
    max-width: 85%;
        font-size: 82%;
}
.buttons-items.show{
display: flex;
    position: absolute;
    width: 100%;
    background: #d89b9b42;
    height: 100%;
    justify-content: flex-end;
	left: 0px;
    top: 0;
}

.w-actions{
	width: 150px;
}
.w-actions a, .w-actions button{
	    color: #d0d0d0;
    text-decoration: none;
    font-size: 130%;
    text-align: center;
    padding: 7px;
    border-radius: 4px;
}
table tr:hover td{
	    background: #e9e7e7;
}
.w-actions a:hover, .w-actions button:hover{
	    background: #c51919;
    color: #fff;
}
.buttons-items.show a, .buttons-items.show button{
	    display: flex;
    flex-direction: row;
    align-items: center;
    border-right: 1px solid #333;
    min-width: 50px;
    justify-content: center;
    font-size: 130%;
    background: #a22a47;
	border-radius: 0px;
	color: #fff;
	text-decoration: none;
}

.buttons-items.show a i, .buttons-items.show button i{
	color: #fff;
}
.con-ima{
	    border: 1px solid;
    border-radius: 4px;
    width: 100%;
    background: #e4e4e4;
    max-height: 66px;
    overflow: hidden;
}

span.error.bg{
	    background: #fff0f0;
    padding: 10px;
    border-radius: 3px;
    width: 100%;
    border: 1px solid;
	text-align: left;
}


::-webkit-input-placeholder{
	color: #c9ccd0;
}

:-moz-placeholder{
	color: #c9ccd0;
}

::-moz-placeholder{
	color: #c9ccd0;
}


::-ms-input-placeholder{
	color: #c9ccd0;
}

table{
	margin: 0px;
    padding: 0px;
    border: 1px solid #d2d0d0;
    width: 100%;
	border-spacing: 0px;
}
table img{
	    border-radius: 3px;
    border: 2px solid #bf1818;
}

table tbody tr{
cursor: pointer;
}

table th{
	background: #ef4d4d;
    color: #ffffff;
        padding: 9px 5px;
    text-transform: uppercase;
    border-right: 1px solid #ec2a2a;
    border-bottom: 2px solid #730505;
}
.mod-form-files table th {
    padding: 5px 5px;
}
table td{
	background: #ffffff;
    padding: 6px 5px 0px 5px;
    text-transform: uppercase;
    font-size: 12px;
	    height: 38px;
    border-right: 1px solid #eae9e9;
	border-bottom: 1px solid #eae9e9;
}

table#address td{
	padding: 0px 23px;
}

table#address th{
	padding: 13px 15px;
}

#new-address, #new-container{
	padding: 4px 12px;
    display: inline-block;
    background: #5da526;
    float: right;
    margin-bottom: 10px;
    color: #fff;
    font-size: 20px;
    border-radius: 3px;
}

#new-address:hover, #new-container:hover{
	background: #3b7311;
}
#containers td{
    padding: 0px 23px !important;
}
table .fa-check{
	font-size: 23px;
    color: #ddd;
}

table .fa-check.green{
    color: #28af45;
}
.w-viejo{
      width: 60px;
}
.w-ima{
	width: 40px;
}

.w-phone{
	width: 80px;
}

.w-fecha{
	width: 65px;
}

.w-fecha-entrega{
	width: 100px;
}

.w-buque{
	width: 120px;
}

.w-despacho{
	width: 35px;
}

.w-check{
	width: 20px;
}

.w-type{
	width: 120px;
}

.w-email {
	    width: 123px;
    max-width: 123px;
    overflow: hidden;
    text-overflow: ellipsis;
    overflow-wrap: normal;
}

.ta-l{
	text-align: left;
}
.ta-c{
	text-align: center;
}

.list-checkbox{
	    width: 24%;
    max-height: 450px;
    overflow-y: auto;
    overflow-x: hidden;
    position: relative;
    padding-top: 0px;
    border: 1px solid #c9ccd0;
}
a.remove:hover, a.remove-address:hover, a.remove-container:hover, a.permisions:hover{
	background: #c51919;
}

.list-checkbox h2{
	    position: sticky !important;
    background: #ef4d4e;
    color: #fff !important;
	margin-bottom: 0px !important;
	margin-top: 0px !important;
    border-radius: 4px 4px 0px 0px;
	top: 0px;
	padding: 3px 17px !important;
}

.form-client{
	width: 40%;
    display: inline-block;
}

.list-address{
	width: 50%;
    display: inline-block;
    float: right;
}

.single-up-inline{
	display: inline-block !important;
        margin: 0px 2px !important;
}


.single-upload-back .msg-drop-hover, .single-upload-front .msg-drop-hover {
    top: 33% !important;
}

.single-upload-back .drop-area, .single-upload-front .drop-area {
    position: relative;
    width: 160px;
    height: 115px !important;
}

.btn-save-permissions{
	margin-right: 1px;
    margin-top: 10px;
}

.yopermi{
	    padding-left: 20px;
}
.modal.mod-form.show{
	display: block;
	    overflow: auto;
}

.mt-20{
	margin-top: 20px !important;
}
.back-permission{
    padding: 8px 0px !important;
    margin-right: 0px !important;
    margin-bottom: 10px;
    min-width: 100px;
    margin-left: 20px;
    color: #ffff !important;
    text-transform: uppercase;
    background: #e85f5f !important;
    border: 1px solid #961818 !important;
    border-radius: 3px !important;
    cursor: pointer;
    margin-top: 10px;
    float: right;
    font-size: 13px !important;
    height: 20px !important;
    width: 100px !important;
}

.btn-saves{
	margin-right: 11px;
}

.single-upload-firm .msg-drop-hover {
    top: 25%;
}

.single-upload-firm .drop-area {
        height: 114px !important;
}

.flex-rows{
	    display: flex;
    flex-direction: row;
	    justify-content: space-between;
}

.f-la{
	justify-content: space-between;
}

.f-wrap{
	    flex-wrap: wrap;
}

.f-vc{
	 align-items: center;
}
.w-45{
	width: 47.6%;
}
.w-50{
	    width: 47.5%;
}
.w-30{
	width: 30% !important;
}
.w-20{
	width: 21.3%;
}
.w-40{
	width: 40%;
}

.ror{
	    display: block;
    width: 100%;
    text-align: right;
    font-size: 200%;
}
.form-inputs h2{
	    padding: 0px;
    margin-bottom: 10px;
    margin-top: 10px;
    font-size: 185%;
    font-weight: 300;
    color: #535252;
}


.mr-10{
	margin-right: 5%;
}

.input-checkbox label{
	display: inline-flex;
    flex-direction: row;
    flex-wrap: nowrap;
    align-items: center;
	width: 100%;
	margin-left: 0px;
    padding: 5px 0px;
}
.input-checkbox{
    margin-top: 0px;
    padding: 3px 0px;
    width: 100%;
}
.list-checkbox > .input-checkbox:nth-child(2n+1){
    background-color: #f4f4f4;
    border: none;
}
.input-checkbox label input{
	max-width: 25px;
    margin: 0px;
    margin-right: 10px;
	margin-left: 10px;
}
.recover{
	display: block;
    margin: 0px;
    padding: 0px;
    position: relative;
    top: -11px;
    color: #d27070;
    text-decoration: none;
}
.recover:hover{
	text-decoration: underline;
}

.flags{
	    width: 30px;
    display: inline-block;
    margin-top: 3px;
    position: relative;
    top: 10px;
}

.flags img{
	    border: 1px solid #ab0e0e;
    border-radius: 2px;
}

.modal{
	width: 100%;
    height: 100%;
       position: fixed;
    top: 0;
    left: 0;
    display: flex;
    display: none;
	    overflow: auto !important;
    border-radius: 3px;
    z-index: 11;
}

.mobile-item.tr-red {
    background: #ffd1d1;
}
.mobile-item.tr-green {
    background: #8ef74f;
}

.view-client{
	display: inline-block;
    padding: 2px 5px;
    background: #e00;
    border-radius: 4px;
    margin-right: 10px;
    color: #fff;
}
.view-client.green{
    background: #00ae0f;
}
.view-client:hover, .view-client:focus{
	text-decoration: none !important;
	color: #fff;
}
.mobile-item.tr-yellow{
background:#f3ee03;
}


.modal .content {
    width: 400px;
    display: flex;
    top: 5%;
    margin: 0 auto;
    flex-direction: column;
    flex-wrap: wrap;
    background: #fff;
    align-content: center;
    justify-content: space-evenly;
    border: 2px solid #edecec;
    border-radius: 6px;
    position: relative;
}

#popclient .content {
    width: 470px;
}
h2.ti-modal{
	    margin: 0px !important;
    line-height: 8px;
    margin-bottom: 10px !important;
    margin-top: 11px !important;
    font-size: 180%;
    text-align: center;
}
.btns-save-chofer{
	    text-align: right;
    margin: 10px 0px;
}
.modal-title {
    width: 100%;
}
.modal-title h3 {
    background: #de5c5c;
}

.modal-title h3 {
     color: #fff;
    padding: 5px 6px;
    margin: 0px;
    border-radius: 3px 3px 0px 0px;
    position: relative;
    font-size: 146%;
    line-height: 37px;
}

.modal-closed{
	background: none;
    border: none;
    position: absolute;
    right: 0px;
    min-width: 40px;
    top: -7px;
}
.modal-closed:hover{
	background: none;
}
.modal .content {
	padding: 0px;
}
.modal .modal-content {
    color: #4D4D4D;
}

.modal-content {
    padding: 10px;
    padding-bottom: 25px;
}
.modal-footer {
    padding: 10px;
}
.modal .cancel, button.gris{
	    background: #a59b9b;
    border: 1px solid #625c5c;
	    color: #fff;
}

.modal .overlay{
	position: fixed;
    left: 0;
    top: 0px;
    height: 100%;
    width: 100%;
    background: rgb(0 0 0 / 82%);
}
body.over{
	overflow: hidden;
}

.control-top-main{
	    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-direction: row;
    flex-wrap: nowrap;
	margin-bottom: 10px;
}

.w-100{
	width: 100%;
}
.w-35{
	width: 34%;
}
.w-60{
	width: 58%;
}
.nm-la{
	padding: 0px !important;
}
.mt-15{
	margin-top: 15px;
}

#popedit .content {
    width: 890px;
}

#filtersCon .content {
    width: 600px;
}

.modal-content {
    -webkit-box-shadow: none !important;
    box-shadow: none !important;
}

.modal-content {
    position: relative;
    background-color: #fff;
    border: none !important;
    border-radius: 0px;
    -webkit-box-shadow: none !important;
    box-shadow: none !important;
    background-clip: inherit !important;
    outline: 0;
    padding: 15px !important;
}
.modal-footer {
    border-top: 0px !important;
}
.input-checkbox.w-45{
	width: 47.6%;
}
.modal-footer .control-modal-btns button{
	font-size: 120%;
}

.input-box.btn-box{
	        display: flex;
    align-items: flex-end;
}
.input-box.btn-box input{
	width: 70%;
}
.input-box.btn-box button{
	width: 28%;
	margin-left: 2%;
	    max-height: 40px;
}
.input-box.btn-box label{
	top: 0px;
}

.remove-emp{
	    background: #de1112;
    padding: 1px 8px;
    color: #fff;
    border-radius: 4px;
    right: 6px;
    margin-right: 0;
    margin-left: auto;
    position: absolute;
    top: 6px;
    font-size: 131%;
    font-weight: bold;
}
#empresas tbody td{
	position: relative;
}
.col-sl-3::after{
	    content: ' ';
        flex: 0 1 22%;
}

	.col-sl-302::after {
    content: ' ';
    flex: 0 1 37.7%;
}
#containers tbody td, #address tbody td{
	padding: 0px !important;
}
#containers tbody td input, #contenedores tbody td input{
	width: 100%;
    border-radius: 3px;
    margin: 0px;
    border: 1px solid #cec9c9;
}

.remove-container{
	    background: #ef4d4e;
    color: #fff;
    padding: 7px 10px;
    border-radius: 4px;
}
.remove-container:hover, #contenedores .remove:hover{
	color: #fff;
}
.datepicker-days .table-condensed th{text-align: center;}
.no-ma{
	margin-left: 0px !important;
}
.min-ac{width: 20px;}
.edit_buque{
	padding: 0px 7px;
}
a:hover{
	text-decoration: none !important;
}

.modal.show {
    display: block !important;
}

.pa-table td{
	padding: 0px 10px !important;
}

.login-flag {
        width: 35px;
    margin-top: 3px;
    display: inline-block;
    height: 75px;
    max-height: 28px;
    line-height: 14px;
    border-radius: 4px;
    margin-right: 5px;
    position: absolute;
    left: 4px;
    bottom: 8px;
    top: inherit;
}