body {
    margin: 0px;
    padding: 0px;
    background: #f9f6f1;
}

.notifyjs-corner, .notifyjs-wrapper, .notifyjs-hidable {
    z-index: 6000 !important;
}

#modalproveedor {
    z-index: 4000;
}

.Upper {
    text-transform: uppercase;
}

.Lower {
    text-transform: lowercase;
}

.Button:disabled {
    margin-top: 10px;
    margin-bottom: 10px;
    background-color: #a9a9a9;
    display: inline-block;
    cursor: pointer;
    color: #ffffff;
    font-family: Arial;
    font-size: 14px;
    padding: 8px 12px;
    text-decoration: none;
}

.ocultar {
    display: none !important;
}

.mostrar {
    display: initial;
}

.MarginCorrector {
    margin-top: -2px;
}

.PaddingTop {
    padding-top: 6px;
}

.PaddingTop3 {
    padding-top: 3px !important;
}

.PaddingTop4 {
    padding-top: 4px !important;
}

.PaddingLeft5 {
    padding-left: 5px !important;
}

.PaddingRight5 {
    padding-right: 5px !important;
}

.PaddingTop0 {
    padding-top: 0px !important;
}

.PaddingBottom0 {
    padding-bottom: 0px !important;
}

/*Para el loading*/

/*Author: Kosmom.ru*/ .loading, .loading > td, .loading > th, .nav li.loading.active > a, .pagination li.loading, .pagination > li.active.loading > a, .pager > li.loading > a {
    background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, rgba(0, 0, 0, 0) 25%, rgba(0, 0, 0, 0) 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, rgba(0, 0, 0, 0) 75%, rgba(0, 0, 0, 0));
    background-size: 40px 40px;
    animation: 2s linear 0s normal none infinite progress-bar-stripes;
    -webkit-animation: progress-bar-stripes 2s linear infinite;
}

.btn.btn-default.loading, input[type="text"].loading, select.loading, textarea.loading, .well.loading, .list-group-item.loading, .pagination > li.active.loading > a, .pager > li.loading > a {
    background-image: linear-gradient(45deg, rgba(235, 235, 235, 0.15) 25%, rgba(0, 0, 0, 0) 25%, rgba(0, 0, 0, 0) 50%, rgba(235, 235, 235, 0.15) 50%, rgba(235, 235, 235, 0.15) 75%, rgba(0, 0, 0, 0) 75%, rgba(0, 0, 0, 0));
}

/*para crear un notify persnalizado con botones*/
.notifyjs-foo-base {
    opacity: 0.85;
    width: 200px;
    background: #F5F5F5;
    padding: 5px;
    border-radius: 10px;
    z-index: 5000;
}

    .notifyjs-foo-base .title {
        width: 100px;
        float: left;
        margin: 10px 0 0 10px;
        text-align: right;
    }

    .notifyjs-foo-base .buttons {
        width: 70px;
        float: right;
        font-size: 9px;
        padding: 5px;
        margin: 2px;
    }

    .notifyjs-foo-base button {
        font-size: 9px;
        padding: 5px;
        margin: 2px;
        width: 60px;
    }
/**/

/*Para que los modals salgan sobre el menu*/
.ModalDialog div, .ModalDialog {
    z-index: 5050;
}

.DialogFondo {
    background-color: #f5f5f5;
}

.CursorPointer {
    cursor: pointer !important;
}

.required .control-label:after {
    content: "*";
    color: red;
}

.Required::before {
    /*float: left;*/
    /*font-size: 16px;*/
    content: "*";
    color: red;
    vertical-align: bottom;
}

.ModalScroll {
    overflow-y: auto;
}

/* Estilo para la paginación{ */
.pagination-ys {
    /*display: inline-block;*/
    padding-left: 0;
    margin: 20px 0;
    border-radius: 4px;
}

    .pagination-ys table > tbody > tr > td {
        display: inline;
    }

        .pagination-ys table > tbody > tr > td > a,
        .pagination-ys table > tbody > tr > td > span {
            position: relative;
            float: left;
            padding: 8px 12px;
            line-height: 1.42857143;
            text-decoration: none;
            color: #23527c;
            background-color: #ffffff;
            border: 1px solid #dddddd;
            margin-left: -1px;
        }

        .pagination-ys table > tbody > tr > td > span {
            position: relative;
            float: left;
            padding: 8px 12px;
            line-height: 1.42857143;
            text-decoration: none;
            margin-left: -1px;
            z-index: 2;
            color: #fff !important;
            background-color: #337ab7 !important;
            border-color: #337ab7 !important;
            cursor: default;
        }

        .pagination-ys table > tbody > tr > td:first-child > a,
        .pagination-ys table > tbody > tr > td:first-child > span {
            margin-left: 0;
            border-bottom-left-radius: 4px;
            border-top-left-radius: 4px;
        }

        .pagination-ys table > tbody > tr > td:last-child > a,
        .pagination-ys table > tbody > tr > td:last-child > span {
            border-bottom-right-radius: 4px;
            border-top-right-radius: 4px;
        }

        .pagination-ys table > tbody > tr > td > a:hover,
        .pagination-ys table > tbody > tr > td > span:hover,
        .pagination-ys table > tbody > tr > td > a:focus,
        .pagination-ys table > tbody > tr > td > span:focus {
            /*color: #23527c;*/
            background-color: #dddddd;
            border-color: #c8c8c8;
        }
