/*!
 * Author: Bilytica Pvt.
 * Developed By: MHA 00659e
    Menu is working with 2 different resolutions one main and other 1000
    in main resoltuion click on toggle button add class in body and adjust layout 
    in 800 resolution hide thetoggle button and use simple layout.
 */
@font-face {
    font-family: 'poppinsbold';
    src: url('fonts/poppins-bold-webfont.woff2') format('woff2'),
         url('fonts/poppins-bold-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'poppins-bold-webfont';
    src: url('fonts/poppins-bold-webfont.woff') format('woff'),url('fonts/poppins-bold-webfont.woff2') format('woff2');
}


.btnwrapText{
    font-size: 12px;
    word-break: break-word;
    width: 132px;
    white-space: pre-wrap;
}
.header-shadow {
    border-top: 3px solid #03b286;
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    z-index: 9;
}
img.userImg {
    border-radius: 3px;
    box-shadow: 1px 1px 4px #a19c9c;
}
  
.btnSrchDetail{
    opacity: 0;
}
.card.cardLogin {
    margin-bottom: 3em;
}
.RightNavBar.fixed-top {
    right: unset;
    right:initial;
}
a.nav-link.SiteLogo img {
    max-width: 178px;
}
.mobLogo{
    display: none;
}
.navbar-expand-lg .navbar-nav .nav-link {
    padding: 0.35rem 0.5rem;
}

body {
	/*background: url('/Assets/img/bodyBg.png');
	background-image: url('../img/bodyBg.png');*/
    overflow-x: hidden;
    font-family: 'Montserrat', sans-serif;
}

th, td , span , div , p , a body{
    font-family: 'Montserrat', sans-serif !important;
}
/*.mt-6m {
	margin-top: 6em;
}*/
.table_Overflow{
    height: 600px;
    overflow-y: auto;
}

.Mwth100 {
	min-width: 100px;
}

.no-padding {
	padding: 0;
}

#btnSearch {
	min-width: 30px;
}

.hidden {
	display: none;
}

.mainTittle span {
	color: #ccc;
	font-size: 16px;
}
tr td:nth-child(2) .faileditemlist span {
    display: block;
    min-width: 200px;
    font-size: 14px !important;
}

h5#mainhead, .mainTittle, .table-title {
          font-weight: 800 !important;
          font-size: 17px !important;
        //  margin-left:15px;
}
.DumpingShape.bottomangle{
    width:0;
    height:0;
    border :0 solid transparent;
    border-left-width :22px;
    border-right-width :22px;
    border-top :36px solid green;
 }

.DumpingShape.topangle{
    width:0;
    height:0;
    border :0 solid transparent;
    border-left-width :22px;
    border-right-width :22px;
    border-bottom :36px solid red;
 }
.headTittle{
		background: #fdb916;
		color: #000000;
		text-align: center;
		margin-bottom: 1em;
		height: 34px;
		font-size: 16px;
		font-weight: bold;

		}

.MainHeadBar {
    position: fixed;
    z-index: 11;
    width: calc(100% - 200px);
    margin-left: 200px;
    left: 0;
    background: #03b286;
    top: 0;
    color: #fff;
    background: linear-gradient(to bottom, #03b286 0%, #03b286 100%);
}
.RMDashboard .headTittle{
    line-height: 34px;
    font-family: Arial;
}
.hgt90 {
    height:90%;
}
.dshbrdTopBtn.btn-block {
	display: block;
	/*margin-top: 5.5em;*/
	width: 100%;
}
.btn-success.disabled, .btn-success:disabled {
    color: #fff !important;
}
#main-wrappar {
    padding-top: 60px;
    padding-bottom: 55px;
    background: #f1f1f1;
}

.ui-datepicker.ui-widget.ui-widget-content.ui-helper-clearfix.ui-corner-all {
	display: none;
}

div.dataTables_wrapper div.dataTables_info {
	position: relative;
	top: 1.8em;
}

.GroupTable div.dataTables_wrapper div.dataTables_info,
.SurvyTblWrap div.dataTables_wrapper div.dataTables_info {
	position: relative;
	top: 0em;
}

.SectWthTbl.sect_wrap_top {
	position: relative;
	padding: 15px;
}

.SectWthTbl div#RptTable_length {
	position: absolute;
	margin: 0px auto;
	left: 0;
	right: 0;
	text-align: center;
	max-width: 200px;
}

button#UpdateCEA,#UpdateISA {
    position: absolute;
    right: 5px;
    top: 2px;
}
.mapsect.SectTittle{
    
    margin-top: -20px;
    margin-bottom: 11px;
}
.autoHgt.mt-table{
    height: auto;
}
.btn-success:hover {
    color: #fff;
    background-color: #03b286 !important;
    border-color: #03b286 !important;
}
.table-title {
    font-weight: 600;
}
table th, table td {
    font-size: 13px;
}
label.cursor-pointer {
    font-size: 14px;
    margin-left: 2px;
}
/*li.dropdown:hover .dropdown-menu {
    display: block;
}*/

tr td .btn.btn-tabl {
    background: #fff;
    border: 1px solid #03b286;
    color: #000000;
    font-size: 10px;
    display: inline-block;
    padding: 2px 3px;
}

a.dt-button.exportExcel {
	position: relative;
	display: inline-block;
	box-sizing: border-box;
	margin-right: 0.333em;
	padding: 0.5em 1em;
	border: 0px solid #999 !important;
	border-radius: 2px;
	cursor: pointer;
	font-size: 0.88em;
	color: white;
	white-space: nowrap;
	overflow: hidden;
	background-color: #d10000 !important;
	background-image: -webkit-linear-gradient(top, #ed1c24 0%, #d10000 100%) !important;
	background-image: -moz-linear-gradient(top, #ed1c24 0%, #d10000 100%) !important;
	background-image: -ms-linear-gradient(top, #ed1c24 0%, #d10000 100%) !important;
	background-image: -o-linear-gradient(top, #ed1c24 0%, #d10000 100%) !important;
	background-image: linear-gradient(top, #ed1c24 0%, #d10000 100%) !important;
	filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0, StartColorStr='#ed1c24', EndColorStr='#d10000') !important;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	text-decoration: none;
	outline: none;
}
.logoutSmallDevice{
    display: none;
}

input#Date {
	background: #fff;
}

.main-nav li.active .dropdown-menu li a {
	color: #000;
}

.SectWthTbl #RptTable th {
	min-width: 130px !important;
}

.SurveysTbl #RptTable th {
	min-width: 80px !important;
}

.SectWthTbl #RptTable.primrySaleTbl th {
	min-width: 150px !important;
}

.GroupTable .btn-rounded {
    position: absolute;
    top: -11px;
    left: -19px;
    padding: 12px 11px 7px 26px;
    font-size: 17px;
    color: #fff;
    background: #03b286;
    line-height: 1.33;
    border-radius: 0px 34px 44px 0px;
}
.FeedMonth i {
	color: #d0d0d0;
}

.feedBlockMain {
	padding: 1.5em 2em 1em;
}

