/*-------------------------------------------------------+
| Onlinksoft
| http://www.onlinksoft.com/
+--------------------------------------------------------+
| Author: Onlinksoft  
| Email: admin@onlinksoft.com
+--------------------------------------------------------+*/
html, body {
   /* height:100%;*/
}
body {font-family: 'Raleway', sans-serif;font-weight:200;font-size:15px;line-height:1.25;
    position:absolute;top:0;left:0;right:0;bottom:0;margin:0;padding:0; box-sizing: border-box;}
    #footer_debug { width:100%; display: block; }
#footer_debug pre { font-size: 12px; line-height: 1;}
/*
::-webkit-scrollbar {    width: 8px;}
::-webkit-scrollbar-track {   background-color: #4e4e4e;}
::-webkit-scrollbar-thumb {   border-radius: 10px;   -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.5); }*/
::-webkit-scrollbar {  width: 10px;height:7px;}

/* Track */
::-webkit-scrollbar-track {   border: 4px solid transparent;  background-clip: content-box;  }

.card-header {    padding: 0 10px;    color: #f1f1f1;    background: #8a8c8b;    border-top-left-radius: 3px;    border-top-right-radius: 3px;}
select:disabled, input:disabled{    background: #e8e7e7;}
h4.title {    margin: 0px;    font-weight: 400;    /*font-size: 0.7em;*/    padding:0 15px;}
.card.panel-body {   background: #fff;   border-radius: 3px;     margin-bottom: 20px;    box-shadow: 0px 0px 30px #dfdfe2;}
.card.panel-body.pheight400 {    border: 0;    padding-bottom: 50px; 
    /*box-shadow: 0 1px 10px -20px rgba(189, 184, 176, 0.28), 0 1px 10px 0px rgba(0, 0, 0, 0.12), 0 7px 8px -5px rgba(232, 230, 226, 0.2); */
} 

.card-content.table-responsive {padding: 0 10px;  padding-top: 20px;   }
.card-content.table-responsive.big {overflow-x: scroll;}
/* .card-content.table-responsive.big table { width: 500px; }  */
.card_box{ background: #fff;    padding: 15px; box-shadow: 0px 0px 30px #dfdfe2; border-radius: 3px;}
.card .card-content-tiny { width: 70%; float: left; }
.card .card-content-tiny .title{ line-height: 31px;   padding: 0 1%; }
.card .card-content-tiny .stats{ margin: 0;  line-height: 20px;  font-size: 14px;  padding: 0; }
.card .card-icon { width: 30%; float: right; text-align: right; padding: 8px 0;}
.card .card-icon i { font-size: 35px; /* color: #711172; */}
.label { /* display: block; */ padding: 0;font-size: 100%;font-weight: bold;line-height: 2em;color: #000;text-align: right;}

.inbox-widget { line-height: 20px; }
.inbox-widget a {    display: block;    overflow: hidden;}
.inbox-widget .inbox-item {    padding: 10px 0;    position: relative;}
.inbox-widget .inbox-item .inbox-item-img {  float: left;  width: 40px;  display: block;  margin-right: 15px;}
.inbox-widget .inbox-item img {    width: 40px;}
.inbox-widget .inbox-item .inbox-item-author {
    color: #333;    font-weight: 600;    display: block;    margin: 0;     font-size: 16px;}
.inbox-widget .inbox-item .inbox-item-text {
    color: #a0a0a0;    display: block;    margin: 0;    font-size: 11px;}
.inbox-widget .inbox-item .inbox-item-date {
    position: absolute; top: 2px; right: 7px;  color: #a9a9a9;   font-size: 11px;line-height: 22px;margin-bottom: 0 !important;}

.inbox-widget .inbox-item .inbox-item-amount{
    position: absolute;  right: 5px;   margin-top: -20px;  font-weight: 500; /*color: #03a9f4;*/}
.dashboard_stats {    margin:0; margin-bottom: 30px;}
p.category { margin: 0 ; }
a, a:hover, .logo a:hover{  text-decoration: none;}
select.ChangeCompany{ width: calc(100% - 20px) !important;   margin: 15px 10px; max-width: 100%;}
.icons {   text-align: center;}

.wrapper {   position: relative;   top: 0;  /* height: 100vh;*/ background: #cddc39;
    box-shadow: 0px 0px 20px #dfdfe2;   border-top-left-radius: 5px;   border-top-right-radius: 5px;}
.sidebar {  position: fixed;  /*top: 0;  bottom: 0;   left: 0; width: 250px; */ display: block;
    z-index: 1; font-weight: 200;   background: #cddc39;border-top-left-radius: 5px;
    /*box-shadow: 0px 0px 3px #89898a;*/ float: left;
}
.sidebar, .main-panel {      /*max-height: 100%; */  height: 100%;
    -webkit-transition-property: top,bottom;
    transition-property: top,bottom;  -webkit-transition-duration: .2s,.2s;
    transition-duration: .2s,.2s;  -webkit-transition-timing-function: linear,linear;
        transition-timing-function: linear,linear;  -webkit-overflow-scrolling: touch;}
.sidebar .sidebar-wrapper {   position: relative;  max-height: none;  min-height: 100%;   width: 250px;   z-index: 4;}
.sidebar .logo, body > .navbar-collapse .logo {   padding: 10px 15px 0;   border-bottom: 1px solid rgba(255, 255, 255, 0.2);   text-align: center;   border-right: 1px solid #f4f4f4;}
.sidebar .logo a {  font-size: 20px;   font-weight: 400; text-decoration: none;}
.sidebar .logo a:hover {text-decoration: none;color: #0683bb;   opacity: 0.8;}
.sidebar .logo .simple-text, body > .navbar-collapse .logo .simple-text {
    text-transform: capitalize;  padding: 6px 0px;   display: block;
    font-size: 15px;  color: 000000;  text-align: center;  font-weight: 400;  line-height: 30px;  }
.sidebar .logo img {max-width: 200px;max-height: 100px; width: auto;height: auto;opacity: 1;}
.sidebar .logo img:hover {   opacity: 0.7;}
.logo a:hover{  color: #fed;}
img {   max-width: 100%;}
.sidebar-toggle {float: left;display: block;border-right: 1px solid #f4f4f4;padding: 15px 15px; /*padding-left: 0;*/}
.sidebar-toggle img {max-width: 25px;   vertical-align: middle;}
#nav {    min-height: calc(100% - 330px);}
.sidebar .nav {   margin-top: 0px;   padding-left: 0;   margin-bottom: 0;   list-style: none;}
nav#nav ul li {   list-style: none;  /*border: 1px solid #e8eae9;*/}

/*nav#nav {background-color: white; height:780px;}*/

.nav>li {  position: relative;  display: block;}
#nav ul li a.active, #nav ul li:hover a{  /* box-shadow: inset 0 0 0.25em 0 rgba(0, 0, 0, 0.125);*/
    color: 000000;   opacity: 1;}
select[multiple] {   height: 80px !important;}
select[multiple]  option{   line-height: 80px !important;}
#nav ul li a {   display: block;  text-decoration: none;  outline: 0;
    border: 0;  font-size: 14px;   -moz-transition: none;  -webkit-transition: none; padding: 0;
    -ms-transition: none;   transition: none;border-left:5px solid transparent;}

#nav ul li a i {vertical-align: middle;   line-height: 55px;   text-align: center;   display: inline-block;   font-size: 20px;   margin: 0 13px;}

.icon-apps, .icon-power_settings_new, .icon-donut_large, .icon-account_circle, .icon-burst_mode, .icon-textsms, .icon-exposure, .icon-receipt{   font-size: 25px;}
.icon-textsms{ }
.icon-th-large{ font-size:18px;}
#nav ul li a span {   margin-top: -5px;  display: inline;  height: 21px;  font-weight: 200;  line-height: 55px;}
.main-panel {  background: #f8f8f8;  position: relative;  z-index: 2;/*overflow: auto; overflow: visible;*/  float: right;   width: calc(100% - 250px);   min-height: 100%;border-top-right-radius: 5px;}
.main-panel .navbar {  margin-bottom: 0;  background-color: #ff9800;  border-bottom: 1px solid rgba(0, 0, 0, 0.1);   border: 0;  font-size: 16px;  border-radius: 0;
    /*padding: 10px 10px;
    box-shadow: 0px 0px 5px #89898a;*/}
.main-panel > .content {max-width: 1440px; margin: 0 auto; padding: 15px; min-height: calc(100% - 150px); overflow-x: scroll;background-color: #cddc39;}
.container-fluid {  padding: 0px 0 0px 15px;  margin-right: auto; margin-left: auto; line-height: 55px; 
    /*font-size: 20px;*/ display: list-item;}
#_page_body .container-fluid{display:block;}
.footer{ background-color: #ff9800;/*height:50px;*/}
.footer .container-fluid{display: block;}
.container-fluid .left {   float: left;   margin: 0;   margin-right: 15px;}
.container-fluid .right {  float: right;   margin: 0;   text-align: right; margin-top: 15px; /* border-left: 1px solid #f1f3f2;*/}
.main-panel > .footer {  border-top: 1px solid #e8e8e8; /* background: #fff; */}
.footer nav, .footer p.copyright { line-height: 50px; }
.pad250 { padding-left: 250px; }

.footer nav > ul {  list-style: none; margin: 0; font-weight: normal;}
.footer:not(.footer-big) nav > ul li {  margin-left: 0px;  float: left;  font-size: 14px;}
.footer:not(.footer-big) nav > ul a { padding: 10px 40px; margin: 10px 10px 10px 0px;  font-size: 14px;}
.footer:not(.footer-big) nav > ul a:hover {text-decoration: none; }
.pull-right {   float: right;}
.toggle {    display: none;}
.subHeaders {font-size: 16px; background: #dedede; padding: 0 10px; line-height: 40px;  margin:8px 0;}
.MenuPage { margin-bottom:10px; }
.MenuPage ul li{ list-style: none;  padding-left: 20px;}
.MenuPage ul li img{ width:25px; padding:5px;}
.MenuPage ul li a { text-decoration: none; line-height: 30px;   font-size: 13px; }
.MenuPage ul li a:hover { text-decoration: none;}
.MenuPage ul.left,  .MenuPage ul.right{ padding:0; margin:0; }
.MenuPage ul.left{ width:48.9%; float: left; }
.MenuPage ul.right{ width:48.9%; float: right; }
tr, td, th {font-size: 13px;line-height: 19px; /*text-align: center;*/}
textarea {font-size: 13px;   border: 1px solid #dedede;}

select {  width : calc(100% - 30px) !important;   height: 35px !important;   border: none;   outline: none;  font-size: 13px; font-weight: bold ; background: #fff; color: #000;   border: 1px solid rgba(0, 0, 0, 0.13);   border-radius: 2px;}
select option { line-height:35px; } 
input { height: 25px !important;   border: 1px solid #dedede;padding-left:5px;}
input[type="checkbox"]{ width: 18px;   height: 18px;}
select {   max-width: 200px; /*margin-left: 25px;*/}
input[name="deliver_to"] {  width: calc(100% - 4px);}
option.inactive {text-decoration: line-through; color: gray;}
input.big { width: 100px;}
input.small {width: 30px;}
a { color: #000000;font-size: 13px;text-decoration: none;}
a:link {color: #000000; text-decoration: none;}
a:active {color: #000000;text-decoration: none;}
a:hover, a:focus {text-decoration: none;}
.inactive { color: gray;}
button { position: relative; padding: 4px 35px;   line-height: 30px;  overflow: hidden;  border-width: 0;  outline: none;  border-radius: 2px;   box-shadow: 0 1px 4px rgba(3, 169, 244, 0.43);   color: #ecf0f1;cursor: pointer;   transition: background-color .3s;}
button#CancelOrder, button[value="Cancel"]{ background-color: #f59e1e; } 
button[value="Clone"], button[name="clone"] { background: #03a797; } 
button img, span {  padding: 0px 0px ;  vertical-align: middle;}
img[title="GL"], img[title="Credit This"], img[title="Edit"], img[title="Print"], img[title="Print Receipt"], img[title="Invoice GRN"], img[title="Receive"], img[title="Print Remittance"] { height: 20px !important ;width: 20px !important; } 
/*img[title="Search customers"], img[title="Search items"],  img[title="Search GL accounts"]{ display: none; } */
button[name="delete"] { background:#f94a3d;} 
td.navibar { line-height: 45px; padding-left:15px !important} 
/*.combo_select + img, */ .combo + img { display: none; } 
div.tabs {padding: 3px 0 0 0;   background: none transparent scroll repeat 0% 0%;white-space: nowrap;border-collapse: collapse; border-bottom: 1px solid #cccccc;}
div.tabs a {border: 1px solid #cccccc;  padding: 3px 10px;  font-weight: normal;background: white scroll repeat 0% 0%;  color: #436976; margin-right: 0;    height: 10px;}
div.tabs a.selected {border-top: 1px solid #cccccc; border-right: 1px solid #cccccc;    border-bottom:  1px solid #dee7ec;   border-left: 1px solid #cccccc;    font-weight: normal;background: #dee7ec;color: #436976;}
div.tabs a:hover {  background: #dee7ec;color: #436976;}
#hotkeyshelp {text-align: right;font-weight: bolder;}
#footer {position: relative;    bottom: -3px;}
.footer td a {color: #666666;font-size: 9px;}
.footer {font-family: Verdana, Arial, Helvetica;color: #9e9e9e;font-weight: normal;font-size: 9px;  text-align: center; width: 100%;}
.footer .copyright {   color: #777777;  padding: 5px 15px;  margin: 0;  /*line-height: 40px; */ font-size: 12px;}
.titletext {font-weight: bold;  font-size: 13px;border-bottom: 1px solid #cccccc;padding: 5px;width: 100%;}
.headingtext {font-weight: 500;font-size: 16px;font-family: sans-serif; color: #6b6565; line-height: 45px;}
.headingtext2 { font-size: 13px;    color: #6b6565;}
.headingtext3 { font-weight: bold;  font-size: 10px;    color: #6b6565;}
.errortext { font-size: 13px;color: #ff0000;font-weight: bold;}
.inputsubmit {}
.ajaxsubmit {}
tr.oddrow td {background-color: #03a9f4 !important;}
tr.evenrow  td{ background-color: #fff !important;}
tr.overduebg td {   background-color: #dd7777 !important;   color: #fff;}
tr.overduebg td a { color: #0463af;    font-weight: 500;}
.overduefg  {   line-height:60px;   color: #dd7777;}
tr.currentfg td {   color: #ff6666;}
.redfg, a.redfg {   color: red; font-weight: bold;}
.settledbg {    background-color: #00bb00;}
.settledfg {    color: #00bb00;}
.inquirybg {    background-color: #fdfeef;}
.currencybg {   background-color: #ee8888;}
.stockmankofg { color: red;}
table { text-align: left; width: 100%;}
table tr td { line-height: 2.5em; }
#qe table.tablestyle2 td input {  max-width: 300px !important; }
#purchase_footer_table table {  border: 1px solid #eaeaea;}
#purchase_footer_table table td:first-child { width: 30%; }
#purchase_footer_table table td:nth-child(2) { width: 65%; }
#purchase_footer_table table td:nth-child(2) textarea { max-width: 100%; }
table.tablestyle {  border-collapse: collapse;  border: 1px solid #cccccc;}
.tableheader {    font-weight: bold;    color: #6b6565;    text-align: center;}
.tableheader2 {   font-weight: bold;   background-color: #dee7ec;  color: #6b6565;  text-align: left;}
table.tablestyle td {border-collapse: collapse; /*border-bottom: 1px solid #cccccc;*/   background: #fff;   padding:5px;}
table.tablestyle2 { border-collapse: collapse;  border: 1px solid #cccccc;  background: #dee7ec;}
table.tablestyle2 td {  border-collapse: collapse;  /*border-bottom: 1px solid #cccccc;*/padding:7px;}
table.tablestyle_inner {    border-collapse: collapse;  border-bottom: 1px solid #f9f9f9;}
table.tablestyle_inner td {border-collapse: collapse;border-bottom: 1px solid #f9f9f9;padding:5px;}
.tablestyle_noborder {  padding: 3px;}
table.tablestyle_noborder td { /*padding: 8px;*/}
.label {/*background-color: #efefef;*/color: #6b6565;}
tr.stockmankobg td {background-color: pink !important;}
#loginscreen {  background: #f5f5f5;}
.login {width: 350px;border-left: 12px solid #367cb5;border-collapse: collapse; background-color: #eeeeee;}
.login td {border-collapse: collapse;   border: 1px solid #cccccc;}
.amount {font-family: Verdana, Arial, Helvetica;font-size: 11px;text-align: right;}
input.amount {padding-right: 3px;}
.editbutton {  background-color:transparent;  cursor: pointer; box-shadow: none; }
.editbutton img { height:20px !important;   width:20px !important; } 
.navibutton[disabled], .navibutton[disabled] span { color:#808080;  text-decoration: none;  cursor: auto;}
button.navibutton {font-family: Verdana, Arial, Helvetica;  font-size: 11px;font-weight: bold;  color:#000;  padding: 0 3px;
   background-color:transparent;  border-style:none;  cursor: pointer;  box-shadow:  none;}
.navibar {  padding: 0 3px;color: #000;   border-collapse: collapse;  background-color: #dee7ec;}
.navibar tr td {    border: none;   }
.navibar tr td button { color: #03A9F4; }
.listsubmit {    display: none;}
ul.ajaxtabs{    padding: 3px 0 0 0; margin: 3px 3px 0 3px;  background:#fff;    font: 12px Tahoma,Verdana;  font-weight: bold;}
ul.ajaxtabs li{ list-style: none;   margin: 0;  display: inline;}
ul.ajaxtabs li button{ background-color: #fff;padding: 3px 40px;margin: 0px;border-bottom: 5px solid #fff;
    font-weight: bold;border-radius: 0;  line-height: 35px;  box-shadow: none;color:#6b6565;}
ul.ajaxtabs li button:disabled {    opacity:0.7;}
ul.ajaxtabs li:first-child button:disabled {opacity: 1; }
div.spaceBox{display: none; /*background-color: #cccccc;height:8px; border-bottom: 1px solid #cccccc;border-left: 1px solid #cccccc;
    border-right:1px solid #cccccc; margin: 0 3px 0px 3px */ }
div.contentBox{ border: 1px solid #cccccc;  margin: 0 3px 3px 3px;}
ul.ajaxtabs li button.current, ul.ajaxtabs li button:hover{
    border-bottom: 5px solid #03a9f4;   background-color: #fff; cursor: pointer;}
#hints {font-size: 13px;padding: 5px;border-bottom: 1px solid #cccccc;margin: -4px -2px -2px;border: 1px solid #cccccc; background-color: #FFFFE0;  white-space: nowrap;}
/*  Calendar style */
#CCIframe { display: none;  left: 0px;  position: absolute; top: 0px;height: 250px;width: 270px;z-index: 99;}
#CC { position:absolute;background-color:#FFF;margin:0; padding:0; margin-left: -7%;display:none;z-index: 100;}
/*#CC table tr td {  line-height: 24px; } */
#CC table { font-family: arial, verdana, helvetica, sans-serif; font-size: 14px;}
#CC th {font-weight: normal;text-align: center;}
#CC th a {  font-weight: normal;text-decoration: none;color: #FFF;padding: 1px;}
#CC td {    text-align: center;    display: table-cell;    padding: 0;    float: none;    width: auto;}
#CC table tr.header td {line-height: 24px; padding:5px;} 
#CC .weekday {  background-color: #fff; color: #000;}
#CC .weekend {  background-color: #FFC; color: #000;}
#CC .weekno {   background-color: #c0daf8;  color: #555;}
#CC .current {  border: 1px solid #339; color: #FFF;}
#CC .weekday, #CC .weekend, #CC .current {  display: block; text-decoration: none;  border-left: 1px solid #d6d6d6;    border-top: 1px solid #d6d6d6;    width: 2.5em;}
#CC .weekday:hover, #CC .weekend:hover, #CC .current:hover {    color: #000;    background: #d6d6d6;}
#CC .previous { text-align: left;}
#CC .next { text-align: right;}
#CC .previous, #CC .next {  padding: 1px 3px 1px 3px;   font-size: 1.4em;}
#CC .previous a, #CC .next a {  text-decoration: none;  font-weight: bold;}
#CC .title {    text-align: center; font-weight: bold;}
#CC .empty {background-color: #ddd;border: 1px solid #FFF;}
div.err_msg {   margin: 10px;   padding: 10px;  border: 1px solid #cc3300;  background-color: #ffcccc;  color: #dd2200; font-size:14px; text-align: center;}
.err_msg hr{ border: 0; border-bottom: 1px solid #cc3300; } 
div.warn_msg {  margin: 10px;   padding: 10px;  border: 1px solid #ff9900;  background-color: #ffff00;  color: #ff5500; font-size:14px; text-align: center;}
#ajaxmark { z-index: 2000;   padding: 5px;   background: rgba(247, 241, 241, 0.75) ;     -webkit-box-shadow: 3px 0px 19px 2000px rgba(247, 241, 241, 0.75); -moz-box-shadow: 3px 0px 19px 2000px rgba(247, 241, 241, 0.75); 
  box-shadow: 3px 0px 19px 2000px rgba(247, 241, 241, 0.75);   position:fixed;    top: 35%;    left: 40%; border-radius: 50px;  filter     : alpha(opacity=60);  width:300px; font-weight:bold;}
div.note_msg {  margin: 10px;   padding: 10px;  border: 1px solid #33cc00;  background-color: #ccffcc;  color: #007700; font-size:14px; text-align: center;}
#title {    margin-bottom: 10px;    width: 100%;}
td[align="right"] {   font-family: sans-serif;}
.sidebar .logo .small-logo img {    max-width: 100%;}
.sidebar {z-index: 3; overflow-y: scroll; /*min-height:100%; height: auto !important;*/}
/* Toggle Sidebar */
.sidebar-collapse #nav ul li a span {display: none;}
.sidebar-collapse .sidebar {width: 50px;}
.sidebar-collapse #nav ul li a {    padding: 17px 0;}
.sidebar-collapse .main-panel { width: calc(100% - 50px);}
.sidebar-collapse #nav ul li a i {  margin: 0 7px;  line-height: 45px;}
.sidebar-collapse .logo .simple-text {  display: none!important;}
.sidebar-collapse .logo > a, .logo > a.small-logo {   display: none;}
.sidebar-collapse .logo > a.small-logo {  display: block;  text-transform: uppercase;  font-weight: 600;text-align: center; font-size: 30px;}
.sidebar-collapse .logo {  padding: 10px 5px!important;}
.sidebar-collapse .sidebar .sidebar-wrapper {width: auto;}
.sidebar-collapse .sidebar .nav:hover {  overflow: visible;}
.sidebar-collapse nav#nav ul li:hover span {  display: block!important;  position: absolute;  left: 100%;   width: 180px;  z-index: 99999;   top: 0;  margin: 0;   height: 100%;  padding: 0px 10px 0 16px;   line-height: 4;
    color: #fff;   box-shadow: 4px 4px 5px rgba(0,0,0,0.05);   border-top-right-radius: 5px;   border-bottom-right-radius: 5px;}
.wrapper {  min-height:100%;height:auto;}

.icon-textsms:before, .icon-exposure:before, .icon-receipt:before {    margin-top: 7px;}
.icon-textsms, .icon-exposure, .icon-receipt {   font-size: 22px;}
.left_menu, .right_menu { width:50%; display: block; float:left; }
@media screen and (min-width: 1441px ){
     /* width:97%;    margin: 2% auto;*/
}
@media screen and (max-width: 1440px){
    .sidebar .logo img {    width: 120px;    border-width: 7px;background-color: #cddc39;}
    input, textarea {   max-width: 160px;   }
}

@media screen and (min-width: 992px) {
    .pull-left {   float: left;}
    .footer nav > ul { padding: 0;}    
    .card_box{  margin: 10px;   }
    #footer_debug { overflow: hidden; }
    .content { padding: 1%; }
    .pad250 { padding-left: 250px; }
}
@media screen and (max-width: 991px){
    .toggle {  display: block;  float: left;  width: 50px;background-color: #cddc39;}
    .toggle i.icon-apps{ padding: 5px;background-color: #cddc39; } 
    .sidebar {  left: -250px;   -webkit-transition: left 0.3s;   -moz-transition: left 0.3s;   -ms-transition: left 0.3s;   -o-transition: left 0.3s;   transition: left 0.3s;  }
    .main-panel {    width: 100%;}
    .main-panel.active {   width: calc(100% - 250px);}
    .main-panel .navbar, .main-panel > .content{ width: 100vw;background-color: #cddc39; }
    .sidebar.active {   left: 0;}
    .MenuPage ul.right, .MenuPage ul.left { width: 100%; float: left; }
    .col-sm-6{ padding: 0 !important; }
    .card.card-stats { padding: 15px;   margin: 15px; } 
    .card-content .col-md-6, .card-content .col-md-8 { text-align: center; }
    .sidebar-toggle {display: none; }
    .pad250 { padding-left: 0px; }
}

@media (min-width: 768px){ 
    .col-sm-6 { padding:5px !important; background-color: #cddc39; }  
    html[dir="rtl"] #sidebar {  float:right;    right:0;    }
    html[dir="rtl"] #main-panel {   float:left;     left:0; }
    html[dir="rtl"] .navbar-default h5, html[dir="rtl"] .dropdown-menu > li > a, html[dir="rtl"] .dropdown-menu  li > a, html[dir="rtl"] .titletext {text-align: right;}    
    html[dir="rtl"] .container-fluid .left,  html[dir="rtl"] .container-fluid .pull-left{  float: right;}
    html[dir="rtl"] .container-fluid .right, html[dir="rtl"] .container-fluid .pull-right {  float: left;}
    html[dir="rtl"] #nav ul li a {  border-right: 5px solid transparent; } 
    html[dir="rtl"] .sidebar .nav { padding-right: 0px; } 

}
@media (max-width: 768px) {
    .pad250 { padding-left: 0px;  width: 100%;background-color: #cddc39; }
    .footer nav, .footer p.copyright { line-height: 30px; }
    html[dir="rtl"] table tr td {   float: right !important;    text-align: right !important;}
    /*.footer .pull-right {float: none !important;}*/
    input.date {width: calc(100% - 50px) !important;}
    .main-panel .navbar, .main-panel > .content {   width: auto;background-color: #cddc39;}
    .main-panel.active .navbar, .main-panel.active > .content { width: 100vw;}
    #items_table button{line-height:20px;min-width: 80px;}
    div#items_table table.tablestyle td[colspan="2"]{   min-width:130px; }
    #_page_body > form > center:not(:first-child) > table.tablestyle, #_page_body > form > center:not(:first-child) > table.tablestyle > tbody, 
    #_page_body > form > center:not(:first-child) > table.tablestyle > tbody > tr, #_page_body > form > center:not(:first-child) > table.tablestyle > tbody > tr > td, 
    div#items_table, div#delivery, div#delivery > center > table.tablestyle2, div#delivery > center > table.tablestyle2 > tbody, div#delivery > center > table.tablestyle2 > tbody > tr, 
    div#delivery > center > table.tablestyle2 > tbody > tr > td, div#delivery > center > table.tablestyle2 > tbody > tr > td > table.tablestyle_inner, 
    div#delivery > center > table.tablestyle2 > tbody > tr > td > table.tablestyle_inner > tbody, div#delivery > center > table.tablestyle2 > tbody > tr > td > table.tablestyle_inner > tbody > tr {
        display: block;         
    }
    #_page_body center {  /*  overflow-x: auto;*/overflow-y: visible;   }
    select {max-width: 200px;}
    table tr td.navibar div { width:70%; } 
    table tr td.navibar table td{ width: 21%; line-height: 35px; }
    .navibar table.tablestyle tr:first-child{ background-color: transparent; }

    #_page_body center {
        overflow-x: auto;
       /* overflow-y: visible;*/
    }
    .icon-textsms:before, .icon-exposure:before, .icon-receipt:before {    margin-top: 2px;}
    .left_menu {   width: 65%;float: left;}
    .right_menu { width:35%; float:right; }
}
/* CRM */ 
.nicEdit-selectTxt { line-height: 20px !important; }

/* HRM */
#EmplAttendance td { text-align: center;}
#EmplAttendance tr td:nth-child(2) { text-align: justify;}
#EmplAttendance td label { vertical-align: top; }
.subHeaders {background-color: #eee;color: #444;cursor: pointer;width: 100%;border: none;text-align: right;outline: none;font-size: 15px;transition: 0.4s;text-align: right;width: 100%;}
.subHeaders.active, .subHeaders:hover {  background-color: #00bcd4; }
button.subHeaders:after {    content: '\002B';   color: #fff;   font-weight: bold;   float: right;   margin-left: 5px;}
/*div.card-header:after {    content: '\00D7';   color: #fff;   font-weight: bold;   float: right;   margin-top:-40px; zoom:1.5; margin-right: 3px;}*/
button.subHeaders.active:after {   content: "\2212";}
/* contanet color */
.panel {  padding: 0 18px;  display: none;  background-color: #cddc39;  overflow: hidden;}
.dropbtn {  color: white;  font-size: 16px;  border: none; width:160px;}
.dropdown {  position: relative;  display: inline-block; margin-top:10px;}
.dropdown-content { display: none; position: absolute; background-color: #f1f1f1; min-width: 160px; box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2); z-index: 1;}
.dropdown-content a { color: black; padding: 5px 16px; line-height:30px;text-decoration: none; display: block;}
.dropdown-content a:hover {background-color: #009688; color: #fff;}
.dropdown:hover .dropdown-content {display: block;}

.icon-th-large:before { margin-top:5px;}

@media (max-width: 500px){
    p.copyright.pull-right {
        width:100%;
        text-align: center;
    }
    #footer_debug { display: none;}
    .container-fluid { line-height: 38px; /*font-size: 15px;*/}
    .icon-textsms, .icon-exposure, .icon-receipt{ font-size: 20px;}

    #menu{     position: absolute;   }    
}
#menu{
    list-style:none;
  /*  position: absolute;*/
    float: right;
    margin: 0;
    right:0;
    display: inline;
}
#menu li {
    float: right;
   
    position:relative;
}
#menu li a {    
    text-decoration:none;
    display: inline-block;   
    line-height: 25px;;
}
.notificationLink, .menutopright {margin-top: 10px;}
.notificationContainer {
    background-color: #fff;
    border: 1px solid #E6E6E6;
    -webkit-box-shadow: 0 4px 8px rgba(0, 0, 0, .25);
    overflow: visible;
    position: absolute;
    top: 46px;
    left: -235px;
    margin-left: 50%;
    width: 250px;
    z-index: 1001;
    display: none;
}
.submenuitems, .submenuitems li { list-style:none; display: block; padding: 0}
.submenuitems li, .submenuitems a { width: 100%;}
.submenuitems a { padding: 6px;}
.submenuitems a:hover { background: #F2F2F2;}
.submenuitems small { float: right;
    padding-right: 5%;
    font-size: 15px;}
.notificationContainer:before {
    content: '';
    display: block;
    position: absolute;
    left: 100px;
    width: 0;
    height: 0;
    color: transparent;
    border: 10px solid black;
    border-color: transparent transparent #F2F2F2;
    margin-top: -20px;
    margin-left: 50%;
}
#notificationTitle {
    font-weight: bold;
    padding: 1px 8px;
    text-align: center;
    font-size: 13px;
    background-color: #F2F2F2;
    /*position: fixed;
    z-index: 1000;
    width: 334px;*/
    border-bottom: 1px solid #dddddd;
}
#notificationsBody {
    padding: 3px 0px 0px 0px !important;
    min-height:200px;
    overflow-y: scroll;
    overflow-x: hidden;
    max-height: 300px;
}
#notificationFooter {
    background-color: #e9eaed;
    text-align: center;
    font-weight: bold;
    padding: 0;
    height: 35px;
    font-size: 12px;
    border-top: 1px solid #dddddd;
}
#notificationFooter a{
    padding: 5px 10px !important;
}
.notification_count {
    padding: 3px;
    background: #cc0000;
    color: #ffffff;
    font-weight: bold;
    border-radius: 19px;
    -moz-border-radius: 19px;
    -webkit-border-radius: 19px;
    position: absolute;
    right: 0px;
    height: 8x;
    line-height: 9px;
    margin-top: 8px; 
    font-size: 11px;
}


/* BEGIN: AUTOCOMPLETE SELECT */
.typer{
    padding-right: 21px;
    float: right;
}

.mb {
    margin-left:-20px;
    color: #51a5f4;
    cursor: pointer;
}

.mb:hover, .mb:active, .mb:focus {
    outline:0px;
    color: #1a46f4;
}

.popups {
    width: 100%;
    border: 1px solid   #719ECE;
    border-top: 0;
    background: #fff;
    box-shadow: 0 3px 4px rgba(113, 158, 206, 0.12);
    display:none;
    z-index: 100;
}

.mselect-rset {
    overflow-y: auto;
    margin: 0 2px 2px 0;
    padding: 0 0 0 2px;
    position: relative;
    overflow-x: hidden;
    list-style: none;
    max-height: 270px;
}

.anoselect {
    color: #036;
    background-color: #fff;
    display: block;
    padding:3px 0 3px 15px;
    line-height: 18px;
    -webkit-touch-callout: none;
    border-bottom:1px solid #f3f5f6;
    text-decoration: none;
    cursor:pointer;

}

.mselect-rset > li.abbrs {
    display: block;
    font-weight:bold;
    padding:3px;
    border-bottom:1px solid #f3f5f6;
    text-decoration: none;
    cursor:default;
}

.aselected {
    background-color: #369;
    color: #FFF;
    display: block;
    padding:3px 0 3px 15px;
    line-height: 18px;
    -webkit-touch-callout: none;
    border-bottom:1px solid #f3f5f6;
    text-decoration: none;
    cursor:pointer;
}

.lister {
    border-radius: 0 0 4px 4px;
    background-clip: padding-box;
}
@media (max-width: 500px){
    #main-panel .content {
        margin-top: 50px;
    }
    .right_menu .dropdown { display: none;}
    .left_menu{ width: 70%; }
    .left_menu span.left { font-size: 16px;}
} 
/* END: AUTOCOMPLETE SELECT */