:root{
	--btnHoverbg:#093d91;	
	--btnColor:#fff;
	--black:#000000;
	--skyblue:#579DDB;
	
	--formTableBorder:#8e959f;
}
 input:read-only {
  cursor: pointer!important;
}

.cursor{cursor: pointer;}
.mtop0{margin-top: 0px;}
.mtop5{margin-top: 5px;}
.mtop10{margin-top: 10px;}
.mtop15{margin-top: 15px;}
.mTop30{margin-top: 30px;}

.mbottom5{margin-bottom: 5px;}
.mbottom10{margin-bottom: 10px;}
.mbottom15{margin-bottom: 15px;}

textarea.form-control {height: auto!important;}
.hidetable {display: none;}
.addBtnhd {visibility: hidden;}
.formEdit .modal-header{font-size: 12px;font-weight: bold;}
.formEdit .modal-header .close {font-size: 22px;}
.formEdit .modal-header .close { color: red; font-weight: bold; position: relative;  top: -1px;}
.formEdit .modal-header .close { margin-top: -2px;}
.formEdit .modal-content{border-color: #a7a7a7;border-radius: 5px;}
.formEdit .box-footer {overflow: hidden;zoom:1;
    border-top-left-radius: 0;
    border-top-right-radius: 0;
    border-bottom-right-radius: 3px;
    border-bottom-left-radius: 3px;
    border-top: 1px solid #f4f4f4;
    padding: 10px;
    background-color: #fff;
}

.formEdit .frombtn .btn { margin-left: 10px;  color: #fff!important;  filter: alpha(opacity=80);   opacity: .8;}
.formEdit .form-control{height: 34px!important;}
.formEdit .form-group .control-label{font-weight: bold;}
.formEdit .required {color: red;margin-left: 5px;}

.remarkBox{display: none;}
.noPadding{padding: 0px;}
.confirmDesc{font-size: 13px;}
.footerBtn .btn{padding:10px 15px;opacity: 0.99;}
.modal-header .close{color: red;opacity: 0.5;}


.appLoader{
  width: 48px;
  height: 48px;
  border: 2px solid #FFF;
  border-radius: 50%;
  display: inline-block;
  position: relative;
  box-sizing: border-box;
  animation: rotation 1s linear infinite;
  position: fixed;
  top:50%;left:50%;margin:-24px 0px 0px -24px;
}
.appLoader::after,
.appLoader::before {
  content: '';  
  box-sizing: border-box;
  position: absolute;
  left: 0;
  top: 0;
  background: #0A2B79;
  width: 6px;
  height: 6px;
  border-radius: 50%;
}
.appLoader::before{
  left: auto;
  top: auto;
  right: 0;
  bottom: 0;
}

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


text.highcharts-credits{
	display: none;
}
.upper-case {
	text-transform: uppercase;
}

.innerDataTable thead{
	visibility: visible !important;
}

.lower-case {
	text-transform: lowercase;
}

.title-case {
	text-transform: capitalize;
}

.borderDashed {
	border: 1px dashed #A7A7A7;
	padding-top: 7px;
	padding-bottom: 7px;
}

.borderDashed h5 {
	margin-top: 0;
	margin-left: 7px
}

.filterTable,.filterTableSolar {
 	display: block;
} 
input[type="text"]{
	font-size: 11px !important;
}
.genCoUnit {
	clear: both;
	border-top: 1px dashed #ccc;
	padding-top: 10px;
}

.marL10 {
	margin-left: 10px;
}

.marL15 {
	margin-left: 15px;
}

.centered {
	text-align: center;
}

.removeTimeBlockBtn, .removeRTCnonRTCBtn, .removeDateRangeBtn,
	.removeUnitBlockBtn, .removeBlockSectionBtn, .removeBlockBtn {
	position: absolute;
	right: -1px;
	top: -1px;
	padding: 5px;
}

.noDisplay {
	display: none;
}

td.details-control {
	background:
		url('https://datatables.net/examples/resources/details_open.png')
		no-repeat center center;
	cursor: pointer;
}

tr.shown td.details-control {
	background:
		url('https://datatables.net/examples/resources/details_close.png')
		no-repeat center center;
}

#container .table th, #container .table td {
	vertical-align: middle;
}

.unitBtn {
	height: 27px;
	width: 58px;
	padding: 0px;
	text-align: right;
}

.divider {
	clear: both;
	border-top: 1px solid #ccc;
	margin-bottom: 10px;
}

.inputCharges {
	width: 100px !important;
	height: 30px;
	text-align: right;
}
/*
table thead tr {
	background: rgb(255, 255, 255);
	background: -moz-linear-gradient(top, rgba(255, 255, 255, 1) 0%,
		rgba(229, 229, 229, 1) 100%);
	background: -webkit-linear-gradient(top, rgba(255, 255, 255, 1) 0%,
		rgba(229, 229, 229, 1) 100%);
	background: linear-gradient(to bottom, rgba(255, 255, 255, 1) 0%,
		rgba(229, 229, 229, 1) 100%);
	
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff',
		endColorstr='#e5e5e5', GradientType=0);
}*/

.highlightRow {
	background: #FFD6D6 !important;
}

.DTFC_RightBodyLiner {
	overflow-y: hidden !important;
}

#forcastDataTable tbody tr td {
	text-align: center;
}