/* Estilo para la paginación} */

/* Estilo para orden de columna {*/
.Caret_Down {
    display: inline-block;
    width: 0;
    height: 0;
    margin-left: 2px;
    vertical-align: middle;
    border-top: 4px dashed;
    border-top: 4px solid;
    border-right: 4px solid transparent;
    border-left: 4px solid transparent;
}

.Caret_Up {
    display: inline-block;
    width: 0;
    height: 0;
    margin-left: 2px;
    vertical-align: middle;
    border-top: 4px dashed;
    border-top: 4px solid;
    border-right: 4px solid transparent;
    border-left: 4px solid transparent;
}
/* Estilo para orden de columna }*/

@media (max-width: 768px) {
    .Padding_Xs_L_R {
        padding-left: 15px;
        padding-right: 15px;
    }
}

.Txt_Code {
    width: 60px !important;
}

@media (min-width: 992px) {
    .Max_Width {
        max-width: 242px;
    }
}

#datepicker > [id$=txt_fecha_inicio], #datepicker [id$=txt_fecha_final] {
    background-color: #ffffff;
}

.Padding_Addon {
    padding: 1px 8px !important;
}

.Color_Pass {
    background-color: #d9534f !important;
    color: white !important;
}

input.Color_Pass::-webkit-input-placeholder {
    color: white;
}

input.Color_Pass:-moz-placeholder { /* Firefox 18- */
    color: white;
}

input.Color_Pass::-moz-placeholder { /* Firefox 19+ */
    color: white;
}

.ColorNegro {
    color: black !important;
}

input.Color_Pass:-ms-input-placeholder {
    color: white;
}

.GridScroll {
    overflow: auto;
    max-height: 280px;
}

.ScrollMinimo {
    max-height: 224px;
    overflow: auto;
}

.MenosMarginTop {
    margin-top: -5px;
}

.MasMarginTop {
    margin-top: 5px;
}

.MarginTop20 {
    margin-top: 20px;
}

.MarginTop100 {
    margin-top: 100px !important;
}

@media (max-width: 767px) {
    .MenosMarginTop {
        margin-top: 5px;
    }
}

@media (max-width: 1199px) {
    .MarginTop20 {
        margin-top: 0px;
    }
}

@media (min-width: 1200px) {
    .MarginTop20-lg {
        margin-top: 20px;
    }
}

@media (min-width: 992px) {
    .MarginTop20-md {
        margin-top: 20px;
    }
}

@media (min-width: 768px) {
    .MarginTop20-sm {
        margin-top: 20px;
    }
}

@media (min-width: 0px) {
    .MarginTop20-xs {
        margin-top: 20px;
    }
}

/*Para el circulo loading{*/
.loader {
    border: 2px solid #5bc0de;
    border-radius: 100%;
    border-top: 5px solid #c9302c;
    width: 22px;
    height: 22px;
    -webkit-animation: spin 0.5s linear infinite;
    animation: spin 0.5s linear infinite;
}

.loader-xs {
    border: 1px solid #5bc0de;
    border-radius: 100%;
    border-top: 4px solid #c9302c;
    width: 14px;
    height: 14px;
    -webkit-animation: spin 0.5s linear infinite;
    animation: spin 0.5s linear infinite;
}

.loader-md {
    border: 3px solid #5bc0de;
    border-radius: 100%;
    border-top: 5px solid #c9302c;
    width: 32px;
    height: 32px;
    -webkit-animation: spin 0.5s linear infinite;
    animation: spin 0.5s linear infinite;
}

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

@-webkit-keyframes spin {
    0% {
        -webkit-transform: rotate(0deg);
    }

    100% {
        -webkit-transform: rotate(360deg);
    }
}

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

    100% {
        transform: rotate(360deg);
    }
}
/*Para el circulo loading}*/

