/*
To change this license header, choose License Headers in Project Properties.
To change this template file, choose Tools | Templates
and open the template in the editor.
*/
/* 
    Created on : 27-feb-2019, 17:36:12
    Author     : lbravoa
html, body {
    overflow: hidden;
}

*/
table.dataTable.dtr-inline.collapsed > tbody > tr[role="row"] > td.dtr-control::before, table.dataTable.dtr-inline.collapsed > tbody > tr[role="row"] > th.dtr-control::before{
    background-color: #005EB8 !important;
}

.search-form input {
    display: inline-block;
}

#map {
    height: 400px;  /* The height is 400 pixels */
    width: 100%;  /* The width is the width of the web page */
}

input[type="range"] {
    -webkit-appearance: none;
    border-width: 1px;
    border-style: solid;
    border-radius: 50rem;
    border-color: rgba(0, 0, 0, 0.1);
    padding: 3px 5px;
    width: 100%;
}

input[type="range"]::-webkit-slider-thumb {
    -webkit-appearance: none;
    background: #00A6F2;
    border-radius: 50rem;
    height: 1.0em;
    width: 1.0em;
}

html,body {
    margin:0;
    padding:0;
    height: 100%;
    -webkit-user-select:none;
    -moz-user-select:none;
    -ms-user-select:none;
    user-select:none;
}
table > tbody > tr {
    background-color: rgba(255, 255, 255, 0.00) !important;
}
.ui.attached.menu:not(.tabular) {

    border: 1px solid #0C3383 !important;

}
.ui.sidebar.menu .item {
    height: 48px !important;
}
body{
    float: none;
}
tr .selected {
    background-color: brown;
    color: #FFF;
}
.page-wrap{
    margin: auto;
    height: auto;
    min-height:100%;
}

.page-wrap:after{
    width: 100%;
    display:block;
    clear:both;
}

.background {
    /*background-image: url('../../images/fondo.jpg');*/
    background: #E9EDF2;
    background-repeat: no-repeat;
    background-size: cover;
    z-index: 50;
}

.background_gray {
    background-color: #F5F5F5;
    background-repeat: no-repeat;
    background-size: cover;
    z-index: 50;
}

.paneluser > .form > button, 
.paneluser > .form > div > button, 
.paneluser > div > .form > div > button, 
.paneluser > div > button, 
.paneluser > .form > .scrollmenu > button {
    background-color: #005EB8 !important;
    color: #FFFFFF !important;
    background-repeat: no-repeat !important;
    background-size: cover !important;
    z-index: 50 !important;
}

.panelreporte > .form > button, 
.panelreporte > .form > div > button, 
.panelreporte > div > .form > div > button, 
.panelreporte > div > button, 
.panelreporte > .form > .scrollmenu > button {
    background-color: #005EB8 !important;
    color: #FFFFFF !important;
    background-repeat: no-repeat !important;
    background-size: cover !important;
    z-index: 50 !important;
}

.paneluser > .form > button:hover,
.paneluser > .form > div > button:hover,
.paneluser > .form > .scrollmenu > button:hover,
.paneluser > .form > button:active,
.paneluser > .form > div > button:active,
.paneluser > .form > .scrollmenu > button:active{
    background: #005cc1 !important;
}

.panelreporte > .form > button:hover,
.panelreporte > .form > div > button:hover,
.panelreporte > .form > .scrollmenu > button:hover,
.panelreporte > .form > button:active,
.panelreporte > .form > div > button:active,
.panelreporte > .form > .scrollmenu > button:active{
    background: #005cc1 !important;
}
.dataTables_processing {
    background-color: #2185d0 !important;
    color: white;
}
body.pushable>.pusher {
    background: #E9EDF2;
    background-repeat: no-repeat;
    background-size: cover;
    z-index: 50;
}

.headers {
    background-color: #0C3383 !important;
    width: 100%;
    height: 50px;
    padding-top: 20px;
    padding-left: 20px;
    padding-right: 20px;

}

.logo_header {
    background-image: url('../../images/logo-bdp-big-white.svg');
    background-repeat: no-repeat;
    height: 20px;
    z-index: 100;
}

