body {
    font-family: 'Maven Pro', sans-serif;
    overflow-x:hidden !important;
    
}
body::-webkit-scrollbar {
    width: 3px;
}
 
body::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
}
 input.btn-login
body::-webkit-scrollbar-thumb {
  background-color: darkgrey;
  outline: 1px solid slategrey;
}
.absolute-center 
{
    position: relative;
    top:0;left:0;bottom:0;right:0;
    margin:auto;padding:0;    
}
.client-name {
    font-size: 11px;
    font-weight: bold;
}

#login-box {
    width:350px;height: auto;
    margin:0 auto;    
    background: rgba(0,0,0,.1);
    border-radius: 5px;
    box-shadow: 0 0 10px 1px rgba(0,0,0,0.4);    
}
.marg-rt {
    margin-right:0px !important;
}
.trans4 {
    transition: all ease .4s;
    -moz-transition: all ease .4s;
    -webkit-transition: all ease .4s;
    -o-transition: all ease .4s;
}
.wrapper {
    position:absolute;
    top:0;left:0;bottom:0;right:0;
}
.main-bg {
    background: #f1f1f1;
    background: -webkit-radial-gradient(#f1f1f1, #777777);
    background: radial-gradient(#f1f1f1, #777777);
}

.mar-bot-0 {
    margin-bottom:0px !important;
}

.mar-bot-5 {
    margin-bottom:5px !important;
}

.mar-bot-10 {
    margin-bottom:10px;
}

.mar-bot-15 {
    margin-bottom:15px;
}
.bg-header {
    background:#475797;
}
input.login-input {
    color:#12427d; /*#f0f0f0;*/
    text-shadow: .3px .3px #7B7B7B;
    background-color: rgba(0, 0, 0, 0.1);
    border: none;
    border-radius: 2px;
    -webkit-box-shadow: inset 1px 1px 2px 1px rgba(0,0,0,0.2);
    box-shadow: inset 1px 1px 2px 1px rgba(0,0,0,0.2);
}
input.login-input:hover {
    background-color: rgba(0, 0, 0, 0.2);
}

input.login-input:focus {
    -webkit-box-shadow: inset 0px 0px 5px 1px rgba(0,0,0,0.2);
    box-shadow: inset 0px 0px 5px 1px rgba(0,0,0,0.2);
    background-color: rgba(0, 0, 0, 0.2);
}
input.login-input::-webkit-input-placeholder {
    color: #12427d; /*#f0f0f0;*/
    text-shadow: .3px .3px #7B7B7B;
}

input.login-input:-moz-placeholder { /* Firefox 18- */
   color: #12427d; /*#f0f0f0;*/
    text-shadow: .3px .3px #7B7B7B; 
}

input.login-input::-moz-placeholder {  /* Firefox 19+ */
   color:#12427d; /*#f0f0f0;*/
    text-shadow: .3px .3px #7B7B7B;  
}

input.login-input:-ms-input-placeholder {  
   color:#12427d; /*#f0f0f0;*/
    text-shadow: .3px .3px #7B7B7B;  
}

input.btn-login {
    width:100%;
    font-weight: bold;    
    font-size: 18px;
    border-color: #5b1b63;
    color: #dbdbdb;
    text-shadow: .5px .5px 1px #5b1b63;
    background-image: linear-gradient(to bottom, #5b1b63 0%, #5b1b63 100%);
}

input.btn-login:hover {
    color: #7a90eb;
    text-shadow: .5px .5px 1px #5b1b63;
    background-image: linear-gradient(to bottom, #5b1b63 20%, #5b1b63 100%);
}

input.btn-login:focus {
    outline:none;
    color: #dbdbdb;
}

.login-box-text {
    line-height:20px;
    font-size:14px;
    color: rgba(0,0,0,.4);
    text-shadow: .3px .3px #7B7B7B;
}
.login-box-text a {
    line-height:20px;    
    font-size:14px;
    color: rgba(0,0,0,.4);
    text-shadow: .3px .3px #7B7B7B;
}
.mar-top-10 {
    margin-top: 10px;
}

.login-title-box {
    background: linear-gradient(#F4F4F4 50%,#D0D0D0 100%);
    padding: 15px;
    margin-bottom:10px;    
    text-align:center;
    border-bottom: 2px solid #909090;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;    
}

.logo {
    width: 150px;
    margin: 0 auto;
    margin-bottom:5px;
}

.login-title {
    font-size: 28px;
  color: white;
  text-shadow: 2px 2px rgba(0,0,0,.2);
}

.login-box-body {
    padding:20px;
}

#header {
    /*background: url(../Images/banner-header-new.png);*/
    background-repeat: no-repeat;
    background-size: cover;
    background-color: #eff1f2;
    height: 50px;
    position: fixed;
    width: 100%;
    padding-top: 6px;
    z-index: 1045;
    background-color:white;
    border-bottom: 1px solid #ffffff;
    box-shadow: 1px 2px 3px #aab2bd;    
}

.sd-hd-txttx {
margin-top: 0px !important;
/*height: 395px !important;
padding-bottom: 314px !important;*/
height:560px !important;
padding-bottom:205px !important;
overflow-y:auto;
overflow-x:hidden;
}
.sd-hd-txttx::-webkit-scrollbar {
    width: 3px;
}
 
.sd-hd-txttx::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
}
 
.sd-hd-txttx::-webkit-scrollbar-thumb {
  background-color: darkgrey;
  outline: 1px solid slategrey;
}

.h-block-left {
    position: relative;
    float: left;
    padding-left: 15px;
}
.h-block-right {
    position: relative;
    float: right;
    text-align: right;
    padding-right: 10px;
    margin-top: -24px;
}

.header-logo {
    width:125px;     
}
.log-info {
    display: inline-block;
    margin-top: 6px;     
}

.user-welcome {
    padding-top: 0px;
    text-align: right;
    display: inline-block;
    font-size: 11px;
    font-weight: bold;
    color: rgb(39, 39, 34);
}

#top-nav {
    position: fixed;
    top: 64px;
    z-index: 999;
    width: 100%;
    height: 30px;
    font-size: 12px;
    background: linear-gradient(rgb(51, 76, 180), rgb(88, 110, 203), rgb(58, 84, 192));
    border-bottom: 1px solid #7386d5;
    /*background: linear-gradient(rgb(13, 110, 183), rgb(16, 73, 115), rgb(15, 112, 185));
    border-bottom: 1px solid #1b5179;*/

}
.block {
    display: block;
}

/*#Btn_ChangePwd {
    font-size: 12px;
    font-weight: bold;
    padding: 5px 7px;
}
#Btn_LogOut {
    font-size: 12px;
    font-weight: bold;
    padding: 5px 7px;
    
    }*/

#top-nav .element {
    height: 30px;
    line-height: 27px;
    border: none;
    background-color: transparent;
    color: white;
    font-weight: 600;
    padding: 0 10px;  
    text-shadow: -.5px .5px 1px rgba(0,0,0,.4);
    border-right: 1px ridge rgb(213, 217, 222);
    display:inline-block;
}

select.element {
     /*border: 0 !important;  Removes border*/
      /*-webkit-appearance: none;  Removes default chrome and safari style*/
      /*-moz-appearance: none;  Removes Default Firefox style*/
      /*background: url('../images/caret.png') no-repeat;  Adds background-image*/
      /*background-position: center right;  Position of the background-image*/
      /*width: 100px; Width of select dropdown to give space for arrow image*/
      text-indent: 0.01px; /* Removes default arrow from firefox*/
      /*text-overflow: "";  Removes default arrow from firefox*/      
}

#side-nav {
    height:550px;
    padding-bottom:100px;
    top: 50px;
    width: 217px;
    height: 100%;
    position: fixed;
    overflow:hidden;
    /*overflow-y:auto;
    overflow-x:hidden;*/
    z-index: 996;
    background-color: #475797;
    /*background-color: #7386d5;*/
    /*background-color: #0a60a1;*/
    transition: ease-in-out left 1s;
    box-shadow: 2px 0px 2px rgba(0,0,0,.6);  
}
/*#side-nav::-webkit-scrollbar {
    width: 3px;
}
 
#side-nav::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
}
 
#side-nav::-webkit-scrollbar-thumb {
  background-color: darkgrey;
  outline: 1px solid slategrey;
}*/
.side-nav-out {
    left: -2px;    
}

