a:hover {
    /* font-weight: 900; */
    /* color: #444444; */
}

.login.login-4 .login-container .login-content.login-content-signup {text-align: center;}

.login-form {
    border: 1px solid #e4e4e4;
    background-color: #eaeaeaa6;
    padding: 8% 50px 5%;
    border-radius: 6px;
}

.subheader{ 
    padding-top: 45px!important;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    background-color: #9f2644;}

.form-control.form-control-solid {
    box-shadow: 0 0.1rem 1rem 0.25rem rgb(0 0 0 / 5%) !important;}  

.btn.btn-green{background-color:#218621;color: #fff;}

.aside{    background-color: #eaebec;}

.header-menu .menu-nav > .menu-item .menu-submenu > .menu-subnav > .menu-item:hover:not(.menu-item-here):not(.menu-item-active) > .menu-link .menu-icon.svg-icon svg g [fill], .header-menu .menu-nav > .menu-item .menu-submenu > .menu-subnav > .menu-item.menu-item-hover:not(.menu-item-here):not(.menu-item-active) > .menu-link .menu-icon.svg-icon svg g [fill] 
{
    fill: #9f2644;
}

.header-menu .menu-nav > .menu-item:hover:not(.menu-item-here):not(.menu-item-active) > .menu-link .menu-text, .header-menu .menu-nav > .menu-item.menu-item-hover:not(.menu-item-here):not(.menu-item-active) > .menu-link .menu-text, .header-menu .menu-nav > .menu-item.menu-item-here > .menu-link .menu-text, .header-menu .menu-nav > .menu-item.menu-item-active > .menu-link .menu-text {
    color: #212121;}

.header-menu .menu-nav > .menu-item:hover:not(.menu-item-here):not(.menu-item-active) > .menu-link .menu-arrow, .header-menu .menu-nav > .menu-item.menu-item-hover:not(.menu-item-here):not(.menu-item-active) > .menu-link .menu-arrow, .header-menu .menu-nav > .menu-item.menu-item-here > .menu-link .menu-arrow, .header-menu .menu-nav > .menu-item.menu-item-active > .menu-link .menu-arrow 
{
    color: #2f2f2f;
}

.btn.btn-clean:not(:disabled):not(.disabled):active:not(.btn-text) i, .btn.btn-clean:not(:disabled):not(.disabled).active i, .show > .btn.btn-clean.dropdown-toggle i, .show .btn.btn-clean.btn-dropdown i {
    color: #9f2644;}

.btn.btn-clean:hover:not(.btn-text):not(:disabled):not(.disabled) i, .btn.btn-clean:focus:not(.btn-text) i, .btn.btn-clean.focus:not(.btn-text) i {
    color: #2f2f2f;
}

.header-menu .menu-nav > .menu-item .menu-submenu > .menu-subnav > .menu-item:hover:not(.menu-item-here):not(.menu-item-active) > .menu-link .menu-text, .header-menu .menu-nav > .menu-item .menu-submenu > .menu-subnav > .menu-item.menu-item-hover:not(.menu-item-here):not(.menu-item-active) > .menu-link .menu-text {
    color: #101010;

}

.btn.btn-primary.add-btn{
    background-color: #2ca03d!important;
    border: #2ca03d!important;
    color: #fff;
    color: white;
    /* padding: 1% 10% 1% 10%; */
    text-align: center;
    /* margin: 2%; */
}

.btn.btn-primary.add-btn:hover {
    background-color: #1f8c2f!important;}

.btn{    
    margin: 0 6px;
    padding: 0.7rem 1.3rem!important;
    /* padding: 0.65rem 2rem!important; */
    font-size: 1rem;
    line-height: 1.5;
    border-radius: 0.42rem;}

/* .btn-repeat {
padding: 1% 10% 1% 10%;
color: #fff;
text-align: center;
background-color: #2f2f2f!important;
border: #2f2f2f!important;} */


.btn-updatepassword {
    color: #fff;
    background-color: #525252;
    margin: 7px 0;}

.btn-update{  
    transition: 0.5s!important;  
    background-color: #efb011;
    color: #fff;}

.btn-update:hover{
    transition: 0.5s!important;
    border-color: #efb011;
    color: #efb011;
    background-color: #eaebec;
    text-decoration: none;}



.btn-excel{  
    transition: 0.5s!important;
    background-color: #9b67a2;
    color: rgb(255 255 255);
    font-weight: 600;}

.btn-excel i{color: #fff;}
.btn-excel:hover i{color: #9b67a2;}

.btn-excel:hover{
    transition: 0.5s!important;
    border-color: #9b67a2;
    color: #9b67a2;
    background-color: #eaebec;
    text-decoration: none;}


.btn-details{
    transition: 0.5s!important;
    background-color: #9f2644;
    color: #fff;}

.btn-details:hover{
    transition: 0.5s!important;
    border-color: #9f2644;
    color: #9f2644;
    background-color: #eaebec;
    text-decoration: none;}


.btn-details.details2{
    transition: 0.5s!important;
    border-color: #9f2644;
    color: #9f2644;
    background-color: #eaebec;
    text-decoration: none;}

.btn-details.details2:hover{
    transition: 0.5s!important;
    background-color: #9f2644;
    color: #fff;}


.card.card-custom > .card-header .card-title, .card.card-custom > .card-header .card-title .card-label {
    color: #2f2f2f;
}

.card-label {
    margin-bottom: 2%;
}

.header-menu .menu-nav > .menu-item .menu-submenu > .menu-subnav > .menu-item:hover:not(.menu-item-here):not(.menu-item-active) > .menu-link > .menu-arrow, .header-menu .menu-nav > .menu-item .menu-submenu > .menu-subnav > .menu-item.menu-item-hover:not(.menu-item-here):not(.menu-item-active) > .menu-link > .menu-arrow {
    color: #9f2644;
}

.btn-update .svg-icon.svg-icon-primary svg g [fill]
{fill: #fff!important;}

.btn-details .svg-icon.svg-icon-primary svg g [fill]
{fill: #fff!important;}

.btn-details:hover .svg-icon.svg-icon-primary svg g [fill]
{fill: #9f2644!important;}


.btn-update:hover .svg-icon.svg-icon-primary svg g [fill]
{fill: #efb011!important;}

.btn-repeat .svg-icon.svg-icon-primary svg g [fill]
{fill: rgb(70 70 70)!important;}

.btn-repeat:hover .svg-icon.svg-icon-primary svg g [fill]
{fill: #fff!important;}



#kt_datatable2.tableauto {
    text-align: center;
    table-layout: auto;
    background: #eaebec;}

#table-details th    
{
    background-color: #dbdee0
} 


#table-details th, #table-details td {
    padding: 0.8rem;
    vertical-align: middle;}


.border-light {
    border-color: #dadada !important;
    margin-top: 7px;
    margin-bottom: 7px;
}    

#table-details th,  #table-details td {
    border: 7px solid #ffffff;} 


label.sub-title{    
    margin: 0 auto;
    font-size: 25px;
    font-weight: 600;
    color:#9f2644;
    margin-bottom: 1%;}

.box-grey{  
    background-color: #ececec;
    padding: 1px 18px 25px;
    width: 100%;
    margin: 0 1%;
    border-radius: 7px;
    margin-bottom: 1%;}

.box-grey h2{    
    font-weight: 400;
    font-size: 20px;
    margin: 15px 0;
    margin-top: 2%;
    color: #9f2644;}

.checkbox-inline{float: right;padding-right: 0;}

.checkbox.checkbox-outline.checkbox-success > span {
    background-color: white;
    border-color: #909090;}

.checkbox.checkbox-outline.checkbox-success > input:checked ~ span {
    background-color: #2f2f2f;
    border-color: #2f2f2f;}

.checkbox.checkbox-outline.checkbox-success > input:checked ~ span:after {
    border-color: #ffffff;}

.q-unit {
    background-color: #eeeeee;
    border: 1px solid #cccccc;
    padding: 13px 13px 12px 10px;
    border-radius: 5px;
    margin-left: 2%;
    width: 55%;}


/* .quantity-form {
    background-color: #eeeeee;
    border: 1px solid #cccccc;
    padding: 2%;
    border-radius: 5px;
    margin-left: 1px;
    padding: 13px 13px 12px 10px} */

.quantity-form-1 {
    background-color: #eeeeee;
    border: 1px solid #cccccc;
    padding: 2%;
    border-radius: 5px;
    margin-left: 1px;
    padding: 13px 13px 12px 10px}

.quantity-form {
    background-color: #eeeeee;
    border: 1px solid #cccccc;
    padding: 2%;
    border-radius: 5px;
    margin-left: 30px;
    padding: 13px 13px 12px 10px;
    width: 75%;}


.print{  
    transition: 0.5s!important;   
    background-color: #31bfa2;
    color: #fff;}


.print:hover{  
    transition: 0.5s!important;
    border-color: #31bfa2;
    color: #31bfa2;
    /* color: #fff; */
    background-color: #c1c1c169;}


.print .svg-icon.svg-icon-primary svg g [fill]
{fill: #fff!important;}

.print:hover .svg-icon.svg-icon-primary svg g [fill]
{fill: #31bfa2!important;}



.btn.btn-back{  
    font-weight: 500;
    color: black;
    background-color: #d6d6d6b3;
    border: 1px solid #d0d0d0;
    transition: 0.5s!important;}


.btn.btn-back i{color:#000}

.btn.btn-back:hover{    background-color: #c1c0c0b3;}


.btn.btn-danger {
    color: #ffffff;
    background-color: #cc0f23;
    border-color: #cc0f23;
}

.card-toolbar{   
    float: left;
    margin-bottom: 1%;
    text-align: left;
}


.card-toolbar .btn.print{    margin-left: 3%;}

.btn.btn-outline-danger {
    color: #cc0f23;
    background-color: transparent;
    border-color: #cc0f23;
    font-weight: 500;}


.btn.btn-outline-danger:hover {
    color: #fff;
    background-color: #cc0f23!important;
}

.btn.btn-outline-danger:not(:disabled):not(.disabled):active:not(.btn-text), .btn.btn-outline-danger:not(:disabled):not(.disabled).active, .show > .btn.btn-outline-danger.dropdown-toggle, .show .btn.btn-outline-danger.btn-dropdown
{
    color: #fff;
    background-color: #cc0f23!important;
}

.btn.btn-dark {   
    color: #ffffff;
    background-color: #1d1d1d;
    border-color: #1d1d1d;}

.btn.btn-dark:hover {   
    color: #f7f7f7!important;
    background-color: #2f2f2f!important;
    border-color: #2f2f2f!important;}


.btn.btn-lock {
    color: #ffffff;
    background-color: #9f2644;
    border-color: #9f2644;}


.btn.btn-lock i{color:#fff}

.btn.btn-lock:hover {
    color: #ffffff;
    background-color: #961f3d;
    border-color: #961f3d;}


.btn.btn-open {
    color: #ffffff;
    background-color: #2abb25;
    border-color: #2abb25;}

.btn.btn-open:hover {
    color: #ffffff;
    background-color: #229c1e;
    border-color: #229c1e;}

.btn.btn-open i{color:#fff}


.table.table-noborder.preview-confirm{
    background-color: #2f2f2f;
    color: #fff;}

.table.table-noborder.preview-confirm tr td{
    border: 2px solid #fff;    
    text-align: center;
    font-weight: 800;
    font-size: 14px;}


.table.table-noborder h3{    color: #9f2644}

.box-title{ color: #9f2644}

.box-title .title-supplier{
    color: #9f2644;
    margin: 2% 0px 2%;
    text-align: center;
}

.table-bordered th, .table-bordered td {
    border: 1px solid #ffffff;
}


#kt_datatable3 th, #kt_datatable3 td {
    padding: 8px 0px;
    vertical-align: middle;
    border-top: 1px solid #EBEDF3;
    text-align: center;}

#kt_datatable3{    
    background-color: #ececec;
    table-layout:fixed} 


#kt_datatable3 thead tr th{color: #2b2934!important;}

#kt_datatable3 tbody tr td {
    vertical-align: middle;
    border: 2px solid #fff;
    padding-right: 10px !important;
    padding-left: 10px !important;}


.btn.btn-info {
    color: #ffffff;
    background-color: #1ba1c5;
    border-color: #1ba1c5;}

.btn.btn-info:hover {
    color: #ffffff;
    background-color: #1693b6!important;
    border-color: #1693b6!important;}


.modal-header {    
    background-color: #7f1e36;
    color: #fff;} 

.modal .modal-header .modal-title{color: #fff;}

.modal-footer{   
    text-align: center;
    margin: 0 auto;}


.modal .modal-header .close , .modal .modal-header .close i, .modal .modal-header .close .ki{color: #fff;}


.center-form-el { color: #9f2644;}


.btn.btn-icon {   
    margin: 0 6px;
    padding: 6px 10px !important;
    font-size: 1rem;
    line-height: 1.5;
    border-radius: 0.42rem;}

.btn.btn-icon i{color:#fff;}

.select2-selection.select2-selection--single {
    padding: 0rem;
}

.select2-container--default .select2-selection--multiple {
    background-color: #eeeeee;
    border: none!important;}

#ajax_sub_category 
{ color: #3F4254;
  padding: 0.5rem 1rem;
  line-height: 1.5;
  background-color: #eeeeee;
  border-radius: 5px;}


.box-title.box-btns{    
    margin-bottom: 1%;
    display: flex;
    text-align: left;
    float: left;}


.input-group.date .input-group-addon i{
    line-height: 2;
    margin: 2px 7px;
}

.select2-container--default.select2-container--focus .select2-selection--multiple, .select2-container--default.select2-container--focus .select2-selection--single, .select2-container--default.select2-container--open .select2-selection--multiple, .select2-container--default.select2-container--open .select2-selection--single {
    border-color: #2f2f2f;
}

.header-menu .menu-nav > .menu-item .menu-submenu > .menu-subnav > .menu-item:hover:not(.menu-item-here):not(.menu-item-active) > .menu-link .menu-bullet.menu-bullet-dot > span, .header-menu .menu-nav > .menu-item .menu-submenu > .menu-subnav > .menu-item.menu-item-hover:not(.menu-item-here):not(.menu-item-active) > .menu-link .menu-bullet.menu-bullet-dot > span {
    background-color: #212121;}

.btn.btn-clean:hover:not(.btn-text):not(:disabled):not(.disabled) .svg-icon svg g [fill], .btn.btn-clean:focus:not(.btn-text) .svg-icon svg g [fill], .btn.btn-clean.focus:not(.btn-text) .svg-icon svg g [fill] {
    -webkit-transition: fill 0.3s ease;
    transition: fill 0.3s ease;
    fill: #1e1e1e;
    background-color: #fff;}

/* .bg-burgendy{background-color: #9f2644;}

.header-menu .menu-nav > .menu-item > .menu-link .menu-text {
    color: #ffffff;}

    .header-menu .menu-nav > .menu-item > .menu-link .menu-arrow {
    color: #ffffff;
} */

.bgi-no-repeat {background-color: #673a9d;}
.bg-dark2{    background-color: #1c1c1c !important;}
.bg-info2{    background-color: #305a7a!important;}
.bg-warning2 {background-color: #df9608 !important}

.bgi-no-repeat:hover {background-color: #623697;}
.bg-dark2:hover {    background-color: #181818 !important;}
.bg-info2:hover {    background-color: #2b5372!important;}
.bg-warning2:hover  {background-color: #d3900b !important}

.label.label-square{
    height: 7px;
    width: 7px;
    font-size: 0.9rem;
    color: #2f2f2f;
    background-color: #818181;}

.content {
    padding: 25px 0 0;
}

.reports{background-color: white;
         margin: 0 1px 30px;
         padding: 0 30px;}

.btn-width{     
    margin-bottom: 3%;
    width: 160px;
    font-weight: 500!important;}  


.symbol.symbol-45 .symbol-label {
    width: 60px;
    height: 60px;}

.text-muted {
    color: #7b7b7b !important;
    text-transform: lowercase;}


    #order_number_new{
        margin-bottom: 0;
        background-color: #eeeeee;
        width: 20%;
        padding-top: 7px;
        margin: 10px auto;
        border-radius: 4px;
        margin-top: 1%;
        color: #663259;
        font-weight: 800;}
        
        .market_price{display: inline;}

        #date_interval{    
            text-align: center;
            display: flex;
            font-weight: 700;
            margin: 20px 0;
            justify-content: center;
            align-items: center;
            font-size: 26px;
            color: #a1a1a1;}

            #bottom_input {
                margin: 10px 0 15px;
            }

            div#features {
                padding-right: 13px;
            }

@media print {

    @page {
        size: auto;
    }

    tr, td, tbody{
        page-break-before: avoid;
    }
    
    body{
        height: 100%;
    }

}