.welcome_msg {
    background-color: #FFF;
    width: 100%;
    height: 50px;
    padding-top: 15px;
    padding-left: 20px;
}

.welcome_msg2 {
    background-color: #FFF;
    font-weight: bold;
    color: #002A66 !important;
    width: 100%;
    height: 50px;
    padding-top: 15px;
    padding-left: 20px;
}
.welcome_msg3 {
    background-color: #FFF;
    font-weight: bold;
    color: #002A66 !important;
    width: 100%;
    line-height: 1em;
    font-size: 1.5em !important;
    margin-bottom: 1em;
    height: 50px;
    padding-top: 20px;
}
.paneluser {
    background-color: #FFF;
    width: 75%;
    min-width: 250px;
    max-width: 600px;
    color: #00A6F2;
    margin-top: 25px;
    padding: 30px 30px 35px 30px;
    box-shadow:0 10px 16px 0 rgba(0,0,0,0.2),0 6px 20px 0 rgba(0,0,0,0.19) !important;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    -khtml-border-radius: 5px;
} 

.panelreporte {
    background-color: #FFF;
    width: 90%;
    min-width: 250px;
    max-width: 100%;
    color: #000000;
    margin-top: 25px;
    padding: 30px 30px 35px 30px;
    box-shadow:0 10px 16px 0 rgba(0,0,0,0.2),0 6px 20px 0 rgba(0,0,0,0.19) !important;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    -khtml-border-radius: 5px;
} 
.paneloading {

    color: #00A6F2;
    margin: 0;
    top: 0;
    bottom: 0;
    right: 0;
    left: 0;
    position: absolute;
    height:inherit;
    opacity: 0.8;
    display: none;
    z-index: 100 !important;
}

.panelPopup {
    width: 75% !important;
    min-width: 250px !important;
    max-width: 600px !important;
    padding: 0px 0px 0px 0px !important;
    box-shadow: none !important;

    -moz-border-radius: 5px !important;
    -webkit-border-radius: 5px !important;
    -khtml-border-radius: 5px !important;
}

.red-square {
    display : block;
    position : fixed;
    z-index: 100;
    background-image : url('../../images/loading.svg');
    background-repeat : no-repeat;
    background-position : center;
    left : 0;
    bottom : 0;
    right : 0;
    top : 0;
}

#principalpage{
    touch-action: auto;
}

#loading {
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 100;
    width: 100vw;
    height: 100vh;
    background-color: rgba(256, 256, 256, 0.5);
    background-image: url('../../images/loading.gif');
    background-repeat: no-repeat;
    background-position: center;
}

.paneluser2 {
    background-color: #FFF;
    width: 75%;
    min-width: 250px;
    max-width: 600px;
    color: #00A6F2;
    margin-top: 25px;

    -moz-border-radius: 20px;
    -webkit-border-radius: 20px;
    -khtml-border-radius: 20px;
}

.panelterminos {
    background-color: #FFF;
    margin-top: 3%; 
    width: 85%;
    max-width: 700px;

    -moz-border-radius: 20px 20px 0px 0px;
    -webkit-border-radius: 20px 20px 0px 0px;
    -khtml-border-radius: 20px 20px 0px 0px;
}

.paneltitlecliente {
    background-color: #FFF;
    width: 75%;
    min-width: 250px;
    max-width: 600px;
    color: #00A6F2;
    margin-top: 10px;
    padding: 10px 30px 10px 30px;

    -moz-border-radius: 20px;
    -webkit-border-radius: 20px;
    -khtml-border-radius: 20px;
}

.paneldetailcliente {
    background-color: #00A6F2;
    margin-top: 5px;
    color: #FFF;
    padding: 10px 30px 10px 30px;
}

.panelpasos > label{
    color: #002A66 !important;
    font-size: 14px !important;
}

.panelpasos {
    background-color: #FFF;
    margin-top: 10px;
    color: #00A6F2;
    padding: 5px 0px 5px 0px;
}
.panelfelicitaciones {
    margin-top: 10px;
    color: #FFF;
    padding: 10px 30px 10px 30px;
}

