@import url(https://fonts.googleapis.com/css?family=Open+Sans);

@import url(https://stackpath.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css);



/*

 * All of the CSS for your admin-specific functionality should be

 * included in this file.

 */

html{

	font-family: sans-serif!important;

}



a:hover>span{

    text-decoration: underline;

}





button>i{

    margin-left:  10px;

    /*color:#fff!important;*/

    /*font-size: 18px!important;*/

}



form{

    display: inline;

}



.white{

    color:#fff!important;

}



td>span{

    white-space: nowrap;

}



.timeline .tm-items > li .tm-box{

    min-height: 100px;

}



#open-succes-modal, #open-danger-modal, #open-warning-modal, #open-backorder-modal, #open-backorder-manager-modal, #open-request-product-modal{

    display: none



}



.button-bar{

    text-align: right;

    padding: 20px;

    background-color: #ccc;

    border-radius: 0 0 5px 5px !important

}



.card-footer{

    background-color: #ccc!important;

    border-radius: 0 0 5px 5px !important    

}



td.actions{

    background-color: #ccc; 

    text-align: center;

}



.text-right{

    text-align: right;

}



.nopadding{

	padding: 0px;

}



.nomargin{

	margin:0px;

}



 html.wp-toolbar{

 	padding-top: 0px;

 }



 .bold{

    font-weight: bold;

 }



 .header{

 	border:0px!important;

    background-color: #fff!important;

    border-bottom: 1px solid #000!important;

 }



 #product_information_popup, #order_information_popup{

    overflow-y: scroll;

 }



 #adminmenuwrap, #wpbody{

 	padding-top:60px;

 	background:transparent;

 }



 #adminmenuback, #adminmenu, .wp-submenu{

 	background-color: #fff!important;

 	color:#abb4be!important;

 }

#adminmenu .wp-submenu a, .wp-submenu, #adminmenuwrap, #adminmenu li{

	color:#abb4be!important;	

	width:300px!important;

}



#wpcontent, #wpfooter{

	margin-left:300px;

}



#collapse-menu, .wp-submenu{

	display: none;

}



li.opensub>a.menu-top, #adminmenu li>a.menu-top, ul#adminmenu > li > a, ul#adminmenu > li > a{

	padding-left: 20px;

}



#adminmenu li.menu-top:hover, #adminmenu li.opensub>a.menu-top, #adminmenu li>a.menu-top:focus, ul#adminmenu > li > a:hover, ul#adminmenu > li > a:focus,

#adminmenu .wp-has-current-submenu .wp-submenu .wp-submenu-head, #adminmenu .wp-menu-arrow, #adminmenu .wp-menu-arrow div, #adminmenu li.current a.menu-top, #adminmenu li.wp-has-current-submenu a.wp-has-current-submenu, .folded #adminmenu li.current.menu-top, .folded #adminmenu li.wp-has-current-submenu{

	background-color: #21262d!important;

	-webkit-box-shadow: 2px 0 0 #0088cc inset;

    box-shadow: 2px 0 0 #0088cc inset;

}



.opensub{

}



.page-title-action, .button{

	color: #333!important;

    background-color: #e6e6e6!important;

    border-color: #adadad!important;

	font-size: 14.4px!important;

	padding: 7.52px 12px!important;

	padding: 0.47rem 0.75rem!important;

	cursor: pointer!important;    

    color: #333!important;

    background-color: #fff !important;

    border-color: #ccc !important;

    -webkit-box-shadow: none !important;

    box-shadow: none !important;	

    font-weight: normal!important;

    border-radius: 0.3rem!important;

    line-height:auto!important;

}



.wp-core-ui .button, .wp-core-ui .button-primary, .wp-core-ui .button-secondary{

	height: auto!important

}



select{

    height: calc(1.5em + 1rem + 2px)!important;

    padding: 0.5rem 1rem!important;

    font-size: 1.25rem!important;

    line-height: 1.5!important;

    border-radius: 0.3rem!important;	

    font-size: 14.4px!important;

}



#poststuff #post-body.columns-2{

	margin-right: 0px;

}





/* Add here all your CSS customizations */





html, body{

	background:none;

}



#wpwrap{

	background-color: #ecedf0;

}



#adminmenuwrap{

	background: #1D2127;

    /*-webkit-box-shadow: -5px 0 0 #2F3139 inset;*/

    /*box-shadow: -5px 0 0 #2F3139 inset;*/

    /*z-index: 1;*/

    height: 100%;

    z-index: 1;

}



#adminmenu{

	background: #1D2127!important;	

	padding-top: 38px;

}



