/*variables*/
:root {
    --gutter-width: 0.3rem;
    --outer-margin: 0.3rem;
    --tpmexBlue: #143C6A;
    --tpmexGrey: #50758B;
    --tpmexGrey2: rgba(80, 117, 139, 0.2);
    --tpmexBlueLight: #0060A8;
    --fontBase: 10px;
    --fontBaseX1_2: calc(var(--fontBase)*1.2);
    --fontBaseX1_3: calc(var(--fontBase)*1.3);
    --fontBaseX1_5: calc(var(--fontBase)*1.5);
    --fontBaseX2: calc(var(--fontBase)*2);
    --fontBaseX3: calc(var(--fontBase)*3);
    --fontBaseX4: calc(var(--fontBase)*4);
}
/*variables*/

/*overrides*/
/*base*/
body {
    overflow: hidden;
    font-size: var(--fontBase) !important;
    box-sizing: border-box;
    margin: 0px;
    padding: 0px;
}

.row {
    margin-right: 0px;
    margin-left: 0px;
    margin-top: 1px;
    margin-bottom: 1px;
}


.clearfix {
    float: none;
    clear: both;
}


.error {
    color: red;
}

/*inputs*/
.form-control {
    padding: 2px;
    font-size: inherit;
    font-family: inherit;
    margin: 0px;
}

select.form-control:not([size]):not([multiple]) {
    height: inherit;
}
/*inputs*/

/*#region general*/
.cuerpoRep {
    position: absolute;
    top: 3px;
    bottom: 3px;
    left: 3px;
    right: 3px;
}

.mensajeGen {
    padding-top: 3px;
    padding-left: 3px;
    padding-right: 3px;
    padding-bottom: 0px;
    margin: 0;
    margin-bottom: 3px
}

#loadingRep {
    margin-bottom: 10px;
    margin-top: 10px;
    height: 72px;
    display: none
}

#ReportesGeneral {
    position: absolute;
    top: 3px;
    bottom: 3px;
    left: 3px;
    right: 3px;
}

::-webkit-scrollbar {
    width: 10px;
    border: solid 1px lightgrey;
    background-color: white;
    -webkit-box-shadow: inset 0 0 6px #f6f5f5;
    -webkit-border-radius: 10px;
    border-radius: 10px;
    height: 10px;
}
/*#endregion*/

/*mensajes*/
.alert-dismissible .close {
    padding: 0px;
}

.close {
    font-size: var(--fontBaseX1_3);
    opacity: 0.7;
}
/*base*/

/*scrolls*/
::-webkit-scrollbar {
    width: 10px;
    border: solid 1px lightgrey;
    background-color: white;
    -webkit-box-shadow: inset 0 0 6px #f6f5f5;
    -webkit-border-radius: 10px;
    border-radius: 10px;
}

::-webkit-scrollbar-button {
    width: 0px;
    height: 0px;
}

::-webkit-scrollbar-thumb {
    background: #EFEFEF;
    border: solid 1px lightgrey;
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
    -webkit-border-radius: 10px;
    border-radius: 10px;
    position: relative;
}
/*scrolls*/

/*paneles*/
.panel-primary {
    border-color: var(--tpmexBlue);
    border-width: 2px;
    border-radius: 5px;
    border-style: solid;
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    bottom: 0;
    background-color: #fbf9f5;
    margin: 3px;
}

    .panel-primary > .panel-heading {
        color: #fff;
        background-color: var(--tpmexBlue);
        border-color: var(--tpmexBlue);
        padding: 5px;
        font-size: var(--fontBaseX1_2) !important;
    }

.panel-body {
    overflow-y: auto;
    overflow-x: hidden;
    height: calc(100% - 30px)
}

    .panel-body form {
        height: 100%;
        overflow-y: auto;
        overflow-x: hidden;
    }
/*fin paneles*/



.lblTrans {
    background-color: inherit !important;
    border: none;
    margin: 0px !important;
    padding-left: 3px;
    text-align: inherit;
    font-size: inherit;
    font-family: inherit;
    font-style: inherit;
    word-wrap: inherit;
    word-break: inherit;
    width: 95% !important;
}

    .lblTrans:focus, .lblTrans:active, .lblTrans:hover, .lblTrans:read-only {
        border: none;
    }

.btnTP {
    padding: 0px;
    height: 30px;
    width: 30px;
}


#toast-container {
    top: 40px;
}

.notifyjs-corner {
    top: 40px !important;
}


.hidden {
    display: none;
}

.cl-white {
    color: white;
}

/*#region medidas*/
.p-t-5 {
    padding-top: 5px;
}
/*#endregion*/