.title1 {
    color: #80888F !important;
    margin-bottom: 1em !important;
    font-size: 14px !important;
}

.messagePIN {
    color: #002A66 !important;
    font-size: 14px !important;
}

.title2 {
    font-size: 50px;
    line-height: 1em;    
}

.title3 {
    font-size: 50px;
    line-height: 1em;
}

.detalle {
    background-color: #00A6F2;
    font-size: 27px;
    color: white;
}

.subtitle {
    font-size: 35px;
    line-height: 1em;
    text-align: right;
    padding: 25px 20px 25px 20px;
    background-color: #00A6F2;
    color: #fff;
}

.subtitle2 {
    font-size: 28px;
}

.subtitlefelicitaciones {
    font-size: 16px;
    color: #FFF;
    text-align: right;
}

.espacio {
    margin-bottom: 40px;
}

.espacio2 {
    padding: 30px 30px 35px 30px;
}

.espacio_menu_1 { 
    padding-top: 22px;
}

.espacio_menu_2 {
    padding-top: 10px;
}

.mensaje {
    font-size: 17px;
}

.imagesecurity {
    height: 80px;
}

.ui.progress:last-child {
    margin: 0px;
}

.ui.progress .bar {
    height: 10px;
}

.without_boxsizing { 
    -webkit-box-sizing: initial !important;
    box-sizing: initial !important;
}

.ui.menu {
    font-size: 1rem;
}

.btnBuroPosition {
    position: fixed;
    z-index: 1000;
    bottom: 117px;
    background-color: white;
    width: 85%;
    max-width: 700px;
}

.ui.bottom.visible.sidebar, .ui.top.visible.sidebar {
    -webkit-box-shadow: none;
    box-shadow: none;
}

.positionimgcedula {
    position: fixed;
    right: 70%;
}

.subtitlepasos {
    margin-left: 20%;
    font-size: 20px;
    font-weight: bold;
}

.subtitlepasos2 {
    margin-left: 16.5%;
    font-size: 20px;
    font-weight: bold;
}

.subtitleusername {
    margin-left: 15%;
    font-size: 16px;
}

.imgpaso1 {
    width: 40px; 
    margin-left: 60%;
}

.imgpaso2 {
    width: 40px; 
    margin-left: 25%;
}

.imgbienvenida {
    -webkit-touch-callout: none !important; 
    -webkit-user-select: none !important;
}

.image{
    -webkit-touch-callout: none !important; 
    -webkit-user-select: none!important;
}

.uppercaseHuella {
    text-transform: uppercase;
}

.uppercaseHuella::-webkit-input-placeholder { /* WebKit browsers */
    text-transform: none;
}
.uppercaseHuella:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
    text-transform: none;
}
.uppercaseHuella::-moz-placeholder { /* Mozilla Firefox 19+ */
    text-transform: none;
}
.uppercaseHuella:-ms-input-placeholder { /* Internet Explorer 10+ */
    text-transform: none;
}
.uppercaseHuella::placeholder { /* Recent browsers */
    text-transform: none;
}

.ui.accordion .accordion {
    margin: 0.4em 0 0;
    padding: 0;
}

.ui.accordion .title:not(.ui) {
    color: #00A6F2;
}

.ui.accordion:not(.styled) .accordion .title~.content:not(.ui), .ui.accordion:not(.styled) .title~.content:not(.ui) {
    padding: .2em 0 0.2em;
}

.ui.form .inline.field>label, .ui.form .inline.field>p, .ui.form .inline.fields .field>label, .ui.form .inline.fields .field>p, .ui.form .inline.fields>label {
    font-weight: normal;
}

.tblCodigoPin{
    width: 70%; 
    align-content: center; 
    align-items: center; 
    max-width: 240px; 
    color: #00A6F2;
}

.ingresscode{
    border: 0 !important;
    outline: 0 !important;
    background: transparent !important;
    position: absolute;
    left: 0px;
    color : transparent;
    padding: 0px;
    height: 100px;
    width: 100%;
    top: -400px;
}