#adminmenu .wp-menu-name{

	font-size:12.6px!important;	

}



#wpcontent, #wpfooter {

    margin-left: 280px!important; 

}



.wrap{

	margin:0px;

	padding:40px;

}



.header{

	width:100%;

    position:fixed;

    top:0px;

   	background: #1D2127;

}



#wpbody-content{

	background-color: #ecedf0;

}





#dashboard-widgets .postbox-container{

	width: 50%;

}



html.dark .userbox .name, html.dark .userbox .custom-caret, html.header-dark .userbox .name, html.header-dark .userbox .custom-caret {

    color: #C3C3C3;

}



#product_information_popup, #order_information_popup, #office_information_popup{	    

    position: absolute;

    width: 80%;

    height: 80%;

    border: 1px solid #dee2e6;

    z-index: 99999999999999999;    

    background-color: #fff;

    position: fixed;

    top: 50%;

    left: 50%;

    position: fixed;

    top: 50%;

    left: 50%;

    transform: translate(-50%, -50%);

    display:none;

    box-shadow: 10px 10px;

    margin:40px!important;

    padding:40px!important;

}



#close_product_information_popup, #close_order_information_popup, #close_office_information_popup{

	display: inline;

    float: right;

    width: 50px;

    height: 50px;

    background-color: #dee2e6;

    color:#000;

    line-height:50px;

    cursor: pointer;

    text-align: center;

    position: absolute;

    right: 0px;

    top: 0px;    

}



.card{

	max-width: none;

}



.custom-card-body{

    background-color: #1D2127;

    color:#72777c;

    margin:4px;

    text-align: center;

}



.card-body li>ul{

    margin-left:40px;

}



#wpbody-content{

/*    background-color: white;

    width: 90%;

    margin: 40px;*/

}



.page-header{

    /*padding-top:  60px;*/

    z-index:1;

}

 

.plugin-content{

    margin:20px;

    width: calc( 100% - 40px );

    background-color: #fff;

    

}



ul#adminmenu a.wp-has-current-submenu::after, ul#adminmenu > li.current > a.current::after{

    display: none;

}



.select2{

    width: 100%!important;

}



.order_product_total{

    float: right;

    text-align: right;

    font-weight: bold;

}



.notification-title{

    height:    36px;

}



.product-content{

    margin-top:  20px;

}



#add-product-amount{

    margin:4px;

}



.hidden-input{

    display: none;

}



.order-number>a{

    color:#fff;

}



.product-stock-container{

    /*border:1px solid red!important;*/

}



.product-stock-container>h3{

    display: inline;

    float: left

}



.product-stock{

    display: inline;

    float: left;

}



.dashboard-order{

    height:100%;

}



.dashboard-order a{

    text-decoration: none;

    color:#0088cc !important;

}



.dashboard-order a:hover{

    color:#72777c;

}



.dashboard-order a:hover>div{

    text-decoration: underline!important;

}



.dashboard-order-left{

    display: inline;

    width: 48%;

    float: left;    

}



.dashboard-order-middle{

    display: inline;

    width: 32%;

    float: left;

    text-align: left;

}



.dashboard-order-right{

    display: inline;

    width: 48%;

    float: left;

    text-align: right;

}



.stock-info{

    display: none;

}



.invoice-orderline.even{

    background-color: rgb(246, 246, 186);

}



.invoice-orderline.uneven{

    

}



.invoice-total-order{

    border-top:  1px solid gray;

    font-size: 14px;

    font-weight: bold;

    padding: 20px 0px 20px 20px;

}



.invoice-header{

    font-weight: bold;

    margin-bottom: 20px;

}



.invoice-header div{

    /*padding:4px 0px 4px 0px;*/

    background-color: #777777;

    color:#ffffff;

}



.invoice-number{

        text-align: right;

    font-size: 24px;

    margin-bottom: 40px;

}



#add-product-to-order-from-product-message{

    line-height: 40px;

    font-size: 18px;

    margin-left: 20px;

    color: orange;

}





.status-sent{

    border-radius: 5px;

    padding:4px;

    background-color: #9cb7ff;

    color:#000;

    width: 150px!important;

    float: left;    

    text-align: center;   

}



.status-refused{

    border-radius: 5px;

    padding:4px;

    background-color: #ffcccc;

    color:#000;

    width: 150px!important;

    float: left;    

    text-align: center; 

}



.status-waiting{

    border-radius: 5px;

    padding:4px;

    background-color: #303742;

    color:#fff;

    width: 150px!important;

    float: left;    

    text-align: center;

}