.noDataFound {
	display: none;
	text-align: center;
	color: #DB4343;
}

.noUnitFound {
	color: #DB4343;
	margin-left: 25px;
}

.filterTable .bootstrap-select>.btn {
	width: 150px !important;
}

.uploadInput {
	margin-left: 1px;
	height: 31px;
}

.loader {
	background: url(resources/epm_dashboard/img/loader.gif) center center
		no-repeat #fff;
	position: absolute;
	z-index: 999;
	width: calc(100% - 40px);
	height: calc(100% - 40px);
	display: none;
}

.loaderChart {
	width: calc(100% - 40px);
	height: 92%;
	display: none;
	background: rgba(115, 115, 115, 0.23)
		url(resources/epm_dashboard/img/loader.gif) center center no-repeat;
	position: absolute;
	top: 19px;
	background-size: 70px;
}


div.dataTables_paginate{
	margin-bottom: 5px !important;
}

.panel-body {
	position: relative;
	/* 			min-height: 400px; */
	    padding: 8px 20px !important;
}

#container .table th{
	background: #579ddb;
    color: #fff;
    font-weight: normal;
    border-left: 1px solid #2a74b5;
    border-bottom: 1px solid #2a74b5 !important;
}

div.dataTables_length {
    margin-top: 6px;
}

div.dataTables_length select {
    font-size: 11px !important;
}

div#mainnav{
	overflow: hidden;
}

#mainnav-menu a strong {
    font-weight: normal;
}

#mainnav-menu a {
    padding: 10px 15px;
}

body{
    font-family: Verdana, Geneva, sans-serif;
    font-size: 11px;
    font-weight: normal;
}

#mainnav-menu ul ul a {
	padding: 10px 20px 12px 45px;
}


.btn{
	font-size: 11px !important;
	/* padding: 6px 9px !important */;
}

.graphView, .tableView {
	position: relative;
	min-height: 400px;
}

.graphView {
	display: none;
}

.graphViewCorridor {
	display: block;
}

.fullscreenBtn, .exitFullscreenBtn {
	margin-top: 15px;
	cursor: pointer;
}

.fullscreen {
	position: fixed;
	top: 0;
	left: 0;
	z-index: 999;
	width: 100%;
	height: 100%;	
}

.full-screen-div {
	position: fixed;
	top: 0;
	left: 0;
	z-index: 9999999;
	width: 100%;
	height: 100%;
}

.full-screen-panel-body {
	height: 100%;
}

.selectBoxW {
	width: auto !important;
	display: block;
}

.corridorNav .row {
	margin-bottom: 10px;
}

.corridorNav {
	background-color: rgb(239, 239, 239);
	padding: 10px 20px !important;
}

.corridorNav .filterBtn {
	position: absolute;
	top: 0;
	right: -31px;
}

.tdHr {
	margin: 5px -8px;
}

.marBtm0 {
	margin-bottom: 0px;
}

.padBtm10 {
	padding-bottom: 10px !important;
}
/* .btn-group.bootstrap-select{
			width: 100% !important;
		} */


.bv-form .bv-icon-input-group {
	top: 25px;
	z-index: 9;
}

.noDataFoundInChart {
	background: #fff url(resources/epm_dashboard/img/noDataFound.png) 50%
		40% no-repeat !important;
	z-index: 9;
}

.dataTables_scrollBody table thead,.dataTables_scrollBody table tfoot{
	visibility: hidden;
}
.dataTables_scrollBody table.table thead th{
	padding: 0px 0px!important;
}

#mainnav-menu a {
    color: #b1b6bb !important;
}

.dataTables_scrollHead .dataTables_scrollHeadInner table{
border: 1px solid #2a74b5;
}

button.filterBtn,button.filterBtn:active,button.filterBtn:hover {
    background: #579ddb;
    border: 1px solid #2a74b5;
}


button.btn.btn-success.btn-xs.btn-icon.fa.fa-pencil {
    background: #2a74b5;
    border: 1px solid #17548a;
}


