/* Turn on custom 8px wide scrollbar */
::-webkit-scrollbar {
width: 10px; /* 1px wider than Lion. */
/* This is more usable for users trying to click it. */
background-color: rgb(249, 250, 253);
-webkit-border-radius: 0px;
}
/* hover effect for both scrollbar area, and scrollbar 'thumb' */
::-webkit-scrollbar:hover {
background-color: rgba(0, 0, 0, 0.09);
}

/* The scrollbar 'thumb' ...that marque oval shape in a scrollbar */
::-webkit-scrollbar-thumb:vertical {
/* This is the EXACT color of Mac OS scrollbars. 
    Yes, I pulled out digital color meter */
background: rgba(0,0,0,0.5);
-webkit-border-radius: 0px;
background-clip: padding-box;
border: 2px solid rgba(0, 0, 0, 0);
min-height: 10px; /*Prevent it from getting too small */
}
::-webkit-scrollbar-thumb:vertical:active {
background: rgba(0,0,0,0.61); /* Some darker color when you click it */
-webkit-border-radius: 0px;
}
::-webkit-input-placeholder { /* Chrome/Opera/Safari */
    color: #B7BBC6;
}
::-moz-placeholder { /* Firefox 19+ */
    color: #B7BBC6;
}
:-ms-input-placeholder { /* IE 10+ */
    color: #B7BBC6;
}
:-moz-placeholder { /* Firefox 18- */
    color: #B7BBC6;
}

html, body{
    font-family: 'Lato', sans-serif;
}

h5 span{
    font-weight: 400;
}

.left{
    float: left !important;
}

.right{
    float: right !important;
}

.rel{
    position: relative !important;
}

.clear{
    clear: both;
    display: block;
}

.vert-midd{
    display: inline-block;
    vertical-align: middle !important;
}

.child-inline > *{
    display: inline-block;
    vertical-align: middle;
}

.w400{
    width: 400px !important;
    min-width: 400px !important;
}

.w600{
    width: 600px !important;
    min-width: 600px !important;
}

.w30p{
    width: 30% !important;
}

.w50p {
    width: 50% !important;
}
.w60p {
    width: 60% !important;
}
.w80p{
    width: 80% !important;
}
.w90p{
    width: 90% !important;
}
.w33{
    width: 33.33%;
}

.w60p {
    width: 60% !important;
}

.w100p{
    width: 100% !important;
}

.mxw-150{
    max-width: 150px !important;
}
.mxw-80{
    max-width: 80px !important;
}

.h40{
    height: 40px !important;
    line-height: 40px !important;
}

.h50{
    height: 50px !important;
    line-height: 50px !important;
}

.ma{
    margin: auto !important;
}

.mg0{
    margin: 0px !important;
}

.mt0{
    margin-top: 0px;
}

.mt10{
    margin-top: 1rem !important;
}

.mt20{
    margin-top: 2rem !important;
}
.mt30{
    margin-top: 3rem !important;
}

.mb0{
    margin-bottom: 0px !important;
}

.mb10{
    margin-bottom: 1rem !important; 
}

.mb20{
    margin-bottom: 2rem !important;
}

.mb40{
    margin-bottom: 4rem !important;
}

.mb60{
    margin-bottom: 6rem !important;
}

.ml5{
    margin-left: 0.5rem !important;
}

.ml10{
    margin-left: 1rem !important;
}

.mr20{
    margin-right: 2rem !important;
}
.mr10{
    margin-right: 1rem !important;
}
.mr5{
    margin-right: .5rem !important;
}

.pd0{
    padding: 0px !important;
}

.pd10{
    padding: 10px !important;
}

.pd20{
    padding: 20px !important;
}

.pl5{
    padding-left: 5px !important;
}
.pl10{
    padding-left: 10px !important;
}

.pl15{
    padding-left: 15px !important;
}
.pl20{
    padding-left: 20px !important;
}

.pl20{
    padding-left: 20px !important;
}

.pr5{
    padding-right: 5px !important;
}
.pr10{
    padding-right: 10px !important;
}
.pr15{
    padding-right: 15px !important;
}
.pr20{
    padding-right: 20px !important;
}
.pr0{
    padding-right: 0 !important;
}

.pt0 {
    padding-top: 0 !important;
}
.pt5 {
    padding-top: 5px !important;
}
.pt10 {
    padding-top: 1rem !important;
}
.pt30{
    padding-top: 3rem !important;
}
.pt35 {
    padding-top: 3.5rem !important;
}
.pb0 {
    padding-bottom: 0 !important;
}
.pb5 {
    padding-bottom: .5rem !important;
}
.pb10 {
    padding-bottom: 1rem !important;
}
.pb30{
    padding-bottom: 3rem !important;
}
.pb50 {
    padding-bottom: 5rem !important;
}

.pb60{
    padding-bottom: 6rem !important;
}