.status-submitted{

    border-radius: 5px;

    padding:4px;

    background-color: #d200bc;

    color:#fff;

    padding-left: 10px;

    padding-right: 10px;

    width: 150px!important;

    float: left;    

    text-align: center;

}



.status-request{

    border-radius: 5px;

    padding:4px;

    background-color: #e6ff38;

    color:#000;

    padding-left: 10px;

    padding-right: 10px;

    margin-right: 10px;

    width: 150px!important;

    float: left;    

    text-align: center;

}



.status-approved{

    border-radius: 5px;

    padding:4px;

    background-color: #c1ffcd;

    color:#000;

    padding-left: 10px;

    padding-right: 10px;

    width: 150px!important;

    float: left;    

    text-align: center;    

}



.status-completed, .status-accepted{

    border-radius: 5px;

    padding:4px;

    background-color: green;

    color:#fff;

    padding-left: 10px;

    width: 150px!important;

    float: left;    

    text-align: center;   

}



.status-shipped{

    border-radius: 5px;

    padding:4px;

    background-color: #1700c4;

    color:#fff;

    padding-left: 10px;

    padding-right: 10px;

    width: 150px!important;

    float: left;    

    text-align: center;     

}



.status-declined{

    border-radius: 5px;

    padding:4px;

    background-color: red;

    color:#fff;

    padding-left: 10px;

    padding-right: 10px;

    width: 150px!important;

    float: left;    

    text-align: center;   

}



.status-cancelled{

    border-radius: 5px;

    padding:4px;

    background-color: red;

    color:#fff;

    padding-left: 10px;

    padding-right: 10px;

    width: 150px!important;    

/*    margin-left: 10px;

    margin-right: 10px;*/      

}



.status-pending{

    border-radius: 5px;

    padding:4px;

    background-color: #9e9e9e;

    color:#fff;

    padding-left: 10px;

    padding-right: 10px;

    width: 150px!important;

    float: left;    

    text-align: center; 

}



.status-updated{

    border-radius: 5px;

    padding:4px;

    background-color: #fff;

    color:#000;

    padding-left: 10px;

    padding-right: 10px;

    width: 150px!important;

    float: left;    

    text-align: center; 

    border:1px solid black;

}



.order-title{

    cursor: pointer;

    border: 2px solid #0088cc;

    /*background-color: #0088cc;*/

    /*color: #fff;*/

}



.add-product-message{

    display: inline;

    margin-right:  30px;

    font-size: 18px;

    

}



/*#collapse-menu{

    position: absolute;

    color: yellow;

    top: 0px;

    left: 0px;

    width: 200px;

    height: 200px;

    display: inline;

}.product-

*/

.body-background{

    background-color: #ecedf0;

}



.product-image{

    max-width:100%!important;

    max-height:200px!important;

}



.product-container{

    text-align: center;

    /*width: 360px!important;*/

    height: 240px!important;

}



.cart-link{

    position: absolute;

    top: 0px;

    right: 0px;

}

/*

.modal-icon {

    width: 100%;

}

*/

.product-view-container .card-footer{

    text-align: right;

}



.wp-menu-image>img{

    max-width: 32px;

    max-height:  32px;

}



#adminmenu .wp-menu-image img {

    padding: 0 0 0 0;

}



.card-featured-primary{

    padding: 0px!important;

}



.backorder-line{

    border:1px solid red!important;

    background-color: yellow!important;    

}



ul#notifications a:hover{

    text-decoration: underline;

}



.notifications .notification-menu.large{

    width: 500px;

}



.show-product-stock-container{

    display: inline;

}



.product-stock-info{

    font-size: 11px;

}



.show-product-stock{

    font-size: 24px;

    cursor: pointer;

}



.product-view-container .card-footer{

    height: 150px;

}



.product-stock-line-info{

    display: none;

}



.not-enough-stock{

/*    border:1px solid red;

    background-color: orange!important;*/

}



#adminmenu li {

    padding: 10px 0px 10px 0px!important;

}



li.opensub>a.menu-top, #adminmenu li>a.menu-top, ul#adminmenu > li > a, ul#adminmenu > li > a {

    padding: 10px;

}



.request-backorder-from-product, .show-product-stock{

    /*margin-top: 10px;*/

}



#userbox span, #userbox a {

    color: #171717;

}



.header-right {

    float: right;

    height: 60px;

}



.userbox .dropdown-menu {

    background: #fff!important;

    color: #171717!important;

    border:1px solid #171717!important;

}



.notifications .notification-menu{



}