#page-wrapper {
    transition: ease-in-out margin 1s;
}

.page-wrapper-out {
    margin-left: 260px;   
}

#page-content {
    padding-top: 39px;
    height: 625px;
    margin-left: -57px;
    /*overflow:hidden;
    position:fixed;*/
    
}

#nav-con {
     padding-top: 0px;
    font-size: 12px;
    color: white;
    padding-left: 0px; 
}
.side-nav-node {
    padding: 4px 13px;
   /*padding: 6px 5px;*/  
    font-weight: 600;
    color: rgba(256,256,256,.9);
    font-size: 14px;
    background-color: #475797;
    /*background-color: rgb(27, 81, 121) !important;*/
    /* border-top: 2px solid grey; */
    background-repeat: repeat-x;
    text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.2);
    /*-webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.15), 0 1px 1px rgba(0, 0, 0, 0.075);
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.15), 0 1px 1px rgba(0, 0, 0, 0.075);*/
}
#treeview1{
    margin:10px;
}
#treeview1 a {
    color: #ddd;
    line-height:20px;
    font-weight: bold;    
}
#treeview1 a:hover {
    color: #fff;
    text-decoration:none;    
}
/*#treeview1 img {
    width:12px;
    height:12px; 
}*/   

#ddl_LoginUserUnit, #ddl_module, #ddl_outlet {
    width: 200px;
    height: 35px;
    padding-left: 6px;
    margin-left: 9px;
    border-radius: 5px;
    /*width: 280px;
    height: 28px;
    padding-left: 6px; 
    margin-left: 1px;*/     
}

select.dd_green {
   box-shadow: inset 0px 0px 2px rgba(0,0,0,0.4);
   background-color: rgb(255, 255, 255);
   border: 1px solid rgb(115, 134, 213);
   color: rgba(0,0,0,.6);

}

select.dd_green:focus {
   outline: none;
}

select.dd_green option{
    padding: 2px;
}
    
    
#tree-toggle-button {
    position: relative;
    float: left;    
    width: 34px;
    display: none;
    padding: 5.5px;
    /*margin-right: 10px;*/
    background-color: #354F6B;
    background-image: none;
    border: 1px solid transparent;
    border-left: 1px solid #243B5A;
    border-right: 1px solid #243B5A;  
}
#tree-toggle-button:hover {
    box-shadow: inset 0 0 10px rgba(0,0,0,.4);
}
#tree-toggle-button:hover .icon-bar {
    background-color: white;
}
    #tree-toggle-button:focus {        
        box-shadow: inset 0 0 10px rgba(0,0,0,.4);
    }
    #tree-toggle-button:focus .icon-bar {        
        background-color: white;
    }