.feedBlockInner {
	padding: 26px 15px 5px;
	border: 1px solid #efefef;
	position: relative;
}
.TerritoriesAnalytics .subtittle {
    
    font-size: 12px;
    font-style: italic;
    color: #9e9e9e;
    display: inherit;
    margin-top: 0;
    line-height: normal;
}
h4.SectTittle{
    font-weight: bold;color: #03b286; font-size:20px;
}
h2.SectTittle {
    background: #ffffff;
    text-align: left;
    color: #5b635b;
    font-size: 21px;
    padding: 10px 6px;
    margin-bottom: 20px;
    font-weight: bold;
    box-shadow: none;
    box-shadow: -1px -1px 3px 2px #efefef;
    border-radius: 3px;
}
.TerritoriesAnalytics .NWctittle {
    font-size: 12px;
    margin-top: 15px;
    line-height: normal;
}
.TerritoriesAnalytics .valueofDump {
    font-size: 17px;
    font-weight: bold;
    margin-bottom: 8px;
    display: block;
}

.feedBlockInner .FeedMonth.subtittle {
	color: #d0d0d0;
	font-weight: 500;
	position: absolute;
	top: -33px;
	background: #fff;
	padding: 0 6px;
	left: 11px;
}

.subtittle {
	color: #bdbcbc;
	font-weight: 500;
	margin-top: 1em
}

.dataTable i.fa.fa-pencil-alt {
	color: #17a2b8;
}

.dataTable i.fa.fa-trash {
	color: #dc3545;
}
.overflow_Wrap{
    /*min-width: 500px;*/
    overflow-x: auto;
}
.overflow_Inner{
    min-width: 500px;
}
/* =============== Month Calander =============*/

.month-picker table {
	width: 100%;
}

.month-picker .ui-button-text {
	margin: 0 !important;
	font-size: 18px;
	padding: 12px !important;
}

.month-picker-month-table td {
	height: 31px;
	text-align: center;
	margin: 0;
	padding: 0;
}

.month-picker .ui-widget-header .ui-icon {
	background-image: url(../img/ui-icons_222222_256x240.png)/*{iconsHeader}*/
	;
	margin-top: 4px !important;
	margin-left: 4px !important;
}


/*===========================================  HOME SLIDER ==============================*/


/*.dataTableBlock th{
    min-width: 130px !important;
 }*/

.container.cntentWrapHome {
    padding-top: 11%;
    margin-left: 250px;
    width: calc(100% - 310px);
}
ul#ui-id-1 {
	height: 400px;
	overflow: auto;
	list-style: none;
	padding-left: 15px;
	max-width: 430px;
}

.ui-menu .ui-menu-item {
	padding: 6px 4px;
}

.ui-widget-content a {
	font-size: 15px;
}

.pic-wrapper {
	position: absolute;
	width: 100%;
	height: 100%;
	min-height: 700px;
	overflow: hidden;
	left: 0;
	right: 0;
}

figure {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	opacity: 0;
	/*animation*/
	/*animation: slideShow 24s linear infinite 0s;
	-o-animation: slideShow 24s linear infinite 0s;
	-moz-animation: slideShow 24s linear infinite 0s;
	-webkit-animation: slideShow 24s linear infinite 0s;*/
}

.figurecaption {
	position: absolute;
	top: 50%;
	left: 50%;
	color: #fff;
}

.slideroverlay {
	min-height: 700px;
}

.pic-1 {
	opacity: 1;
	background-repeat: no-repeat;
	background-position: center center;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
}

.pic-2 {
	background-repeat: no-repeat;
	background-position: center center;
	animation-delay: 6s;
	-o-animation-delay: 6s;
	-moz--animation-delay: 6s;
	-webkit-animation-delay: 6s;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
}

.pic-3 {
	background-repeat: no-repeat;
	background-position: center center;
	animation-delay: 12s;
	-o-animation-delay: 12s;
	-moz--animation-delay: 12s;
	-webkit-animation-delay: 12s;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
}

.pic-4 {
	background-repeat: no-repeat;
	background-position: center center;
	animation-delay: 18s;
	-o-animation-delay: 18s;
	-moz--animation-delay: 18s;
	-webkit-animation-delay: 18s;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
}


/* keyframes*/

@keyframes slideShow {
	0% {
		opacity: 0;
		transform: scale(1);
		-ms-transform: scale(1);
	}
	5% {
		opacity: 1
	}
	25% {
		opacity: 1;
	}
	30% {
		opacity: 0;
		transform: scale(1.2);
		-ms-transform: scale(1.2);
	}
	100% {
		opacity: 0;
		transform: scale(1);
		-ms-transformm: scale(1);
	}
}

@-o-keyframes slideShow {
	0% {
		opacity: 0;
		-o-transform: scale(1);
	}
	5% {
		opacity: 1
	}
	25% {
		opacity: 1;
	}
	30% {
		opacity: 0;
		-o-transform: scale(1.1);
	}
	100% {
		opacity: 0;
		-o-transformm: scale(1);
	}
}

@-moz-keyframes slideShow {
	0% {
		opacity: 0;
		-moz-transform: scale(1);
	}
	5% {
		opacity: 1
	}
	25% {
		opacity: 1;
	}
	30% {
		opacity: 0;
		-moz-transform: scale(1.1);
	}
	100% {
		opacity: 0;
		-moz-transformm: scale(1);
	}
}

@-webkit-keyframes slideShow {
	0% {
		opacity: 0;
		-webkit-transform: scale(1);
	}
	5% {
		opacity: 1
	}
	25% {
		opacity: 1;
	}
	30% {
		opacity: 0;
		-webkit-transform: scale(1.1);
	}
	100% {
		opacity: 0;
		-webkit-transformm: scale(1);
	}
}

.btn-baner.btn-info {
	min-width: 320px;
	border: 2px solid #fff;
	margin-right: 3px;
	margin-bottom: 1.5em;
	height: 50px;
	position: relative;
	color: #fff;
	display: block;
    margin-left: auto;
	background: rgba(0, 0, 0, 0.39);
}
.btn-baner.btn-info i{
    color: #fff;
}
.btn-baner.btn-info:hover {
	background: #00659e;
	color: #fff;
    opacity: 1;
}


/*==========================  HOME SLIDER END =========================================*/


/* ====================Dashboard Tabs Section  ==================*/

#DumpStatusID.form-control:focus {
	border: 1px solid #ccc;
}

.sletWthInput #DumpValue {
	display: block;
	border-radius: 0px;
	position: absolute;
	top: 2em;
	width: 70%;
	right: 40px;
	border: 1px solid #ccc;
}

h5#mainhead,
.mainTittle {
	color: #03b286;
 
}
button.btn.btn-head.wrapbtn.active {
    background: #fff;
    color: #03b286;
    border: 1px solid #03b286;
    box-sizing: border-box;
    font-weight: bold;
}
.dshbrdTopBtn .btn-head.active:after {
	position: absolute;
	content: "";
	left: 0;
	right: 0;
	bottom: -10px;
	margin: 0px auto;
    opacity: 0;
	width: 0;
	height: 0;
	border-left: 10px solid transparent;
	border-right: 10px solid transparent;
	border-top: 10px solid #03b286;
}

.dshbrdTopBtn .btn-head {
    background-color: #fff;
    color: #131313;
    border: 2px solid #818282;
    font-weight: 500;
    width: 16.14%;
    margin-right: 0.5%;
    border-radius: 20px;
    float: left;
    font-size: 15px;
    margin-bottom: 1.5em;
    position: relative;
}
.dshbrdTopBtn.btn-block.regionalTabs{
    flex-wrap: nowrap;
    padding-bottom: 15px;
    display: flex;
}
.dshbrdTopBtn.regionalTabs .btn-head {
    
    padding: 0.475rem 0.75rem;
    width: auto;
    font-size: 13px;
    flex: 1;
    border-radius: 0px;
    margin: 0;
    border: 1px solid #e4e4e4;
    border-right: 0px;
    box-sizing: border-box;
}
.regionalTabs .btn-head:first-child {
    border-radius: 25px 0 0 25px;
}
.regionalTabs .btn-head:last-child {
    border-radius: 0 25px 25px 0;
}
.sect_wrap,
.sect_wrap_top {
	background: #fff;
	padding: 15px 10px;
	border-radius: 4px;
	min-height: 250px;
	overflow: hidden;
	box-shadow: /*1px 1px 16px 0px #dadada*/ 1px 1px 13px #e0e0e0;
	margin-bottom: 30px;
}