#partitioned {
    padding-left: 15px;
    letter-spacing: 42px;
    border: 0;
    background-image: linear-gradient(to left, black 70%, rgba(255, 255, 255, 0) 0%);
    background-position: bottom;
    background-size: 50px 1px;
    background-repeat: repeat-x;
    background-position-x: 35px;
    width: 220px;
    min-width: 220px;
}

.ui.dimmer {
    z-index: 100;
}

@media only screen
and (min-device-height : 630px)
and (max-device-height : 2560px)
and (min-device-width : 240px)
and (max-device-width : 1280px) {
    #principalpage{
        overflow: auto;
        touch-action: auto;
    }
}

@media only screen
and (min-device-width : 240px)
and (max-device-width : 320px) {
    .ui.button, .ui.buttons .button, .ui.buttons .or {
        font-size: 0.9rem;
    }
    body.pushable>.pusher {
        background-color: #FFFFFF;
        background-image: none;
        background-repeat: no-repeat;
        background-size: cover;
        z-index: 50;
    }

    .paneluser {
        background-color: #FFF;
        width: 75%;
        min-width: 250px;
        max-width: 600px;
        color: #00A6F2;
        margin-top: 25px;
        padding: 0px 0px 0px 0px;
        box-shadow: none !important;
        -moz-border-radius: 20px;
        -webkit-border-radius: 20px;
        -khtml-border-radius: 20px;
    }

    .panelreporte {
        background-color: #FFF;
        width: 90%;
        min-width: 250px;
        max-width: 100%;
        color: #000000;
        margin-top: 25px;
        padding: 0px 0px 0px 0px;
        box-shadow: none !important;
        -moz-border-radius: 20px;
        -webkit-border-radius: 20px;
        -khtml-border-radius: 20px;
    }

    .paneloading {
        color: #00A6F2;
        margin: 0;
        top: 0;
        bottom: 0;
        right: 0;
        left: 0;
        position: absolute;
        height:inherit;
        opacity: 0.8;
        display: none;
        z-index: 100 !important;
    }


    #loading {
        display: block;
        position: absolute;
        top: 0;
        left: 0;
        z-index: 100;
        width: 100vw;
        height: 100vh;
        background-color: rgba(256, 256, 256, 0.5);
        background-image: url('../../images/loading.gif');
        background-repeat: no-repeat;
        background-position: center;
    }

    .background {
        background-color: #FFFFFF;
        background-image: none;
        background-repeat: no-repeat;
        background-size: cover;
        z-index: 50;
    }
    .welcome_msg2 {
        background-color: #fff;
        font-weight: bold;
        color: #002A66 !important;
        width: 100%;
        height: 50px;
        padding-top: 7px;
        padding-left: 20px;
    }

    .welcome_msg3 {
        background-color: #FFF;
        font-weight: bold;
        color: #002A66 !important;
        width: 100%;
        font-size: 19px !important;
        height: 50px;
        padding-top: 7px;
    }

    .title1 {
        font-size: 20px;
    }

    .title2 {
        font-size: 30px;
        line-height: 1em;
    }

    .title3 {
        font-size: 30px;
        line-height: 1em;
    }

    .espacio {
        margin-bottom: 25px;
    }

    .subtitle {
        font-size: 20px;
        line-height: 1em;
        text-align: right;
        padding: 25px;
        background-color: #00A6F2;
        color: #fff;
    }

    .subtitle2 {
        font-size: 17px;
    }

    .ui.menu {
        font-size: 1rem;
    }

    .panelterminos {
        background-color: #fff;
        margin-top: 10%; 
        width: 85%;
        max-width: 700px;

        -moz-border-radius: 20px 20px 0px 0px;
        -webkit-border-radius: 20px 20px 0px 0px;
        -khtml-border-radius: 20px 20px 0px 0px;
    }

    .btnBuroPosition {
        position: fixed;
        z-index: 1000;
        bottom: 97px;
        background-color: white;
        width: 85%;
        max-width: 700px;
    }

    .subtitlepasos {
        margin-left: 20%;
        font-size: 16px;
        font-weight: bold;
    }

    .subtitlepasos2 {
        margin-left: 16.5%;
        font-size: 16px;
        font-weight: bold;
    }

    .imgpaso1 {
        width: 30px; 
        margin-left: 60%;
    }

    .imgpaso2 {
        width: 30px; 
        margin-left: 30%;
    }

    .ui.selection.dropdown .menu {
        max-height: 150px !important;
    }
}

