.srstyle-savebar{
    border-top: 1px solid #BFCFEF;
    padding: 10px 15px 0px 0px;
    margin: 10px 0px 0px 0px;
    margin-top: 40px;
    display: none;   
}

.navbar-nav > li > a {    
  padding: 0px !important;
  margin: 8px 0px 0px 0px !important;            
}

.navbar{
    min-height: 40px !important;
    height: 40px !important;
    padding: 0px !important;
    margin: 0px !important; 
}

.navbar .navbar-collapse {     
    /*min-height: 40px !important;    */
}

.navbar-header{
    padding-top: 0px; 
    margin: 8px 0px 0px 0px !important;            
    position: absolute;
    top: 2px;
    left: 10px;
}

.navbar-brand {
    float: left;
    height: 50px;
    padding: 0px 0px;    
    line-height: 20px;
}

/*.navbar-nav{
    margin-top: -10px;
}*/

.sidebar{
    top: 40px;
    height: calc(100vh - 40px);
    width: 250px;
}

.sidebar .user-info{
    height: 100px;
    margin-bottom: 10px;
}

section.content {
    margin: 40px 0px 0px 250px;
    padding-top: 15px;
    /*margin-left: 250px;
    margin-top: 50px;*/
}

.ls-closed section.content {
  margin-left: 0px; }

.navbar-left{            
          position: absolute;
          top: -15px !important;
          left: 0px; 
        }

.navbar-right{                    
    margin-top:8px;
    margin-right:3px;
    z-index:99;
    position:relative;    
}

#user-aktif > ul{  
  list-style: none;
  margin: 0px;
  padding: 10px;  
  display: none;
}

#user-aktif > ul > #logout .material-icons {
  font-size: 16px;  
}

#user-aktif > ul #text-change-password {
  text-align: center;  
  margin-bottom: 10px;
}

#user-aktif > ul #btn-save-password button{  
  margin-top: 10px;
}


/*.container-fluid .panel-primary{
.filterable{
    margin-top: 0px;
}*/

/*>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>> Login Style <<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<*/
.srstyle-btn-signin{
	border:none;
}
/*>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>> End Login Style <<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<*/


/*>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>> Filter List Style <<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<*/
.filterable .panel-heading .pull-right {
    margin-top: -20px;
}
.filterable .filters input[disabled] {
    background-color: transparent;
    border: none;
    cursor: auto;
    box-shadow: none;
    padding: 0;
    height: auto;
}
.filterable .filters input[disabled]::-webkit-input-placeholder {
    color: #333;
}
.filterable .filters input[disabled]::-moz-placeholder {
    color: #333;
}
.filterable .filters input[disabled]:-ms-input-placeholder {
    color: #333;
}

.panel {
    padding-bottom: 5px;
    border:0px;
    border-radius: 0px;
    box-shadow: 0 2px 10px rgba(0, 0, 0, 0.2);
    margin-bottom: 0px;
}

.panel > .panel-heading{
    background-color: #4e4e4e;
    /*border-color: #4e4e4e;*/
    border-radius: 0px;
    height: 30px !important;      
    /*padding: 2px 5px;  */
}

.panel-heading > .panel-title{
  font-size: 16px !important;
  margin-left: -5px;
  margin-top: -7px;
}

.panel-heading > .btn-filter{  
  margin-top: -21px !important;
  margin-right: -8px !important;
}

.filters > th{
    text-align: center;
}
/*>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>> End Filter List Style <<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<*/


/*#tbody-produk-hasil {
    display:block;
    max-height:230px;
    overflow:auto;
}*/


.srstyle-tbody-list > tr, .srstyle-tbody-list > tr > td{
  height: 15px !important;
  padding: 5px 0px 0px 5px !important;
  margin: 0px !important;
  text-align: center; 
}

.srstyle-table-list input{
    text-align: center;    
}

form input, .srstyle-combobox .dhxcombo_material{
    border: 1px solid rgba(191, 191, 191, 1) !important;        
    -webkit-border-radius: 4px !important;
    -moz-border-radius: 4px !important;
    border-radius: 4px !important;    
}

