:root {
  --NGauge-menu-color: #5A5B5D;
  --NGauge-submenu-color: #6c757d;
  --NGauge-orange-color: #ffc107;
}
/*buttons */
.admin .skin-ngauge .btn-success {
	color: rgb(255, 255, 255);
	background-color: rgb(128, 188, 0);
	border-color: rgb(128, 188, 0);
}
.admin .bg-secondary {
	background-color: rgb(108, 117, 125) !important;
}
.admin .skin-ngauge .btn-success:hover {
	color: rgb(255, 255, 255);
	background-color: rgb(108, 168, 0);
	border-color: rgb(108, 168, 0);
}
.admin .skin-ngauge .bg-warning {
	background-color: rgb(235, 173, 0) !important;
}
.admin .skin-ngauge a.bg-warning:hover, .admin .skin-ngauge a.bg-warning:focus, .admin .skin-ngauge button.bg-warning:hover, .admin .skin-ngauge button.bg-warning:focus {
	background-color: rgb(211, 158, 0) !important;
}
.skin-ngauge .bg-secondary {
	background-color: rgb(90, 91, 93) !important;
}
.admin .skin-ngauge a.bg-secondary:hover, .admin .skin-ngauge a.bg-secondary:focus, .admin .skin-ngauge button.bg-secondary:hover, .admin .skin-ngauge button.bg-secondary:focus {
	background-color: rgb(70, 71, 73) !important;
}
/* End Buttons */
.headerMenu .headerMenu__basket::before {
	border-left: none;
}
#basketlines .headerMenu__basket::before {
    border-left: 1px solid #ccc;
}
.productMenu__col__menu {
    vertical-align: top;
}

		.alert{
			position: fixed;
			right: 20px;
			top: 20px;
			z-index: 99999;
			padding: 8px 35px 8px 14px;
			margin-bottom: 18px;
			color: var(--admin-ngauge-orange-color);
			text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5);
			background-color: #fcf8e3;
			border: 1px solid #fbeed5;
			-webkit-border-radius: 4px;
			-moz-border-radius: 4px;
			border-radius: 4px;
			}

		.alert-heading {
			color: inherit;
			}

		.alert .close {
			position: relative;
			top: -2px;
			right: -21px;
			line-height: 18px;
			}
		.cart-row-odd{
			background-color: #e6e6e6;
			border-color: #e6e6e6;
		}
		.cart-row-odd td{
			background-color: #e6e6e6;
			border: 0px 0px 0px 0px;
			border-color: #e6e6e6;
		}
		.carttable { border-collapse:collapse }
		.carttable th{ text-align: center;}
		.carttable td{ text-align: center;}
		
		.login{
			font-family: 'Merriweather',serif
		}
		
		.login > .title{
			background-color: #8eb992;
			color: #fff;
			padding-top: 10px;
			font-size: 36px;
			text-align: center;
		}
		.login .username{
			font-size: 24px;
			text-align: center;
		}
		.login .password{
			font-size: 24px;
			text-align: center;
		}
		
		.productMenu__col__promoted{
			padding-left: 25px;
			padding-right: 25px;
		}
		.productDetails__TableaddToBasket input[type=submit] {
    display: inline-block;
    vertical-align: middle;
    padding: 16px 12px;
    margin-left: 16px;
    color: #fff;
    font-size: 14px;
    font-weight: 700;
    border-radius: 6px;
    background-color: #8eb992;
    cursor: pointer;
}
.productListingTablePrice .input-group-btn {
	    padding: 16px 12px 16px 12px;
    color: #000;
    font-size: 14px;
    font-weight: 700;
    text-align: center;
    background-color: #f2f2f2;
    border: 1px solid #000;
    border-radius: 5px;
}
.productListingTablePrice .quickaddqty {
    padding: 16px 12px 16px 12px;
    color: #000;
    font-size: 14px;
    font-weight: 700;
    text-align: center;
    background-color: #fff;
    border: 1px solid #000;
    width: 75px;
}
.productImages .productImages__main {
    display: table-cell;
    vertical-align: top;
    padding-left: 38px;
}
.full__category__description img {
    width: 100%;
}