#tree-toggle-button .icon-bar {
  display: block;
  width: 20px;
  height: 2px;
  background-color: white;
  border-radius: 1px;
}
#tree-toggle-button .icon-bar + .icon-bar {
    margin-top: 4px;
} 
.pop-up {
    border-radius: 6px;
    top: 0;    
    z-index: 2000 !important;
    background-color: #FFF;
    background-clip: padding-box;      
    outline: 0px none;
    box-shadow: 0px 3px 9px rgba(0, 0, 0, 0.5);
}    
.pop-up .header {
    min-height: 40px;
    padding: 10px;    
    background-color: #475797;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    box-shadow: 0px 2px 6px rgb(128, 128, 128);
}
.pop-up .header .title {
    font-size: 16px;
    font-weight: bold;
    color: rgba(256,256,256,.8);
    display: inline-block;
    margin-right: 10px;
    text-shadow: .5px .5px 1px #385E8F;
}
.pop-up .header .title:last-child {   
    margin-right: 0;    
}
.head-txt {
    font-size: 11px;
    font-weight: bold;
    color: rgb(39, 39, 34);
}
.pop-up .header .btn-close {
    position: absolute;
    right: 0;
    width: 40px;
    height: 40px;
    font-size: 20px;
    color: #3E5E86;
    padding: 10px 0 10px 10px;
    border-left: 1px outset #638EBD;
    box-shadow: -1px 0px 0px #567FAD;
}
.pop-up .header .btn-close:hover {
    cursor: pointer;
    color: #2C425D;
}
.pop-up .content {
    width: 100%;
    max-height: 486px;
    float: left;
    padding: 15px;
    overflow-x: hidden;
}
.pop-up .footer {
    width: 100%;
    float: left;
    padding: 7px 10px;
    border-top: 1px solid rgba(0,0,0,0.2);    
}
.pop-up .footer .btn {
    float: right;
    margin-left: 10px;
}
.pop-up .content .Panel_Contentfix {
        height: auto;
    }

.pop-up-lg {
    width: 900px;
    max-height:95%;    
}
.pop-up-md {
    width: 700px;
    max-height: 95%;    
}
.pop-up-sm {
    width: 360px;
    height: auto;
    max-height: 95%;    
}

.pop-up .table {
    margin-bottom:10px;
}
    .pop-up-lg .table {
        margin-bottom:10px;
    }

  .pop-up-lg-msg {
      width:400px;
      height:200px;
      padding:15px;
      background-color: #FFF;
      background-clip: padding-box;
      border: 1px solid rgba(0, 0, 0, 0.2);
      border-radius: 6px;
      outline: 0px none;
      box-shadow: 0px 3px 9px rgba(0, 0, 0, 0.5);
}
    .pop-up-lg-msg .table {
    margin-bottom:10px;
    }

.pop-up-msg {
    width:700px;
    padding:15px;
    height:auto;
    z-index: 2000 !important;
    background-color: #FFF;
    background-clip: padding-box;
    border: 1px solid rgba(0, 0, 0, 0.2);
    border-radius: 6px;
    outline: 0px none;
    box-shadow: 0px 3px 9px rgba(0, 0, 0, 0.5);
}
    .pop-up-msg .table {
        margin-bottom:10px;   
    }

.alert-lg {
    font-size: large;
    margin: 0;
}

.main-title {
font-size: 14px;
font-weight: bold;
display: block;
padding-left:0px;
padding-bottom: 5px;
margin-bottom: 15px;
}
.modalBackground {
background-color: rgba(0,0,0,0.6);
z-index: 1000 !important;
transition: background ease .5s;
}
.Progress-Bar-div {
    background-color: rgba(0,0,0,0.6);
    z-index: 1000 !important;
    transition: background ease .5s; 
    top:0; 
    left:0; 
    position:fixed;
    width:100%; 
    height:100%; 
    text-align:center;
}
.Progress-Bar-Img {
    position: fixed;
    top: 40%;
    left: 50%;
}
.Progress-Bar-Title {
    position: fixed;
    top: 55%;
    left: 50%;
    color:white;
}
.fancy-green .ajax__tab_header
{
	background: url(../Images/green_bg_Tab.gif) repeat-x;
	cursor:pointer;
}
.fancy-green .ajax__tab_hover .ajax__tab_outer, .fancy-green .ajax__tab_active .ajax__tab_outer
{
	background: url(../Images/green_left_Tab.gif) no-repeat left top;
}
.fancy-green .ajax__tab_hover .ajax__tab_inner, .fancy-green .ajax__tab_active .ajax__tab_inner
{
	background: url(../Images/green_right_Tab.gif) no-repeat right top;
}
.fancy .ajax__tab_header
{
	font-size: 12px;
	font-weight: bold;
	color: #000;	
}
.fancy .ajax__tab_active .ajax__tab_outer, .fancy .ajax__tab_header .ajax__tab_outer, .fancy .ajax__tab_hover .ajax__tab_outer
{
	height: 46px;
}
.fancy .ajax__tab_active .ajax__tab_inner, .fancy .ajax__tab_header .ajax__tab_inner, .fancy .ajax__tab_hover .ajax__tab_inner
{
	height: 46px;
	margin-left: 16px; /* offset the width of the left image */
}
.fancy .ajax__tab_active .ajax__tab_tab, .fancy .ajax__tab_hover .ajax__tab_tab, .fancy .ajax__tab_header .ajax__tab_tab
{
	margin: 16px 16px 0px 0px;
}
.fancy .ajax__tab_hover .ajax__tab_tab, .fancy .ajax__tab_active .ajax__tab_tab
{
	color: #fff;
}
.fancy .ajax__tab_body
{	
	font-size: 12px;
	border-top: 0;
	border:1px solid #999999;
	padding: 8px;	
}
.checkbox-list {
    line-height: 27px;
}
.checkbox-list input[type="radio"], input[type="checkbox"] {
    margin: 0;
    vertical-align: text-bottom;
}
.checkbox-list label {
    margin: 0 0 0 5px;
}
.checkbox-list td {
    line-height: 21px;
}
.overflow-auto, .over-o {
    overflow: auto;
    
}
.checkbox-list1 {
    line-height: 25px;
}
.checkbox-list1 label {
    margin: 0 70px 0 5px;
}