/* Yes/No toggle radio button */
.switch {
	position: relative;
	display: block;
	vertical-align: top;
	width: 100px;
	height: 30px;
	padding: 3px;
	margin: 0 10px 10px 0;
	background: linear-gradient(to bottom, #eeeeee, #FFFFFF 25px);
	background-image: -webkit-linear-gradient(top, #eeeeee, #FFFFFF 25px);
	border-radius: 18px;
	box-shadow: inset 0 -1px white, inset 0 1px 1px rgba(0, 0, 0, 0.05);
	cursor: pointer;
}

.switch-input {
	position: absolute;
	top: 0;
	left: 0;
	opacity: 0;
}

.switch-label {
	position: relative;
	display: block;
	height: inherit;
	font-size: 10px;
	text-transform: uppercase;
	background: #eceeef;
	border-radius: inherit;
	box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.12), inset 0 0 2px
		rgba(0, 0, 0, 0.15);
}

.switch-label:before, .switch-label:after {
	position: absolute;
	top: 50%;
	margin-top: -.5em;
	line-height: 1;
	-webkit-transition: inherit;
	-moz-transition: inherit;
	-o-transition: inherit;
	transition: inherit;
}

.switch-label:before {
	content: attr(data-off);
	right: 11px;
	color: #aaaaaa;
	text-shadow: 0 1px rgba(255, 255, 255, 0.5);
}

.switch-label:after {
	content: attr(data-on);
	left: 11px;
	color: #FFFFFF;
	text-shadow: 0 1px rgba(0, 0, 0, 0.2);
	opacity: 0;
}

.switch-input:checked ~ .switch-label {
	background: #E1B42B;
	box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.15), inset 0 0 3px
		rgba(0, 0, 0, 0.2);
}

.switch-input:checked ~ .switch-label:before {
	opacity: 0;
}

.switch-input:checked ~ .switch-label:after {
	opacity: 1;
}

.switch-handle {
	position: absolute;
	top: 4px;
	left: 4px;
	width: 28px;
	height: 28px;
	background: linear-gradient(to bottom, #FFFFFF 40%, #f0f0f0);
	background-image: -webkit-linear-gradient(top, #FFFFFF 40%, #f0f0f0);
	border-radius: 100%;
	box-shadow: 1px 1px 5px rgba(0, 0, 0, 0.2);
}

.switch-handle:before {
	content: "";
	position: absolute;
	top: 50%;
	left: 50%;
	margin: -6px 0 0 -6px;
	width: 12px;
	height: 12px;
	background: linear-gradient(to bottom, #eeeeee, #FFFFFF);
	background-image: -webkit-linear-gradient(top, #eeeeee, #FFFFFF);
	border-radius: 6px;
	box-shadow: inset 0 1px rgba(0, 0, 0, 0.02);
}

.switch-input:checked ~ .switch-handle {
	left: 74px;
	box-shadow: -1px 1px 5px rgba(0, 0, 0, 0.2);
}

/* Transition
		========================== */
.switch-label, .switch-handle {
	transition: All 0.3s ease;
	-webkit-transition: All 0.3s ease;
	-moz-transition: All 0.3s ease;
	-o-transition: All 0.3s ease;
}

.no-padding {
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
}

a.paginate_button.paginate_number {
	border: 1px solid #dcdcdc;
}

.paginate_button {
	color: #333 !important;
	border: 1px solid #dcdcdc;
	background: #fff;
	box-sizing: border-box;
	display: inline-block;
	min-width: 1.5em;
	padding: 0.3em 0.8em;
	margin: 0px;
	text-align: center;
	text-decoration: none !important;
	cursor: pointer;
	color: #333 !important;
	border: 1px solid transparent;
	border-radius: 0px;
}

.form-control {
    height: 27px !important;
}

.table>tbody>tr>td, .table>tbody>tr>th, .table>tfoot>tr>td, .table>tfoot>tr>th, .table>thead>tr>td, .table>thead>tr>th{	
	/* padding: 6px !important; */
}

.paginate_button.paginate_number:disabled {
	background: none;
	background-color: #000;
}

.paginate_button.paginate_number:hover {
	background: #fff;
	border: 1px solid #42a5f5;
	border-radius: 0px;
	margin: 0px;
}

a.paginate_button.first {
	color: #fff;
	border: 1px solid #dcdcdc;
	background-color: white;
	background: #fff;
	box-sizing: border-box;
	display: inline-block;
}

button.btn.btn-primary.filterSubmit {
    border: 1px solid #2a74b5;
        
}

button.filterBtn{
	height: 29px;
}

.filterTable{
	padding-top:5px;
}

.input_readonly_white{
	background: #fff !important;
}

.cover{
	visibility: hidden;
}

a.paginate_button.previous {
	color: #fff;
	border: 1px solid #dcdcdc;
	background-color: white;
	background: #fff;
	box-sizing: border-box;
	display: inline-block;
}

a.paginate_button.next {
	color: #fff;
	border: 1px solid #dcdcdc;
	background-color: white;
	background: #fff;
	box-sizing: border-box;
	display: inline-block;
}

a.paginate_button.last {
	color: #fff;
	border: 1px solid #dcdcdc;
	background-color: white;
	background: #fff;
	box-sizing: border-box;
	display: inline-block;
}

.paginate_button.paginate_number[disabled="disabled"] {
	background: #579ddb;
    border: 1px solid #2a74b5;
	color: #fff !important;
}

button.btn.btn-purple.btn-labeled.fa.fa-plus.pull-right {
    background: #579ddb;
    border: 1px solid #2a74b5;
}
a.btn{color: #fff;font-weight:600;}
#scrollToBottom:hover {
	background: #000;
	opacity: 0.8;
}

#scrollToBottom.in {
	opacity: .5;
	transition: opacity .3s;
}

#scrollToBottom {
	position: absolute;
	background: #404449;
	width: 46px;
	height: 42px;
	float: right;
	z-index: 9001;
	right: 0;
	opacity: 0.3 !important;
	border-radius: 4px;
	margin: 2%;
	font-size: 1.5em;
	color: #fff;
	margin-top: 150px;
}

#mainnav {
	background-color: #000;
}

body {
	 /*    background: #ebeef0; */
}

.panel {
	/* box-shadow: 5px 5px 3px #888888; */
	border-radius: 4px;
	border: 0;
	margin-bottom: 15px;
	border: 1px solid #ccc;
}

#mainnav-menu li {
	border-bottom: 1px solid #333;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	width: 100%;
}

