@charset "utf-8";
/* CSS Document */
    html, body{
        font-family: "Roboto", sans serif;
        font-weight: 400;
        max-width:100%;
    }
    #top {
        background-color:#666666;
        padding: 5px;
        color: #FFFFFF;
        font-size: 0.8em;
        padding-right: 10px;
    }
    .blanco{ color:#ffffff !important;}
    .input-field{margin-bottom: 0rem;}

    .luz{ background-color:#D6EAFF;}
    ._bold{font-weight:700 !important;}
    h5,h6{font-weight:300 !important;}
    .dedo, .cursor {cursor: pointer}
    .icono{	display: inline-block !important;
        top: 7px !important;
        position: relative !important;
    }
    .bd-callout {
        padding: 1.0rem;
        margin-top: 0.0rem;
        margin-bottom: 0.75rem;
        border-bottom:  1px solid rgb(197, 197, 197);
        border-left: 0.35rem solid #3379b7;
        border-radius: .25rem;
    }
    .bottom-0 {margin-bottom: 0px !important;}

    .top-0{margin-top: 0px;}

    .comentarios { 
        margin-top: .4rem;
        padding-left: 1rem;
        border: none;
        border-radius: .3rem;
        background-color: #eceff1 !important;
        height: 8rem !important;
    }
    .divider{margin-bottom: 0.8em; margin-top: 0.8em; }

    .tit_icono {display:inline-block;position:relative;margin:10px 10px 0;top:-7px}

    .section{padding-bottom: 0px; padding-top: 0px;}
    .top7{top: 7px;}
    .input-field { min-height: 40px !important;}


/*----------------------------------------
    MENU
------------------------------------------*/
    .content {
        margin-top: 70px;
    }
    @media (max-width: 1330px) AND (min-width:769px) {
        .content {
            margin-top: 110px;
        }
    }
    .sticky {
        position: fixed;
        top: 0;
        width: 100%;
        z-index: 2;
    }
    .contentABM { margin-top: 10px; }
/*----------------------------------------
    Tabla
------------------------------------------*/

    .divTablas{
        overflow-y:hidden;overflow-x:auto;
        margin-bottom:5px !important;
        border-radius: 2px;
    }
    .tablas{
        border-collapse:collapse;
        /*border: 2px solid rgba(0,0,0,0.2);*/
        font-weight:300;
    }
    .tablas-titulo { padding:10px !important;  }
    .tablas thead tr:first-child {
        font-size:1em;
        color:#FFF;
        font-weight:700;
    }
    .tablas thead tr:first-child a{color:#FFF;}
    .tablas thead tr:first-child:hover {background-color:#3379b7; }
    
    .tablasABM tr:first-child {
        font-size:1em;
        color:#FFF;
        font-weight:700;
    }
    /* .tablasABM tr:first-child a{color:#FFF;} */
    .tablasABM tr:first-child:hover {background-color:#6b767b; }

    .tablas td{
        padding:5px 5px 5px 10px;
        /*border: 1px solid rgba(5,5,5,0.1) !important;*/
        font-size:0.8em;
        border-radius: 0% !important;
    }
    .tablas thead tr:hover{background-color:#EEE;}
    .tablas thead tr:first-child td span{ position: relative;}

    .tablas tr:hover{background-color:#EEE;}
    .tablas tr:first-child td span{ position: relative;}

    .topOrden{top: -6px !important;}

/*----------------------------------------
    Forms
------------------------------------------*/
    .input-field div.error{
        font-size: .8rem;
        position: relative;
        top: 0rem;
        left: 0rem;
        -webkit-transform: translateY(0%);
        -moz-transform: translateY(0%);
            -ms-transform: translateY(0%);
            -o-transform: translateY(0%);
                transform: translateY(0%);
        color: #F44336;
    }

    .input-field label.active{width: 100%;}

    .left-alert input[type=text] + label:after,
    .left-alert input[type=password] + label:after,
    .left-alert input[type=email] + label:after,
    .left-alert input[type=url] + label:after,
    .left-alert input[type=time] + label:after,
    .left-alert input[type=date] + label:after,
    .left-alert input[type=datetime-local] + label:after,
    .left-alert input[type=tel] + label:after,
    .left-alert input[type=number] + label:after,
    .left-alert input[type=search] + label:after,
    .left-alert textarea.materialize-textarea + label:after{left: 0;}

    .right-alert input[type=text] + label:after,
    .right-alert input[type=password] + label:after,
    .right-alert input[type=email] + label:after,
    .right-alert input[type=url] + label:after,
    .right-alert input[type=time] + label:after,
    .right-alert input[type=date] + label:after,
    .right-alert input[type=datetime-local] + label:after,
    .right-alert input[type=tel] + label:after,
    .right-alert input[type=number] + label:after,
    .right-alert input[type=search] + label:after,
    .right-alert textarea.materialize-textarea + label:after{right: 70px;}
    .miFormulario .col {margin-top: 1.5em;}
    .miFormulario .error:not(input){
        position: absolute !important;
        margin-top: 2.5em !important;
        margin-left: 1em !important;
    }

    .form-header{
        padding: 0.0em !important;
        border-radius: .5rem .5rem 0rem 0rem;
        padding-top: 0px !important;
        margin-top: 0px;
    }
    .form-header .icono{ top:-3px !important;}
    .form-header h4{
    display: inline-block;
    bottom: -10px;
    position: relative;
    margin-top: 0px;
    padding: 0px;
    margin: 0px;
    padding-left: 0.5em;
    }
    .form-header h4 span{font-weight: lighter}
    [type="checkbox"].filled-in:checked + span:not(.lever)::after {
        top: 0;
        width: 20px;
        height: 20px;
        border: 2px solid #3379b7;
        background-color:#3379b7;
        z-index: 0;
    }

/*----------------------------------------
  Sidenav
------------------------------------------*/
    .sidenav{
        width: 340px;
        padding: 2rem;
    }
    .contact-sidenav .line-height{line-height: 1.6rem !important;}
    .contact-sidenav hr{
        border: 0;
        border-top: 1px solid #cfd8dc;
    }
    .contact-sidenav .contact-form{
        padding: 3rem; 
        background-color: #ffffff;
        -webkit-box-shadow: -3px 0 10px 0 #eceff1;
                box-shadow: -3px 0 10px 0 #eceff1;
                border: 1px solid #d7e0e8;
    }
    .contact-sidenav .contact-form{float: right;}

    @media (min-width: 900px){
        .app-sidebar{
            -webkit-transform: none !important;
            -moz-transform: none !important;
                -ms-transform: none !important;
                -o-transform: none !important;
                    transform: none !important;
        }
    }

    @media (max-width: 998px){
        .contact-header{margin-top: 1.3rem; }
        .contact-header h5{
            margin-bottom: 1rem !important; 
            margin-left: 2rem !important;
        }
    .contact-header i{margin-top: .1rem;}}
    


/*----------------------------------------
  Tabs
------------------------------------------*/
    .tabs .tab a:focus, .tabs .tab a:focus.active {background-color: rgba(0,0,0,0.2); }
    .tabs .tab a:hover, .tabs .tab a.active {
        color: #014a99;
        background-color: rgba(0,0,0,0.3);
    }
    .tabs .indicator {
        background-color: #014a99 !important;
        height: 3px;
    }

    .tabs .tab a{color: #014a99;}

/*----------------------------------------
  Pagination
------------------------------------------*/
    .pagination li.active {background-color: #666}

/*----------------------------------------
  Botones
------------------------------------------*/

    .peque{width: 45px ; height: 45px; padding: 0px;}
    .peque i{font-size: 1.8em;}

/*----------------------------------------
  Card - POPUP
------------------------------------------*/
    .cajaPop{
        padding: 10px !important;    
    }
    .cajaTitulo{
        padding: 12px !important;
        font-weight: 500 !important;
        letter-spacing: 0.1em !important;
        margin: 0!important;
        box-shadow: 0 2px 2px 0 rgba(0,0,0,0.14),0 3px 1px -2px rgba(0,0,0,0.12),0 1px 5px 0 rgba(0,0,0,0.2);
        transition: box-shadow .25s, -webkit-box-shadow .25s;
        border-radius: 2px;
    }
    .cajaTitulo .titulos_pop {
        padding: 12px !important;
        font-size: 1.3em !important;
        font-weight: 500 !important;
        letter-spacing: 0.1em !important;
    }
    #miFormAction .card .card-content{border-radius: 2px 2px 0 0;}
    /* .titulos_pop{ background-color: #6b767b; padding: 0.5em; font-size: 1.5em; text-align: center; font-weight:300 !important; color:white; margin-bottom: 0.5em; } */

/*----------------------------------------
  Modal
------------------------------------------*/

    .modal {background-color:#fff;}
    #verCaso span{font-weight: 500; font-size: 18px; color: #6b767b;}
    #verCaso{padding: 20px;}
    #adjuntar {height: 70%;}
    
/*----------------------------------------
  Badges
------------------------------------------*/

    .notification-badge {
        font-family: 'Muli', sans-serif;
        position: relative;
        top: -22px;
        right: 3px;
        margin: 0 -.8em;
        padding: 2px 5px;
        border-radius: 50%;
        background-color: rgb(255, 0, 0);
        line-height: 64px;
    } 
    small { font-size: .8rem;
            font-weight: 500!important;
    }


/*----------------------------------------
    COLORES
------------------------------------------*/
    .verde{ color: #5cb85c; }
    .verdeB{background-color: #5cb85c;}
    .azul_oscuroB{
        background-color: #27314a !important;
    }
    .azul_oscuro{
        color: #27314a !important;
    }
    .azulB{
        background-color: #3379b7 !important;
    }
    .azul{
        color: #3379b7 !important;
    }
    .celesteLogoB{
        background-color: #00b3d9 !important;
    }
    .celesteLogo{
        color: #00b3d9 !important;
    }

    .fondo{ background-color: #6b767b;}

    
    /* Formularios */
        textarea.materialize-textarea:focus:not([readonly]) + label {color: #3379b7;}
        .input-field .prefix.active{color: #3379b7;}
        .select2-selection.focus {
            border-bottom: 1px solid #3379b7;
                box-shadow: 0 1px 0 0 #084c7a;
        }
        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 #3379b7;
            -webkit-box-shadow: 0 1px 0 0 #3379b7;
            box-shadow: 0 1px 0 0 #084c7a;
        }
        .select2-container--default .select2-results__option--highlighted[aria-selected], div.tagsinput span.tag {background-color: #3379b7;}

        input[type="text"]:not(.browser-default):focus:not([readonly]) + label {color: #3379b7;}


    /* Botones */
        .reset .btn {background-color: #727d82;}
        .btn:hover, .btn-large:hover, .btn-small:hover {background-color: #68af12;}    
        .btn-floating{background-color: #5cb85c;} 
        .btn, .btn-large, .btn-small {background-color:#5cb85c ;}
        .btn:focus, .btn-large:focus, .btn-small:focus, .btn-floating:focus {
            background-color: #68af12 ;
        }

    /* Card */
        .card .card-panel p{color: #6b767b;}
        /* .card .card-action a:not(.btn):not(.btn-large):not(.btn-small):not(.btn-large):not(.btn-floating) {
            color: #0d47a1;
            margin-right: 24px;
            -webkit-transition: color .3s ease;
            transition: color .3s ease;
            text-transform: uppercase;
        }
        .card .card-action a:not(.btn):not(.btn-large):not(.btn-small):not(.btn-large):not(.btn-floating):hover {color: #0d47a1;} */
    
        .switch label input[type="checkbox"]:checked + .lever{ background-color: #5cb85c; }
 
        .green-text{color: #5cb85c !important;}
/*----------------------------------------
    RESPONSIVE
------------------------------------------*/
@media (max-width: 479px) {
    .card-content ul.stepper {
        margin: 0;
        padding: 0;
    }
    .modal {width: 90%;}
    .modal .modal-content {padding: 5px;}
    .modal .modal-content .row .col {padding: .05rem .75rem;}
    #adjuntar {height: 80%;}

    .tooltipster-base .tooltipster-sidetip .tooltipster-light .tooltipster-bottom .tooltipster-grow .tooltipster-show{
        min-width: 90% !important;
        max-width: 800px;
        pointer-events: auto;
        z-index: 9999999;
        left: 11px !important;
        top: 539.1px;
        height: 349.75px;
        width: 340px !important;
        animation-duration: 350ms;
        transition-duration: 350ms;
    }   
    .form-header .icono{ font-size:3rem !important;}
    .form-header h4{
        padding-left: 0;
        font-size: 2rem;
    }

    .cajaTitulo .titulos_pop{font-size: 1.1em !important;} 
    .cd-timeline__content{font-size: 0.8em;}
    .cd-timeline__img h5{font-size: 1em;}
}
@media (max-width:1077px){
    .cd-timeline__content{font-size: 0.8em;}
    .cd-timeline__img h5{font-size: 1em;}
}

/*----------------------------------------
    PLUPLOAD
------------------------------------------*/

#indexado{display:none;};
#indexado ul{
    margin:0px;
    padding:0px;
}
#indexado ul li{
    list-style:none;
    /* height:26px; */
    height:auto;
}
#indexado ul li a{
    padding:5px;
    color:#FFFFFF;
    display:inline-block;
    text-decoration:none;
}
#indexado ul li span{
    padding:5px;
    background-color:#fff;
    color:#000;
    display:inline-block;
    text-decoration:none;
}
#indexado ul li a:hover{
    background-color:#000;
}
.plupload_file_indexed{font-size:11px;}
#docon{color:#0a0;}
#docsin{color:#f00;}

/* Clases para posicionar el Floating dentro de la tabla*/
#tabla .fixed-action-btn.direction-right {
    padding: 0 0 0 0;
    right: 24px;
}
#tabla .fixed-action-btn.direction-left,
#tabla .fixed-action-btn.direction-right {
    padding: 0 0 0 0px;
}
#tabla .fixed-action-btn {
    bottom: 0px;
    z-index: 1;
}
#tabla .fixed-action-btn.direction-right ul {
    left: 20px;
    padding-left: 40px !important;
    background-color: rgba(0,0,0,0.5);
    border-radius: 20px 20px 20px 20px;
}

#tabla .fixed-action-btn.direction-left ul,
#tabla .fixed-action-btn.direction-right ul {
    top: 20px;
    width: 200px;
    height: 60px;
    margin: 0px !important;
    padding: 0px !important;
    padding-left: 30px !important;
}
#tabla .fixed-action-btn.direction-right ul li {
    margin: 14px 0 0 10px;
}

/* -------------------- */
.bullet {
    display: inline-block;
    width: 10px;
    height: 10px;
    margin-right: .5rem;
    border-radius: 50%;
}

.barraVence {
    margin: 0px;
    width: 100%;
    height: 8px;
    max-width: 200px;
    min-width: 80px;
    margin-top: 15px;
}

.fancybox-slide--iframe .fancybox-content {
    width: 95%;
    min-width: 95%;
    margin: 0;
}
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
-webkit-appearance: none;
margin: 0;
}

input[type=number] {
-moz-appearance: textfield;
}

.oculto{ display: none;}

.horaTurno { font-weight: bold; font-size: 1.2em;}

.input-field label {
    -webkit-user-select: none !important;
    -moz-user-select: none !important;
    -ms-user-select: none !important;
    user-select: none !important;
    cursor: default !important;
}
.irs.irs--flat { z-index: 1;}