.srstyle-combobox .dhxcombo_material{ 
    width: 100% !important;
    height: 30px !important;
}

.srstyle-combobox .dhxcombo_material input{ 
    border: 0px solid rgba(191, 191, 191, 1) !important;        
    -webkit-border-radius: 0px !important;
    -moz-border-radius: 0px !important;
    border-radius: 0px !important;
}

.srstyle-switch-status-aktif{    
    /* untuk atur padding SWITCH TOMBOL AKTIF agar rata kanan sesuai field isian */
    margin: 0px 15px 5px 0px;    
}

input {
    padding: 5px !important;
}

.form-group label.control-label{
    padding-top: 5px;
}

.form-group-sm .form-control {  
    font-size: 14px;  
}

div.dhxcombo_disabled, div.dhxcombo_material.dhxcombo_disabled input.dhxcombo_input, input:disabled, input[readonly], select:disabled, select[readonly], textarea:disabled{
    /* untuk atur warna ComboBox saat disabled */
    background-color: #EEE !important; /*#F0F0F0;*/
    color: #555 !important;
}

.srstyle-card{
    padding-bottom: 20px !important;    
}

.srstyle-button {  
  width: 120px !important;
  margin-left: 10px !important;
}

.srstyle-title{    
    font-size: 16px;
    padding-left: 10px;
    margin-bottom: 15px;
    padding-top: 4px;
    height: 30px;
}

.srstyle-pagination-active{
    background-color:#4e4e4e !important;
    color: white !important;  
}
.srstyle-pagination-number > a{
    /*border: 1px solid #4e4e4e !important;*/
}

.srstyle-pagination{    
    box-shadow: 0 2px 10px rgba(0, 0, 0, 0.2);
    margin: 10px 0px 0px 0px;
}

.srstyle-cursor{
    cursor: pointer;
}
.srstyle-fa-active{
    color: rgb(0, 204, 153);
}

div.srstyle-error-message{
    display: none;
    margin-top: 10px; 
}

/*.srstyle-alert{
    display: none;
}*/
.alert{
   display: none; 
}

@media only screen and (max-width: 768px) {
    .navbar-header{      
        left: 45px;
    }

    .srstyle-usergroup-tab{
      padding-right: 0px !important;
      padding-left: 0px !important;    
    }

/*    .srstyle-nopadding{
      padding: 0px !important;
      margin: 0px !important;
      height: 30px !important;
    }
    */
    /*.srstyle-navbar-right{              
      width: 100%;
    }    

    .srstyle-navbar-right li{  
      display: inline;
      float: right;      
    }  */    

    .navbar-left{            
          position: absolute;
          top: -18px !important;
          left: 0px; 
        }
    
    .navbar-toggle{
        position: absolute !important;
        top: -7px !important;
        right: 10px;        
    }  

    .bars{    
        position: absolute !important;
        top: 4px !important;
        left: 0px;
    }

    .navbar-header{
        padding-top: 0px !important; 
        height: 40px !important;
    }

    .navbar .navbar-collapse.in { 
        /*min-height: 40px;*/
        
        padding: 0px;
        display: none;
    }    

    /*.navbar-nav > li > a {    
      padding: 0px !important;
      margin: 8px 0px 0px 0px !important;                  
    }

    .navbar-nav{              
      width: 100% !important;
      margin: 0px;
    }*/
}

/*.navbar-right li {  
      display: inline !important;          
    }  */

.sidebar .legal {
  padding: 5px;
}

.sidebar .menu .list li > a{
  height: 35px;
  padding-top: 0px;
  padding-bottom: 0px;
   }

.sidebar .menu .list a span {          
      font-weight: normal;
  }

.srstyle-user-active{
  display: absolute;
  color: white;
  right: 0px;
}          

.ml-menu .material-icons, .ml-menu .fa{
  font-size: 16px;
  margin-top: 1px !important;
  color: white;
}

.srstyle-nopadding, .srstyle-nopadding > label{
  padding: 0px;
  margin: 0px;
  /*height: 30px;*/
}

