/* V1.9.8 */

.no-underline {
	 text-decoration: none !important;
}

h1 {
	margin: 20px 0 20px 28px;
}

body {
    font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
    font-size: 14px;
    line-height: 1.42857143;
    color: #333;
    background-color: #fff;
}

p {
	/*font-size: 1.0em;*/
}
label {
    display: inline-block;
    max-width: 100%;
    margin-bottom: 5px;
    font-weight: 700;
}

.card {
	background-color: transparent;
    border: none;
}

.control-form-group {
	padding-left: 15px;
	padding-right: 15px;
}

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

.dataTables_wrapper .dataTables_filter input {
    background-color: white;
}

#lbartoggle {
	padding-right: 0px;
    padding-left: 0px;
}
/* below CSS is for user story #60375 */
.login-panel span.jane-icon::before {
	font-size: 1em;
	color: #6fa8dc;
}

.side-menu-login-items-mob span.jane-icon::before {
	font-size: 20px;
	color: white;	
}

.side-menu-login-items-mob .mob-link-container {
	font-weight: normal;border: 1px solid rgba(255, 255, 255, 0.1);float: left;width:50%;padding: 10px 15px;
}

.side-menu-login-items-mob .mob-link-container-8 {
	font-weight: normal;border: 1px solid rgba(255, 255, 255, 0.1);float: left;width:50%;padding: 8px 15px;
}

.home-nav-item-new {
	background: rgba(0, 0, 0, 0.3);
    color: rgba(255, 255, 255, 0.7) !important;
    font-size: 1em;
    font-weight: normal;
    padding-top: 8px;
    padding-bottom: 12px;
    text-transform: uppercase;
	border-bottom: 1px solid rgba(0, 0, 0, 0.4);
	padding: 10px 18px;
}

.side-menu .side-menu-nav .side-menu-json-items a.home-nav-item-new {
    background: none !important;
    color: rgba(255, 255, 255, 0.7) !important;
    font-size: 1em;
    font-weight: normal;
    text-transform: uppercase;
}
.side-menu .side-menu-nav .side-menu-json-items a:hover.home-nav-item-new {
    background: none !important;
    color: rgba(255, 255, 255, 0.7) !important;
    font-size: 1em;
    font-weight: normal;
    text-transform: uppercase;
}

/* Ticket #1550 style for ckeditor */
.ckeditor_custom .cke_chrome {
    visibility: inherit;
    display: inline-block;
    float: right;
    width: 79.5% !important;
    /*margin-top: 30px;*/
  }
/* Ticket #1499 - remove up and down arrows from numeric fields */
/* Chrome, Safari, Edge, Opera */
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

/* Firefox */
input[type=number] {
  -moz-appearance: textfield;
}

th {
	background-color: transparent !important;
	color: #2f3941 !important;
	font-family: 'Lucida Grande',Verdana,Arial,sans-serif  !important; 
	font-size: 12px  !important;
	border-left: none !important; 
	border-right: none !important; 
	border-top: none !important; 
	border-bottom: 1px solid #000000 !important;
	padding-right: 15px !important;
}

	td.border {
		font-family: 'Lucida Grande',Verdana,Arial,sans-serif  !important; 
		font-size: 12px  !important;
		border-left: none !important; 
		border-right: none !important; 
		border-top: none !important; 
		border-bottom: 1px solid #d9dccb !important;
	}
	
	td.nonborder {
		font-family: 'Lucida Grande',Verdana,Arial,sans-serif  !important; 
		font-size: 12px  !important;
		border-left: none !important; 
		border-right: none !important; 
		border-top: none !important; 
		border-bottom: 1px solid #d9dccb !important;
	}

 @media (min-width: 767px) {
	#maintoggle {
		padding-right: 0px;
	}	 	
 }
/* Ticket #1544 */
 .madatory_mobile_ast {
 	float: unset;width: auto;padding-left:1px;padding-top:11px;
 }

@media (max-width: 767px) {
	td.border {
		border-bottom: 1px solid #d9dccb !important;
	}
	
	td.nonborder {
		border-bottom: 0px solid #d9dccb !important;
	}
	/* Ticket #1544 */
	 .madatory_mobile_ast {
	 	float: unset;width: auto;padding-left:5px;padding-top:11px;
	 }

}

 @media (min-width: 768px) and (max-width: 991px) {
	td.border {
		border-bottom: 1px solid #d9dccb !important;
	}
	
	td.nonborder {
		border-bottom: 0px solid #d9dccb !important;
	} 	
 }
