selectedbody{
    background-color: #eee;
}

.box {
    position: relative;
    border-radius: 3px;
    background: #ffffff;
    border-top: 3px solid #3c8dbc;
    margin-bottom: 20px;
    width: 100%;
    box-shadow: 0 1px 1px rgba(0,0,0,0.1);
}

.box-body {
    border-top-left-radius: 0;
    border-top-right-radius: 0;
    border-bottom-right-radius: 3px;
    border-bottom-left-radius: 3px;
    padding: 10px;
    
}

.breadcrumb{
    text-align: right;
    margin-bottom: 5px;
    padding: 5px 15px;
    font-size: 11px;
    background-color: rgba(255, 255, 255, 0);
}

.navbar {
    margin-bottom: 10px;
}


.main-header .navbar, .main-header li.user-header {
    background-color: #3c8dbc;
}
 
.main-header .navbar .nav>li>a:hover, .main-header .navbar .nav>li>a:active, .main-header .navbar .nav>li>a:focus, .main-header .navbar .nav .open>a, .main-header .navbar .nav .open>a:hover, .main-header .navbar .nav .open>a:focus, .main-header .navbar .nav>.active>a {
    background: rgba(0,0,0,0.1);
    color: #f6f6f6;
}

.main-header .navbar .nav>li>a {
    color: #fff;
}

.my-btn-panel{
    margin: 0px 0px 10px 0px;
}

.my-btn-panel-btnblock{
    float: left;
}

.my-btn-panel .resp-user{
    float: right;
    padding-top: 7px;
}

.my-btn-panel .group-name{
    float: right;
    padding-top: 4px;
    font-size: 18px;
}

.my-forms-title-h1{
    padding: 0 15px;
    font-size: 20px;
    margin-top: 0px;
    float: left;
}

.my-content{
    padding-top: 0;
}

.my-block-priv1{
    background-color: #f4f4f4;
    margin: 0px;
    padding: 4px;
    border-left: 4px solid #3c8dbc;
}

.my-block-priv1 .my-handle {
    display: inline-block;
    margin: 0 5px;
}

.my-block-priv1 .my-handle-text {
    padding-top: 7px;
}
.my-form-label{
    font-weight: 100;
    color: #3c8dbc;
    font-size: 17px;
    padding: 0 0 5px 10px;
}

.my-controler-btn{
    min-width: 100px;
}

.my-mov-header-def th, .my-mov-header-cash th{
    text-align: center;
    color: #085394;
    font-weight: 400;
}
.my-mov-header-def th{
    font-size: 17px;
}

.my-mov-header-cash th{
    font-size: 13px;
    font-weight: 600;
}

.my-mov-header-cash td{
    font-size: 13px;
}

.my-n1{
    text-align: right;
}

.my-stordoc-cat{
    background-color: #c7f4ff;
    font-weight: 600;
    font-size: 17px;
}

.my-stordoc-cat .fa{
    color: #00c0ef;
    margin-right: 6px;
}

.my-n1{
    text-align: right;
}

.my-main-footer{
    background-color: #c7f4ff;
    padding: 10px;
    font-size: 11px;
}

.my-comment{
   resize: none;
    border: 1px solid #d9edf7;
    width: 100%; 
}

.my-comment-btn{
    cursor: pointer;
}
.my-check, .my-check-gi{
    touch-action: manipulation;
    cursor: pointer;
}

.my-check .fa{

}

.my-check-off{
    background-color: #eee;
}
.my-check-on{
    background-color: greenyellow;
}

.my-shopping-cat-box{
    background-color: #286090;
    padding: 3px;
    border-radius: 5px;
    margin-bottom: 10px;
}
.my-shopping-cat-box-p{
    font-size: 15px;
    padding: 5px 5px 0px 5px;
    color: #fff;
    font-weight: 600;
}

.my-shopping-box{
    background-color: lightskyblue;
    padding: 3px;
    border: 1px solid #337ab7;
    border-radius: 6px;
    border-left: 6px solid #dadada;
}
.my-sb-marker{
    border-left: 6px solid #ff0000;
}

.my-bg-q-warning{
    background-color: #ffcece;
}

.my-shopping-box p{
    font-size: 15px;
    padding: 5px 5px 0px 5px;
}

.my-shopping-edit{
    display: block;
}

.my-shopping-edit:hover{
    text-decoration: none;
}

.my-shopping-quantity{
    font-size: 16px;
    font-weight: 600;
    
}

.my-shopping-s-quantity{
    font-size: 11px;
    font-style: italic;
    color: #337ab7;
}