@media only screen
and (min-device-width : 322px)
and (max-device-width : 538px) {
    body.pushable>.pusher {
        background-color: #FFFFFF;
        background-image: none;
        background-repeat: no-repeat;
        background-size: cover;
        z-index: 50;
    }

    .paneluser {
        background-color: #FFF;
        width: 75%;
        min-width: 250px;
        max-width: 600px;
        color: #00A6F2;
        margin-top: 25px;
        padding: 0px 0px 0px 0px;
        box-shadow: none !important;

        -moz-border-radius: 20px;
        -webkit-border-radius: 20px;
        -khtml-border-radius: 20px;
    }
    .panelreporte {
        background-color: #FFF;
        width: 90%;
        min-width: 250px;
        max-width: 100%;
        color: #000000;
        margin-top: 25px;
        padding: 0px 0px 0px 0px;
        box-shadow: none !important;
        -moz-border-radius: 20px;
        -webkit-border-radius: 20px;
        -khtml-border-radius: 20px;
    }

    .paneloading {
        color: #00A6F2;
        margin: 0;
        top: 0;
        bottom: 0;
        right: 0;
        left: 0;
        position: absolute;
        height:inherit;
        opacity: 0.8;
        display: none;
        z-index: 100 !important;
    }


    #loading {
        display: block;
        position: absolute;
        top: 0;
        left: 0;
        z-index: 100;
        width: 100vw;
        height: 100vh;
        background-color: rgba(256, 256, 256, 0.5);
        background-image: url('../../images/loading.gif');
        background-repeat: no-repeat;
        background-position: center;
    }

    .background {
        background-color: #FFFFFF;
        background-image: none;
        background-repeat: no-repeat;
        background-size: cover;
        z-index: 50;
    }

    .welcome_msg2 {
        background-color: #fff;
        font-weight: bold;
        color: #002A66 !important;
        width: 100%;
        height: 50px;
        padding-top: 7px;
        padding-left: 20px;
    }

    .welcome_msg3 {
        background-color: #FFF;
        font-weight: bold;
        color: #002A66 !important;
        width: 100%;
        font-size: 19px !important;
        height: 50px;
        padding-top: 7px;
    }

    .title1 {
        font-size: 20px;
    }

    .title2 {
        font-size: 30px;
        line-height: 1em;
    }

    .title3 {
        font-size: 30px;
        line-height: 1em;
    }

    .espacio {
        margin-bottom: 25px;
    }
    .subtitle {
        font-size: 20px;
        line-height: 1em;
        text-align: right;
        padding: 25px;
        background-color: #00A6F2;
        color: #fff;
    }

    .subtitle2 {
        font-size: 17px;
    }

    .ui.menu {
        font-size: 1rem;
    }

    .panelterminos {
        background-color: #fff;
        margin-top: 10%; 
        width: 85%;
        max-width: 700px;

        -moz-border-radius: 20px 20px 0px 0px;
        -webkit-border-radius: 20px 20px 0px 0px;
        -khtml-border-radius: 20px 20px 0px 0px;
    }

    .btnBuroPosition {
        position: fixed;
        z-index: 1000;
        bottom: 101px;
        background-color: white;
        width: 85%;
        max-width: 700px;
    }

    .subtitlepasos {
        margin-left: 20%;
        font-size: 18px;
        font-weight: bold;
    }

    .subtitleusername {
        margin-left: 15%;
        font-size: 15px;
    }

    .subtitlepasos2 {
        margin-left: 16.5%;
        font-size: 18px;
        font-weight: bold;
    }

    .imgpaso1 {
        width: 30px; 
        margin-left: 60%;
    }

    .imgpaso2 {
        width: 30px; 
        margin-left: 20%;
    }

    .ui.selection.dropdown .menu {
        max-height: 150px !important;
    }
}