#applyFilter {
	width: 100%;
	background: #f6f6f6;
	border: 2px solid #eaeaea;
	color: #000;
}

.NWCmainTab .subTabs .btn-subhead.active {
	background: #03b286;
	color: #fff;
}


.sect_wrap.autoHgt,
.sect_wrap_top.autoHgt {
    min-height: initial;
}

/* ==================== END of  Dashboard Tabs Section  ==================*/

.btn:focus,
.btn.focus {
	outline: 0;
	box-shadow: none;
}

.btn {
    background: #fff;
    border: 2px solid #03b286;
    color: #000000;
    font-size: 15px;
    /* border-radius: 40px; */
}

.redTitle {
	color: #ed1c24;
    font-size:13px;
    font-weight:bold;

}

.btn-rounded {
	border-radius: 50%;
}

.card-header {
	background: #03b286;
	color: #000;
}

.form-control:focus {
	border-color: #22603c;
	box-shadow: 0 0 0 0.2rem rgba(34, 99, 61, 0.25);
}

.navbar-top {
	position: relative;
	z-index: 1;
	background: linear-gradient(to bottom, #cdcdcd 0%, #fff 100%);
}

.navbar-top a {
	color: #000;
}
/*.main-nav {
    background: #f7fafd;
}*/

.main-nav.RightNavBar {
	/*border-top: 5px solid #03b286;*/
	padding: 0rem 1rem 0.3rem;
}
.MainHeadBar.main-nav a:hover, .MainHeadBar.main-nav li.active a {
    color: #ffffff;
    text-decoration: none;
}
span.btn-file.btn.btn-primary {
	display: block;
	height: 90px;
	background: transparent;
	border: 2px dashed #ccc;
	position: relative;
	overflow: hidden;
}
.modal-dialog span.btn-file.btn.btn-primary{
    height: 70px;
}
.btn-link {
	text-decoration: underline;
	color: #000;
}

span.btn-file.btn.btn-primary:hover {
	background: #eaeaea;
}

.btn-file input[type="file"] {
	position: absolute;
	opacity: 0;
	left: 0;
	z-index: 0;
	right: 0;
	overflow: hidden;
	top: 0px;
	font-size: 80px;
	width: 100%;
}

.uplodTxt {
	text-align: center;
	display: block;
	font-size: 36px;
	font-weight: 500;
	color: #ccc;
	margin-top: 8px;
}
.modal-dialog .uplodTxt {
	font-size: 24px;
}

/*.main-nav:after,
.main-nav:before {
    content: '';
    position: absolute;
    bottom: 5px;
    background: red;
    height: 5px;
    width: calc(50% - 35px);
}*/

.main-nav:before {
	right: 0;
	border-top-left-radius: 10px;
	border-bottom-left-radius: 10px;
}

.main-nav:after {
	left: 0;
	border-top-right-radius: 10px;
	border-bottom-right-radius: 10px;
}

.main-nav .navbar-brand img {
	max-width: 190px;
	margin-top: 5px;
}

.main-nav li a {
	color: #fff;
	font-weight: 500;
    font-size: 12px;
}

.main-nav a:hover,
.main-nav li.active a {
	color: #03b286;
}


/*.main-nav .navbar-brand img {
	max-width: 200px;
}*/

.navbar-toggler i {
    color: #03b286;
    position: relative;
    top: 10px;
    font-size: 30px;
}


/*.header-shadow {
    background: linear-gradient(to bottom, #afadad 0%, #ffd500 78%);
    position: absolute;
    top: 0;
    width: 100%;
    left: 0;
    right: 0;
    height: 21px;
}*/

#tripplegauge {
	height: 350px;
}

.mt-table {
	height: 250px;
	overflow-y: auto;
}

.mt-table table {
	width: 100%;
	max-width: 100%;
	margin-bottom: 1rem;
	background-color: transparent;
	border-collapse: collapse;
}

.mt-table table th {
	padding: 10px 7px;
	background: #818282;
	color: white;
    border-radius: 0px;
	font-size: 13px;
}
.mt-table table  th:first-child{
  border-radius:5px 0 0 5px;
}

.mt-table table  th:last-child{
  border-radius:0 5px 5px 0;
}
.tagline.filterWraper {
    display: block;
    padding: 10px 10px 0;
    margin-bottom: 1em;
}
.tagline.filterWraper label {
    margin-bottom: 0rem;

}
.mt-table table td {
	padding: 7px;
    font-size: 13.5px;
}

.mt-table table tr:nth-child(2n+1) {
	background: #fff;
}

#CEAItemList tr td:nth-child(3) {
	font-weight: 500;
}

.faileditemlist span,
.ISAfaileditemlist span, 
.faileditemlistRMSummary span{
	width: 100%;
	display: block;
	margin-bottom: 7px;
	position: relative;
}

.faileditemlist span:before,
.ISAfaileditemlist span:before {
	position: absolute;
	content: "Q:";
	left: -20px;
	color: #009eb4;
}
.noQustnRow .faileditemlist span:before {
    content: "";
}
.noQustnRow .faileditemlist span {
    font-weight: normal;
}

.itemclick i,
.ISAitemclick i {
	font-size: 14px;
}

.itemclick,
.ISAitemclick {
	font-size: 17px;
	font-weight: 500;
	cursor: pointer;
}

.demoReport .mt-table table,
.demoReport .mt-table {
	min-height: 390px;
}

.demoReport .mt-table table td {
	vertical-align: top;
}

button#btnLogin {
	position: relative;
	top: 4px;
}

ul.navbar-nav.mr-auto {
	position: relative;
	top: 1px;
	width: 100%;
}


.SiteAudits .subTabs {
	position: relative;
	top: -.5em;
}

.SiteAudits .subTabs button {
	min-width: 90px;
	margin-right: 3px;
}

.form-control:disabled,
.form-control[readonly] {
	background-color: #f9f9f9 !important;
}


/*================   Before Joing me----- 11 march 2019 */


/*.dataTables_wrapper {
	overflow: auto;
}*/

.whitespaceNowrap {
	white-space: nowrap;
}

#btnLogin:not(.login-btn) {
	color: #000;
	cursor: pointer;
	font-size: 20px;
	background: transparent;
	border: 0;
	padding: 0;
}

.select2-container {
	width: 100% !important;
}

.form-control:focus {
	box-shadow: none;
}

.selectJQuery {
	position: absolute;
	z-index: 999;
	margin: 0;
	padding: 0;
	top: 33px;
	max-height: 200px;
	width: calc(100% - 30px);
}

.selectJQuery option {
	padding: 8px;
	border-bottom: 1px solid #ced4da;
}

.selectJQuery option:hover {
	background: #1E90FF;
	color: #fff;
}


/*===============
	Calendar
===============*/