a.btn-info.aspNetDisabled, a.btn-primary.aspNetDisabled {
    cursor: not-allowed;
    filter: alpha(opacity=65);
    -webkit-box-shadow: none;
    box-shadow: none;
    opacity: .65;
}

    a.btn-info.aspNetDisabled:hover {
        background-color: #5bc0de;
        border-color: #46b8da;
    }

    a.btn-primary.aspNetDisabled:hover {
        background-color: #337ab7;
        border-color: #2e6da4;
    }

.ColorId:enabled {
    /*background-color: #f3f3b3 !important;*/
    /*background-color: #d9edf7 !important;*/
    background-color: #f3f3b3 !important;
}

.TextLeft {
    text-align: left;
}

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

.HolderWhite::-webkit-input-placeholder { /* Chrome/Opera/Safari */
    color: white !important;
}

.HolderWhite::-moz-placeholder { /* Firefox 19+ */
    color: white !important;
}

.HolderWhite:-ms-input-placeholder { /* IE 10+ */
    color: white !important;
}

.HolderWhite:-moz-placeholder { /* Firefox 18- */
    color: white !important;
}

.LabelCheckbox {
    font-size: 17px;
}

.FontSmall {
    font-size: small !important;
}

.FontMedium {
    font-size: medium !important;
}

/*Scroll on top{*/
.wmd-view-topscroll, .wmd-view {
    overflow-x: scroll;
    overflow-y: hidden;
    width: 300px;
    border: none 0px RED;
}

/*.wmd-view-topscroll { height: 20px; }*/
/*.wmd-view { height: 200px; }*/
.scroll-div1 {
    /*width: 1000px; */
    overflow-x: scroll;
    overflow-y: hidden;
}

/*.scroll-div2 {
    width: 1000px; 
    height:20px;
}*/
/*Scroll on top{*/

.size-label {
    font-size: 100% !important;
}

.AgregarPaddingCol {
    padding-left: 30px;
    float: left;
    width: 100%;
}

.FloatLeft {
    float: left;
}

.QuitarPaddingLeft {
    padding-left: 1px !important;
}

.ColorFecha, .ColorFecha[readonly] {
    background-color: #00ba8b !important;
    color: white !important;
    font-weight: bold !important;
    font-size: 15px !important;
}

.ColorIdentificador, .ColorIdentificador[readonly], .aspNetDisabled.ColorIdentificador {
    background-color: #00ba8b !important;
    color: white !important;
    font-weight: bold !important;
    font-size: 15px !important;
}

#div_mapa {
    width: 100% !important;
    height: 500px !important;
    display: block;
    margin: 0;
    padding: 0;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: #e0ddd9; /* si no hay mapa */
}


.MarginLeft {
    margin-left: 15px !important;
}

.my-custom-class-for-label {
    width: 50px;
    height: 20px;
    border: 1px solid #eb3a44;
    border-radius: 5px;
    background: #fee1d7;
    color: #eb3a44;
    text-align: center;
    line-height: 20px;
    font-weight: bold;
    font-size: 14px;
}

.ColorEstadoExonerado {
    color: #fff !important;
    background-color: #6f42c1 !important;
}

.ColorEstadoSuspendido {
    color: #fff !important;
    background-color: #fd7e14 !important;
}

.ColorEstadoNulo {
    color: #fff !important;
    background-color: #343a40 !important;
}

.ColorEstadoTransferido {
    color: #fff !important;
    background-color: #8B4513 !important;
}

.ColorEstadoDesautorizado {
    color: #fff !important;
    background-color: #ec5fa1 !important;
}

.ColorTab {
    color: #fff !important;
    background-color: #6c757d !important;
}

.EspacioBtnGestion {
    margin-top: 10px;
    margin-right: 20px;
}

.blink {
    animation: blink 1s infinite;
}

@keyframes blink {
    0% {
        opacity: 1;
    }

    75% {
        opacity: 1;
    }

    76% {
        opacity: 0;
    }

    100% {
        opacity: 0;
    }
}

.Padding4 {
    padding: 4px !important;
}

.MarginRadioLeft {
    margin-left: 20px;
}

.BootstrapColorBlue {
    color: #007bff;
}

.BootstrapColorDarkGrey {
    color: #6c757d;
}

.BootstrapColorGreen {
    color: #28a745;
}

.BootstrapColorRed {
    color: #dc3545;
}

.BootstrapColorYellow {
    color: #ffc107;
}

.BootstrapColorLightBlue {
    color: #17a2b8;
}

.BootstrapColorLightGrey {
    color: #f8f9fa;
}

.BootstrapColorBlack {
    color: #343a40;
}

.BootstrapColorWhite {
    color: #fff;
}

.apst-button {
    background-color: #ffc107 !important;
}

    .apst-button:hover {
        background-color: #212121 !important;
    }