@media only screen
and (min-device-width : 540px)
and (max-device-width : 638px) {
    body.pushable>.pusher {
        background-color: #FFFFFF;
        background-image: none;
        background-repeat: no-repeat;
        background-size: cover;
        z-index: 50;
    }

    .paneluser {
        background-color: #FFF;
        width: 75%;
        min-width: 250px;
        max-width: 600px;
        color: #00A6F2;
        margin-top: 25px;
        padding: 0px 0px 0px 0px;
        box-shadow: none !important;

        -moz-border-radius: 20px;
        -webkit-border-radius: 20px;
        -khtml-border-radius: 20px;
    }
    .panelreporte {
        background-color: #FFF;
        width: 90%;
        min-width: 250px;
        max-width: 100%;
        color: #000000;
        margin-top: 25px;
        padding: 0px 0px 0px 0px;
        box-shadow: none !important;
        -moz-border-radius: 20px;
        -webkit-border-radius: 20px;
        -khtml-border-radius: 20px;
    }

    .paneloading {
        color: #00A6F2;
        margin: 0;
        top: 0;
        bottom: 0;
        right: 0;
        left: 0;
        position: absolute;
        height:inherit;
        opacity: 0.8;
        display: none;
        z-index: 100 !important;
    }


    #loading {
        display: block;
        position: absolute;
        top: 0;
        left: 0;
        z-index: 100;
        width: 100vw;
        height: 100vh;
        background-color: rgba(256, 256, 256, 0.5);
        background-image: url('../../images/loading.gif');
        background-repeat: no-repeat;
        background-position: center;
    }

    .background {
        background-color: #FFFFFF;
        background-image: none;
        background-repeat: no-repeat;
        background-size: cover;
        z-index: 50;
    }

    .welcome_msg2 {
        background-color: #fff;
        font-weight: bold;
        color: #002A66 !important;
        width: 100%;
        height: 50px;
        padding-top: 15px;
        padding-left: 20px;
    }

    .welcome_msg3 {
        background-color: #FFF;
        font-weight: bold;
        color: #002A66 !important;
        width: 100%;
        font-size: 19px !important;
        height: 50px;
        padding-top: 15px;
    }

    .title1 {
        font-size: 25px;
    }

    .title2 {
        font-size: 40px;
        line-height: 1em;
        margin-bottom: 40px;
    }

    .title3 {
        font-size: 30px;
        line-height: 1em;
    }

    .espacio {
        margin-bottom: 40px;
    }
    .subtitle {
        font-size: 30px;
        line-height: 1em;
        text-align: right;
        padding: 25px;
        background-color: #00A6F2;
        color: #fff;
    }

    .subtitle2 {
        font-size: 21px;
    }

    .panelterminos {
        background-color: #fff;
        margin-top: 7%; 
        width: 85%;
        max-width: 700px;

        -moz-border-radius: 20px 20px 0px 0px;
        -webkit-border-radius: 20px 20px 0px 0px;
        -khtml-border-radius: 20px 20px 0px 0px;
    }

    .imgpaso2 {
        width: 40px; 
        margin-left: 20%;
    }

    .ui.selection.dropdown .menu {
        max-height: 150px !important;
    }
}