/* OUR SHOP */
.shopImages .shopImages__main {
    position: relative;
    z-index: 1;
    width: auto;
    height: 100%;
    background: #A6B9B5 no-repeat center;
    background-size: contain;
}
.shopImages .shopImages__reel {
    position: absolute;
    bottom: 0px;
    background: #A6B9B5 no-repeat center;
    left: 0;
    z-index: 2;
    width: 100%;
}
.shopImages .shopImages__reel {
	bottom: -108px;
}
.shopImages .shopImages__reel .shopImages__reel__arrow{
	background-color: #89A788;
	color: #fff;
}
.sliderbackground{
	background-color: #8eb992;
	padding-bottom: 108px;
}
.productDetails .productDetails__TableaddToBasket select{padding:16px 35px 16px 10px;color:#000;font-size:14px;font-weight:700;text-align:center;background-color:#f2f2f2;background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEsAAAEsCAIAAAAEqtnrAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAy5JREFUeNrs2iFvKkEUBlAeaQ2iGoNBYFD9/74a0QoQIJqQmmcqajDvhiabZpmhW3ZnNq85V20XmOHsMPdjSf8cj8fJr67p5LcXISEhISEhISEhISEhISEhISEhISEhISEhISEhISEhISEhISEhISEhISEhISEhISEhISEhISEhISEhISEhISEhISEhISEhISEhISEhISEhISEhISEhISEhISEhISEhISEhISEhISEhISEhISEhISEhISFhh3p9fX16eirx5mLYGLznIHf9eZvNJg7e3t7m8/mAvBjw77nieLFYjLOGDS/q5eXldDoNxYuhYsDP45iiz0pOB+FFfXx8HA6HoYQxVAzY/NkHOb35I/SV91nb7fbr27q5YpAYqnUypotJ6wlns1nyfPPR6lOX1+76pEWEDw8Py+Uy1x768Jru0qqYLiatug9Xq1XyouZWoM8CxkQxXe1Oc39/v16vk7tot9vdNma8MLmTY6KYboS0mJ/r8vx+v7+h5cRL4oXdZ6n0nSZ5db+mWfdKJmruk1JPmNshP2058eRkGOR2e9Xvpbku96OWk3xyrmOPcG/x+PjYp+XkGkxy2HGEuYvdpeXkGszNAVjq/jC5Ybq0nGSD6ROApYS5pne95eQaTJ8ALHiPnwuu5+fn3EuSD/UMwLK/YiSv/fv7e3Knxcl4aPAALCvM7Z/olq3NFn8mO23/ACz+S1SyB162nGSDGSQAiwtzORY36U3LiYPkPfsgAVhDmFuKpq8kG8xQAdiqu0mZiu0UMdCK+6blXDaYAQOwxhpeaYm7cxUNwErCXKydzlU0AOsJO67M4AFYVdhldw0egFWF33bIEgFYW3g95UoE4AjC3EIVCsARhMnNVi4AxxFeNsxyATiOsBV6RQNwNGGzbqUDsNL30uvxWDQAxxR+9s/KM/pfDEJCQkJCQkJCQkJCQkJCQkJCQkJCQkJCQkJCQkJCQkJCQkJCQkJCQkJCQkJCQkJCQkJCQkJCQkJCQkJCQkJCQkJCQkJCQkJCQkJCQkJCQkJCQkJCQkJCQkJCQkJCQkJCQkJCQkJCQkJCQkJCQkJCQkLC/7/+CTAA5RhAsf55ntoAAAAASUVORK5CYII=);background-position:right center;background-repeat:no-repeat;background-size:25px 100px;}

.shopCategories__cat__sub__final--active  a {
    display: block;
    position: relative;
    padding: 20px 12px 20px 90px;
    color: #000;
    font-style: italic;
    text-decoration: none;
    cursor: pointer;
    background-color: #8eb992
	}


/* News */
.productDetails__badges {
    padding: 0 8px 10px 0;
}
.productDetails__attributes {
    padding: 10px 8px 10px 8px;
}

.background-orange {
  background-color: #8eb992;
}
.text-center.background-orange {
  margin: 12px 0;
  padding: 0 0 12px;
}
.welcomebanner.h1.text-center {
  margin: 0;
  padding: 0;
}
.text-center.background-orange > h2 {
  color: #fff;
  font-size: 36px;
  font-weight: 200;
  line-height: 40px;
  margin: 0;
  padding-top: 12px;
}
.text-center.background-orange > p {
  color: #fff;
  font-size: 24px;
  font-weight: 200;
  word-spacing: 10px;
}
.text-center.background-orange a, .text-center.background-orange a:hover, .text-center.background-orange a:visited {
  color: #fff;
  font-size: 26px;
  line-height: 32px;
  word-spacing: normal;
}
.news img {
  height: auto;
  width: 100%;
}
.news-text {
  background-color: #8eb992;
  color: #fff;
  font-size: 26px;
  font-weight: 200;
  line-height: 30px;
  padding: 10px 36px 5px;
/*  position: absolute; */
  position: relative;
  top: 0;
}
.news{
	margin-bottom: 10px;
}

.news-text a {
  color: rgba(255, 255, 255, 0.4);
  font-size: 26px;
  font-weight: 500;
  margin: 0;
  padding: 0;
  text-decoration: underline;
}
.news-text span {
  color: #fff;
}
.news-text .date {
  font-size: 20px;
  font-weight: 500;
  line-height: 24px;
  text-transform: uppercase;
}
.news-text b {
  font-weight: 500;
}
.news-text.right {
  right: 0;
	top: 0;
}
.main-news-text {
  font-size: 26px;
  font-weight: 200;
  margin: 0 100px 12px;
  padding-bottom: 50px;
  color: #fff;
}
.newsbe-index .welcomebanner.h1.text-center {
  margin-bottom: 12px;
}
.newsbe-index .col-md-12.welcomebanner.h1.text-center > h1 {
  padding-top: 65px;
}
.newsbe-index .boxed {
  margin: 70px auto 0;
  width: 300px;
}
.full-news-article {
  background-color: #e98c59;
}
.full-news-article .image {
  max-width: 400px;
  float: left;
	margin-bottom: 24px;
}
.full-news-article .image img {
  height: auto;
  width: 100%;
}
.full-news-article .details {
  color: #fff;
  float: left;
  margin-left: 36px;
  min-height: 350px;
  min-width: 300px;
  position: relative;
  width: calc(100% - 450px);
}
.full-news-article .details > p {
  font-size: 30px;
  font-weight: 500;
  margin-top: 150px;
}
.full-news-article .details h1 {
  bottom: 0;
  font-size: 40px;
  position: absolute;
}

.blogList .post .content{
	height: 400px;
}

.aboutus-container a {
  color: #fff;
  float: left;
  line-height: initial;
  margin: 0;
  padding: 0;
  text-decoration: none;
  width: 100%;
}
.aboutus .aboutus-container .previousnews-text.left {
  padding: 18px;
}
.aboutus {
    margin-bottom: 12px;
}
.news-day {
  font-size: 60px;
  font-weight: 300;
  line-height: 60px;
}
.news-month, .news-year {
  font-size: 24px;
}

.testimonials .productDetails__review .productDetails__review__stars .icon {
    display: inline-block;
    vertical-align: middle;
    color: #e6e6e6;
    font-size: 19px;
    cursor: pointer;

}
.testimonials .productDetails__review .productDetails__review__stars .icon.active {
    display: inline-block;
    vertical-align: middle;
    color: #187521;
    font-size: 19px;
    cursor: pointer;

}
.homeBanner > a{
	
    position: initial;
}
.slider-image .overlay {
    position: absolute;
}

.headerMenu .productMenu .productMenu__col .productMenu__col__promoted {
  width: 50%;
}
.headerMenu .productMenuPromoted {
  background-repeat: no-repeat;
  background-size: 300px auto;
  height: 235px;
  padding-bottom: 0;
  position: relative;
  width: 100%;
}
.headerMenu .productMenuPromoted .productMenuPromoted__cell a {
  background-color: rgba(0, 0, 0, 0.3);
  display: table;
  height: auto;
  margin: 0 auto;
  padding: 12px;
  position: absolute;
  right: 10%;
  text-decoration: none;
  top: 30%;
  width: 80%;
}
.prodduct-optional {
  border: 1px solid #ccc;
  padding: 0 12px;
  margin-top: 20px;
  width: 81%;
}
.compare, .favourites {
	font-size: 16px;
  margin-top: 24px;
}
.compare a, .favourites a {
  color: #000;
  margin-left: 12px;
  margin-right: 16px;
  text-decoration: none;
}
.clickandcollect, .storelocator {
    border-bottom: 1px solid #ccc;
    margin-top: 24px;
    padding-bottom: 12px;
    width: 100%;
    margin-bottom: 24px;
}
.clickandcollect a, .storelocator a {
  color: #000;
  font-size: 16px;
  text-decoration: underline;
  width: 100%;
}
.clickandcollect a > i, .storelocator a > i {
  float: right;
  font-size: 24px;
  margin-right: 20px;
}
.finance {
  float: left;
  margin-bottom: 12px;
  margin-top: 24px;
  width: 100%;
}
.finance a {
  color: #333;
  float: left;
  font-size: 16px;
  width: 100%;
  text-decoration: underline;
}
.finance a > img {
  float: right;
  height: 20px;
  margin-right: 20px;
  width: auto;
}
.finance .financebutton {
  border: 1px solid #333;
  float: right;
  font-size: 14px;
  margin-right: 20px;
  padding: 4px 8px;
  width: unset;
  text-decoration: none;
}
.productListingPrice .input-group-btn {
	    padding: 16px 32px 16px 32px;
    color: #000;
    font-size: 30px;
    font-weight: 700;
    text-align: center;
    background-color: #f2f2f2;
    border: 1px solid #000;
    border-radius: 5px;
  /*  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEsAAAEsCAIAAAAEqtnrAAAAGXRFW…JCQkJCQkJCQkJCQkJCQkJCQkJCQkJCQkJCQkLC/7/+CTAA5RhAsf55ntoAAAAASUVORK5CYII=);
    background-position: right center;
    background-repeat: no-repeat;
    background-size: 25px 100px;*/
}
.productListingPrice input {
	width:200px;
	    padding: 16px 16px 16px 16px;
    color: #000;
    font-size: 30px;
    font-weight: 700;
    text-align: center;
    background-color: #f2f2f2;
  /*  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEsAAAEsCAIAAAAEqtnrAAAAGXRFW…JCQkJCQkJCQkJCQkJCQkJCQkJCQkJCQkJCQkLC/7/+CTAA5RhAsf55ntoAAAAASUVORK5CYII=);
    background-position: right center;
    background-repeat: no-repeat;
    background-size: 25px 100px;*/
}
.TradeContact .contactTop .contactTop__questions {
    box-sizing: border-box;
    display: inline-block;
    vertical-align: top;
    width: 50%;
	padding-right: 0px;
}
.TradeContact .contactTop .contactTop__questions p{
	padding-bottom: 15px;
}
@media only screen and (max-width: 768px) {
	.full-news-article .image {
		max-width: 100%;
		float: left;
		margin-bottom: 12px;
	}
	.full-news-article .details {
		color: #fff;
		float: left;
		margin: 0px 24px;
		min-height: 0px;
		min-width: 0px;
		position: relative;
		width: 100%;
	}
	.full-news-article .details h1 {
		bottom: 0;
		font-size: 40px;
		position: relative;
	}
	.full-news-article .details > p {
		font-size: 30px;
		font-weight: 500;
		margin-top: 0px;
	}
	.main-news-text {
		margin: 24px;
	}
}
@media only screen and (max-width: 1024px) {
	.full-news-article .details > p {
		font-size: 30px;
		font-weight: 500;
		margin-top: 50px;
	}
	.full-news-article .details h1 {
		bottom: 0;
		font-size: 36px;
		position: relative;
	}
	.news-container .news-text {
		padding: 36px 36px 18px;
		position: relative;
		width: 100%;
	}
}


.headerMob .headerMob__logo img{
    display: block;
    height: auto;
    text-indent: 100%;
    white-space: nowrap;
    overflow: hidden;
	width: 40%;
	margin: 0 auto;
}
 .checkbox {
 	margin-top: 0px;
 	margin-bottom: 0px;
}
.checkbox input[type="checkbox"], input[type="checkbox"], input[type="radio"]{
	position: inherit;
    display: inline-block;
    vertical-align: middle;
    width: 24px;
    height: 24px;
    background: rgba(0, 0, 0, 0) url("/NGauge/images/unchecked.png") no-repeat scroll 0 0 / 24px auto;
    
}

input[type="checkbox"]:checked, input[type="radio"]:checked{
	background: rgba(0, 0, 0, 0) url("/NGauge/images/checked.png") no-repeat scroll 0 0 / 24px auto;
	content: '\f14a';
	color: #fff;
	vertical-align: middle;
	width: 24px;
	height: 24px;
    
}
.data-label{
 font-weight: bold;	
 }
.pagetitle{
  font-size: 2em;
  color:#FFF;
}
/** NGAUGE HEADER **/
.mob-menu{
  background-color:#c0c7bc;
  z-index:9999;
  padding-left: 10px;
}
.sub-nav{
  padding-left: 10px;
  background-color: #FFF;
}
.main-header {
	position: relative;
	background-color: var(--admin-ngauge-menu-color);
}
.subnav-container .flex-container .parent{
  cursor:pointer;
}
/** NGauge subheader **/
.subnav-container{
  background-color: var(--admin-ngauge-submenu-color);
  padding: 0px 5px;
}
.subnav-container .navbar{
  padding: 0px 5px;
}
.menu-box{
min-height: 50px;
display: inline-block;
}
.spacer{
min-height: 10px;
}
span.filemodal{
  cursor: pointer;
}
#filemodal{
  z-index:9000;
}
#filemodal .modal-content{
  width: 80vw;
  height:auto;
  overflow-y:auto;
  margin: 10vh 10vw 10vh 10vw;
}
.card.active{
  box-shadow: 0px 0px 5px 5px var(--admin-ngauge-orange-color)
}
span.password {
  display: none;
}
/* New Menu */
.main-header .maincontainer.maincontainer-be {
  overflow: visible;
}
.main-header .maincontainer.maincontainer-be .navbar.navbar-dark {
  background-color: var(--admin-ngauge-submenu-color);
  padding: 0px 5px;
}
.navbar-toggler.ml-auto.custom-toggler {
  display: block;
}
.custom-toggler .navbar-toggler-icon {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='rgba(255,255,255, 1)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 8h24M4 16h24M4 24h24'/%3E%3C/svg%3E");
}
.custom-toggler.navbar-toggler {
  border-color: rgb(255,255,255);
}
#collapsibleNavbar .dropdown a {
  color: #fff;
  font-size: 1rem;
  text-transform: uppercase;
}
#collapsibleNavbar .dropdown.show a, #collapsibleNavbar .dropdown a:hover, #collapsibleNavbar .dropdown a:active, #collapsibleNavbar .dropdown a:focus {
  color: #ffffff;
}
.dropdown-menu {
  background-color:var(--admin-ngauge-submenu-color);
  border: medium none;
  font-size: 1rem;
  margin-top: 0;
  padding: 0;
}
@media only screen and (min-width: 992px) {
	.dropdown-menu.show {
		border-top: 8px solid rgb(128, 188, 0);
		border-bottom: medium none;
		border-left: medium none;
    border-right: medium none;
    border-radius: 0;
		padding: 4px 0 8px;
	}
}
.dropdown-item:hover, .dropdown-item:active, .dropdown-item:focus {
  background-color: rgba(0,0,0,0);
}
.navbar .dropdown .menu-icon {
  margin-right: 6px;
}
.menu-icon {
  display: inline-block;
  min-height: 20px;
  min-width: 22px;
}
.dropdown-menu .dropdown-item {
  padding-left: 2rem;
}
@media only screen and (min-width: 992px) {
	.menu-icon {
		min-width: unset;
	}
	.nav-link.dropdown-toggle::after {
		display: none;
	}
}
/* End New Menu */