.Room_Contentfix {
 height:200px;
 overflow-y:scroll;
 width:100%;
}
.RightSide_Contentfix {
 height:270px;
 overflow:auto;
 width:100%;
}
.BillingItem_Contentfix {
 height:100px;
 overflow:auto;
 
}
.Panel_Contentfix {
 height:500px;
 overflow-x: hidden;
 
 /*margin-top:10px;*/
}
.Panel_Contentfix_OnPopup {
 height:85px;
 overflow:auto;
 margin-top:10px;
}
.BIPanel_Contentfix {
 height:320px;
 overflow:auto;
 margin-top:10px;
 padding: 0 15px
}
.INVDashboard_Contentfix {
 height:290px;
 overflow:auto;
 margin-top:10px;
 padding: 0 15px
}
.TopAddButton {
    margin-top:1px;
    margin-bottom:5px;
    display:block;
    float:right;
    font-size:14px;
    color:#475797;/*#337ab7;/*#5CA538;*/
    font-weight:bold;
}
a.TopAddButton:hover {
  
    color:#475797 !important;/*#337ab7;/*#5CA538;*/
    font-weight:bold;
}
.TopAddButtonLeft
{
    margin-top:1px;
    margin-bottom:5px;
    display:block;
    float:left;
    font-size:14px;
    color:#475797;/*#337ab7;#5CA538;*/
    font-weight:bold;
}
a.TopAddButtonLeft:hover {
  
    color:#475797 !important;/*#337ab7;/*#5CA538;*/
    font-weight:bold;
}

.TopAddButton1 {
    margin-top:1px;
    margin-bottom:5px;
    display:block;
    float:right;
    font-size:12px;
    color:#475797;/*#5CA538;*/
    font-weight:bold;
}

a.TopAddButton1:hover {
  
    color:#475797 !important;/*#337ab7;/*#5CA538;*/
    font-weight:bold;
}

.TopAddButtonLeft1
{
    margin-top:1px;
    margin-bottom:5px;
    display:block;
    float:left;
    font-size:12px;
    color:#475797;/*#5CA538;*/
    font-weight:bold;
}
a.TopAddButtonLeft1:hover {
  
    color:#475797 !important;/*#337ab7;/*#5CA538;*/
    font-weight:bold;
}


.LeftLeavePolicyLink {
    margin-top:10px;
    margin-bottom:5px;
    display:block;
    float:left;
    font-size:12px;
    color:#475797;/*#5CA538;*/
    font-weight:bold;
}

a.LeftLeavePolicyLink:hover {
  
    color:#475797 !important;/*#337ab7;/*#5CA538;*/
    font-weight:bold;
}


.LeftLeavePolicyLink1 {
    margin-top:1px;
    margin-bottom:5px;
    display:block;
    float:left;
    font-size:12px;
    color:#475797;/*#5CA538;*/
    font-weight:bold;
}
a.LeftLeavePolicyLink1:hover {
  
    color:#475797 !important;/*#337ab7;/*#5CA538;*/
    font-weight:bold;
}


.MiddleAddButton {
   
    margin-bottom:5px;
    display:block;
    float:right;
    font-size:14px;
    color:#475797;
    font-weight:bold;
}
a.MiddleAddButton:hover {
  
    color:#475797 !important;/*#337ab7;/*#5CA538;*/
    font-weight:bold;
}