.my-th-bg-warn{
    background-color: #ffbfbf;
}
.my-th-bg-ok{
    background-color: #dcffce;
}


.my-panel {
    border: 1px solid #d9edf7;
}

.my-panel .panel-heading, .my-panel .panel-heading-red, .my-panel .panel-heading-green {
    background-color: #d9edf7;
    font-size: 11px;
    color: #31708f;
}

.my-panel .heading-red, .my-panel-btn-lred {
    background-color: #ffd8d8;
    color: red;
}

.my-panel .heading-green, .my-panel-btn-lgreen {
    background-color: #dff0d8;
    color: green;
}

.my-panel-btn{
    min-width: 162px;
    margin-bottom: 20px;
    border: 1px solid lightgray;
    height: 40px;
    font-size: 17px;
    font-weight: 600;
    color: white;
}

.my-panel-btn:hover{
    color: white;
}
.my-panel-btn:focus{
    color: white;
}


.my-panel-btn-green{
    border-color: #137913;
    background-color: #5ea55f;
}
.my-panel-btn-green:hover{
    background-color: #137913;
    
}

.my-panel-btn-red{
    border-color: #791313;
    background-color: #e43939;
}

.my-panel-btn-red:hover{
    background-color: #ca2b2b;
}

.my-min-q{
    background-color: #eeeeee;
    padding: 2px;
    font-size: 13px;
    color: #31708f;
    border: 1px solid #efb700;
}

/*.my-td-a{
   position: relative; 
}

*/
.my-td-a a{ 
/*    position: absolute;
    display: contents;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    padding: 10px;*/
    text-decoration: none;
}

/*
.my-td-a a:hover{ 
    background-color: greenyellow;
}*/


/*find*/
.my-find-row-selected{
    background-color: lightyellow;
}

.my-find-model-separator {
    margin: 17px;
}

.my-help-modal-icon{
    height: 30px;
    text-align: left;
}

.my-btn-panel-help{
    height: 30px;
    text-align: right;
}
.my-btn-panel-help img, .my-help-modal-icon img{
    height: 100%;
}
.my-btn-panel-help img:hover {
    cursor: pointer;
}

/*--- invobox ---*/
.my-invo-box{
    background-color: #d4f8ff;
    padding: 3px;
    width: 130px;
    height: 56px;
    margin: 10px;
    border: 2px solid #5bc0de;
    border-radius: 5px;
    float: left; 
    cursor: pointer;
}

.my-invo-box-cancel{
    background-color: #ffd892 !important;
    border-color: #ff6200 !important;
}
.my-invo-box-data{
    
}
.my-invo-box-data b, .my-invo-box-data-cancel b{
    width: 45px;
    background-color: #ebfcff;
    height: 21px;
    display: block;
    float: left;
    padding-left: 4px;
}

.my-invo-box-data b{
    background-color: #ebfcff;;
}
.my-invo-box-data-cancel b{
    background-color: #ffe7bb;
}

.my-invo-box-data .fa, .my-invo-box-data-cancel{
    padding-top: 2px;
}
.my-invo-box-data i{
    display: block;
    width: 28px;
    float: left;
    text-align: center;
}

.my-invo-box-sum, .my-invo-box-sum-cancel{
    clear: left;
    text-align: center;
    padding: 3px;
    font-weight: 600;
}

.my-invo-box-data .fa, .my-invo-box-sum{
    color: #31749a;
} 
.my-invo-box-data-cancel .fa, .my-invo-box-sum-cancel{
    color: #ff6200;
}

.my-invo-box-card{
    position: relative;
    top: -15px;
    left: 100px;
    width: 25px;
    color: #197895;
}

#my-modal-creditcard{
    margin-right: 5px;
    color: #FF9800;
    display: none;
}

tr.my-lg-tmp-summ {
    background-color: #a9e2f3;
    font-size: 18px;
}

tr.my-lg-tmp-summ-cancel{
    background-color: #ffd5a2 !important;
}

tr.my-lg-tmp-summ span{
    font-size: 15px;
    color: #2196F3;
    line-height: 1.8
}

tr.my-lg-tmp-summ span.my-creditcard{
    font-size: 22px;
    color: #FF5722;
    line-height: 1.3;
}

/*--- invobox END---*/


/*--- mymodal ---*/
.my-modal-header{
    border-bottom: 2px solid lightgray;
    margin-left: 10px;
    margin-right: 10px;
}
.my-modal-close{
    float: right;
    width: 100px;
    height: 36px;
    margin-right: 10px;
    background-color: lightgray;
    border: 0;
    font-size: 20px;
}
.my-modal-title{
    padding: 9px 0 3px 8px;
    
}