/*.ui-datepicker-calendar {
    width: 280px;
}
.ui-datepicker-calendar thead th {
    text-align: center;
    padding: 5px;
}
.ui-datepicker-header {
    background: #227042;
    color: #fff;
}
.ui-datepicker-header a {
    position: absolute;
    cursor: pointer;
    padding: 9px 7px;
    display: inline-block;
}
.ui-datepicker-header * {
    font-size: 14px;
}
.ui-datepicker-header .ui-datepicker-prev {
    left: 0;
}
.ui-datepicker-header .ui-datepicker-next {
    right: 0;
}
.ui-datepicker-title {
    text-align: center;
    padding: 9px 7px;
}
.ui-datepicker-calendar td {
    text-align: center;
}
.ui-datepicker-calendar td a {
    color: #777;
    display: inline-block;
    padding: 3px;
    width: 100%;
    border: 1px solid transparent;
}
.ui-datepicker-calendar td a:hover {
    border-color: #ccc;
    text-decoration: none;
    background: #f7f7f7;
}
.ui-datepicker-today {
    background: #227042;
}
.ui-datepicker-today a {
    color: #fff !important;
}
.ui-datepicker-today a:hover {
    background: #227042 !important;
}*/


/*===============
	UAE Slogan
===============*/


/*===============
	Modal
===============*/

.modal {
	z-index: 999999999;
}

.modal-header {
	border-bottom: 1px solid #ccc;
	background: #f7f7f7;
}

.modal-header .close {
    background: #ffd500;
    opacity: 1;
    text-shadow: none;
    padding: 0;
    height: 30px;
    width: 30px;
    border-radius: 50%;
    position: absolute;
    right: 4px;
    top: 4px;
    transition: all 0.5s;
    border: 2px solid #debb07;
    font-size: 20px;
    padding: 0px 0px 4px;
    text-align: center;
}
/*.commentRow:before {
    position: absolute;
    left: 0;
    width: 2px;
    top: 0;
    height: 100%;
    background: #efefef;
    content: "";
}*/

.commentRow {
    padding: 6px 10px;
    margin-bottom: 7px;
    font-size: 14px;
    line-height: normal;
    position: relative;
    display: inline-block;
    border-radius: 5px;
}
.Admincomment.commentRow {
    float: left;
    max-width: 90%;
    min-width: 25%;
    background:#f5f5f5; margin-left: 15px;
}
.Admincomment.commentRow:before {
    /*content: ' ';
    position: absolute;
    width: 0;
    height: 0;
    left: auto;
    right: -14px;
    top: 6px;
    bottom: auto;
    border: 7px solid;
    border-color: #f5f5f5 transparent transparent #f5f5f5;*/
    content: ' ';
    position: absolute;
    width: 0;
    height: 0;
    left: -14px;
    right: auto;
    top: 6px;
    bottom: auto;
    border: 7px solid;
    border-color: #f5f5f5 #f5f5f5 transparent transparent;

}
span.chatName {
    font-weight: 500;
    font-size: 13px;
    color: #a0a0a0;
}
.usercomment.commentRow {
    float: right;
    max-width: 90%;
    min-width: 25%;
    background: #feffc6;
    margin-right: 15px;
}

.usercomment.commentRow:before {
    content: ' ';
    position: absolute;
    width: 0;
    height: 0;
    left: auto;
    right: -14px;
    top: 6px;
    bottom: auto;
    border: 7px solid;
    border-color: #feffc6 transparent transparent #feffc6;
}

.commentLbl {
    color: #8e8e8e;
    font-size: 13px;
}
.commentTxt {
    color: #000;
}
.commentBlock {
    max-height: 260px;
    overflow: auto;
}
.questionMark {
    display: inline-block;
    margin-right: 3px;
    position: relative;
    max-width: 21px;
    top: -3px;
}
.modal-header .close:hover {
	background: #debb07;
	transition: all 0.5s;
}

.modal-header .close i {
	top: 3px;
	color: #565132;
	position: relative;
}

.modal-header .close:hover i {
	color: #000;
}

.modal-body {
	max-height: calc(100vh - 210px);
	overflow-y: auto;
}

.modal-footer [data-dismiss="modal"], .btn_close {
	background-color: #dc3545;
	border-color: #dc3545;
	color: #fff;
}

.modal-footer [data-dismiss="modal"]:hover, .btn_close:hover {
	background: #731a1a;
}
h4.modal-title {
    font-size: 20px;
}

input#IsAdmin {
	margin-top: 44px;
}


/*===============
	Table
===============*/

.table-overflow-container {
	overflow-x: auto;
}

table {
	
}

table thead {
	background: #f7f7f7;
}

table thead th {
	color: #666;
}

table tbody tr:nth-child(odd) {
	background: #fff;
}

table tbody tr:nth-child(even) {
	background: #fbfbfb;
}


/*===============
	Footer
===============*/

footer {
    background: #1f1f1f;
    color: white;
    padding: 10px;
    position: fixed;
    bottom: 0;
    width: 200px;
    z-index: 9;
    font-size: 11px;
    z-index: 1031;
}

footer p {
	margin-bottom: 0;
}


/*===============
	Data Table JQuery
===============*/

.dataTables_wrapper .dataTables_filter input {
	border: 1px solid #bbb;
	background: transparent;
}

.dataTables_wrapper .dataTables_filter input:focus {
	box-shadow: none !important;
	border: 1px solid #225437;
	outline: none;
}

.page-item.active .page-link {
	background-color: #03b286;
	border-color: #03b286;
	color: #000;
}

.page-link,
.page-link:hover {
	color: #000;
}

.page-link:focus {
	box-shadow: none;
}

.gj-datepicker button {
	background: transparent;
}

.cursor-pointer {
	cursor: pointer;
}

.loaderLayer {
    background: rgba(0, 0, 0, 0.7);
    position: fixed;
    top: 0;
    /* width: 100%; */
    left: 0;
    right: 0;
    bottom: 0;
    top: 0;
    z-index: 1050;
}
.loader {
    position: fixed;
    top: 50%;
    z-index: 9999;
    left: 50%;
    transform: translate(-50%, -50%);
    transition: all 1s;
}


/*Erorr*/

table thead th,
table tbody td {
	max-width: 200px !important;
}


/*=================*/

.frstDropLnk {
	margin: 9px 20px 0 40px;
}


/*========================================  CHART Section =====================================================*/

#chartgauge.chartgaugeChart,
#tripplegauge.trippleChart {
	height: 250px;
	min-width: 350px;
	width: 100%;
	background-color: white;
}


/*============================================  Media Query Section Start Here ================================*/


/* =========================================  TABLE SEction STyle =========================================*/


@media (min-width: 1200px){
    .container {
        max-width: 1400px;
        width: 90%;
    }
    .dropdown:hover .dropdown-menu.subMenu {
        display: block;
    }
}

/*.fixed_headers {
  width: 750px;
  table-layout: fixed;
  border-collapse: collapse;
}
.fixed_headers th {
  text-decoration: underline;
}
.fixed_headers th,
.fixed_headers td {
  padding: 5px;
  text-align: left;
}
.fixed_headers td:nth-child(1),
.fixed_headers th:nth-child(1) {
  min-width: 200px;
}
.fixed_headers td:nth-child(2),
.fixed_headers th:nth-child(2) {
  min-width: 200px;
}
.fixed_headers td:nth-child(3),
.fixed_headers th:nth-child(3) {
  width: 350px;
}
.fixed_headers thead {
  background-color: #333;
  color: #FDFDFD;
}
.fixed_headers thead tr {
  display: block;
  position: relative;
}
.fixed_headers tbody {
  display: block;
  overflow: auto;
  width: 100%;
  height: 300px;
}
.fixed_headers tbody tr:nth-child(even) {
  background-color: #DDD;
}
.old_ie_wrapper {
  height: 300px;
  width: 750px;
  overflow-x: hidden;
  overflow-y: auto;
}
.old_ie_wrapper tbody {
  height: auto;
}*/