.EquipoNoMarcado {
    color: white;
    background-color: #20c997;
    font-weight: bold !important;
}

.EquipoMarcadoEnlazado {
    color: black !important;
    background-color: #FFB069 !important;
}

.ColorTxt {
    background-color: #d9edf7 !important;
}

.BootstrapEstadoYellow {
    color: #fff !important;
    background-color: #fd7e14 !important;
}

.ColorSenalDigital {
    color: #fff !important;
    background-color: #fd7e14 !important;
}

.ColorSenalAnaloga {
    color: #fff !important;
    background-color: #8B4513 !important;
}

.Margin2 {
    margin: 2px;
}

.MarginRight1 {
    margin-right: 1px;
}

.MarginRight2 {
    margin-right: 2px;
}

.MarginRight5 {
    margin-right: 5px;
}

.MarginRight15 {
    margin-right: 15px;
}

.MarginButtom3 {
    margin-bottom: 3px !important;
}

.MarginButtom15 {
    margin-bottom: 15px !important;
}


.InlineBlock {
    display: inline-block !important;
}

.RadioReforceMini label {
    padding: 0px 1px 1px 1px;
}



.PanelMorado {
    border-color: #6f42c1 !important;
}

    .PanelMorado > .panel-heading {
        color: white;
        background-color: #6f42c1 !important;
        border-color: #6f42c1 !important;
    }

.LabMesGratis input[type=checkbox]:checked {
    color: pink !important;
    background-color: pink !important;
}

.LetrasPrymary {
    color: #337ab7;
}

.FormatoCantidad {
    text-align: right;
}

@media (min-width: 768px) {
    .modal-xl {
        width: 90%;
        max-width: 1200px;
    }
}

.Height100 {
    height: 100vh;
}

.TituloSistema {
    font-size: 35px;
    font-weight: bold;
    padding: 0px;
    font-family: 'Nova Flat', cursive;
    color: #ffffff;
}

.TituloEmpresa {
    font-size: 15px;
    font-weight: bold;
    color: #ffffff;
}



.ImgCircle {
    background-color: #eee;
    width: 135px;
    display: block;
    margin: auto;
    border-radius: 100%;
}

.TabPrimary {
    color: #fff !important;
    background-color: #337ab7 !important;
}

.TabSuccess {
    color: #fff !important;
    background-color: #5cb85c !important;
}

.HeadLinePrimary {
    position: relative;
    float: none;
    border-bottom: 2px solid #337ab7;
    margin-bottom: -2px !important;
}

.HeadLineSuccess {
    position: relative;
    float: none;
    border-bottom: 2px solid #5cb85c;
    margin-bottom: -2px !important;
}

.MiniLine {
    border-bottom: 1px dotted #D3D4D5;
}

.TabOpacity {
    opacity: 0.8;
}

    .TabOpacity.active {
        opacity: 1 !important;
    }

.ProcesoPendiente {
    color: #fff;
    background-color: #939393;
    border-color: #939393;
}

.ProcesoEnCamino {
    color: #fff;
    background-color: #3F79AC;
    border-color: #3F79AC;
}

.ProcesoEnProceso {
    color: #fff;
    background-color: #D09625;
    border-color: #D09625;
}

.ProcesoTrabajada {
    color: #fff;
    background-color: #7cc151;
    border-color: #7cc151;
}

.OcultarVacio:empty {
    display: none;
}

/* Espacio entre las celdas de un gridview */

.EspacioCeldasGv, .EspacioCeldasGv td {
    line-height: 2 !important;
}

.ColorLabel {
    padding: .2em .6em .3em;
    font-size: 75%;
    font-weight: bold;
    line-height: 1;
    color: #fff;
    text-align: left;
    vertical-align: baseline;
    border-radius: .25em;
    background: #d9534f;
    line-height: 1.8;
}

@font-face {
    font-family: 'LibreBarcode39-Regular';
    src: url('../Fonts/LibreBarcode39-Regular.ttf') format('truetype');
}

.LetrasBarCode39 {
    font-family: 'LibreBarcode39-Regular' !important;
}

.tableFixHead {
    overflow: auto;
    height: 100px;
}

    .tableFixHead tbody th {
        position: sticky;
        top: 0;
        z-index: 1;
        background: #f9f9f9;
    }

#span-ultimaversion {
    font-size: 20px;
    color: #36b9ea;
}

.BadgeVersion {
    margin-top: 38px;
    margin-left: 5px;
}


.SpanNombreEmpresa {
    font-weight: bold;
    color: #ffffff;
    font-size: 15px;
    position: absolute;
    margin-top: 25px;
}

.DivNombreEmpresa {
    font-size: 100%; 
    border-radius: 0em; 
    padding: 10px;
}