/* CSS Variables */
/*:root {
	--table-th-bg: #007139;
	--main-color: #007139;
	--text-color: #007139;
}
*/


table thead tr th,
table tr th {
	background: #007139;
	color: white;
}

td.datatable-text-right {
	text-align: right;
}
td.datatable-text-left {
	text-align: left;
}
td.datatable-text-center {
	text-align: center;
}

input[type="text"],
input[type="select"]{
	padding-left: 5px;
}

table.no-header thead {
  display: none;
}

table#customersDiscountsDataTable thead tr td,
table#customersDiscountsDataTable tr td {
	width: 10px;
	color: #007139;
}

.rotateDiv {
    width: 2.333%;
}
.rotateDiv .badge {
	width: 140px;
	font-size: 15px;
	background-color: #007139;
}

.rotate {
  /* Something you can count on */
  height: 150px;
  white-space: nowrap;
  width: 10px;
  -moz-transform: rotate(-90.0deg);  /* FF3.5+ */
  -o-transform: rotate(-90.0deg);  /* Opera 10.5 */
  -webkit-transform: rotate(-90.0deg);  /* Saf3.1+, Chrome */
  filter:  progid:DXImageTransform.Microsoft.BasicImage(rotation=0.083);  /* IE6,IE7 */
  -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=0.083)"; /* IE8 */
  transform: 
    /* Magic Numbers */
    translate(60px, 60px)
    rotate(-90deg);
         
}


hr {
  -moz-border-bottom-colors: none;
  -moz-border-image: none;
  -moz-border-left-colors: none;
  -moz-border-right-colors: none;
  -moz-border-top-colors: none;
  border-color: #EEEEEE -moz-use-text-color #FFFFFF;
  border-style: solid none;
  border-width: 1px 0;
  margin: 5px 0;
}
/* Login Form */

.heading-box {
	/*background-color: #f7d117;*/
	background-color: #007139;
	padding-left: 20px;
}
.heading-box h2 {
	color: white;
}
.heading-box p {
	font-weight: bold;
}


.heading-body {
    background-color: #f8f8f8;
   	padding: 10px;
    color: #333;
}

.stylish-lists li {
    line-height: 20px;
    font-size: 14px;
}

.popover {
	color: black
} 
/*  Login  */
.panel .panel-body {
	background-color: #fff;
}
.sign-in-container {
  margin: 30px 0 auto; 
  }