/*===================================== =====Dumping Survy Report Page ==== ============================================*/

.sumryChkboxWrap label.radio-inline {
	margin-right: 15px;
}
@media(max-width: 1200px) {

 /*.btn-block.dshbrdTopBtn.regionalTabs {
    display: flex;
    flex-wrap: nowrap;
}
 .dshbrdTopBtn.regionalTabs .btn-head {
    width: auto;
    font-size: 14px;
    flex: 1;
}*/

  .dshbrdTopBtn.regionalTabs .btn-head {
    font-size: 12px;
}

  .CheckBoxcontainer {
    width: 32.5%;
}

}

@media(max-width: 1024px) {
	.cntentWrapHome {
		padding-top: 18%;
	}
    
    .frstDropLnk {
	    margin: 9px 12px 0 30px;
    }


}

@media(max-width: 992px) {
	button[data-target="#myModal"] {
		position: relative;
		top: 20px;
	}
	.dshbrdTopBtn .btn-head {
		font-size: 12px;
		padding: 0.5em 0;
	}
	#applyFilter {
		width: 100%;
		font-size: 12px;
		padding: 0.75em 0;
	}
	.frstDropLnk {
		margin: 9px 15px 0 0px;
	}
}

@media(max-width: 768px) {
	.container {
		max-width: 98%;
	}
	/*=========== Chart Section ============*/
	#chartgauge {
		height: 300px;
	}
	#tripplegauge {
		height: 250px;
		min-width: 350px;
		width: 100%;
	}
	.cntentWrapHome {
		padding-top: 25%;
	}
	.mt-table table th {
		min-width: 100px;
		font-size: 12px;
	}
	button#btnLogin {
		margin-bottom: 1em;
	}
    .container.cntentWrapHome {
        padding-top: 21%;
        margin-left: 0;
        width: 100%;
        margin: 0px auto;
    }
}

@media(max-width: 767px) {
    .container.cntentWrapHome {
        padding-top: 11%;
        margin: 20px auto;
        width: calc(100% - 30px);
    }
    #main-wrappar {
        margin-top: 0;
    }
	.SectWthTbl div#RptTable_length {
		position: relative;
		left: initial;
		right: 0;
		margin: 3px 0;
		text-align: left;
		max-width: 100%;
	}
	.btn-baner.btn-info {
		min-width: initial;
		width: 100%;
		display: block;
	}
	#tripplegauge {
		width: 100%;
		height: 300px;
	}
    .pic-wrapper {
        margin-bottom: 30px;
    }
    .collaspeColumn{
        min-width: 200px;
    }
   ul.dropdown-menu.reportsSubMenu.show {
        max-width: 300px;
        max-height: 300px;
        min-width: 300px;
        overflow: auto;
    }
   .RightNavBar .dropdown-menu.reportsSubMenu li.nav-item.lit {
        width: 100%;
    }
    .navbar-expand-lg .navbar-nav .dropdown-menu {
        top: 1.6em;
    }

}
@media(max-width: 576px) {
    button span.iconleft {
    min-width: 30px;

}
	#tripplegauge.tipleProductLoss {
		width: 100%;
		height: 250px;
	}
	.SectWthTbl div#RptTable_length {
		text-align: center;
	}
	.dataTableBlock th {
		min-width: 100px !important;
		font-size: 14px;
	}
	.dataTableBlock td {
		font-size: 13px;
	}
	.btn-block.homebtnsLeft {
		padding: 0 15px;
		text-align: left;
		margin-top: 2em;
	}
  
	.btn-baner.btn-info {
		width: 48%;
		min-width: 48%;
		float: left;
		margin-right: 2%;
	}
	.btn-baner.btn-info:last-child {
		width: 48%;
		float: left;
		margin: 0 24%;
		margin-bottom: 1em;
	}
	ul.navbar-nav.mr-auto li:first-child {
		margin-left: 0 !important;
	}
	button span.iconleft {
		min-width: 38px !important;
	}
    .btn-baner.btn-info {
        font-size: 13px;
        padding-left: 27px;
    }
	.dshbrdTopBtn .btn-head {
		width: 48% !important;
		margin: 0 1% 1em !important;
	}
	.cntentWrapHome {
		padding-top: 11%;
	}
	.dshbrdTopBtn .btn-head {
		width: 48% !important;
		margin: 0 1% 1.5em !important;
		font-size: 15px;
	}
	div#navbarSupportedContent.navbar-collapse {
		padding: 0 5px 20px;
	}
    .SiteAudits .subTabs button {
        min-width: 57px;
        width: 22%;
    }
    tr td {
        font-size: 12px;
    }
}
input[type="radio"].inputLarge, input[type="checkbox"].inputLarge {
    
    transform: scale(1.3);
}
 .margin-top-0{
     margin-top: 0 !important;
 }
 .saleSumarySubBar{
     background: #03b286;
     border-radius: 3px;
     padding: 10px 15px;
     color: #fff;
     margin-bottom: 10px;
 }

 .dshbrdTopBtn.subbtn .btn-head {
    color: #03b286;
    border: 2px solid #03b286;
    width: auto;
    border-radius: 3px;
    float: none;
    min-width: 120px;
    margin-bottom: 0px;
}
 .no-margin{
     margin: 0px !important;
 }
 .saleSumaryInput{
     margin-top: 7px;
 }
  .saleSumaryInput .radio-inline{
      margin-right: 15px;
 }
/*.dshbrdTopBtn.regionalTabs .btn-head {
    width: 13.6%;
}*/
.mainTittle span.headSubValue {
    color: #908d8d;
    font-size: 13px;
    font-weight: normal;
    float: right;
}
.mainTittle span.headSubValue strong{
    color: #000;
    font-weight: normal;
}
.verticalDivider{
    display: inline-block;
    margin: 0 2px;
}
/*=================   Fitler Button ================== */
.filterBoxbtn {
    display: none;
    position: fixed;
    right: 11px;
    width: 30px;
    height: 30px;
    top: 17px;
    background: #03b286;
    color: #fff;
    text-align: center;
    border-radius: 2px;
}
.filterBoxbtn i{
    font-size: 16px;
    position:relative;
    top: 4px;
}

/*============*/


.RightNavBar .dropdown-toggle img{
    max-width: 28px;
    border-radius: 3px;
    margin-right: 5px;
}

/*=====================================   Menu Section ===========================*/