/*--- mymodal --- END*/

#datefilter-year, #datefilter-month{
    display: none;
}


.login-box {
    width: 360px;
    margin: 7% auto;
}

.login-logo {
    font-size: 35px;
    text-align: center;
    margin-bottom: 25px;
    font-weight: 300;
}

.login-box-body {
    background: #fff;
    padding: 25px;
    border-top: 0;
    color: #337ab7;
    border-radius: 7px;
    box-shadow: 2px 5px 14px 0px #00000059;
}

.login-box-msg {
    margin: 0;
    text-align: center;
    padding: 0 20px 20px 20px;
}

.callout{
    margin: 10px;
    background-color: gray;
    color: white;
    padding: 1px 14px;
    margin-bottom: 10px;
    border-radius: 5px;
    border-bottom: 3px solid darkgray;
}

.callout h4{
    font-weight: 700;
    font-size: 17px;
}

.callout ul{
    
}

.callout li{
    
}

.callout-danger{
    background-color: #f34747;
    border-bottom: 3px solid #900000;
}

.callout-success{
    background-color: lightgreen;
    border-bottom: 3px solid green;
}
.callout-warning{
    background-color: orange;
    border-bottom: 3px solid #d88c00;
}


/*--- myColorBox ---*/
.my-colors{
    margin-bottom: 20px;
    display: inline-block;
}

.my-color-box {
    width: 200px;
    height: 30px;
    text-align: center;
    line-height: 2;
    float: left;
    margin: 10px;
}    
    
.my-color-box input{
    margin-right: 20px;
    position: relative;
    top: 2px;
    left: -17px;
}

/*--- myColorBox --- END*/

/*--- myDemoImg ---*/

.my-demo-img{
    width: 300px;
    background-color: #eaeaea;
    border: 1px solid;
    margin-bottom: 20px;
}
.my-demo-img img{
    width: 100%;
    display: block;
    padding: 5px;
}

/*--- myDemoImg --- END*/


/*--- myLoadImgWidget --- */
#addbutton, .addbtn{
    display: none;
}

.overlay{
    display: none;
}
/*--- myLoadImgWidget --- END*/


/*--- myImageUploadBtn --- */
.my-image-upload-btn{
    position: relative;
    width: 160px;
    height: 35px;
    background-color: #dff0d8;
    margin-bottom: 16px;
    border: 1px solid green;
    border-radius: 4px;
    color: green;
}
.my-image-upload-btn input[type='file']{
    position: absolute;
    width: 158px;
    height: 33px;
    top: 0;
    left: 0;
/*    cursor: pointer;*/
    opacity: 0;
}

.my-image-upload-btn p{
    position: relative;
    width: 160px;
    text-align: center;
    padding-top: 5px;
}

.my-image-upload-icon{
    color: #337ab7;
}

.my-uploaded-image{
    color: #d5d5d5;
}
/*--- myImageUploadBtn --- END*/


/*--- myModal --- */

.my-modal-style{
    padding: 5px;
}
/*--- myModal --- END*/

/*--- FilterModal --- */

.filter-modal .form-group {
    padding: 10px 0;
}

.filter-info-line{
    float: right;
    margin-top: 2px;
    border: 1px solid #5bc0de;
    padding: 5px 15px;
    border-radius: 5px;
    font-size: 12px;
}
/*--- FilterModal --- END*/

.qsdetailedview{
    cursor: pointer;
}

.qsdetailedview:hover{
    background-color: #ffe9c8;
}

.odd:hover {
    background-color: #fff5e5;
}

/*--- myMainstorLeftPanel --- */
.my-mainstor-left-panel{
    background-color: #c7f4ff;
    padding: 10px 10px;
    overflow: auto; 
    height: 420px;
   
}

.goods-cat-menu{
    width: 251px;
    height: 438px;
    overflow: overlay;
    position: absolute;
    background-color: #c7f4ff;
    border: 1px solid #3c8dbc;
    z-index: 10;
    font-size: 15px;
    border-radius: 8px;
    display: none;
    left: 16px;
}

.my-mainstor-left-panel ul, .goods-cat-menu ul{
    list-style-type: none;
    margin: 0;
    padding: 0;
    overflow: hidden;
    width: 100%;
}
.my-mainstor-left-panel li{
    
}

.my-mainstor-left-panel a, .goods-cat-menu a{
    text-decoration: none;
    background-color: #c7f4ff;
    display: block;
    margin: 3px 0;
    padding: 3px 8px;
}
.my-mainstor-left-panel a:hover, .goods-cat-menu a:hover{
    background-color: #e8faff;
    margin-left: 1px;
    border-top: 1px solid #286090;
    border-left: 1px solid #337ab7;
    border-radius: 6px 0 0 0;
}
.my-mainstor-left-panel a:focus{
    
}