.srstyle-label-prefix{
  text-align: right;
  padding: 5px 3px; 
  margin: 0px;  
  height: 30px;
}

.srstyle-label-discount{
  padding: 5px 3px;     
  height: 30px;
}

/*.srstyle-input-radiobutton{
  margin-top: 10px;
}*/

/*.select2_multiple{
  background-color: red;
}*/


.select2-container {
  width: 100% !important;
  min-height: 30px;
  /*border-color: blue;*/
}

.select2-search {
  width: 100% !important;  
}

.select2-search input{
  width: inherit !important;
  /*background-color: red !important;*/
  border-style: none !important;
  padding: 0px !important;
}

.srstyle-modal-header{
  border-bottom: 1px solid #BFCFEF !important;
}

.srstyle-modal-footer{
  border-top: 1px solid #BFCFEF !important;
}

.srstyle-modal-box{
  width: 90%; 
}

/*.select2-search--inline .select2-search__field {
  width: inherit !important;
  border-color: blue;
  background-color: red;
}*/


/*>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>> Tab usergroup Style <<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<*/
.nav-pills>li>a {
  border-radius: 0px;
  text-decoration: none;
}

.srstyle-usergroup-tab{
  padding-right: 10px !important;
  padding-left: 0px !important;    
}

.srstyle-hakakses{
  border: 1px solid #BFCFEF;
  padding: 10px 0px 10px 10px !important;
}

.srstyle-title-hakakses{
  border-bottom: 1px solid #BFCFEF;
  padding-bottom: 5px;
  margin-bottom: 10px;
}

.srstyle-panel-detail{
  margin: 20px 15px 0px 15px; 
}