.mr_10 {
margin-right:10px;
}
.mr_10_new {
margin-right:10px;
}
.fildset
{
    margin-bottom: 6px;
	border: 1px solid #E8E8E8;	
	/*background-color: #E8E8E8;*/
    padding:0 10px;
    border-color:#6e85e5;
    
    
}
.Legend
{
	font-size:12px;
    font-weight:bold;
    width: auto;
    border-bottom:none;
    
}
.Page-Color {
background-color: #F6FFEF;
}
.textarea-resize-block {
resize:none;
}
/*.rb-title {
background:#eee;
border-bottom:1px solid #ddd;
padding:8px 10px; 
line-height:25px;
}*/
.NumTxtAlign {
text-align:right;
padding-right:8px;
}

 .modal {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1050;
  display: none;
  overflow: hidden;
  -webkit-overflow-scrolling: touch;
  outline: 0;
}
.modal.fade .modal-dialog {
  -webkit-transition: -webkit-transform .3s ease-out;
       -o-transition:      -o-transform .3s ease-out;
          transition:         transform .3s ease-out;
  -webkit-transform: translate3d(0, -25%, 0);
       -o-transform: translate3d(0, -25%, 0);
          transform: translate3d(0, -25%, 0);
}
.modal.in .modal-dialog {
  -webkit-transform: translate3d(0, 0, 0);
       -o-transform: translate3d(0, 0, 0);
          transform: translate3d(0, 0, 0);
}
.modal-open .modal {
  overflow-x: hidden;
  overflow-y: auto;
}
.modal-dialog {
  position: relative;
  width: auto;
  margin: 10px;
}
.modal-content {
  position: relative;
  background-color: #fff;
  -webkit-background-clip: padding-box;
          background-clip: padding-box;
  border: 1px solid #999;
  border: 1px solid rgba(0, 0, 0, .2);
  border-radius: 6px;
  outline: 0;
  -webkit-box-shadow: 0 3px 9px rgba(0, 0, 0, .5);
          box-shadow: 0 3px 9px rgba(0, 0, 0, .5);
}
.modal-backdrop {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1040;
  background-color: #000;
  opacity:0.8;
}
.modal-backdrop.fade {
  filter: alpha(opacity=0);
  opacity: 0;
}
.modal-backdrop.in {
  filter: alpha(opacity=50);
  opacity: .2;
}
.modal-header {
  /*background: linear-gradient(rgb(98, 116, 190), rgb(91, 107, 170), rgb(90, 109, 185));*/
  background-color:#475797;
}
.modal-header .close {
     margin-top: -2px;
    color: white;
    font-size: medium;
}
.modal-title {
  margin: 0;
  line-height: 1.42857143;
  color:#fff;
  font-size:18px;
}
.modal-body {
  position: relative;
  padding: 15px;
}
.modal-footer {
  padding: 15px;
  text-align: right;
  border:none;
}
.modal-footer .btn + .btn {
  margin-bottom: 0;
  margin-left: 5px;
}
.modal-footer .btn-group .btn + .btn {
  margin-left: -1px;
}
.modal-footer .btn-block + .btn-block {
  margin-left: 0;
}
.modal-scrollbar-measure {
  position: absolute;
  top: -9999px;
  width: 50px;
  height: 50px;
  overflow: scroll;
}
   .loading
    {
        font-family: Arial;
        font-size: 10pt;
        border: none;
        width: 200px;
        height: 100px;
        display: none;
        position: fixed;
        /*background-color: #F6FFEF;*/
        z-index: 999;
    }
.hyperlink-color {
color:blue;
text-decoration:underline;
font-weight:bold;
}
.mandatory-field {
color:red;
font-size:14px;
margin-left:5px;

}
.lnk-search {
padding-left: 20px;
padding-right: 20px;
}
.nb {
    width:10px;
    height:10px;
    float:left;
    border:1px solid #837C7C;
    margin: 2px 5px;
}
.nb_green {
   background-color:#8CC89A;
}
.nb-red {
    background-color:red;
}
.nb-light-red {
    background-color:#FF7F7F;
}
.nb_yellow {
   background-color:#FFEC6E;
}
.nb-skyblue {
    background-color:#6EFFFA;
}
.nb-navy {
    background-color:#6E78FF;
}
.nb-ligth-Yellow {
    background-color:#e0cccc;
}

.nb-white {
    background-color:white;
}




.nb-Red-Button {
    background-color:#f98787;
}
/*KOT Item Identity */
.nb_Kit_Com {
   background-color:#BCD884;
   color:black;
}
.nb-None_Kit_Com {
    background-color:#BEC1F5;
    color:black;
}

.nb_Kit {
   background-color:#BED8EA ;
   color:black;
}
.nb-None_Kit {
     background-color:white;
     color:black;
}