.pb100{
    padding-bottom: 10rem !important;
}

a{
    color: #1ECBC8;
}

p{
    margin: 0;
}

b{
    font-weight: bold;
}

i {
    color: #767F90;
}

.c_verde{
    color: #1ECBC8 !important;
}

.c_rojo{
    color: #C02828 !important;
}

.c_verde2{
    color: #5DC8C7 !important;
}

.c_gris{
    color: #767F90 !important;
}

.c_gris2{
    color: #949494 !important;
}

.bg_blue_p{
    background-color:#0086A7 !important;
}

.fw400{
    font-weight: 400 !important;
}

.f9{
    font-size: 0.7rem !important;
}

.f10{
    font-size: 0.8rem !important;
}

.f11{
    font-size: 0.9rem !important;
}

.f12{
    font-size: 1rem !important;
}

.f14{
    font-size: 1.2rem !important;
}

.f16{
    font-size: 1.4rem !important;
}

.f20{
    font-size: 1.8rem !important;
}

input[type=text]:focus:not([readonly]).buscador{
    border-bottom: none !important;
    box-shadow: inherit !important;
}

.bold{
    font-weight: bold !important;
}

.btn, .btn-large, .btn-small{
    font-size: 12px;
    height: 30px;
    line-height: 30px;
    box-shadow: none;
}


.btn:hover, .btn-large:hover, .btn-small:hover {
     opacity: 0.9;
}

.btn.white.red-text{
    border:2px solid #fff;
    color: #d0021b !important;
}

.btn.white.red-text:hover{
    border:2px solid #d0021b;
    border-radius: 5px;
}

.bx-sh{
    -webkit-box-shadow: 0 8px 17px 2px rgba(0,0,0,0.14), 0 3px 14px 2px rgba(0,0,0,0.12), 0 5px 5px -3px rgba(0,0,0,0.2) !important;
    box-shadow: 0 8px 17px 2px rgba(0,0,0,0.14), 0 3px 14px 2px rgba(0,0,0,0.12), 0 5px 5px -3px rgba(0,0,0,0.2) !important;
}
td, th{
    border-radius: 0px;
}

.pointer{
    cursor: pointer;
}

.btn_green, .btn_green:hover{
    background-color: #5DC8C7;
    color: white;
}

.btn_transparent, .btn_transparent:hover{
    background-color: transparent;
    color: #A5A8B1
}

.btn-alto{
    height: 46px !important;
    line-height: 46px !important;
}

hr.linea_gris {
    background: #A5A8B1;
    border: none;
    height: 1px;
}

input:not([type]), input[type=text]:not(.browser-default), input[type=password]:not(.browser-default), input[type=email]:not(.browser-default), input[type=url]:not(.browser-default), input[type=time]:not(.browser-default), input[type=date]:not(.browser-default), input[type=datetime]:not(.browser-default), input[type=datetime-local]:not(.browser-default), input[type=tel]:not(.browser-default), input[type=number]:not(.browser-default), input[type=search]:not(.browser-default), textarea.materialize-textarea{
    font-size: 14px;
    border-bottom: 1px solid #d5d8de;
    height: 2rem;
    margin-bottom: 15px;
}
input.valid:not([type]), input.valid:not([type]):focus, input.valid[type="text"]:not(.browser-default), input.valid[type="text"]:not(.browser-default):focus, input.valid[type="password"]:not(.browser-default), input.valid[type="password"]:not(.browser-default):focus, input.valid[type="email"]:not(.browser-default), input.valid[type="email"]:not(.browser-default):focus, input.valid[type="url"]:not(.browser-default), input.valid[type="url"]:not(.browser-default):focus, input.valid[type="time"]:not(.browser-default), input.valid[type="time"]:not(.browser-default):focus, input.valid[type="date"]:not(.browser-default), input.valid[type="date"]:not(.browser-default):focus, input.valid[type="datetime"]:not(.browser-default), input.valid[type="datetime"]:not(.browser-default):focus, input.valid[type="datetime-local"]:not(.browser-default), input.valid[type="datetime-local"]:not(.browser-default):focus, input.valid[type="tel"]:not(.browser-default), input.valid[type="tel"]:not(.browser-default):focus, input.valid[type="number"]:not(.browser-default), input.valid[type="number"]:not(.browser-default):focus, input.valid[type="search"]:not(.browser-default), input.valid[type="search"]:not(.browser-default):focus, textarea.materialize-textarea.valid, textarea.materialize-textarea.valid:focus, .select-wrapper.valid > input.select-dropdown {
    border-bottom: 1px solid #1ECBC8;
    -webkit-box-shadow: 0 1px 0 0 #1ECBC8;
    box-shadow: 0 1px 0 0 #1ECBC8;
}

.textarea{
    height: auto;
    border: none;
    border-bottom: 1px solid #9e9e9e;
    resize: none;
    font-size: 14px;
    outline: 0;
}