/* Date Picker */
.datepicker .datepicker-days, .datepicker .datepicker-months, .datepicker .datepicker-years {
  background: #f0f0f0 none repeat scroll 0 0;
}

.btn, .form-control{
  border-radius: 0;
}

.chart-container {
	padding-bottom: 24px;
}
.chart-container p {
	margin-bottom: 0.125rem;
}
.chart-container i.red {
	color: rgb(255, 0, 0);
}
.chart-container i.green {
	color: rgb(72, 192, 72);
}
.chart-container h3 > a {
  color: #000;
}

.logoutbutton a > i {
  font-size: 32px;
}
.logoutbutton > a:hover {
  color: red;
}
.modal-body{
  height: 75vh;
  overflow-y: auto;
}
.card-body table span.fa {
  color: #DC965A;
  font-weight: 600;
  cursor:pointer;
}

.help-block{
  color:red;
  font-weight: bold;
  padding-left:15px;
}
.loader .spinner {
  border: 16px solid #f3f3f3; /* Light grey */
  border-top: 16px solid red;
  border-radius: 50%;
  width: 120px;
  height: 120px;
  animation: spin .5s linear infinite;
}
.loader .text {
text-align: center;
color: #000;
font-size: 16px;
}
.loader{
border: 1px solid red;
z-index: 9999;
position: fixed;
left: 50%;
top: 120px;
  background-color: #fff;
}
@keyframes spin {
  0% { transform: rotate(0deg); }
  100% { transform: rotate(360deg); }
}
/* add sorting icons to gridview sort links */
a.asc:after, a.desc:after {
	position: relative;
	top: 1px;
	display: inline-block;
	font-family: 'Font Awesome 5 Free';
	font-style: normal;
	font-weight: normal;
	line-height: 1;
	padding-left: 5px;
}