.nb_Outdoor {
     background-color:#8CC89A;
}
.nb_Leave {
     background-color:#FFEC6E;
}
.nb_Manual {
     background-color:#BEC1F5;
}
.nb_Holiday {
     background-color:#BED8EA;
}


 .ajax__calendar
        {
            z-index: 3000 !important;
        }
 .modal-sm {
    width: 300px;
}
 .modal-dialog {
    width: 776px;
    margin: 30px auto;
}
  .modal-dialog_New {
    width: 820px;
    margin: 30px auto;
}
.colorblock
{
    display:inline-block;
    width:14px;
    height:15px;
}
.badge-danger
{
    background-color:#dc3d3d;
    
}
.badge-success
{
    background-color:#5cb85c;
    
}
.badge-process
{
    background-color:#FCB322;
    
}
.lbl_txt_color {
color:#357ebd;
}
.padd_lt_15 {
    padding-left: 15px;
}
.arrow-change{top:27px;left:10px}
ul.tabb{list-style-type: none;margin: 0;padding: 0;overflow: hidden;background-color: #475797;   /* background: linear-gradient(rgb(88, 107, 186), rgb(115, 134, 213), rgb(70, 89, 169));*/}
ul.tab{list-style-type: none;margin: 0;padding: 0;overflow: hidden;/* border: 1px solid #ccc; */background-color: #475797;    /* background: linear-gradient(rgb(119, 139, 223), rgb(123, 146, 239), rgb(80, 104, 206));*/}
ul.tab li{float:left}
ul.tab li a{display:inline-block;text-align: center;padding: 4px 16px;text-decoration: none;transition: .3s;font-size: 12px;font-weight: bold;}
/*ul.tab li a:hover{background-color:#ccc;}*/
ul.tab li a:focus,.active{-webkit-text-fill-color: #35506e; font-weight:bold; -moz-text-fill-color:#35506e;opacity:1; visibility:visible; border-radius:0px !important;margin-left: 0px;background-color:white;}
ul#ulTab li a:focus,.active{-webkit-text-fill-color: #35506e; font-weight:bold; -moz-text-fill-color:#35506e;opacity:1; visibility:visible; border-radius:0px !important;margin-left: 0px;background-color:white;}
.tabcontent{display:none;padding:6px 12px;border-top:none}


/*ul.tab{list-style-type:none;margin:0;padding:0;overflow:hidden;border:1px solid #ccc;background-color:#f1f1f1;background: linear-gradient(rgba(20, 64, 96, 0.62), rgba(44, 80, 125, 0.6), rgb(34, 61, 90));}
ul.tab li{float:left}
ul.tab li a{display: inline-block;
    color:white;
    text-align: center;
    padding: 10px 16px;
    text-decoration: none;
    transition: .3s;
    font-size: 16px;}
ul.tab li a:hover{background-color:#ccc;}
ul.tab li a:focus,.active{background-color:rgba(46, 109, 164, 0.32);}*/
.tabcontent{display:none;padding:6px 12px;border-top:none}


.mt {
margin-top:10px;
}
.Font_Bold_Num_Digit {
    font-weight:bold;
}

.border-col {
   border: 1px solid #79c1db;
}
#nobord {
    border-top:none;
}
.bord-rt {
    border-right: 1px solid grey;
    margin-left: -2px;
}
/*New Css*/

table.headers th {/*border-right:solid 1px #748bea;*/padding-left: 10px; padding-top:5px; padding-bottom:5px; background-color: #475797;color:#fff;}
table.headers th.right-border {border-right:none;}
table.tbl-content td {border-bottom:solid 1px #748bea;border-right:solid 1px #748bea;padding-left: 5px;padding-right: 5px;  /*word-break:break-all;*/ overflow-wrap:break-word; padding-bottom: 4px;
padding-top: 2px;}
table.tbl-content tr#bottom td {border-bottom:none;}

.headerContent {
    margin-right: -2px; 
    border: solid 1px #748bea;
    background:#475797;
    color:#fff;
}
.bodyContent {
    width: 100%;    
      overflow-y: auto; 
      border: solid 1px #748bea;
       border-top: none;
}
.tblContent {
    width: 100%;
     table-layout: fixed;
      background: #fff;
}
.headerColumn {
    width: 98%;
     text-align: left; 
     table-layout: fixed;
}
.headerCenter th {
    text-align:center !important;
}
.lgmodal {
width:850px;
}
.smmodal {
width:300px;
}
.mdmodal {
width:500px;
}

.side-nav-out{left:-3px;transition:ease-in-out left 1s;}
.close-btn{}
.menu-close{background-color:#fff;padding:5px;border-radius:8px 10px 10px 10px}
.hide-panel.close-btn{left:0px;transition:.8s;display:none}
.side-nav-out.nav-active{left:-60%;transition:.8s}
.open-btn{display:none;}
.open-btn.nav-active{display:block;transition:.8s}
.open-btn ul li{font-size:16px;font-weight:700;display:inline-block}
.open-btn span img{cursor:pointer;background-color:#123655}
.open-img{float:left;display:inline-block;margin-left:6px}
.open-txt{margin-left:8px;font-size:15px;font-weight:700;color:#123655}
#page-wrapper.content-active{transition: ease-in-out left 1s;margin-left: 0px;}
#page-content.content-active{ padding-top: 40px;margin-left:0}
.header.shift-active {left:-2px; z-index:1;}
.open-btn.shft-low-active {/*margin-top: 8px;*/}
.sz-change {
    width:5%;
}

.sz-change1 {
    width:5%;
}

.sz-change2 {
    width:10%;
}

.sz-change3 {
    width:15%;
    border-right:none;
}
.sz-change3-neww {
    width:10%;
    border-right:none;
}
.sz-change4 {
    width:20%;
}
.sz-change5 {
    width:15%;
}
.sz-change6 {
    width:25%;
}

        .Paging {
            padding: 5px 7px 4px;
            background-color: #e4e4e4;
            border: 1px solid #d3d3d3;
            border-radius: 2px;
            /*color: #333;*/
            font-size: 11px;
        }

        .lgmodal {
width:850px;
}
.smmodal {
width:300px;
}
.mdmodal {
width:500px;
}
.Blgmodal {
width:950px;
}

.lg_Issuemodal {
width:850px;
}

#tab1 {
border-right: 1px solid white !important;
display: inline-block;
/*border-radius:1px 2px 3px 5px;*/
border:1px solid white;
/*background: linear-gradient(rgb(66, 82, 103), rgb(123, 145, 172), rgb(34, 61, 90));*/
}
/*#tab1 active {
border-right: 1px solid white !important;
display: inline-block;

}*/
#tab2 {
border-right: 1px solid white !important;
display: inline-block;
/*border-radius:1px 2px 3px 5px;*/
border:1px solid white;
margin-left:4px;
/*background: linear-gradient(rgb(66, 82, 103), rgb(123, 145, 172), rgb(34, 61, 90));*/
}
#tab3 {
border-right: 1px solid white !important;
display: inline-block;
/*border-radius:1px 2px 3px 5px;*/
border:1px solid white;
margin-left:0px;
/*background: linear-gradient(rgb(66, 82, 103), rgb(123, 145, 172), rgb(34, 61, 90));*/
}
#tab4 {
border-right: 1px solid white !important;
display: inline-block;
/*border-radius:1px 2px 3px 5px;*/
border:1px solid white;
margin-left:4px;
/*background: linear-gradient(rgb(66, 82, 103), rgb(123, 145, 172), rgb(34, 61, 90));*/
}
#tab5 {
border-right: 1px solid white !important;
display: inline-block;
/*border-radius:1px 2px 3px 5px;*/
border:1px solid white;
margin-left:4px;
/*background: linear-gradient(rgb(66, 82, 103), rgb(123, 145, 172), rgb(34, 61, 90));*/
}
#tab6 {
border-right: 1px solid white !important;
display: inline-block;
/*border-radius:1px 2px 3px 5px;*/
border:1px solid white;
margin-left:4px;
/*background: linear-gradient(rgb(66, 82, 103), rgb(123, 145, 172), rgb(34, 61, 90));*/
}
#tab7 {
border-right: 1px solid white !important;
display: inline-block;
/*border-radius:1px 2px 3px 5px;*/
border:1px solid white;
margin-left:4px;
/*background: linear-gradient(rgb(66, 82, 103), rgb(123, 145, 172), rgb(34, 61, 90));*/
}