.table {
	border: none !important; 
}

  @media (min-width: 768px) and (max-width: 991px) {
    table.mobile-table td {
      border-color: #fff;
      border-left: none;
      border-right: none;
      border-bottom: none;
      display: block;
      position: relative;
      text-align: left !important;
      width: auto !important; }
      table.mobile-table td:last-of-type {
        border-bottom: 5px solid #484848 !important; }
      table.mobile-table td.no-borders {
        text-align: right !important; }
    /* table.mobile-table td.dual[data-th]:before {
        content: attr(data-th);
        display: block;
        min-width: 18.0em;
        font-weight: bold; } 
      table.mobile-table td.single[data-th]:before {
        content: attr(data-th);
        display: inline-block;
		min-width: 14.0em !important;
        font-weight: bold; } */
         }
  @media (max-width: 767px) {
    table.mobile-table td {
      border-color: #000;
      border-left: none;
      border-right: none;
      border-bottom: none;
      display: block;
      position: relative;
      text-align: left !important;
      width: auto !important;
       }
      table.mobile-table td:first-of-type {
        border-top: none; }
      table.mobile-table td:last-of-type {
        border-bottom: 5px solid #484848 !important; }
      table.mobile-table td.no-borders {
        text-align: right !important; }
      table.mobile-table td.dual[data-th]:before {
        content: attr(data-th);
        display: block;
        min-width: 18.0em;
        font-weight: bold; } 
      table.mobile-table td.single[data-th]:before {
        content: attr(data-th);
        display: inline-block;
		min-width: 14.0em !important;
        font-weight: bold; } 
   }

.modal-open {
    overflow: scroll !important;
}

.single-grid-row {
  cursor: pointer; }
 .single-grid-row.selected {
    background: #ddf8e1 !important; }
  .single-grid-row .single-grid-row-checkbox {
    opacity: 0;
    position: absolute;
    right: -99999px; 
	}
.single-grid-row-checkbox {
    opacity: 0;
    position: absolute;
    right: -99999px; 
	
}
.multiple-grid-row {
  cursor: pointer; }
 .multiple-grid-row.selected {
    background: #ddf8e1 !important; }
  .multiple-grid-row .single-grid-row-checkbox {
    opacity: 0;
    position: absolute;
    right: -99999px; 
	}
	
.dataTable > thead > tr > th[class*="chbx_select"]:after{
    content: "" !important;
}

/* BUTTONS */
.btn-manager {
  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);
  /*color: #999999 !important;*/
}
.btn-manager:active {
  -webkit-box-shadow:inset 0 3px 5px rgba(0,0,0,0.125);
  box-shadow:inset 0 3px 5px rgba(0,0,0,0.125)
}
.btn-manager {
  text-shadow:0 1px 0 #fff;
  background-image:-webkit-linear-gradient(top,#fff 0,#e0e0e0 100%);
  background-image:linear-gradient(to bottom,#fff 0,#e0e0e0 100%);
  background-repeat:repeat-x;
  border-color:#dbdbdb;
  border-color:#ccc;
  filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffffff',endColorstr='#ffe0e0e0',GradientType=0);
  filter:progid:DXImageTransform.Microsoft.gradient(enabled=false)
}
.btn-manager:hover,
.btn-manager:focus {
  background-color:#e0e0e0;
  background-position:0 -15px
}
.btn-manager:active,
.btn-manager.active {
  background-color:#e0e0e0;
  border-color:#dbdbdb
}

  .side-menu .side-menu-nav a span:before {
    margin: 0 15px 0 3px;
    position: relative;
    top: 1px; }
    
  header .login-panel a span:before {
    font-size: 1em;
    margin: 0 5px 0 0;
    position: relative;
    top: 0; }

.home-content-container {
	padding-left: 15px;
	padding-right: 0px;
}    

.height_graphs {
	min-height: 350px;
}

@media (max-width: 767px) {  
	.height_graphs {
		min-height: 150px;
		padding: 10px 0 10px 0;
	}
	.home-content-container {
		padding-left: 0px;
		padding-right: 0px;
	}    
	
}

@media (min-width: 992px)  {
	.modal-lg, .modal-xl {
		max-width: 900px;
		width: 900px;
	}
}
/* Ticket #1544 - Mandatory asterix as a seperate span to keep inline of label - reduce width of label */
@media (min-width: 767px) {
	.fw_20 label {
	    width: 19%;
	}
	.fw_30 label {
	    width: 29%;
	}
}
/*.main-content-container {
	padding-right: 0px;
}        

@media (max-width: 767px) {        
	.main-content-container {
		padding-left: 0px;
	}        
} */