label.form-radio.form-icon.btn.btn-labeled.btn-primary.form-text {
	height: 29px;
	}

.navbar-header a {
	background: #000;
}

#loadingWait,#waitLoading {
	 font-weight: bold;
	position: fixed;
	z-index: 5001;
	background-color: rgba(0, 0, 0, 0.29);
	width: 100%;
	height: 100%;
	top:0px; 
}


#loadingWait img {
	width: 130px;
	position: fixed;
	top: 50%;
	left: 50%;
	margin-left: -65px !important;
	margin-top: -34px !important;
/* 	background-color: rgba(255, 255, 255, 0.66); */
padding: 5px 5px;
border-radius: 5px 5px;
}
.tab-base{margin-bottom: 0px;}

#page-content{overflow: auto;}
.footer {
	 background: #ebeef0;
    text-align: center;
    margin-left: 220px;
    bottom: 0;
    padding: 5px;
    position: fixed;
    width: 100%;
    margin-bottom: 0px;
    bottom: 0px;
    right: 0;
    z-index: 2;
}

.footer_span {
	text-align: center;
}


#mainnav-menu li a {
	transition: all .2s ease-in-out;
}

#mainnav-menu li a:hover {
	transform: scale(1.1);
}

div.dataTables_paginate {
	white-space: normal !important;
}

table tbody td {
	/* text-transform: uppercase; */
}

span.paginate_numbers span {
	display: none;
}

a[disabled="disabled"] {
	cursor: not-allowed;
}

.dateFrom:read-only {
	background: #fff;
	cursor: pointer;
	text-align: center;
}

.dateFrom:-moz-read-only {
	background: #fff;
	cursor: pointer;
	text-align: center;
}

.dateFrom:-o-read-only {
	background: #fff;
	cursor: pointer;
	text-align: center;
}

.issueDate:read-only {
	cursor: pointer;
	text-align: center;
}

.issueDate:-moz-read-only {
	cursor: pointer;
	text-align: center;
}

.issueDate:-o-read-only {
	cursor: pointer;
	text-align: center;
}

.btn-group.bootstrap-select {
	max-width: 100% !important;
}

/* div#container {
	background: #ecf0f5;
} */

button.btn.dropdown-toggle.btn-default {
	width: 100% !important;
}

.colorPicker {
	border: none;
	padding: 0;
	cursor: pointer;
	margin-top: -5px;
	height: 40px;
	width: 80px;
}

@media screen and (max-width: 1024px) {
	.daterangepicker {
		left: 200px !important;
	}
	.daterangepicker.opensright:after {
		display: none !important;
	}
	.daterangepicker.opensright:before {
		display: none !important;
	}
}

textarea {
	resize: none;
}

.dropdown-menu.open {
	width: 100%;
}

.dropWidth270PX .dropdown-menu.open {
	width: 270px!important;
}

.dropdown-menu.open ul {
	width: 100%;
}

.dropdown-menu.open ul li a span {
	width: 100%;
	text-overflow: ellipsis;
	overflow: hidden;
}

.check-mark{
	right:0px !important;
}