.total span{

    font-weight: bold;

}



.notification-title a{

    color:#fff;

    text-decoration: underline;

}



.request_more{

    margin-left: 10px; 

    margin-right: 0px!important;  

    margin-top: 3px!important;

}



li.shipping_costs{

    border-top:1px dotted #ACACAC;

}



li.total{

    border-top:1px solid #ACACAC;

}



.order-notification{

    /*background-color: green;*/

}



.backorder-notification{

    /*background-color: yellow*/

}







.backorder_request-notification{

    /*background-color: red;*/

}



.create_backorder{

    margin-left:10px;

}



ol.breadcrumbs {

    margin-right: -110px!important;

    margin-top: 4px!important;

}



.invoice-image{

    max-width:  100px;

    max-height:     100px;

    padding: 5px;

}



.total{

    border-top: 4px solid #72777c;

}



.page-header-sub{

    color: white;

    padding: 10px;

    margin: 0px;

    background-color: #777;

    border-bottom:1px solid #777!important;

    margin-top: -6px;

    margin-left: -1px;

}



th.sorting, th.sorting_desc, th.sorting_asc{

    cursor: pointer;

}



.add-product-box{

    margin:0px 15px 0px 15px;

    text-align: center;

    font-weight: bold;

    font-size:16px;

}



.status-update{

    margin-top:10px;

}



.status-update div{

    display: inline-block;

}



.status-update>div:first-child{

    width: 200px;

}



.status-update>div:last-child{

    margin-left: 10px;

    height: 100%;

    width: 50%;

    position: absolute;

    /* right: 0; */

    top: 0;    

}



.status-update-container{

    /*margin-top: 40px;*/

}



.change-order-status-button{

    margin-bottom: 20px;

}



.dataTables_filter>label{

    margin-right:50px!important;

}



.dataTables_wrapper{

    margin-top: 10px;

}



.dataTables_wrapper button{

    margin-top: 0px!important;

    margin-bottom: 0px!important;

}



.dataTables_wrapper td{

    vertical-align: middle!important;

}



.hr-sect {

    display: flex;

    flex-basis: 100%;

    align-items: center;

    color: rgba(0, 0, 0, 0.35);

    /*font-size: 12px;*/

    margin: 8px 0px;

}

.hr-sect::before,

.hr-sect::after {

    content: "";

    flex-grow: 1;

    background: rgba(0, 0, 0, 0.35);

    height: 1px;

    font-size: 0px;

    line-height: 0px;

    margin: 0px 16px;

}



tr.products_total>td{

    border-top: 3px solid black;

}



tr.total>td{

    border-top: 3px solid black!important;   

    border-bottom: 2px solid black!important;   

}



tr.request>td{

    /*background-color: #f2ff93;*/

}



.errors{

    margin: 10px;

    /* padding: 10px; */

    color: red;

    text-align: center;

    font-size: 20px;

}



.tab{

    margin-top: 20px;

}



.product-stockline-available{

    display: inline-block;

}



.add-product-to-order-from-product-v2, .add-product-stockline, .add-product-amount{

    margin-top: 3px!important;

}



.total_carton{

    text-align: right;

    display: block;

    font-size: 20px;

    margin-bottom: 10px;

}







.card-footer{

    height: 138px!important;

}



@media only screen and (max-width: 1240px) {

    .card-footer{

        height: 176px!important;        

    }

}



@media only screen and (max-width: 1164px) {

    .card-footer{

        height: 200px!important;        

    }

}



@media only screen and (max-width: 1000px) {

    .card-footer{

        height: 220px!important;        

    }

}



/*@media only screen and (max-width: 1160px) {

    .card-footer{

        height: 154px!important;

    }

}



@media only screen and (max-width: 1000px) {

    .card-footer{

        height: 218px!important;

    }

}*/



.button-container{

    display: block;

    text-align: right;

    margin: 5px 0px 5px 0px;

}



.filter{

    width:100%!important;

    margin:0px!important;

    padding: 20px;

    margin-top:0px!important;

    background-color:#ccc;

}







.filter-results{

    float: right;    

    margin-top: 7px;

    font-size: 16px;

}




.office-section{
    margin-top: 20px;
}

.office-submitted-orders, .office-shipped-orders{
    display: inline-block;
    text-align: center;
    margin-top: 40px;
}

.card-header-submitted{
    background-color: #d200bc;
}

.card-header-shipped{
    background-color: #1700c4;
}

.notice{
    display: none!important;
}


.address .text-lg-left{
    max-width: 100%!important;
}

.content-body{
    display: block!important;
}