.RightNavBar .navbar-nav li.nav-item {
    font-weight: 600;
} 
ul.navbar-nav.mr-auto {
    position: relative;
    top: 1px;
    width: 100%;
    flex-wrap: wrap;
}
a.nav-link.SiteLogo {
    padding-top: 3px;
}
div#navbarSupportedContent {
    position: fixed;
    top: 0;
    background: #1f1f1f;
    padding: 0 0 10px;
    width: 200px;
    bottom: inherit!important;
    padding-bottom: 15px;
    left: 0;
    align-items: flex-start;
    height: 100%;
    padding-bottom: 30px;
}
.LargeContentArea div#navbarSupportedContent {
    width: 50px;
}
.LargeContentArea span.nav-itemTittle,
.LargeContentArea span.dropArrow{
    display: none;
}
#main-wrappar {
    padding-left: 200px;
}
.LargeContentArea #main-wrappar {
    padding-left: 50px;
}
div#navbarSupportedContent.show{
    display: flex;
}
.RightNavBar .navbar-nav li.nav-item {
    padding: 3px 0px;
    width: 100%;
}
.RightNavBar .navbar-nav li.nav-item.active {
    background: #333;
}
.navbar-expand-lg .navbar-toggler {
    display: inline-block;
    outline: none;
    padding-left: 0;
    width: 35px;
    text-align: left;
}
div#navbarSupportedContent li.dropdown {
    width: 100%;
    margin: 0;
    position: unset;
    padding: 8px 0px 5px 8px;
}


div#navbarSupportedContent span.iconleft {
    position: relative;
    margin: 7px auto;
    width: 30px;
    height: 18px;
    border-radius: 2px/4px;
    background: #4d4d4d;
    display: inline-block;
    transition: opacity .5s;
}

div#navbarSupportedContent span.iconleft:before, div#navbarSupportedContent span.iconleft:after {
    position: absolute;
    width: inherit;
    height: inherit;
    border-radius: inherit;
    background: inherit;
    content: '';
}
div#navbarSupportedContent span.iconleft:before {
    -webkit-transform: rotate(60deg);
    transform: rotate(60deg);
}
div#navbarSupportedContent span.iconleft:after {
    -webkit-transform: rotate(-60deg);
    transform: rotate(-60deg);
}
span.nav-itemTittle {
    display: inline-block;
    position: relative;
    top: -10px;
    margin-left: 8px;
}
/*div#navbarSupportedContent span.iconleft {
    display: inline-block;
    width: 26px;
    margin-right: 10px;
    height: 26px;
    border-radius: 25px;
    text-align: center;
    background: #f7fafd;
    line-height: 26px;
}*/

.RightNavBar span.iconleft i {
    color: #ffffff;
    font-size: 14px;
    position: absolute;
    left: 8px;
    z-index: 1;
    top: 2px;
}
div#navbarSupportedContent li:hover span.iconleft {
    background: #03b286;
}
div#navbarSupportedContent li:hover span.iconleft i{
    color: #fff;
}
.RightNavBar span.dropArrow {
    float: right;
    font-size: 11px;
    margin-right: 23px;
    position: relative;
    top: 9px;
}
#navbarSupportedContent .dropdown-toggle::after{
    opacity: 0;
    display: none;
}
.RightNavBar  a.dropdown-toggle {
    display: block;
}

/*==========  Shift from Line 908 ========= */


.navbar-expand-lg .navbar-nav .dropdown-menu.Logout {
	position: absolute;
	min-width: 222px;
	top: 2.6em;
	border-radius: 0px;
	border: 0px;
	background: rgba(0, 0, 0, 0.8);
	border-bottom: 5px solid #03b286;
}
.navbar-expand-lg .navbar-nav .dropdown-menu.Logout:before {
	width: 0;
	height: 0;
	border-left: 8px solid transparent;
	border-right: 8px solid transparent;
	border-bottom: 8px solid black;
    content: "";
    position: absolute;
    top: -7px;
    left: 9px;
}
.navbar-expand-lg .navbar-nav .dropdown-menu.Logout li a{
    color: #fff;
}
.navbar-expand-lg .navbar-nav .dropdown-menu.subMenu {
    position: absolute;
    width: 270px;
    top: 0px;
    border-radius: 3px;
    border: 0px;
    background: #fff;
    padding: 0;
    border-bottom: 0px solid #03b286;
    left: 202px;
    padding-bottom: 0;
    box-shadow: 0 0 5px 2px #c9c9c9;
}
.navbar-expand-lg .navbar-nav .dropdown-menu.subMenu.largeSubMenu {
    width: 845px;
    max-height: 88vh;
    min-height: 300px;
    overflow-y: auto;
}

.navbar-expand-lg .navbar-nav .dropdown-menu.subMenu.logoutDropDown{
    top: initial;
    margin-top: -50px
}
.dropdown-menu.subMenu.largeSubMenu li:not(.nav-item-main):before {
    font-family: "Font Awesome 5 Free";
    display: inline-block;
    padding-right: 3px;
    vertical-align: middle;
    font-weight: 900;
    font-size: 7px;
    content: "\f1ce";
    color: #4279dd;
}
.MainHeadBar li.nav-item.lit {
    padding: 3px 10px;
}
.navbar-expand-lg .navbar-nav .dropdown-menu.subMenu div ul {
    /* min-height: 300px; */
    /* max-height: calc(100vh - 215px); */
    padding-left: 4px;
    /* overflow: auto; */
    list-style-type: none;
}
.RightNavBar a.dropdown-toggle:hover {
    text-decoration: none;
}
.navbar-expand-lg .navbar-nav .dropdown-menu.subMenu:before {
    content: "";
    display: none;
    position: absolute;
    width: 14px;
    height: 14px;
    background: #fff;
    transform: rotate(-45deg);
    left: -7px;
    z-index: -9999999999;
    box-shadow: -2px -2px 4px #ddeeff;
    padding-left: 10px;
    top: 23px;
}
.navbar-expand-lg .navbar-nav .dropdown-menu.subMenu:after {
    position: absolute;
    content: "";
    top: 0;
    bottom: 0;
    left: -13px;
    width: 13px;
    background: transparent;
}
.dropdown-menu li a {
    color: #000;
    font-size: 13px;
}

.dropdown-menu li a:hover {
    text-decoration: none;
    color: #03b286 !important;
}
.RightNavBar .dropdown-menu li.nav-item.lit {
    padding: 6px 12px;
    border-bottom: 0px solid #212121 !important;
    margin-right: 0px !important;
    width: 100%;
}
.RightNavBar .dropdown-menu.subMenu.largeSubMenu li.nav-item.lit {
    float: left;
    width: 33%;
}
ul.dropdown-menu.reportsSubMenu.show {
    min-width: 500px;
    height: 450px;
    overflow: auto;
}
.RightNavBar .dropdown-menu.reportsSubMenu li.nav-item.lit {
    padding: 4px 10px;
    border: 1px solid #212121 !important;
    margin-right: 0px !important;
    float: left;
    width: 50%;
}

.ul.navbar-nav.mr-auto .dropdown {
	margin-top: 10px;
	margin-left: 100px !important;
}

div#navbarSupportedContent li.nav-item.active span.iconleft{
    background: #03b286;
}


@media (max-width: 1280px){
    .container.cntentWrapHome {
        padding-top: 11%;
        margin-left: 160px;
        width: calc(100% - 166px);
    }
    .largeSubMenu{
        width: 760px;
    }
    div#navbarSupportedContent {
        width: 160px;
    }
    #main-wrappar {
    padding-left: 160px;
}
    .MainHeadBar {
    width: calc(100% - 160px);
    margin-left: 160px;
  
}
    footer {
    padding: 10px 5px;
    width: 160px;
    font-size: 10px;
}
 div#navbarSupportedContent span.iconleft {
    width: 28px;
    height: 17px;
}
a.nav-link.SiteLogo img {
    max-width: 139px;
}
 .RightNavBar span.iconleft i {
    font-size: 13px;
    left: 8px;
    top: 2px;
}
 div#navbarSupportedContent li.dropdown {
    padding: 6px 0px 3px 8px;

}
 .navbar-expand-lg .navbar-nav .dropdown-menu.subMenu {
    left: 162px;
}
 span.nav-itemTittle {
    top: -11px;
    margin-left: 6px;
}
 .nav-link {
    padding: 0.2rem 1rem;
}

}