#tab8 {
border-right: 1px solid white !important;
display: inline-block;
/*border-radius:1px 2px 3px 5px;*/
border:1px solid white;
margin-left:4px;
/*background: linear-gradient(rgb(66, 82, 103), rgb(123, 145, 172), rgb(34, 61, 90));*/
}

#tab9 {
border-right: 1px solid white !important;
display: inline-block;
/*border-radius:1px 2px 3px 5px;*/
border:1px solid white;
margin-left:4px;
/*background: linear-gradient(rgb(66, 82, 103), rgb(123, 145, 172), rgb(34, 61, 90));*/
}

#tab10 {
border-right: 1px solid white !important;
display: inline-block;
/*border-radius:1px 2px 3px 5px;*/
border:1px solid white;
margin-left:4px;
/*background: linear-gradient(rgb(66, 82, 103), rgb(123, 145, 172), rgb(34, 61, 90));*/
}
.margg-tpp-35 {
 margin-top: 10px;
}
.ull-tabb-shad {
  /*box-shadow: 0px 1px 8px 1px grey;*/
}
.rww-change {
    margin-top: 6px;
    border-bottom: 1px solid #d4d3d3;
    padding-bottom: 6px
}
.margg-19 {
margin-top: 19px;
}
.hd-upp {
font-size: 16px;
font-weight: bold;
color: #ffffff;
/*text-shadow: 0px 0px 2px #b5b2b2*/
}
.hd-iconn {
 float:left;
  height: 19px;
  width: 19px;
  margin-right: 10px;
  margin-top: 7px;
}
.rt-shft {
 right:1%;
}
.tab_1 {
     list-style-type: none;
    margin: 0;
    padding: 0;
    overflow: hidden;
    /* border: 1px solid #ccc; */
    background-color: #f1f1f1;
    background: linear-gradient(rgb(141, 167, 193), rgba(44, 80, 125, 0.6), rgb(34, 61, 90));
}
.bod-rt{
 margin-left: 6px;
}
.tabb-hd-txt {
   float: left;
   font-size: 12px;
   font-weight: bold;
   padding-top: 5px;
}
#rw-cahnge {
     margin-left: -18px;
    margin-right: -30px;
    margin-top: 12px;

}

.tab-active
 {
    color:#000;
}
.tab-deactive {
    color:#fff;
}
   
   .table-bordered>thead>tr>th>#cls
   
    {
    border-right:none !important;
    }

.prnt {
    margin-top:-10px !important;
}
#cr-clr-chngg {
    background: linear-gradient(rgb(255, 193, 7), rgb(255, 193, 7), rgb(255, 174, 4)) !important;
    color: black;
    margin-top: 6px;
    margin-left: 8px;
}
#tab1{margin-left: -9px !important;}
.marg-lt-neggi-18{margin-left: -18px;}
.user-headd {text-align: center; padding: 9px; height: 52px;padding-top: 5px; font-size: 11px; font-weight: bold; padding-left: 17px;}
.userr-foot {margin-top: 6px; margin-bottom: 4px; margin-left: 17px;}
#drop-dwn {right: 0px; left: -8px;top: 23px; min-width: 211px !important;/*right: -4px; left: -27px; top: 27px;*/}
#marg-neg-drp-4 {margin-top: -4px;}
#marg-neg-drp-44 {margin-top: -4px;}
#drp-hded {font-size: 11px; font-weight: bold; color: white;padding: 4px 0px !important;}
#user-image {float: left !important; width: 27px !important; height: 27px !important; border-radius: 50% !important; margin-right: 6px !important; margin-top: -5px !important;}
#rt-shftty {margin-right:0px !important;}
#marggi-lt {margin-left: 56px; margin-top: 3px; min-width: 100%; width: 240px;}
#paddi-lt {padding-left:10px !important;}