.giantNavigation{
	background: #fff;
    border: 1px solid #312f2f;
    border-bottom: 0px solid #000;
    border-top: 0px solid #000;
}

.demo-set-content.clearfix{
	border-bottom: 4px solid #000;
}

.singleDate:read-only {
	background: #fff;
	cursor: pointer;	
}
.customClock:read-only {
	background: #fff;
	cursor: pointer;
}
a.demo-theme {
    border: 1px solid #888;
    cursor: pointer;
}

.theme-ocean-sample{
	background: #5aaedc;
}

.theme-black-sample{
	background: #000;
}

.btnNewEdit{
	    border: 1px solid #000;
    	border-radius: 4px;
    	background: #fff;
    	color: #000;
}

.btnNewView{
	    border: 1px solid #00acd6;
    border-radius: 4px;
    background: #fff;
    color: #00acd6;
}

.btnNewSuspend{
	        border: 1px solid #F39C37;
		    border-radius: 4px;
		    background: #fff;
		    color: #F39C37;
}


table.dataTable thead th {
    position: relative;
    background-image: none !important;
}
 
table.dataTable thead th.sorting:after,
table.dataTable thead th.sorting_asc:after,
table.dataTable thead th.sorting_desc:after {
    position: absolute;
    top: 12px;
    right: 3px;
    display: block;
    font-family: FontAwesome;
}

table.dataTable thead th.sorting:after {
    content: "\f175\f176";
    color: #ddd;
    font-size: 0.8em;
    padding-top: 0.12em;
}
table.dataTable thead th.sorting_asc:after {
    content: "\f160";
}
table.dataTable thead th.sorting_desc:after {
    content: "\f161";
}
/* .recordHistroryTable{
	margin-top: -15px;
} */
#scheduleAlert{
	cursor: pointer;
}

.dataTables_scrollBody table thead th:after {
    content: "" !important;
}

.btn-group.bootstrap-select ul li a .glyphicon-ok:before {
    float: right;
    margin-right: 5px;
}

.scheduleAlertBody {
	padding: 5px 23px !important;
	background-color: #fff;
}

a#scheduleAlert li {
    background: #ddd;
    color: #135175;
    margin-bottom: 6px;
    padding: 2px;
}

ul#schedule-popup {
    max-height: 450px;
    overflow: auto;
}
.goog-te-banner-frame.skiptranslate {display: none !important;}
.bootstrap-timepicker-widget.dropdown-menu.timepicker-orient-left.timepicker-orient-top {
    width: 200px;
}
.blink {
    color: #f00 !important;
}
.btn-primary:focus, .btn-primary:hover {
color: #FFF !important;
text-decoration: none;
}
.dataTables_empty{text-align: center;color: rgb(238, 102, 102);}

.form-control.bootstrap-select .caret, .has-error .form-control.bootstrap-select .caret, .has-success .form-control.bootstrap-select .caret, .has-warning .form-control.bootstrap-select .caret {
color: inherit;
}

.has-error .form-control.bootstrap-select>.btn {
border-color:#a94442;
}
.has-error .form-control.bootstrap-select .btn {
color: #a94442 !important;
}

.brand-text img{width:130px; height:40px;}
#demandAlertBody {
max-height: 400px;
overflow: auto;
width: 100%;
padding: 0px 5px 1px 5px;
position: relative;
top: -3px;
}
#demandAlertBody ul li{
padding: 5px 10px;
min-height: 50px;
background: #D6EAF0;
color: #474747;
-webkit-box-shadow: 0px 1px 5px -2px rgba(0,0,0,0.75);
-moz-box-shadow: 0px 1px 5px -2px rgba(0,0,0,0.75);
box-shadow: 0px 1px 5px -2px rgba(0,0,0,0.75);
}
#demandAlertBody span {
width: 100%;
height: 20px;
display: block;
background: #125F5F;
text-align: center;
font-size: 12px;
font-weight: 700;
padding-top: 3px;
color: #ddd;
border-radius: 10px;
-webkit-box-shadow: 0px 4px 4px -2px #125F5F;
-moz-box-shadow: 0px 4px 4px -2px #125F5F;
box-shadow: 0px 4px 4px -2px #125F5F;
}
.dispNone{display: none !important;}

/* #content-container{padding-top: 55px;} */
.orgLogoEntity{display: none;}
.navbar-content.clearfix{text-align: center;}
.navbar-brand{height: auto;}
.brand-text img {
    max-width: 80px;
    width: 75px;
    height: 35px;
    margin-top: -1px;
}
#currentTime {position: relative;top: 7px;margin-left: 0px;display: inline-block;min-height: 55px;line-height: 36px;}
.mainnav-sm .navbar-brand .brand-text{display:none;}