a.asc:after, .sort-ordinal a.asc:after, .sort-numerical a.asc:after {
	
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  content: "\f0aa"
}

.sort-ordinal a.desc:after, a.desc:after, .sort-numerical a.desc:after {
	font-family: "Font Awesome 5 Free";
	font-weight: 900;
	content: "\f0ab";
}

/* User Index Page */
.user-index .useraction{
  cursor: pointer;
  color: #428bca;
}

.user-index .btn-group, .user-index  .btn-group-vertical {
  width:100%;
  position: unset;
  display: -ms-inline-flexbox;
  display: inline-flex;
  vertical-align: middle;
}

#LGmodal .modal-close{
  cursor: pointer;
}

.main-header .logafault{
  cursor: pointer;
  color: var(--admin-ngauge-orange-color);
  margin-left: .5rem;
}

.gallery-upload #sortable {
  list-style-type: none;
  margin: 0;
  padding: 0;
  width: 100%;
}

.gallery-upload #sortable li {
  margin: 0 5px 5px 5px;
  padding: 5px;
  font-size: 1.2em;
  height: 1.5em;
}

html>body .gallery-upload #sortable li {
  height: 1.5em;
  line-height: 1.2em;
}

.gallery-upload .ui-state-highlight {
  height: 40px;
  line-height: 1.2em;
  background-color: blue;
}