.Req_Table_Td_Bg {
    background-color: #e0cccc;
}
.icon-clr-back {
    background-color: #d84635 !important;
    border-radius: 4px !important;
    padding: 5px 5px !important;
}
.counter {
    background-color: #FFC107;
    color: black;
    margin-top: -53px;
    margin-left: -14px;
    font-size: 12px;
}
.shft-lt {
    margin-top: 9px !important;
    margin-left: -14px !important;
}
.shft-lt_v1 {
    margin-top: 16px !important;
    margin-left: -45px !important;
}
.shft-lt_v2 {
    margin-top: 3px ;
    margin-left: -44px;
}
.count-anch_v1 {
    margin-left: 40px !important;
    background-color: #d84635 !important;
    border-radius: 4px !important;
    padding: 7px 7px 8px !important;
    margin-top: 7px !important;
    text-decoration: none !important;
}
.count-anch_v2 {
    /*margin-left: 40px !important;*/
    background-color: #d84635 !important;
    border-radius: 4px !important;
    padding: 7px 7px 8px !important;
    margin-top: 7px !important;
    text-decoration: none !important;
}
.count-anch_v3 {
    margin-left: -3px !important;
    background-color: #d84635 !important;
    border-radius: 4px !important;
    padding: 7px 7px 8px !important;
    margin-top: 7px !important;
    text-decoration: none !important;
}
    
.count-anch {
    margin-left: 0px !important;
    background-color: #d84635 !important;
    border-radius: 4px !important;
    padding: 7px 3px !important;
    margin-top: 7px !important;
    text-decoration: none !important;
}
.count-shft {
     margin-top: 5px;
}
.back-log-btn {
 background-image: linear-gradient(to bottom, #d84635 0, #d84635 100%) !important;
 border-color: #d84635 !important;
 display:inline-block !important;
 color:white;
 font-weight:bold;
}
.fnt-txt-bold {
    color: white !important;
    font-weight: bold !important;
    font-size: 13px !important;
}
.fnt-txt-bold_v1 {
    color: white;
    text-decoration: none;
    font-size: 13px;
}
.mg-tp_0 {
  margin-top: -1px !important;
}
.logo_X {
    color:#d84635 !important; font-weight:bold !important; font-size:27px !important;
}
.logo_ERP {
    color:#4875ad !important; font-weight:bold !important; font-size:27px !important;
}
.mg-tp_1 {margin-top: 2px !important;}
.mrg_tp_7 {margin-top: 7px !important;}
.mrg_tp_6{margin-top: 6px !important;}
.txt-white {
    color: white !important; font-size:13px !important;
}
.clr-black {
    color: black !important;
}
.fnt-bld {
    color: white; font-weight: bold
}
.marg-lt-13 {
    margin-left:13px !important;
}
.marg-lt-5 {
    margin-left:5px !important;
}
.btn-clr-new {
 background-image: linear-gradient(to bottom, #337ab7 0, #337ab7 100%) !important;
}
.marg-rt-name {
 margin-right: 73px !important;
}
.left-v1 {
    padding-left: 10%;
    margin-top: 12px !important;
    width: 668px;
}
.rt_v1 {
 margin-top: -44px;
}
.left-v2 {
 margin-top: 14px;
}
.flt-rt {
  float: right;
  margin-top: -3px;
  margin-right: 13px;

}
.drp-rt {
  width: 100px !important;
  text-align: right;
}
.change-passrd {
    float: right !important;
    /*margin-right: -44px !important;*/
    margin-top: 0px !important;
    padding: 5px 7px 7px !important;
    height: 26px !important;
}
.marg-rt-v1 {
    margin-right: -8px !important;
}
.finan-txt {
    margin-top: 3px !important;
    margin-bottom: 1px !important;
}
.padding-head {
 padding: 9px 10px !important;
 background-image: linear-gradient(to bottom, #475797 0, #475797 100%) !important;
}
.hd-fnt-sz {
    font-size:15px !important;
    color:white !important;
}
.panel-hd {
    height: 186px !important;
    overflow: auto !important;
    padding: 10px !important;
}
.tablee-content-padd {
    padding: 6px !important;
}
.lft-column {
 padding-top: 8px !important;
}
.brth-person {
    background-color: #7984c0 !important;
    color: white !important;
    padding: 11px !important;
    padding-top: -12px !important;
    margin-top: 49px !important;
    vertical-align: sub !important;
    padding-top: -19px !important;
    cursor: none !important;
    text-decoration: none !important;
    border-radius: 2px !important;
}

.brth-column {
    padding-right: 0px !important;
    padding: 8px 0px 0 1px !important;
}
.wordwrap-user {

    word-wrap:break-word;
}
.padding-topbot {
    padding-top: 3px !important;
    padding-bottom: 3px !important;
}
.count-anch_v31 {
    margin-left: 30px !important;
    background-color: #d84635 !important;
    border-radius: 4px !important;
    /* padding: 7px 7px 8px !important; */
    margin-top: 7px !important;
    text-decoration: none !important;
}
.btn {
padding:3px;
}