.sign-in-container .header-title {
	text-align: center;
	color: #007139;
	font-weight: bold;
}

  .sign-in-container .login-wrapper {
    background: #fcfcfc;
    -webkit-border-radius: 15px;
    -moz-border-radius: 15px;
    border-radius: 15px;
    -webkit-box-shadow: 0 10px 6px -8px #121212, 0 0 0 #333333;
    -moz-box-shadow: 0 10px 6px -8px #121212, 0 0 0 #333333;
    box-shadow: 0 10px 6px -8px #121212, 0 0 0 #333333;
    border: 2px solid #d9d9d9;
    position: relative; }
    .sign-in-container .login-wrapper .header {
      padding: 10px 10px 10px 30px;
      margin: 0; }
      .sign-in-container .login-wrapper .header h3,
      .sign-in-container .login-wrapper .header h4 {
        line-height: 30px;
        margin: 0;
        padding: 0;
        color: #007139; }
        .login-wrapper .header h3,
        .login-wrapper .header h4 {
        	text-align: center;
        }
      .sign-in-container .login-wrapper .header p {
        font-size: 12px;
        text-align: left;
        line-height: 18px;
        color: gray;
        padding: 10px 0;
        margin: 0; }
        .sign-in-container .form-horizontal .form-group {
		    margin-right: 0px;
		    margin-left: 10px;
		}
      .sign-in-container .login-wrapper .header .logo img {
        max-width: 80px;
        float: right; }
    .sign-in-container .login-wrapper .content {
      padding: 10px 10px; }
      .sign-in-container .login-wrapper .content .input {
        height: 30px;
        font-weight: normal;
        color: #cccccc;
        box-shadow: none;
        -webkit-border-radius: 2px;
        -moz-border-radius: 2px;
        border-radius: 2px; }
      .sign-in-container .login-wrapper .content .input:hover, .sign-in-container .login-wrapper .content select:hover {
        background: #fafafa; }
    .sign-in-container .login-wrapper .actions {
      padding: 10px 10px;
      border-radius: 0 0 4px 4px; }
      .sign-in-container .login-wrapper .actions .link {
        float: right;
        padding: 8px;
        margin-right: 10px;
        color: #737373; }

/* Frame 18 styles */

/* Container */
.frame18-container {
  position: absolute;
  width: 1728px;
  height: 300px;
  left: 0px;
  top: 0px;
  background: #FFFFFF;
}

/* FIGMENT PATTERN-01 1 */
.frame18-pattern1 {
  position: absolute;
  width: 865px;
  height: 1222px;
  left: 0px;
  top: -409px;
  background: url(http://localhost/assets/img/figmentPattern.png) no-repeat;
}

/* FIGMENT PATTERN-01 2 */
.frame18-pattern2 {
  position: absolute;
  width: 863px;
  height: 1222px;
  left: 865px;
  top: -409px;
  background: url(http://localhost/assets/img/figmentPattern.png) no-repeat;
}

.frame1-image {
  width: 54.81px;
  height: 50px;
  background: url(image);
}

.frame1-title {
  width: 498px;
  height: 49px;
  font-family: 'Avenir Next';
  font-style: normal;
  font-weight: 400;
  font-size: 36px;
  line-height: 49px;
  text-align: center;
  color: #007948;
}

.frame1-description {
  width: 500px;
  height: 66px;
  font-family: 'Avenir Next';
  font-style: normal;
  font-weight: 400;
  font-size: 16px;
  line-height: 22px;
  text-align: center;
  color: #808080;
}

/* Bootstrap overwriter Start */

.form-horizontal .form-group {
    margin-right: -65px;
    margin-left: -15px;
}
.form-group {
    margin-bottom: 3px;
}

.list-group-item.active, .list-group-item.active:focus, .list-group-item.active:hover {
    z-index: 2;
    color: #fff;
    background-color: #007139;
    border-color: #007139;
}

div.dt-button-collection button.dt-button:active:not(.disabled), div.dt-button-collection button.dt-button.active:not(.disabled), div.dt-button-collection div.dt-button:active:not(.disabled), div.dt-button-collection div.dt-button.active:not(.disabled), div.dt-button-collection a.dt-button:active:not(.disabled), div.dt-button-collection a.dt-button.active:not(.disabled) {
    background-color: #007139;
    background-image: -webkit-linear-gradient(top, #007139 0%, #007139 100%);
    background-image: -moz-linear-gradient(top, #007139 0%, #007139 100%);
    background-image: -ms-linear-gradient(top, #007139 0%, #007139 100%);
    background-image: -o-linear-gradient(top, #007139 0%, #007139 100%);
    background-image: linear-gradient(to bottom, #007139 0%, #007139 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,StartColorStr='#007139', EndColorStr='#007139');
    box-shadow: inset 1px 1px 3px #666;
}

.div-label label,
.form-inline:not(#loginForm):not(#getBalanceForm) .control-label,
.form-horizontal:not(#loginForm):not(#getBalanceForm) .control-label {
	border: 1px solid #8c8c8c;
	text-align: center;
	margin-left: 5px;
	color: #007139;
	padding: 5px;
	background: #D3D3D3; /* For browsers that do not support gradients */
    background: -webkit-linear-gradient(#FFFFFF, #D3D3D3); /* For Safari 5.1 to 6.0 */
    background: -o-linear-gradient(#FFFFFF, #D3D3D3); /* For Opera 11.1 to 12.0 */
    background: -moz-linear-gradient(#FFFFFF, #D3D3D3); /* For Firefox 3.6 to 15 */
    background: linear-gradient(#FFFFFF, #D3D3D3); /* Standard syntax */
}


.modal {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 10;
    display: none;
    overflow: hidden;
    -webkit-overflow-scrolling: touch;
    outline: 0;
    outline-width: 0px;
    outline-style: none;
    outline-color: -moz-use-text-color;
}

.modal-backdrop {
	z-index: 0;
}
.modal-header {
	background:#007139;
	margin:5px;
}
.modal-title {
	text-align: center;
	color: white;
	/*background: #007139;*/
	
}

/*btn btn-default*/
.btn-show-hide,
.btn-csv,
.btn-danger,
.btn-warning,
.btn-info,
.btn-default {
	-webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
}
.btn-default {
	border:1px solid #007139;
	color: #007139;
}
button.btn-default:hover {
	border:1px solid #007139;
	color: #007139;  
}
.input-group-btn:last-child > .btn, .input-group-btn:last-child > .btn-group {
    z-index: 1;
    margin-left: -1px;
    border-radius: 5px;
}

button.actions-btn {
	width: 45% !important; 
}
.bootstrap-switch .bootstrap-switch-handle-on.bootstrap-switch-primary,
.bootstrap-switch .bootstrap-switch-handle-off.bootstrap-switch-primary{
	color: #fff;
  	background:#007139;
}
.table {
    width: 100%;
    max-width: 100%;
    margin-bottom: 20px;
    font-size: 12px;
}
/* Bootstrap overwriter End */

/* new.js overwriter Start */

.widget .widget-header span,
.widget .widget-header .title {
	color: white;
	
}
.widget .widget-header {
	background:#007139;
	text-align: center;
	font-size: 20px;
}

.widget .widget-body {
    padding: 15px;
    -webkit-border-radius: 0 0 2px 2px;
    -moz-border-radius: 0 0 2px 2px;
    border-radius: 0 0 2px 2px;
    background: #EEEEEE;
    border: 3px solid #D8D8D8;
}
.btn.active, .btn:active{
	background: green;
}
.btn-group > .btn:not(:first-child):not(:last-child):not(.dropdown-toggle) {
    border-radius: 6px;
    margin-left: 2px;
    box-shadow: inset 0 3px 5px rgba(0,0,0,.125);
}
.btn-group > .btn {
    border-radius: 6px;
    box-shadow: inset 0 3px 5px rgba(0,0,0,.125);
   /* margin-left: 2px;*/
}

div.dt-buttons {
	margin-left: 52px;
}
.dt-buttons > a.btn {
	height: 20px;
	padding-top: 0px;
	margin-top: 5px;
}

.btn-group .btn + .btn, .btn-group .btn + .btn-group, .btn-group .btn-group + .btn, .btn-group .btn-group + .btn-group {
    margin-left: 2px;
    box-shadow: inset 0 3px 5px rgba(0,0,0,.125);
    
}

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

    #search-site-div {
        margin-right: 10%;
    }
    .dropdown-backdrop {
        display:none;
    }
    
}


@media only screen and  (min-width: 1025px) {
    #search-site-div {
        margin-right: 5%;
    }
  }

.search-site .dropdown-menu {
	background-color: #007139;
}


.search-site ul {
	width:100%;
	background-color: #007139;
	border: 0;
}


.search-site ul li {
	width:100%;
	padding-bottom: 0;
	padding-top: 0;
}

.search-site ul li.active a{
	background-color: transparent;
	font-size: 15px;
}

.search-site ul li a {
	width:100%;
	font-size: 15px;
	padding-bottom: 25px;
	padding-top: 10px;
	
}

.search-site ul li:hover {
	width:100%;
	background-color: #8c8c8c;
}	


/* Sub Navigation starts  */
.subnav-dropdown{
	top: 26px;
	background-color: white;
	color: #007139;
	
	/*background-color: #959595;*/

}
.subnav-dropdown li{ 
	margin-top: 5px;
	margin-bottom: 5px;
}
.subnav-dropdown li a {
	color: #007139;
	font-weight: bold;
	padding: 2px 10px;
}
.subnav-dropdown > li.selected > a {
	color: white;
	font-weight: bold;
}
.sub-nav li a {
      font-size: 12px;
      text-shadow: none;
      line-height: 18px;
      height: 18px;
      padding: 2px 15px; }


.sub-nav div.dropdown li ,
.sub-nav > ul li{
	margin: 0;
	padding-top: 5px;
	padding-bottom: 5px;
	border-top: 1px solid rgba(0, 0, 0, 0.2);
	border-right: 1px solid rgba(0, 0, 0, 0.2);
	border-left: 1px solid rgba(0, 0, 0, 0.2);
	border-bottom: 1px solid rgba(0, 0, 0, 0.2);
	height: 30px;
	width: 181px;
	text-align: center;
}

.sub-nav li:first-of-type {
	border-right: 1px solid rgba(0, 0, 0, 0.2);
}
.sub-nav li:last-of-type {
	border-left: none
}

ul.subnav-dropdown {
		line-height: 100%;
}

li.subnub-dropdown {

	
}
/* Sub Navigation ends  */

a.disabled {
   pointer-events: none;
   cursor: not-allowed;

}
a.submenu-access	{
	background-color: red;
}

.custom-search .search-query {
	/*background: #99ff66;*/
	background: transparent;
	font-weight: bold;
	border: 1px solid #007139;
}


.custom-search .search-query:focus { 
  font-size: 14;
  line-height: 5px;
  /*background: #007139;*/
  background: transparent;
  border: 1px solid #007139;
}

.custom-search i {
    padding:21px 5px 0 3px;
}
.fa{
	margin-top: 10px;
}
#cssmenu ul li a.disabled ,
.sub-nav li .disabled {
      /*color: #337ab7;*/
      color: #89b6dc;
 }
 
 .sub-nav {
 	background: white;
 	color: #007139;
 	height: 75px;
 	z-index: 1;
 }
 .dropdown > li > a,
 .sub-nav > ul > li > a {
 	color: #007139;
 	font-weight: bold;
 }
 
  .dropdown > li.selected > a,
 .sub-nav > ul > li.selected > a {
	color: white;
 	font-weight: bold;
	background: #007139;
}

#menu-button {
    width: 100%;
    border-radius: 2px 2px 0 0;
    background-color: #0b9952;
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#0b9952), color-stop(85%, #0b9952), to(#1f5a80));
    background-image: -webkit-linear-gradient(#0b9952, #0b9952 85%, #1f5a80);
    background-image: -moz-linear-gradient(top, #0b9952, #0b9952 85%, #1f5a80);
    background-image: -o-linear-gradient(#0b9952, #0b9952 85%, #1f5a80);
    background-image: linear-gradient(#0b9952, #0b9952 85%, #1f5a80);
    background-repeat: no-repeat;
}

 #cssmenu > ul > li {
 	background: #43b40a;
    background: -webkit-linear-gradient(#fff, #fff); /* For Safari 5.1 to 6.0 */
    background: -o-linear-gradient(#fff, #fff); /* For Opera 11.1 to 12.0 */
    background: -moz-linear-gradient(#fff, #fff); /* For Firefox 3.6 to 15 */
    background: linear-gradient(#fff, #fff); /* Standard syntax */
 	width: 180px;
 	border-bottom: 0.5px solid #ccc;
 }

#cssmenu > ul > li.active:hover {
     background: #007139;
     color: white;
     font-weight: bold;
 }
 #cssmenu > ul > li.active,
 #cssmenu > ul > li:hover {
  /*background: #007139; */
  background: #007139;
  color: white;
     font-weight: bold;
}

/* new.js overwriter End */

 .detailtable tbody tr{
 	border:1px;
    padding: 2px 10px;
    
}
 .detailtable tbody tr td{
 	
    padding: 4px 10px;
    border: 1px solid #ddd;
    
}

thead tr th,
tbody tr td {
 	
    text-align: center;
    
}

thead tr th.cell-left,
tbody tr td.cell-left {
 	
    text-align: left;
    
}

option:checked {
  background: linear-gradient(#f29011, #f29011);
  color: #fff
}

.shown tr td{
	background-color :green;
}

.required:after {
    color: red;
    content:"*";
    margin-left: 5px;
}

#toggle-login-form , #contact-details {
	margin-left: 20%;

}
#toggle-login-form , #contact {
	font-size: 18px;
	cursor: pointer;
	
}

form#login-form, #contact-details {
	position: absolute;
    left: 0px;
    top: 30px;
    z-index: 10;
    padding: 10px;
    border: 1px solid;
    margin-top: 10px;
}

form#login-form	{
	margin-left: 45%;
}

.customer, .partner {
  display: inline-block;
  height: 80px;
  margin: 1em;
}

.customer {
	width: 150px;
	text-align: center;
}

.partner {
	width: 100px;
}
.customer-bordered {
	border-radius: 10px;
    border: 2px solid;
    padding: 20px;
}
div.sub-nav .selected {
	color:red;
	background: #007139;
}

.active-child{
	background-color: #5bc0de;
}
.highlight { color: red;}

table.dataTable.row-border tbody tr th, table.dataTable.row-border tbody tr td, table.dataTable thead tr th, table.dataTable.display tbody tr th, table.dataTable.display tbody tr td
{
	font-size: 16px;
}

#dropdown-menusearch li  
{
	float:none;
	background-color: #099590;
}


.dropdown-menu > li > a:focus, .dropdown-menu > li > a:hover {
    color: #262626;
    text-decoration: none;
    background-color: transparent;
}

#dropdown-menusearch .active a{
		padding-top: 10px;
		padding-bottom: 10px;
		background-color: red;
			
}

#dropdown-menusearch .active a:HOVER{
		padding-top: 10px;
		padding-bottom: 10px;
		background-color: red;
		width: 400px;
}

/* Operators Setting Start */


#operatorSettingForm {
	margin-left: 10px;
}

.form-horizontal .operators-permission-label {
	text-align: left;
	border: 1px solid #000;
	color: #007139;
}


.form-horizontal .operators-details-title,
.form-horizontal .operators-permission-title {
	color: #fff;
	background-color: #007139;
	text-align: center;
}
/* Operators Setting End */

.wwTermIdHidden .control-label,
.wwTermIdHidden .form-control {
    display: none;
}
/*Crud display*/

.deny{
	display : none;
	text-decoration: none;
}

a.deny {
	display : block;
	pointer-events: none;
   	cursor: default;
   	
   	
}
a:link{
	text-decoration: none;
}

 a:visited{
    text-decoration: none;
}

footer {
	background: #007139;
}

button.close{
	font-size: 40px;
	line-height: .7;
	color: #fff
}

/* Needed for safari fix*/
.input-group {
    width: 100%;
}

/* Modal view for page loading overlay */
#overlay {
    position: fixed; 
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: #000;
    opacity: 0.5;
    filter: alpha(opacity=50);
    /*display: none;*/
    z-index: 100000;
}

.loadimg{
	padding-left: 45%;
	padding-top: 20%;
	
}
.dropdown-menu{
	box-shadow: 0 6px 12px rgba(0,0,0,0);
	border-radius: 0px;
	border: none;
	padding: 0px 0;
	z-index: 3;
}
 /* Only IE browsers understand Embedded OpenType files, which they have been doing since IE4 */
@font-face {
    font-family: Dosis;
    src:    url('fonts/Dosis-Medium.eot?#iefix') format('embedded-opentype'),
            url('fonts/Dosis-Medium.woff') format('woff'),
            url('fonts/Dosis-Medium.ttf') format('truetype'),
            url('fonts/Dosis-Medium.svg#Dosis') format('svg');
    font-weight: normal;
    font-style: normal;
}
#cssmenu > ul > li > a,
#cssmenu > ul > li > a i {
	color: #007139;
	}
	
#treeview6.treeview ul li {
	color:#000;
}	

 .ui-timepicker-container {
      z-index: 3500 !important;
 }
 
 button.close {
    color: #000;
}

.disabled-link {
  color: gray; /* Change color to indicate disabled state */
  pointer-events: none; /* Make the link unclickable */
  cursor: not-allowed; /* Show disabled cursor on hover */
  text-decoration: none; /* Remove underline */
}