.container{
    max-width: inherit;
}

.non-active{
    border-left: none !important;
}

.circuloestado{
    width: 15px;
    height: 15px;
    background-color: rgba(230,230,230,1);
    border: none;
    display: inline-block;
    vertical-align: middle;
    border-radius: 100%;
    margin-right: 10px;
}

.ce_rojo{
    background-color: #C02828 !important;
}

.ce_naranja{
    background-color: #E58040 !important;
}

.ce_amarillo{
    background-color: #F7E652 !important;
}

.ce_verde{
    background-color: #93CF48 !important;
}

.ce_gris{
    background-color: #949494 !important;
}
.c-gris_s{
    color: #b9b9b9 !important;
}
.c-gris_b{
    color: #b9b9b9 !important;
    text-decoration:line-through;
}
.ce_rojo_cl{
    background-color: #F9E4E4 !important;
}

.ce_naranja_cl{
    background-color: #F7EDDC !important;
}

.ce_amarillo_cl{
    background-color: #FFFEEF !important;
}

.ce_verde_cl{
    background-color: #F0F8E5 !important;
}

.ce_gris_cl{
    background-color: #F9F9F9 !important;
}

.bg_gris_s{
    background-color: #d5d8de !important;
}

.bg_azul{
    background-color: #3B94EA !important;
}

.bg_morado{
    background-color: #6E66E6 !important;
}

.bg_naranja{
    background-color: #EF8543 !important;
}

.bg_amarillo{
    background-color: #F1D14F !important;
}

.bg_verde{
    background-color: #93CF48 !important;
}

.bg_purpura{
    background-color: #AD35D8 !important;
}

.bg_azul2{
    background-color: #5DC8C7 !important;
}

.bg_azul3{
    background-color: #245E95 !important;
}

.bg_verde{
    background-color: #4E7321 !important;
}

.bg_rojo{
    background-color: #C02828 !important;
}

.c-blue-pt{
    color:#00becc !important;
}

input:not([type]):focus:not([readonly]), input[type=text]:not(.browser-default):focus:not([readonly]), input[type=password]:not(.browser-default):focus:not([readonly]), input[type=email]:not(.browser-default):focus:not([readonly]), input[type=url]:not(.browser-default):focus:not([readonly]), input[type=time]:not(.browser-default):focus:not([readonly]), input[type=date]:not(.browser-default):focus:not([readonly]), input[type=datetime]:not(.browser-default):focus:not([readonly]), input[type=datetime-local]:not(.browser-default):focus:not([readonly]), input[type=tel]:not(.browser-default):focus:not([readonly]), input[type=number]:not(.browser-default):focus:not([readonly]), input[type=search]:not(.browser-default):focus:not([readonly]), textarea.materialize-textarea:focus:not([readonly]){
    border-bottom: 1px solid #9e9e9e;
    box-shadow: none;
}

.items-end {
    align-items: end;
}

.border_gris_textarea {
    border: 1px solid #9e9e9e !important;
}

.borde-r-gs{
    border-right: 1px solid #d5d8de;
}

.borde-l-gs {
    border-left: 1px solid #d5d8de;
}

.inline-b{
    display: inline-block;
}

.br_sel .select-wrapper input.select-dropdown{
    border: 1px solid #999;
    border-radius: 5px !important;
    padding: 5px !important;
    box-sizing: border-box !important;
}

.txt_sel .dropdown-content li>span {
    font-size: 14px;
    color: #9e9e9e;
    display: block;
    line-height: 22px;
    padding: 14px 16px;
    text-align: center;
}

input.w_inp_con{
    width: 60px !important;
    display: inline-block;
    margin-bottom: 5px !important;
    height: 1.5rem !important;
}

.modal{
    z-index: 1005 !important;
}

@media screen and (max-width: 767px){
    .pd0-mob{
        padding: 0px !important;
    }
}

.btn-disabled{
    cursor: not-allowed;
    pointer-events: none;
    opacity: 0.5;
}
.borderradius100{
	border-radius:100%;
	width:25px;
	height:25px;
}

.cursor_pointer{
    cursor: pointer;
}
.img_mainmenu{
	width:25px !important;
	height:25px !important;
}

.loader {
    margin:0 auto;
  border: 16px solid #f3f3f3;
  border-radius: 50%;
  border-top: 16px solid #5DC8C7;
  width: 120px;
  height: 120px;
  -webkit-animation: spin 2s linear infinite; /* Safari */
  animation: spin 2s linear infinite;
}

/* Safari */
@-webkit-keyframes spin {
  0% { -webkit-transform: rotate(0deg); }
  100% { -webkit-transform: rotate(360deg); }
}

@keyframes spin {
  0% { transform: rotate(0deg); }
  100% { transform: rotate(360deg); }
}