/*--- myMainstorLeftPanel --- END */

/*--- myReportTable --- */

.my-report-box{
    margin-top: 10px;
}
.my-report-table{
    
}

.basis-st0{
    background-color: #fffbd9;
    font-style: italic;
}
.basis-st1{
    background-color: #e9fbff;
    font-style: italic;
    font-weight: 600;
}
.basis-st2{
    background-color: #fffbd9;
    font-weight: 600;
}
.basis-st3{
    background-color: #fffef8;
    font-style: italic;
    font-size: 13px;
}

.basis-st-ra{
    text-align: right;
    padding-right: 24px !important;
}
.basis-st-ra1{
    text-align: right;
    font-size: 13px;
}
.basis-st-pa{
    padding-left: 30px !important;
}
.basis-st-pa1{
    padding-left: 40px !important;
}

/*--- myReportTable --- END */

.selected-red{
    color: red;
}

.selected-blue{
    background-color: #dce9ff;
    border-left: 8px solid #337ab7;
}
.selected-green{
    background-color: #f4ffe2;
    border-left: 8px solid green;
}


/*--- myImportErrorsModal --- */

.my-err-table{
    font-size: 12px;
}

.my-err-table td, .my-err-table th{
    
}

.my-td-err-name{
    font-style: italic;
    font-weight: 600;
    color: #c92518;    
}

.my-td-err-catgoods-name{
    color: #3F51B5;
}
.my-td-err-catgoods-name b{
    color: #ff9800;
}

.my-td-err-field-name{
    
}

.my-td-err-good-value, .my-td-err-bad-value{
 text-align: center;
    font-weight: 600;   
}
.my-td-err-good-value{
    color: darkgreen;
}

.my-td-err-bad-value{
    color: #c92518;
}
/*--- myImportErrorsModal --- END */

/*--- HistoryModal --- BEGIN */

.hist-modal{
    padding: 10px 0;
}

.hist-body{
    
}

.hist-footer{
    background-color: #5bc0de;
    margin-bottom: 3px;
    font-size: 20px;
    color: white;
}
.hist-footer-text{
    
}

.hist-footer p{
    padding: 5px;
    text-align: center;
}

.hist-body{
    height: 600px;
    font-size: 13px;
    overflow-y: scroll;
    line-height: 15px;
}

.hist-block{
    border-bottom: 5px solid #c7f4ff;
    margin-bottom: 10px;
}

.hist-block p{
    padding: 0 5px;
}

.hist-procname{
    font-size: 18px;
    padding-right: 20px;
}

.hist-header{
    background-color: #c7f4ff;
    height: 30px;
    margin-top: 3px;
}

.hist-nodata{
    margin-top: 95px;    
    text-align: center;
}


.my-hist-list{
    color: #3c8dbc;
}



/*--- HistoryModal --- END */

/*--- dailycashregister --- BEGIN */
.dcr-th{
    width: 160px;
    color: #085394;
    font-size: 17px;
    font-weight: 100;
}
.dcr-line{
    background-color: #5bc0de;
    height: 10px;
    margin-bottom: 30px;
}

/*--- dailycashregister --- END */


.separa-add-warning{
    border: 2px solid orange;
    text-align : center;
    padding: 50px 0;
    margin: 150px 20px;
}

#view-inport-from-rec option:disabled{
    color: #ff4501;
}

@media (max-width: 575.98px) {
    
        
}

@media (max-width: 767.98px) { 
    .my-stordoc-cat {
        font-size: 14px;
    }
    
    .my-mov-header-def th {
        font-size: 12px;
    }
    
    .navbar-brand {
        height: 40px;
    }
    
    .navbar-toggle {
        padding: 9px 10px;
        margin-bottom: 3px;
    }
    
    .navbar {
        margin-bottom: 10px;
    }
    
    .breadcrumb {
        margin-bottom: 10px;
    }
    
}

@media (max-width: 991.98px) { 
     }

@media (max-width: 1199.98px) { 
     }
     
@media print {
  /* All your print styles go here */
  .my-btn-panel, .my-main-footer, .content-header, .no-print {
    display: none !important;
  }
  #bro-m{
      overflow: unset !important;
  }
  .table>tbody>tr>td, .table>tbody>tr>th, .table>tfoot>tr>td, .table>tfoot>tr>th, .table>thead>tr>td, .table>thead>tr>th {
    padding: 3px;
    font-size: 12px;
  }
  
}