@media only screen
and (min-device-width : 640px)
and (max-device-width : 720px) {
    body.pushable>.pusher {
        background-color: #FFFFFF;
        background-image: none;
        background-repeat: no-repeat;
        background-size: cover;
        z-index: 50;
    }

    .paneluser {
        background-color: #FFF;
        width: 75%;
        min-width: 250px;
        max-width: 600px;
        color: #00A6F2;
        margin-top: 25px;
        padding: 0px 0px 0px 0px;
        box-shadow: none !important;

        -moz-border-radius: 20px;
        -webkit-border-radius: 20px;
        -khtml-border-radius: 20px;
    }
    .panelreporte {
        background-color: #FFF;
        width: 90%;
        min-width: 250px;
        max-width: 100%;
        color: #000000;
        margin-top: 25px;
        padding: 0px 0px 0px 0px;
        box-shadow: none !important;
        -moz-border-radius: 20px;
        -webkit-border-radius: 20px;
        -khtml-border-radius: 20px;
    }

    .paneloading {
        color: #00A6F2;
        margin: 0;
        top: 0;
        bottom: 0;
        right: 0;
        left: 0;
        position: absolute;
        height:inherit;
        opacity: 0.8;
        display: none;
        z-index: 100 !important;
    }


    #loading {
        display: block;
        position: absolute;
        top: 0;
        left: 0;
        z-index: 100;
        width: 100vw;
        height: 100vh;
        background-color: rgba(256, 256, 256, 0.5);
        background-image: url('../../images/loading.gif');
        background-repeat: no-repeat;
        background-position: center;
    }

    .background {
        background-color: #FFFFFF;
        background-image: none;
        background-repeat: no-repeat;
        background-size: cover;
        z-index: 50;
    }

    .welcome_msg2 {
        background-color: #fff;
        font-weight: bold;
        color: #002A66 !important;
        width: 100%;
        height: 50px;
        padding-top: 15px;
        padding-left: 20px;
    }

    .welcome_msg3 {
        background-color: #FFF;
        font-weight: bold;
        color: #002A66 !important;
        width: 100%;
        font-size: 19px !important;
        height: 50px;
        padding-top: 15px;
    }

    .title1 {
        font-size: 25px;
    }

    .title2 {
        font-size: 40px;
        line-height: 1em;
        margin-bottom: 40px;
    }

    .title3 {
        font-size: 30px;
        line-height: 1em;
    }

    .espacio {
        margin-bottom: 40px;
    }

    .subtitle {
        font-size: 30px;
        line-height: 1em;
        text-align: right;
        padding: 25px;
        background-color: #00A6F2;
        color: #fff;
    }

    .subtitle2 {
        font-size: 21px;
    }

    .panelterminos {
        background-color: #fff;
        margin-top: 7%; 
        width: 85%;
        max-width: 700px;

        -moz-border-radius: 20px 20px 0px 0px;
        -webkit-border-radius: 20px 20px 0px 0px;
        -khtml-border-radius: 20px 20px 0px 0px;
    }

    .ui.selection.dropdown .menu {
        max-height: 150px !important;
    }
}

@media only screen
and (min-device-width : 721px)
and (max-device-width : 1280px) {
    body.pushable>.pusher {
        background-color: #FFFFFF;
        background-image: none;
        background-repeat: no-repeat;
        background-size: cover;
        z-index: 50;
    }

    .paneluser {
        background-color: #FFF;
        width: 75%;
        min-width: 250px;
        max-width: 600px;
        color: #00A6F2;
        margin-top: 25px;
        padding: 0px 0px 0px 0px;
        box-shadow: none !important;

        -moz-border-radius: 20px;
        -webkit-border-radius: 20px;
        -khtml-border-radius: 20px;
    }
    .panelreporte {
        background-color: #FFF;
        width: 90%;
        min-width: 250px;
        max-width: 100%;
        color: #000000;
        margin-top: 25px;
        padding: 0px 0px 0px 0px;
        box-shadow: none !important;
        -moz-border-radius: 20px;
        -webkit-border-radius: 20px;
        -khtml-border-radius: 20px;
    }

    .paneloading {
        color: #00A6F2;
        margin: 0;
        top: 0;
        bottom: 0;
        right: 0;
        left: 0;
        position: absolute;
        height:inherit;
        opacity: 0.8;
        display: none;
        z-index: 100 !important;
    }


    #loading {
        display: block;
        position: absolute;
        top: 0;
        left: 0;
        z-index: 100;
        width: 100vw;
        height: 100vh;
        background-color: rgba(256, 256, 256, 0.5);
        background-image: url('../../images/loading.gif');
        background-repeat: no-repeat;
        background-position: center;
    }

    .background {
        background-color: #FFFFFF;
        background-image: none;
        background-repeat: no-repeat;
        background-size: cover;
        z-index: 50;
    }

    .espacio_menu_2 {
        padding-top: 22px;
    }

    .ui.selection.dropdown .menu {
        max-height: 150px !important;
    }
}