.btn-rounded{border-radius: 5px!important;}
/* Global Button Styles animated-button thar-three */
.animated-button:link, .animated-button:visited {
	position: relative;
	display: block;
	margin: 30px auto 0;
	padding: 14px 15px;
	color: #fff;
	font-size:14px;
	font-weight: bold;
	text-align: center;
	text-decoration: none;
	text-transform: uppercase;
	overflow: hidden;
	letter-spacing: .08em;
	border-radius: 0;
	text-shadow: 0 0 1px rgba(0, 0, 0, 0.2), 0 1px 0 rgba(0, 0, 0, 0.2);
	-webkit-transition: all 1s ease;
	-moz-transition: all 1s ease;
	-o-transition: all 1s ease;
	transition: all 1s ease;
}
.animated-button:link:after, .animated-button:visited:after {
	content: "";
	position: absolute;
	height: 0%;
	left: 50%;
	top: 50%;
	width: 150%;
	z-index: -1;
	-webkit-transition: all 0.75s ease 0s;
	-moz-transition: all 0.75s ease 0s;
	-o-transition: all 0.75s ease 0s;
	transition: all 0.75s ease 0s;
}
.animated-button:link:hover, .animated-button:visited:hover {
	color: #FFF;
	text-shadow: none;
}
.animated-button:link:hover:after, .animated-button:visited:hover:after {
	height: 450%;
}
.animated-button:link, .animated-button:visited {
	position: relative;
	display: block;
	margin: 30px auto 0;
	padding: 14px 15px;
	color: #fff;
	font-size:14px;
	border-radius: 0;
	font-weight: bold;
	text-align: center;
	text-decoration: none;
	text-transform: uppercase;
	overflow: hidden;
	letter-spacing: .08em;
	text-shadow: 0 0 1px rgba(0, 0, 0, 0.2), 0 1px 0 rgba(0, 0, 0, 0.2);
	-webkit-transition: all 1s ease;
	-moz-transition: all 1s ease;
	-o-transition: all 1s ease;
	transition: all 1s ease;
}


.animated-button.thar-one {
	color: #fff;
	cursor: pointer;
	display: inline-block;
	position: relative;
	transition: all 0.4s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;
}
.animated-button.thar-one:hover {
	color:var(--btnColor) !important;
	background-color: transparent;
	text-shadow: none;
}
.animated-button.thar-one:hover:before {
	bottom: 0%;
	top: auto;
	height: 100%;
}
.animated-button.thar-one:before {
	display: block;
	position: absolute;
	left: 0px;
	top: 0px;
	height: 0px;
	width: 100%;
	z-index: -1;
	content: '';
	color:var(--btnColor) !important;
	background:var(--btnHoverbg);
	transition: all 0.4s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;
}
.animated-button.thar-two {
	color: #fff;
	cursor: pointer;
	display: inline-block;
	position: relative;
	transition: all 0.4s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;
}
.animated-button.thar-two:hover {
	color:var(--btnColor) !important;
	background-color: transparent;
	text-shadow: ntwo;
}
.animated-button.thar-two:hover:before {
	top: 0%;
	bottom: auto;
	height: 100%;
}
.animated-button.thar-two:before {
	display: block;
	position: absolute;
	left: 0px;
	bottom: 0px;
	height: 0px;
	width: 100%;
	z-index: -1;
	content: '';
	color:var(--btnColor) !important;
	background:var(--btnHoverbg);
	transition: all 0.4s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;
}
.animated-button.thar-three {
	color: #fff;
	cursor: pointer;
	display: inline-block;
	position: relative;
	transition: all 0.4s cubic-bezier(0.42, 0, 0.58, 1);

}
.animated-button.thar-three:hover {
	color:var(--btnColor) !important;
	background-color: transparent;
	text-shadow: nthree;
}
.animated-button.thar-three:hover:before {
	left: 0%;
	right: auto;
	width: 100%;
}
.animated-button.thar-three:before {
	display: block;
	position: absolute;
	top: 0px;
	right: 0px;
	height: 100%;
	width: 0px;
	z-index: -1;
	content: '';
	color:var(--btnColor) !important;
	background:var(--btnHoverbg);
	transition: all 0.4s cubic-bezier(0.42, 0, 0.58, 1);

}



.animated-button.thar-four {
	color: #fff;
	cursor: pointer;
	display: inline-block;
	position: relative;
	
	transition: all 0.4s cubic-bezier(0.42, 0, 0.58, 1);

}
.animated-button.thar-four:hover {
	color:var(--btnColor) !important;
	background-color: transparent;
	text-shadow: nfour;
}
.animated-button.thar-four:hover:before {
	right: 0%;
	left: auto;
	width: 100%;
}
.animated-button.thar-four:before {
	display: block;
	position: absolute;
	top: 0px;
	left: 0px;
	height: 100%;
	width: 0px;
	z-index: -1;
	content: '';
	color:var(--btnColor) !important;
	background:var(--btnHoverbg);
	transition: all 0.4s cubic-bezier(0.42, 0, 0.58, 1);

}
.tablePannel{overflow: auto;}
table.table thead > tr > th{padding: 10px 5px!important;}
table.table tr th,table.table tr td{text-align: center;}

