.main-header{
    background: linear-gradient(#473329, #ADA68E) !important;
    color: #FFF !important;
}

.navbar{
    background-color: transparent !important;
    color: #FFF !important;
    z-index: 1 !important;
}

.logo-lg>img{
    position: relative;
    z-index: 1 !important;
    width: 190px;
    margin-left: auto;
    margin-right: auto;
}

.logo{
    background-color: transparent !important;
    color: #FFF !important;
}

.sidebar-toggle {
    color: #FFF !important;
}

.sidebar-toggle:hover {
    background-color: #ADA68E !important;
    color: #FFF !important;
}

.skin-blue .sidebar-menu>li.active>a {
    border-left-color: #ADA68E !important;
    color: #FFF !important;
    background-color: #1e282c !important;
}

.skin-blue .sidebar-menu>li>a:hover {
    border-left-color: #ADA68E !important;
    color: #FFF !important;
    background-color: #1e282c !important;
}

.skin-blue .sidebar-menu>li>a {
    color: #FFF !important;
    background-color: #222d32 !important;
}

.modal-header{
    background: linear-gradient(#473329, #ADA68E) !important;
    color: #FFF !important;
}

.btn-primary{
    background: linear-gradient(#473329, #ADA68E) !important;
    color: #FFF !important;
    border: #06275b !important;
}

.btn-primary:hover{
    background: linear-gradient(#ADA68E, #473329) !important;
    color: #FFF !important;
    border: #051e48 !important;
}

.btn-info{
    background: linear-gradient(#003d4c, #00a8d1) !important;
    border: none !important;
}

.btn-info:hover{
    background: linear-gradient(#00a8d1, #003d4c) !important;
    border: none !important;
}

.btn-success{
    background: linear-gradient(#4b5e4a, #80b27d) !important;
    border: none !important;
}

.btn-success:hover{
    background: linear-gradient(#80b27d, #4b5e4a) !important;
    border: none !important;
}

.btn-danger{
    background: linear-gradient(#473329, #B57D7D) !important;
    border: none !important;
}

.btn-danger:hover{
    background: linear-gradient(#B57D7D, #473329) !important;
    border: none !important;
}

.btn-warning{
    background: linear-gradient(#473329, #BCB769) !important;
    border: none !important;
}

.btn-warning:hover{
    background: linear-gradient(#BCB769, #473329) !important;
    border: none !important;
}

.pagination>.active>a{
    background: linear-gradient(#473329, #8e93ad) !important;
    color: #FFF !important;
    border: #06275b !important;
}

.pagination>.disabled>a{
    background-color: #FFF !important;
    color: #083276 !important;
}

.paginate_button>a{
    background-color: #FFFFFF !important;
    color: #000000 !important;
}

.paginate_button>a:hover{
    background: linear-gradient(#8e93ad, #473329) !important;
    color: #FFF !important;
}

.treeview-menu>li>a{
    color: #FFF !important;
}

.active2{
    border-style: solid !important;
    border-left: none !important;
    border-right: none !important;
    border-top: none !important;
    border-bottom-color: #ADA68E !important;
    border-bottom-width: 3px !important;
    margin-right: 7px !important;
}

.treeview-menu>li:hover{
    border-style: solid !important;
    border-left: none !important;
    border-right: none !important;
    border-top: none !important;
    border-bottom-color: #ADA68E !important;
    border-bottom-width: 3px !important;
    margin-right: 7px !important;
}

.btn-success2{
    background-color: #FFF !important;
    border-color: #FFF !important;
    color: #06275b !important;
}

.btn-success2:hover{
    background-color: #FFF !important;
    border-color: #FFF !important;
    color: #0a3a87 !important;
}

.bg-info{
    background: linear-gradient(#ADA68E, #8B9197) !important;
    color: #FFF !important;
}

.modal-content{
    background-image: url(../../img/plantilla/Marca-agua-vainilla-2.svg);
    /*width: 100vh;
    height: 93vh;
}

.modal-dialog{
    width: 100vh !important;
}

@media (min-width: 992px){
    .modal-lg {
        width: 900px;
    }*/
}

.treeview-menu>li:hover{
    background-color: #222d32 !important;
}

.img2{
    padding:6px !important
}

/*.box{
    background-color: #F1DBC6 !important;
    color: #A7062D !important;
}*/

#nuevoDocumentoId{
    text-transform: uppercase;
}

.font-large{
    font-size: 18px !important;
    text-align: center;
    align-items: center;
    justify-content: center;
    vertical-align: middle;
}

.text-left{
    text-align: left !important;
}

#h4{
    font-weight: bolder !important;
}

.view-prod:hover{
    background: linear-gradient(#473329, #8e93ad) !important;
    color:#FFFFFF !important;
}

.modal-footer{
    border-top-color: #06275b !important;
    border-top-width: 1px !important;
}

.btn-info{

    padding: 10px;
    line-height: 50px !important;
    border-radius: 3px;

}

.danger:hover{

    background-color: #06275b;
    color:#FFFFFF !important;

}

.danger{

    padding: 10px;
    line-height: 50px !important;
    border-radius: 3px;

}

.my-1{
    margin-top: 10px;
    margin-bottom: 10px;
}

.my-2{
    margin-top: 20px;
    margin-bottom: 20px;
}

.my-3{
    margin-top: 30px;
    margin-bottom: 30px;
}

.my-4{
    margin-top: 40px;
    margin-bottom: 40px;
}

.my-5{
    margin-top: 50px;
    margin-bottom: 50px;
}

.my-6{
    margin-top: 60px;
    margin-bottom: 60px;
}

/* ============== Alineación padding para COL-MD ============== */
@media screen and (max-width: 991px) {
    .edTipoPedidogroup{ padding-right: 0px !important; padding-left: 0px !important; }
    .edCondPagogroup{ padding-right: 0px !important; padding-left: 0px !important; }
    .editarFactgroup{ padding-right: 0px !important; padding-left: 0px !important; }
    .editarRFCgroup{ padding-right: 0px !important; padding-left: 0px !important; }
    .edCountrygroup{ padding-right: 0px !important; padding-left: 0px !important; }
    .edEstadogroup{ padding-right: 0px !important; padding-left: 0px !important; }
    .ciudadDFgroup{ padding-right: 0px !important; padding-left: 0px !important; }
    .edDireccionDosgroup{ padding-right: 0px !important; padding-left: 0px !important; }
    .edDireccionUnogroup{ padding-right: 0px !important; padding-left: 0px !important; }
    .codpostDFgroup{ padding-right: 0px !important; padding-left: 0px !important; }
    .sucursalgroup{ padding-right: 0px !important; padding-left: 0px !important; }
    .telcontgroup{ padding-right: 0px !important; padding-left: 0px !important; }
    .countrygroup{ padding-right: 0px !important; padding-left: 0px !important; }
    .estadogroup{ padding-right: 0px !important; padding-left: 0px !important; }
    .ciudadENgroup{ padding-right: 0px !important; padding-left: 0px !important; }
    .dirdosgroup{ padding-right: 0px !important; padding-left: 0px !important; }
    .dirunogroup{ padding-right: 0px !important; padding-left: 0px !important; }
    .codpostENgroup{ padding-right: 0px !important; padding-left: 0px !important; }
}

/* ============== Alineación padding para COL-XS ============== */
@media screen and (max-width: 767px) {
    .edTipoPedidogroup{ padding-right: 0px !important; padding-left: 0px !important; }
    .edCondPagogroup{ padding-right: 0px !important; padding-left: 0px !important; }
    .editarFactgroup{ padding-right: 0px !important; padding-left: 0px !important; }
    .editarRFCgroup{ padding-right: 0px !important; padding-left: 0px !important; }
    .edCountrygroup{ padding-right: 0px !important; padding-left: 0px !important; }
    .edEstadogroup{ padding-right: 0px !important; padding-left: 0px !important; }
    .ciudadDFgroup{ padding-right: 0px !important; padding-left: 0px !important; }
    .edDireccionDosgroup{ padding-right: 0px !important; padding-left: 0px !important; }
    .edDireccionUnogroup{ padding-right: 0px !important; padding-left: 0px !important; }
    .codpostDFgroup{ padding-right: 0px !important; padding-left: 0px !important; }
    .sucursalgroup{ padding-right: 0px !important; padding-left: 0px !important; }
    .telcontgroup{ padding-right: 0px !important; padding-left: 0px !important; }
    .countrygroup{ padding-right: 0px !important; padding-left: 0px !important; }
    .estadogroup{ padding-right: 0px !important; padding-left: 0px !important; }
    .ciudadENgroup{ padding-right: 0px !important; padding-left: 0px !important; }
    .dirdosgroup{ padding-right: 0px !important; padding-left: 0px !important; }
    .dirunogroup{ padding-right: 0px !important; padding-left: 0px !important; }
    .codpostENgroup{ padding-right: 0px !important; padding-left: 0px !important; }
}

.btn-prod {
    word-wrap:break-word;
    padding: 7px;
    line-height: 33px !important;
    border-radius: 3px;
}

.btn-prod:hover {
    cursor: pointer;
    background-color: #06275b;
    border-color: #041d45;
    color: #fff;
}

.close {
    float: right;
    font-size: 21px;
    font-weight: 700;
    line-height: 1;
    color: #FFF !important;
    text-shadow: 0 1px 0 #000;
    filter: alpha(opacity=03);
    opacity: .6;
}