@media (max-width: 1280px) {
    .dshbrdTopBtn.subbtn .btn-head {
        width: calc(50% - 7px);
    }
}
@media (max-width: 1199px) {
    .navbar-expand-lg .navbar-nav .dropdown-menu.subMenu.largeSubMenu {
        width: 360px;
    }
    .RightNavBar .dropdown-menu.subMenu.largeSubMenu li.nav-item.lit {
        width: 100%;
    }
    .navbar-expand-lg .navbar-nav .dropdown-menu.subMenu div ul {
        min-height: 300px;
        height: 440px;
        overflow: auto;
    }
    
    .navbar-expand-lg .navbar-nav .dropdown-menu.subMenu div ul.nav-tabs-capsul {
        min-height: initial;
        height: initial;
        display: flex;
        flex-wrap: nowrap;
    }
    .dropdown-menu.subMenu.largeSubMenu ul.nav-tabs-capsul li:before {
        display: none;
    }
    .dropdown-menu.subMenu.largeSubMenu ul.nav-tabs-capsul .li.nav-item-main{
        flex-grow : 1;
    }
    .dropdown-menu.subMenu.largeSubMenu ul.nav-tabs-capsul .li.nav-item-main a{
        min-width: 90px;
    }
}
@media (max-width: 1000px) {
   #main-wrappar {
    margin-top: 13px;
}
   footer {
    width: 100%;
}
   a.nav-link.SiteLogo {
    display: none;
}
   .main-nav li a {
    color: #000;
}
   .logoutSmallDevice{
       display: block;
   }
   .MainHeadBar{
       display: none;
   }
.RightNavBar .navbar-nav li.nav-item {
    font-weight: 600;
} 
ul.navbar-nav.mr-auto {
    position: relative;
    top: 1px;
    width: 100%;
    flex-wrap: wrap;
}
div#navbarSupportedContent {
    position: absolute;
    width: 260px;
    top: 56px;
    background: #f7fafd;
    padding: 10px 0;
    width: 350px;
    background: #fff!important;
    box-shadow: 0 0 5px 2px #c9c9c9;
    height: auto!important;
    bottom: inherit!important;
    padding-bottom: 15px;
    border-radius: 5px!important;
    padding-top: 10px;
}
div#navbarSupportedContent{
    display: none !important;
}
div#navbarSupportedContent.show {
    display: flex !important;
    max-height: 80vh;
    overflow: auto;
}
.RightNavBar .navbar-nav li.nav-item {
    padding: 3px 0px;
    width: 100%;
    border-bottom: 1px solid #f7fafd;
}
.navbar-expand-lg .navbar-toggler {
    display: inline-block;
    outline: none;
    padding-left: 0;
    width: 35px;
    text-align: left;
}
div#navbarSupportedContent li.dropdown {
    width: 100%;
    margin: 0;
    position: unset;
    padding: 10px 0px 6px 8px;
}
div#navbarSupportedContent span.iconleft {
    display: inline-block;
    width: 26px;
    margin-right: 10px;
    height: 26px;
    border-radius: 25px;
    text-align: center;
    background: none;
    margin: 2px 7px 2px 0;
    line-height: 26px;
}
.RightNavBar span.iconleft i {
    color: #03b286;
    font-size: 16px;
}

.RightNavBar span.dropArrow {
    float: right;
    font-size: 11px;
    margin-right: 15px;
    position: relative;
    top: 10px;
}

#navbarSupportedContent .dropdown-toggle::after{
    opacity: 0;
}
.RightNavBar  a.dropdown-toggle {
    display: block;
}

/*==========  Shift from Line 908 ========= */


.navbar-expand-lg .navbar-nav .dropdown-menu.Logout {
	position: absolute;
	min-width: 222px;
	top: 2.6em;
	border-radius: 0px;
	border: 0px;
	background: rgba(0, 0, 0, 0.8);
	border-bottom: 5px solid #03b286;
}
.navbar-expand-lg .navbar-nav .dropdown-menu.Logout:before {
	width: 0;
	height: 0;
	border-left: 8px solid transparent;
	border-right: 8px solid transparent;
	border-bottom: 8px solid black;
    content: "";
    position: absolute;
    top: -7px;
    left: 9px;
}
.navbar-expand-lg .navbar-nav .dropdown-menu.Logout li a{
    color: #fff;
}
.navbar-expand-lg .navbar-nav .dropdown-menu.subMenu {
     position: relative;
    width: 98% !important;
    max-width: 500px;
    top: -13px;
    border-radius: 3px;
    border: 0px;
    background: #fff;
    padding: 0;
    border-bottom: 0px solid #03b286;
    left: 5px;
    padding-bottom: 0;
    box-shadow: 0 0 5px 2px #c9c9c9;
}
.navbar-expand-lg .navbar-nav .dropdown-menu.subMenu.largeSubMenu {
    width: 845px;
    max-height: 85vh;
    overflow-y: auto;
}

    .navbar-expand-lg .navbar-nav .dropdown-menu.subMenu div ul.nav-tabs-capsul {
        max-width: 368px;
    }
.navbar-expand-lg .navbar-nav .dropdown-menu.subMenu.largeSubMenu ul.nav-tabs-capsul li {
    flex-grow: 1;
}
.navbar-expand-lg .navbar-nav .dropdown-menu.subMenu.logoutDropDown{
    top: initial;
    margin-top: -50px
}
.dropdown-menu.subMenu.largeSubMenu li:before {
    font-family: "Font Awesome 5 Free";
    display: inline-block;
    padding-right: 3px;
    vertical-align: middle;
    font-weight: 900;
    font-size: 7px;
    content: "\f1ce";
    color: #4279dd;
}
.navbar-expand-lg .navbar-nav .dropdown-menu.subMenu div ul {
    /* min-height: 300px; */
    /* max-height: calc(100vh - 215px); */
    padding-left: 4px;
    /* overflow: auto; */
    list-style-type: none;
}
.RightNavBar a.dropdown-toggle:hover {
    text-decoration: none;
}
.navbar-expand-lg .navbar-nav .dropdown-menu.subMenu:before {
    content: "";
    position: absolute;
    width: 14px;
    height: 14px;
    background: #fff;
    transform: rotate(-45deg);
    left: -7px;
    z-index: -9999999999;
    box-shadow: -2px -2px 4px #ddeeff;
    padding-left: 10px;
    top: 23px;
}
.navbar-expand-lg .navbar-nav .dropdown-menu.subMenu:after {
    position: absolute;
    content: "";
    top: 0;
    bottom: 0;
    left: -13px;
    width: 13px;
    background: transparent;
}
.dropdown-menu li a {
    color: #000;
    font-size: 13px;
}

.dropdown-menu li a:hover {
    text-decoration: none;
    color: #03b286 !important;
}
.RightNavBar .dropdown-menu li.nav-item.lit {
    padding: 7px 12px;
    border-bottom: 0px solid #212121 !important;
    margin-right: 0px !important;
    width: 100%;
}
.RightNavBar .dropdown-menu.subMenu.largeSubMenu li.nav-item.lit {
    float: left;
    width: 100%;
}
.navbar-expand-lg .navbar-nav .dropdown-menu.subMenu.largeSubMenu {
    width: 320px;
    max-height: 200px;
    overflow-y: auto;
}
ul.dropdown-menu.reportsSubMenu.show {
    min-width: 500px;
    height: 450px;
    overflow: auto;
}
.RightNavBar .dropdown-menu.reportsSubMenu li.nav-item.lit {
    padding: 4px 10px;
    border: 1px solid #212121 !important;
    margin-right: 0px !important;
    float: left;
    width: 50%;
}