.autocomplete-suggestions { border: 1px solid #999; background: #FFF; overflow: auto; }
.autocomplete-suggestion { padding: 2px 5px; white-space: nowrap; overflow: hidden;}
.autocomplete-selected { background: #F0F0F0; }
.autocomplete-suggestions strong { font-weight: normal; color: #3399FF; }


.srstyle-boxinputicon{
    padding-right: 25px;

}

.srstyle-inputicon{
    font-size:27px;
    display:inline;
    position:absolute;
    right:2px;
    top:3px;
    color:#bfbfbf;
    padding: 0px;
    height: 30px;
    background-color: transparent;
    border: 0px;
}


img.ui-datepicker-trigger {
    font-size: 65% !important;
    vertical-align: top !important;    
    display: block;
    position: absolute;
    right: 0px !important;
    top: 0px !important;
    
}

.srstyle-tabledetail thead, .srstyle-tabledetail th, .srstyle-tabledetail tr, .srstyle-tabledetail td{
  padding: 0px !important;
  margin: 0px !important;  
}

.srstyle-tabledetail input{  
  height: 30px;
  border: 0px !important;
  border-radius: 0px !important;
  text-align: center;
}

.srstyle-tabledetail tbody .btn-delete-produk{  
  height: 30px !important; 
  line-height: -300px !important;
  padding: 0px !important;
  margin: 0px !important;  
}

.srstyle-tabledetail tbody .srstyle-detailcount-label{
  text-align: right;
  vertical-align: middle;
  padding-right: 10px !important;
}

.srstyle-textarea{
    border: 1px solid rgba(191, 191, 191, 1) !important;        
    -webkit-border-radius: 4px !important;
    -moz-border-radius: 4px !important;
    border-radius: 4px !important;  
    padding-left: 5px !important;  
}

.srstyle-boxvoid{
  height: 32px;;
  margin: 10px 15px 10px 15px;
  line-height: 32px;
  text-align: center;
  color: white;
}

.srstyle-inputtab{
  border: 1px solid rgba(191, 191, 191, 1) !important;
  padding: 5px 10px 10px 10px !important;
  margin: 0px 0px 0px 0px !important;  
  background-color: white;
}

.color-gray i, .color-gray, .color-gray span{
  color: gray !important;
}

.srstyle-comfirm-text{
    background-color:white; 
}

.srstyle-confirm-box{
  background-color:orange; 
}

.srstyle-btnnavbar button{
  height: 25px !important;
  padding: 5px;
  padding-top: 2px;
  margin-top: -15px;
  border: 1px solid #d8d8d8 !important;
  background-color: #3a3a3a;
  color: #d8d8d8;
}

.srstyle-table-topso th, .srstyle-table-topso tr, .srstyle-table-topso td{
    text-align: center !important;
    padding: 0px !important;
    margin: 0px !important;
}

.srstyle-table-topso input{
    border: 0px !important;
    height: 30px !important; 
    text-align: center;
}

.srstyle-table-topso button{
    margin: 0px !important;
}

.srstyle-tabledetail .srstyle-btndelete-detail, .srstyle-table-topso .srstyle-btndelete-topso{
    width: 20px !important;    
}

#adjstok-datadetail-tbody .btn-delete-produk{
  width: 20px !important;     
}

.tablelist-container{
    position: relative;
    background-color: white;
    padding: 0px !important;
    box-shadow: 0 2px 10px rgba(0, 0, 0, 0.2);
    display: inline-block;    
    border: 0.1px solid #cccccc !important;
    margin-bottom: 0px;    
}

.tablelist-container table, 
.tablelist-container tr,
.tablelist-container thead
{
  margin: 0px;
  padding: 0px;
}

.tablelist-container th,
.tablelist-container td{
  padding: 4px; 
  border: 0.5px solid #cccccc;
  white-space: nowrap;
}

.tablelist-container table {
    float: left;
    border: 1px solid #cccccc !important;
}

.tabledetail-container{
    position: relative;
    background-color: white;
    padding: 10px !important;
    /*box-shadow: 0 2px 10px rgba(0, 0, 0, 0.2);*/
    display: inline-block;    
    /*border: 0.1px solid #cccccc !important;    */
}

.tabledetail-container table, 
.tabledetail-container tr,
.tabledetail-container thead
{
  margin: 0px;
  padding: 0px;
}

.tabledetail-container th,
.tabledetail-container td{  
  border: 0.5px solid #cccccc;
  white-space: nowrap;
}

.tabledetail-container th{  
  padding: 0px 5px !important;
}

.tabledetail-container table {
    float: left;
    border: 1px solid #cccccc !important;
}

.tabledetail-container input {
    border: 0px solid rgba(191, 191, 191, 1) !important;        
    -webkit-border-radius: 0px !important;
    -moz-border-radius: 0px !important;
    border-radius: 0px !important;   
    height: 30px;
}

.tabledetail-container .srstyle-col-content, .tabledetail-container .srstyle-col-contenttop{
  border-left: 0.5px solid #cccccc;
  border-right: 0.5px solid #cccccc;
}

.srstyle-detailcount-label{
  padding-left: 10px;
}

.tabledetail-container .srstyle-btntoprightdetail{
    background-color :transparent !important;
    padding:0px;
    border:0px;    
    color: white;    
    font-size: 28px;
    margin-top: -4px;
}

.srstyle-btntoprightdetail i{
    font-size:25px !important;
}

.srstyle-panelheading-detail button{
  margin-top:-30px;
  background-color :transparent;
  padding:0px;
  border:0px;
}

.srstyle-col-detailaction{
  float:right;  
}

.tabledetail-container .srstyle-col-detailaction tbody tr{
  height: 31px;
}


/*.srstyle-rowcountdetail td{  
  padding-left: 10px !important;
}*/

.srstyle-rowcountdetail{
  height: 31px;  
}

.srstyle-bgcolorqty{
  background-color:  #fff666;
}

.srstyle-filter-container{
    background-color: white;
    padding-top: 5px !important;
    padding-bottom: 5px !important;
    box-shadow: 0 2px 10px rgba(0, 0, 0, 0.2);
    display: inline-block;    
    border: 0.1px solid #cccccc !important;
    margin-bottom: 0px;
    display: none;
}

.srstyle-btnfilter{
  margin-left: 5px; 
}

.srstyle-col-content, .srstyle-col-contenttop {
    overflow: auto;
    /*border-left: 0.1px solid gray !important;
    border-right: 0.1px solid gray !important;*/
}

.srstyle-col-content{
  position: relative;
}

.srstyle-list-title{
    background-color: #4e4e4e;
    color: white;            
    padding: 5px;
}

.srstyle-list-title span{    
    font-size: 16px;    
}

.srstyle-input-view{
    width: 1px !important;    
    visibility: hidden;
}

.srstyle-col-view{
  float:right;
}

.srstyle-col-detailaction{
  float:right;  
}

.srstyle-popuplist{
  margin-bottom:-20px !important;
}

.srstyle-ta-center{
  text-align: center;
}

.srstyle-ta-right{
  text-align: right;
}

.srstyle-noresult{
  border: 0px !important;
}

.srstyle-filterinv-top{
  display: inline;
}

.srstyle-unchangeable{
  /*background-color:#ffdc74;*/
  border-width: medium;
  border-right: solid;
  border-right-color: red;
}

.srstyle-cbpr, .srstyle-lbcbpr{
  margin-left:0px;
  margin-right:-10px;
  margin-bottom: -10px; 
  margin-top: -10px; 
  padding:0px;  
}

.srstyle-thcbpr{
  text-align: center;
}

.srstyle-pjstitle{
    font-size: 80px;
}

.srstyle-input-area-radio {
    border: 1px solid rgba(191, 191, 191, 1);
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;  
    padding-left: 2px;  
    padding-top: 2px;
    padding-bottom: 1px;
}

.srstyle-Tanda-Harus-Diisi{
  color: red;
  font-size: 15px;
}

.srstyle-Remark-Text{
  color: #888888;
  font-style: italic;
}


/* Hide default HTML checkbox */
.SRSToogleContainer input {display:none;}

/* container Toogle */
.SRSToogleContainer {
  position: relative;
  display: inline-block;
  width: 22px;
  height: 22px;
  
}

/* Area Toogle */
.SRSToogleArea {
  position: absolute;
  cursor: pointer;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: white;
  border-style: solid;
  border-width: 1px;
  border-radius: 5px;
  color: #cccccc;
  font-weight: normal;
  text-align: center;
  transition: .1s;
}

/* Area Toogle : saat aktif */
input:checked + .SRSToogleArea {
  background-color: #20cc80;
  color: #888888;
  font-weight: bold;
}

input:enabled:checked + .SRSToogleArea {
  background-color: #20ff80;  
  color: black;
  font-weight: bold;
}

.srstyle-infoexpand{
  padding: 10px 10px 10px 10px;
  margin: 0px 5px 10px 5px;
  background-color: white;
  display: none;
}
.srstyle-infothumb{
  padding: 0px 5px 10px 5px;  
}

.srstyle-arrowactive{
  width: 50px;
  height: 20px;
  left: 50%;  
  z-index: 10;
  position: absolute;
}

.srstyle-arrowactive::after{
    content: "";
    top:-100%;
    position: absolute;        
    border-width: 15px;
    border-style: solid;
    border-color: transparent transparent orange transparent;      
}

.srstyle-closeexpand{  
  top: 5px;
  right: 5px;
  z-index: 10;
  position: absolute; 
  cursor: pointer;
}

.srstyle-infotitle{
  margin: 0px 0px 5px 0px;  
}

.srstyle-infobox {
        background-color: #3a3a3a !important;
        }

.srstyle-infobox .icon {
        min-width: 80px !important;
        }

.srstyle-infobox .content .text {
        color: #cccccc;
        margin-top: 0px !important;
        }
.srstyle-infobox .content .number{
        color: white;
        }

.srstyle-icon-black {background-color: #3a3a3a !important;}
.srstyle-icon-light-blue {background-color: #00BBFF !important;}
.srstyle-icon-green-yellow {background-color: #8DDF2F !important;}
.srstyle-icon-green-yellow2 {background-color: #83ce2d !important;}
.srstyle-icon-purple {background-color: #9E0D9E !important;}
.srstyle-icon-gold {background-color: #999946 !important;}
.srstyle-icon-crimson {background-color: #DC143C !important;}
.srstyle-icon-gray {background-color: #808080 !important;}
.srstyle-icon-tosca {background-color: #20D2AA !important;}
.srstyle-icon-orange {background-color: #FFA540 !important;}
.srstyle-icon-pink {background-color: #FF1493 !important;}
.srstyle-icon-soft-pink {background-color: #FF5359 !important;}
.srstyle-icon-green {background-color: #228B22 !important;}
.srstyle-icon-blue {background-color: #4B40C2 !important;}
.srstyle-icon-orchid {background-color: #DA70D6 !important;}
.srstyle-icon-dark-orchid {background-color: #AA50B6 !important;}
.srstyle-icon-dark-peach {background-color: #FA9169 !important;}
.srstyle-icon-dark-peach2 {background-color: #ff8080 !important;}
.srstyle-icon-ocean-blue {background-color: #8866FF !important;}
.srstyle-icon-brown {background-color: #BB8846 !important;}
.srstyle-icon-gray-blue {background-color: #555577 !important;}
.srstyle-icon-light-brown {background-color: #CCAA77 !important;}
.srstyle-icon-brown2 {background-color: #EEBB88 !important;}
.srstyle-icon-yellow {background-color: #ffcc00 !important;}
.srstyle-icon-DarkKhaki {background-color: #BDB76B !important;}
.srstyle-bgcolorstok{
  /*background-color: #B0C4DE;*/
  background-color: #AAEFFF;
}

.SRSHeaderFormTop .SRSBox{
    float:left; 
    background-color: white;
    margin-left: 5px;
    padding: 0.7px 7px;    
    border: 1px solid rgba(191, 191, 191, 1);        
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
}

.tablelist-container .SRSBox{
    float:left; 
    background-color: white;
    height: 24px;
    color: black;
    margin-left: 5px;
    padding: 0.7px 7px;    
    border: 1px solid rgba(191, 191, 191, 1);        
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
}

.SRSHeaderFormTop .SRSLokasiCbArea{
    float:left; 
}

.srstyle-forbidden{
  background-color: white;
  color: red;
  box-shadow: 0 2px 10px rgba(0, 0, 0, 0.2);
}

.srstyle-lblsegment{
  border-bottom: 1px solid #d7d7c1;  
}

#dappr-table th{
  cursor: pointer;
}

.srstyle-resume-payment{
  border: 1px solid rgba(191, 191, 191, 1);
  background-color: white;
  height: 500px;
  position: absolute;
  right: 0px;
  z-index: 50;
  display: none;
  color: black;
  overflow: auto;
  padding: 20px;
}

.srstyle-resume-payment .srstyle-resume-payment-table th,
.srstyle-resume-payment .srstyle-resume-payment-table tr,
.srstyle-resume-payment .srstyle-resume-payment-table td{
  height: 20px;
  margin: 0px;
  padding: 0px;
  font-size: 14px;
}

.srstyle-infolist{
  background-color: white;
  margin: 10px 0px 0px 0px;
  padding: 0px 10px;
  height: 30px;  
  line-height: 30px;
  box-shadow: 0 2px 10px rgba(0, 0, 0, 0.2);
}

.pagination-container{
  margin-left: 10px;
}

.srstyle-celltotal, .srstyle-celldp, .srstyle-celladj{
  padding-left: 10px;
}

.srstyle-boxsdinfo{
  padding: 10px !important;
}

.srstyle-actdetailicon{  
  display: table-cell;
  text-align: center;
  padding: 0px !important;
}

.srstyle-actdetailicon > i{ 
    font-size: 18px;
}
/* 
#purchaserequest-action-tbody button{
  box-shadow: none;
  background-color: transparent;
  padding: 0px !important;
  border-color: transparent;
  margin-top: 4px;
} */

.srstyle-actiondetail{
   box-shadow: none;
  background-color: transparent;
  padding: 0px !important;
  border-color: transparent;
  margin-top: 1px;
  text-align: center;
}

.hide{
  visibility: hidden;
}


.srstyle-inputicon3{
    font-size:22px;
    display:inline;
    position:absolute;
    right:50px;
    top:3px;
    color:#bfbfbf;
    padding: 0px;
    height: 30px;
    background-color: transparent;
    border: 0px;
}

.srstyle-boxidshippingfee {
    border: 1px solid rgba(191, 191, 191, 1);
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;  
    padding-left: 2px;  
    padding-right: 2px;  
    padding-top: 2px;
    padding-bottom: 1px;    
}

.srstyle-boxidshippingfee i{
    color:#bfbfbf;
}

.srstyle-boxidshippingfee button{
    background-color :transparent !important;
    padding:0px;
    border:0px;    
    color: white;    
    font-size: 28px;
    margin-top: -4px;
    box-shadow: none !important;
}

.srstyle-goodstfstotal{
  border: 1px solid rgba(191, 191, 191, 1) !important;         
}


.srstyle-tdaction-spkpayment i{
  font-size: 19px;
  margin-top: 5px;
}

.srstyle-tdaction-spkpayment{
  text-align: center;
}

.srstyle-boxspkfinish{
  background-color: green;
  text-align: center;
  color: white;
}

.srstyle-lbluser{
  text-align: right !important;  
  padding-right: 10px !important;
}
.produknamecol {
  min-width: 400px;
  padding-top: 0;
}
.fixedname {
     position:absolute;
     margin :  0px;
     left: 0%;
     padding-top: 0;
}
.fixed_table {
  min-width: 150px;
  
}
.display_id{
  display: none;
}
.margin{
  margin-left: -25px;
}

.srstyle-borderpaket{
  border: 2px solid green;
}
.sidebar .menu .list .ml-menu li.active a.toggled:not(.menu-toggle) {
    font-weight: 300 !important;;
    margin-left: 5px !important;;
}
.sidebar .menu .list .ml-menu li .ml-menu li a {
    padding-left: 65px !important;
}
.sidebar .menu .list .ml-menu li a {
        padding-left: 50px !important;;
}

.srstyle-editable-date{
    padding:0px !important; 
    margin:0px !important; 
    height:24px; 
    color:gray; 
    border:none !important;
}

.srstyle-aditable-date-btn{
    font-size:24px;
    display:inline;          
    color:#bfbfbf;
    padding: 0px;
    height: 30px;
    background-color: transparent;
    border: 0px;
}

.srstyle-date-trans{
  border: 0px solid white !important;
  cursor: pointer;
  padding: 0px !important;
  width: 135px;  
}

input.srstyle-date-trans:disabled, input.srstyle-date-trans[readonly]{
  background-color: white !important;
}

.srstyle-btn-texttop{
  background-color:white; 
  color:black; 
  padding:1px 6px 1px 6px; 
  /*border: 1px solid blue !important; */
  -webkit-border-radius: 3px !important;
  -moz-border-radius: 3px !important;
  border-radius: 3px !important;
  font-size: 14px;
  margin-right: 3px;
}

.srstyle-loader{  
  position: absolute;
  /*z-index: 5002;*/
  border: 3.5px solid #f3f3f3; /* Light grey */
  border-top: 3.5px solid orange; /* Blue */
  border-radius: 50%;
  margin-top: 10px;
  width: 25px;
  height: 25px;
  animation: mespin 2s linear infinite;
}

@-webkit-keyframes mespin {
  0% { -webkit-transform: rotate(0deg); }
  100% { -webkit-transform: rotate(360deg); }
}

@keyframes mespin {
  0% { transform: rotate(0deg); }
  100% { transform: rotate(360deg); }
}


.srstyle-loader-md {
  display: none;
  position: absolute;
  left: 50%;
  top: 50%;
  z-index: 5002;
  border: 16px solid #f3f3f3;
  border-radius: 50%;
  border-top: 16px solid orange;
  border-bottom: 16px solid orange;
  width: 70px;
  height: 70px;
  -webkit-animation: spinmd 2s linear infinite;
  animation: spin 2s linear infinite;
}

@-webkit-keyframes spinmd {
  0% { -webkit-transform: rotate(0deg); }
  100% { -webkit-transform: rotate(360deg); }
}

@keyframes spinmd {
  0% { transform: rotate(0deg); }
  100% { transform: rotate(360deg); }
}