.modal-body{overflow: auto;zoom: 1;max-height: 76vh;}
.tableActionBtn{display: inline-block;min-width: 55px;text-align: center;}
.tableActionBtn .fa{color: #fff;display: inline-block;padding: 5px 8px;border-radius: 4px;cursor: pointer;}
.tableActionBtn .fa-pencil{background:#093d91 }
.tableActionBtn .fa-trash{background: #f72e2e}
.tableActionBtn .fa-edit{background:#125999;}
.tableActionBtn .fa-eye {background: #000000;}
.tableActionBtn .fa-save {background: #8cc74f;}
.tableActionBtn .fa-envelope {background: #8cc74f;}
.tableActionBtn .fa-download{background:#fcc203;}
.statusIcon.fa-check-circle{color: #04983C}
.statusIcon.fa-exclamation-triangle{color: #ffbc00;}
.statusIcon.fa-times-circle{color: red;}
.statusIcon.fa-h-square{color:#F4833D}
.statusIcon.fa-exclamation-circle{color: red;}
.statusIcon.fa-eye{font-size: 13px}
.statusIcon{font-size: 16px;}
.issueIcon.fa-exclamation-triangle{font-size: 16px;color: red;}
.textLimit {display: inline-block;max-width: 60px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.textLimitMd{max-width: 100px;}
.txtLink{text-decoration: underline;color: blue;cursor: pointer;}
.infoTable{width:100%;background: #dfdfdf;}
.infoTable td{font-size: 10px;text-transform: capitalize;padding: 5px 10px;text-align:start!important;}
.infoTable td i{margin:0px 4px;}
.infoTable td .editBtn{background: #093d91;color: #fff;padding: 3px 6px;border-radius: 4px;font-size: 9px;}
.infoTable td .deleteBtn{background: #e72727 !important;color: #fff;padding: 2px 3px;border-radius: 4px;font-size: 12px;}
.infoTable td .timeExtension{background: #f45c5c;color:#fff ;padding: 3px 6px;font-size: 9px;margin:0px 4px;}
.infoTable td .fa-arrow-circle-down{color: #0769bf;}

/* Toggle Button */
.toggleBtn {position: relative;top: 50%;width: 40px; height: 18px;margin: 0 auto 0 auto;overflow: hidden;border-radius: 100px;}
.toggleBtn .checkbox {position: relative; width: 100%; height: 100%;  padding: 0;  margin: 0;  opacity: 0;  cursor: pointer;  z-index: 3;}
.toggleBtn .knobs { z-index: 2;}
.toggleBtn .layer {  width: 100%;  background-color: #e72727;  transition: 0.3s ease all;  z-index: 1;  position: absolute;    top: 0;    right: 0;    bottom: 0;    left: 0;}
.toggleBtn .knobs:before {content: "";    z-index: 2;    position: absolute;    top: 4px;    left: 4px;    width: 10px;    height: 5px;    text-align: center;    padding: 5px 4px;    background-color: #fff;    border-radius: 50%;  transition: 0.3s cubic-bezier(0.18, 0.89, 0.35, 1.15) all;}
.toggleBtn .checkbox:checked + .knobs:before {  content: "";  left: 25px;  background-color:#fff;}
.toggleBtn .checkbox:checked ~ .layer {  background-color: green;}
.toggleBtn .knobs,.toggleBtn .knobs:before,.toggleBtn .layer {  transition: 0.3s ease all;}
/* Toggle Button */

.receiptTable{width: 100%;}
.receiptTable tr td{padding: 2px 5px;}
.receiptTable .rtgsOrNeftNo{word-break: break-all;}
.highlight{background: #e6e6ed; width: 150px;  font-weight: bold;  border-spacing: 2px;   border-bottom: 5px solid #ffffff;}
.flexCenter{display: flex;flex-direction: row; align-items: center;}

.modal-lg.largeView{width: 95%;}
.formViewLayout{padding: 0px 0px!important;border: 1px solid #999;}
.block_head { background-color: var(--skyblue); padding-left: 20px !important; font-weight: bold; padding: 5px 20px 5px !important;color: #000;}
.gradientBg {background:radial-gradient(circle at top, #093d91 , #9dbced);}
ul.formView>li{display: inline-block;width:25%;vertical-align: top;}
ul.formView>li p:first-child{margin-bottom: 5px;}
ul.formView>li p{overflow-wrap: break-word;padding:0px 10px 0px 0px;}
ul.formView,.formTable{padding:0px 20px;}
.formTable table{width: 100%; }
.formTable table{border-top: 1px solid;border-right: 1px solid;border-color:var(--formTableBorder)}
.formTable table tr th,.formTable table tr td{padding: 2px 5px; border-left: 1px solid;border-bottom: 1px solid;text-align: center;border-color:var(--formTableBorder); }
.formTable table tr th{background: #9cb4db; color: #000;}

/* table.table-bordered.dataTable{width:100%!important;} */
/* Tooltip */
.tooltipRemark { position: relative;  display: inline-block;  border-bottom: 1px dotted black; cursor: pointer;}
.tooltipRemark .tooltiptext {  visibility: hidden;  word-break: break-all;  width: 200px;  overflow:auto;  max-height:100px;  background-color: #625735;  color: #fff;  text-align: center;  border-radius: 6px;  position: absolute;  z-index: 10;  padding:5px 10px 10px 15px;  margin: -17px 0px 0px -200px;}
.tooltipRemark .tooltiptext ul{padding: 0px 0px;margin:0px 0px;text-align: left;}
.tooltipRemark .tooltiptext ul li{margin-bottom: 5px;}
 .tooltipRemark:hover .tooltiptext { visibility: visible;}
/* Tooltip */


#allDocumentList .noDocFound{list-style-type: none; text-align: center;  background: #efc0c0; padding: 20PX 0PX; position: relative;  left: -15px;  color: red;  border-radius: 5px 5px;}
#allDocumentList li{margin-bottom:10px;    font-size: 12px;padding-right: 10px;clear: both;}
#allDocumentList li div{width: 100%;}
#allDocumentList li span{ display: inline-block; margin-left: 10px;float: right;}
#allDocumentList li .fa-download{font-size:15px;}
#allDocumentList li .docFileDownload{color: blue;text-decoration: underline;cursor: pointer;}
#allDocumentList li .docFileDownload i{margin-right: 5px;}
#allDocumentList li .noFileFound{color: red;}
.dynamicDocLabel#documentUploadModal{margin: 20px 0px;}
#documentUploadModal .actionBtnSCADA i,#documentUploadModal .actionBtnUpload i { margin-left: 5px; font-size: 14px;  padding: 1px 2px; border-radius: 5px;  color: #fff;cursor: pointer;} 
 #documentUploadModal .actionBtnSCADA i.fa-plus,#documentUploadModal .actionBtnUpload i.fa-plus {border: 1px solid green;background: green;}
 #documentUploadModal .actionBtnSCADA i.fa-minus, #documentUploadModal .actionBtnUpload i.fa-minus{border: 1px solid red;background: red;}
 #documentUploadModal.grant ol .col-md-8{margin-top:9px;}
#documentUploadModal.grant ol label.btn.btn-primary{margin-left:15px;margin-top:5px;}
.disabledInput{background-color: white!important;border: none;text-align: center;}
.widgetActDisabled{opacity: 0.4!important;cursor: not-allowed!important;}
.alignTable{float:none;margin: 0px auto;}
 .mandatory{color:red;font-weight: 600;font-size: larger; padding-left: 5px;}
 .btn{z-index:1;}
.fadeOutElement{opacity: 0.3;} 
span.blockTypeVal{margin-top:3px;}
span.blockType{ margin: 0px 5px; pointer-events: none; }
.headThWidth{display:inline-block;min-width:200px;}
.ml-5{margin-left:5px;}
.paddingLeftRight{padding:0 10px !important;}
.textLeft{text-align: left!important;}
#timeExtensionModal .modal-header label{font-size:12px;font-weight:600;}
.isApply{background: #f45c5c}
.isApplied{background:#04983C;}
.timeExtension{color: #fff;padding: 3px 6px;font-size: 9px;margin: 0px 4px;}
.actionBtn{display: inline-flex;align-items: flex-end;height: 23vh;margin-top: 18px;width: 90px;justify-content: space-evenly;}
.dottedBorder{border: 1px dotted #999;padding: 10px 10px;}
.disabledFields{pointer-events:none!important;}
.dsbl {position: relative;height: 24px;margin-bottom: -27px;padding:13px;z-index: 4;}
span.indicatorColor{margin-top: 2px;margin-right:10px;height:10px;width:10px;border-radius:50%}
.periodExpired{opacity: 0.4!important;cursor: not-allowed!important;}
.greenEnergyRow{background: #c3e88e!important;}
.disable-download{pointer-events:none;opacity:0.5;}
th.pssName{max-width: 80px !important;height: auto;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;transition: all 0.3s ease;}
th.pssName:hover {white-space: normal;overflow: visible;}