.ul.navbar-nav.mr-auto .dropdown {
	margin-top: 10px;
	margin-left: 100px !important;
}
#main-wrappar {
    padding-left: 0;
}
div#navbarSupportedContent li:hover span.iconleft i {
    color: #03b286;
}
div#navbarSupportedContent li.nav-item.active span.iconleft,
div#navbarSupportedContent li.nav-item span.iconleft,
div#navbarSupportedContent li:hover span.iconleft{
    background: transparent;
}
}

@media (max-width: 767px){
 div#navbarSupportedContent {
    width: 97%;
    max-width: 450px;
}
    div#navbarSupportedContent li.dropdown {
    padding: 0px 0px 0px 8px;
}
    .nav-link {
    padding: 0rem 1rem;
}
.mobLogo{
    display: inline-block;
}
.RightNavBar.fixed-top {
    right: 0 !important;
    background: #03b28a;
}
#main-wrappar {
    margin-bottom: 55px;
}

.filterBoxbtn {
    top: 9px;
    z-index: 1030;
}
.filterBoxbtn i {
    font-size: 13px;
}
.navbar-nav li.nav-link {
    padding-right: 0;
    padding-left: 10px;
}
.navbar-toggler i {
    top: 6px;
    color: #fff;
    font-size: 22px;
}
.dshbrdTopBtn.btn-block.regionalTabs {
    flex-wrap: wrap;
}
.dshbrdTopBtn .btn-head {
	width: 100% !important;
	margin: 0 1% 1em !important;
}
  .dshbrdTopBtn.regionalTabs .btn-head {
    font-size: 12px;
    margin: 10px 0 !important;
    border-right: 1px solid #efefef;
}
}
@media (max-width: 600px) {
    .navbar-expand-lg .navbar-nav .dropdown-menu.subMenu {
        position: relative;
        width: 98%;
        top: 10px;
        padding: 0;
        left: 0;
        box-shadow: 0 0 5px 2px #eaeaea;
    }
    .RightNavBar .navbar-nav li.nav-item {
        padding: 3px 0px;
        width: 100%;
    }
    .navbar-expand-lg .navbar-nav .dropdown-menu.subMenu div ul {
        min-height: 150px;
        height: 250px;
    }
    .main-nav .navbar-brand img {
        max-width: 140px;
    }
    .navbar-expand-lg .navbar-nav .dropdown-menu.subMenu div ul.nav-tabs-capsul li.nav-item-main {
        flex-grow: 1;
    }
    .RightSide {
        display: inline-block;
        width: 50px;
    }
    .navbar-expand-lg .navbar-nav .dropdown-menu.Logout{
        left: -200px;
    }
    .navbar-expand-lg .navbar-nav .dropdown-menu.Logout:before{
        display: none;
    }

}

@media (min-width: 1100px){
    .col-md-4.col-md-4-3 {
        -ms-flex:  0 0 37.333333%;
        flex: 0 0 37.333333%;
        max-width: 37.333333%;
    }
    .col-md-2.col-md-1-7 {
        -ms-flex: 0 0 16.666667%;
        flex: 0 0 12.666667%;
        max-width: 12.666667%;
    }
}



/*==================  CheckBox Style*/


.CheckBoxcontainer {
  position: relative;
  padding-left: 35px;
  width: 24.5%;
  margin-bottom: 20px !important;
  cursor: pointer;
  font-size: 14px;
  font-weight: 500;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

/* Hide the browser's default checkbox */
.CheckBoxcontainer input {
  position: absolute;
  opacity: 0;
  cursor: pointer;
  height: 0;
  width: 0;
}

/* Create a custom checkbox */
.checkmark {
    position: absolute;
    top: 0;
    left: 0;
    height: 22px;
    width: 22px;
    background-color: #e0e0e0;
    border-radius: 3px;
    border: 1px solid #c1c1c1;
}

/* On mouse-over, add a grey background color */
.CheckBoxcontainer:hover input ~ .checkmark {
  background-color: #ccc;
}

/* When the checkbox is checked, add a blue background */
.CheckBoxcontainer input:checked ~ .checkmark {
    background-color: #919191;
    border-color: #919191;
}

/* Create the checkmark/indicator (hidden when not checked) */
.checkmark:after {
  content: "";
  position: absolute;
  display: none;
}

/* Show the checkmark when checked */
.CheckBoxcontainer input:checked ~ .checkmark:after {
  display: block;
}

/* Style the checkmark/indicator */
.CheckBoxcontainer .checkmark:after {
    left: 8px;
    top: 4px;
    width: 5px;
    height: 10px;
    border: solid white;
    border-width: 0 2px 2px 0;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
}

.select2-container--default .select2-search--inline .select2-search__field {
    border: none !important;
}

    .addCustomReport a{
        display: inline-block;
        border: 2px solid #03b286;
        padding: 5px 8px;
        border-radius: 3px;
        color: #333;
        text-decoration: none;
    }
    .addCustomReport a:hover{
        background: #03b286;
        color: #fff;
    }

    ul.nav.nav-tabs-capsul {
    display: inline-flex;
    margin: 8px 13px;
    border: 1px solid #03b286;
    border-radius: 100px;
    padding: 0 !important;
    overflow: hidden;
}
ul.nav.nav-tabs-capsul .nav-link{
    min-width: 80px;
    text-align: center;
    border-radius: 0px;
    border-width: 0px 1px 0px 1px;
    border-color: #efefef;
}
ul.nav.nav-tabs-capsul .nav-item-main:first-child .nav-link, ul.nav.nav-tabs-capsul .nav-item-main:last-child .nav-link{
    border: 0px;
}
 ul.nav.nav-tabs-capsul .nav-link.active,
ul.nav.nav-tabs-capsul .nav-link.active:hover {
    color: #ffffff !important;
    background-color: #03b286;
    border-color: transparent;
}


 @media (max-width: 400px){

    ul.nav.nav-tabs-capsul .nav-link {
    min-width: 60px;
}
}




 .ToggleRowTable tr td table{
    width:100%;
 }

  .ToggleRowTable tr td table td{
    max-width:100% !important;
 }

  .ToggleRowTable tr td table tr:nth-of-type(odd) {
    background-color: #fff;
}

  .StickyWraper{
      overflow-y: auto;
      max-height: 380px;
  }
  .StickyWraper table th{
      position: sticky;
      top:0;
  }



 .dataTable tr.shown + tr, tr.shown + tr > td {
    padding: 0 !important;
}

 div#CEAItemList_wrapper table th:first-child {
    width: 150px !important;
}

  div#ISAItemList_wrapper table th:first-child {
    width: 150px !important;
}
    div#COVIDItemList_wrapper table th:first-child {
    width: 150px !important;
}

       div#CEAsitesList_wrapper table th:first-child {
    width: 150px !important;
}

           div#CEAsitesListcovid_wrapper table th:first-child {
    width: 150px !important;
}
               div#CEAsitesListisa_wrapper table th:first-child {
    width: 150px !important;
}