.container-fluid button, .container-fluid .btn {
	margin-top: 6px;
}
.btn-group .btn.btn-primary {
	margin-left: 6px;
}
/* Borders */
.card-header {
	border-bottom: 0px solid rgba(0, 0, 0, 0.125);
}
.table {
	margin-bottom: 0px;
}
.table-bordered tr th:first-child {
	border-left: none;
}
.table-bordered tr th:last-child {
	border-right: none;
}
.table-bordered tr td:first-child {
	border-left: none;
}
.table-bordered tr td:last-child {
	border-right: none;
}
.table-bordered thead th, .table-bordered thead td {
	border-bottom-width: 1px !important;
}
.card {
	margin-bottom: 1rem;
}
.reports-dashboard .card{
	border-bottom-width: 1px;
}
.reports-dashboard .table-bordered{
	border-bottom-width: 0px;
}
/* End Borders */

/* Fixed width Side Bar */
.sidebar.col-200 {
	padding-bottom: 15px;
}
@media only screen and (min-width: 991px) {
	.sidebar.col-200 {
		flex: 0 0 200px;
		max-width: 200px;
		padding-left: 15px;
		padding-right: 15px;
		position: relative;
		width: 200px;
	}
	.col.main {
		max-width: calc(100% - 200px);
	}
}
/* Notesbe form */
.notesbe-form h2 {
  font-size: 20px;
  font-weight: 600;
  text-align: center;
}
.notesbe-form h3 {
  font-size: 17px;
  font-weight: 600;
  margin: auto 0 0.5rem;
}
@media only screen and (min-width: 991px) {
	.notesbe-form .col.main.d-flex.title {
		min-height: 62px;
	}
}
.notesbe-form .form-group {
	display: flex;
	float: left;
	margin-bottom: 1rem;
	width: 100%;
}
@media only screen and (max-width: 767px) {
	.notesbe-form .form-group {
		flex-direction: column;
	}
}
.notesbe-form label {
  float: left;
  font-size: 15px;
  margin: auto 0;
  min-width: 175px;
  text-align: left;
  width: 175px;
}
.notesbe-form .field-notesbe-text .tox.tox-tinymce {
	width: 100%;
}
.notesbe-form select, .notesbe-form input {
	clear: right;
	max-width: 270px;
	width: 100%;
}
.notesbe-form .titlebar {
	background-color: #666;
	color: #fff;
	padding: 0;
	position: relative;
}
.notesbe-form .titlebar a, .notesbe-form .titlebar a:hover, .notesbe-form .titlebar a:visited {
	color: #fff;
	font-weight: 700;
	padding: 12px;
	text-decoration: none;
}
.notesbe-form .arrow {
	border-bottom: 4px solid #fff;
	border-left: 4px solid #fff;
	height: 16px;
	position: absolute;
	right: 15px;
	top: 14px;
	transform: rotate(-45deg);
	transition: all 0.5s;
	width: 16px;
}
.notesbe-form .collapsed .arrow {
	transform: rotate(-135deg);
}
.notesbe-form .form-control.krajee-datepicker {
	max-width: 193px;
	width: 100%;
}
.notesbe-form  .input-group.date {
	float: left;
	width: auto;
}
.notesbe-form .date {
	display: flex;
	height: 36px;
}
.notesbe-form .date > p {
	margin: auto 0;
}
.notesbe-form .switch {
  display: flex;
  position: relative;
  width: 56px;
}
.notesbe-form .switch a {
  color: #fff;
  font-weight: 600;
}
.notesbe-form .switch .redbox {
  background-color: #dc3545;
  float: left;
  height: 28px;
  margin-bottom: 12px;
  padding: 1px 9px;
  width: 28px;
}
.notesbe-form .switch .greenbox {
  background-color: #8bb174;
  float: left;
  height: 28px;
  margin-bottom: 12px;
  padding: 1px 7px;
  width: 28px;
}
.notesbe-form .switch .collapsed .greybox {
  background-color: #aaa;
  font-size: 30px;
  font-weight: 700;
  height: 28px;
  left: 0;
  line-height: 21px;
  margin: 0;
  padding: 0 9px;
  position: absolute;
  top: 0;
	transition: all 0.25s;
  width: 28px;
}
.notesbe-form .switch a .greybox {
  background-color: #aaa;
  font-size: 30px;
  font-weight: 700;
  height: 28px;
  left: 28px;
  line-height: 21px;
  margin: 0;
  padding: 0 9px;
  position: absolute;
  top: 0;
	transition: all 0.25s;
  width: 28px;
}
.notesbe-form .row.form-group {
  margin-bottom: 0 !important;
}
.table-responsive .filters .btn.btn-primary {
  margin-bottom: 3px;
  margin-top: 0;
  width: 100%;
}
.table-responsive .filters .form-control {
  margin: 3px 0;
  padding: 0 0.75rem;
}
.table-responsive .dropdown-menu {
  background-color: #fefefe;
  border: 1px solid #ccc;
  padding-bottom: 0;
  width: 100%;
}
.table-responsive .dropdown-menu .dropdown-item {
  border-bottom: 1px solid #ccc;
  color: #000;
}
.table-responsive .nav-link.dropdown-toggle::after {
  border-width: 0.5rem 0.5rem 0;
  display: inline-block;
  left: 8px;
  position: relative;
  top: 3px;
}
.table-responsive .nav-link {
  padding: 0;
}