html {
	position: relative;
	min-height: 100%;
	font-family: 'Helvetica Neue', sans-serif !important;
	background:#F6C344;
	font-size:1rem;
	font-weight: 400;
	scroll-behavior: smooth;
}

.dtab {
	min-height:400px !important;
}

body {
	min-height: 100%;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	-webkit-print-color-adjust: exact;
	color: rgba(0,0,0,0.87) !important;
	font-family: 'Helvetica Neue', sans-serif !important;
}

.lrowouter {
	margin-left:8px !important;
}

.admin-progress {
	height:6px !important;
}

.switch-success:checked {
    background-color: #198754 !important;
    border-color: #198754 !important;
}

/* Backgrounds */
.bg-navy { background-color: #001F3F; color:#FFFFFF;}
.bg-blue { background-color: #0074D9; color:#FFFFFF;}
.bg-aqua { background-color: #7FDBFF; color:#000000;}
.bg-teal { background-color: #39CCCC; color:#000000}
.bg-olive { background-color: #3D9970; color:#FFFFFF;}
.bg-green { background-color: #2ECC40; color:#FFFFFF;}
.bg-lime { background-color: #01FF70; color:#000000}
.bg-yellow { background-color: #FFDC00; color:#000000}
.bg-orange { background-color: #FF851B; color:#FFFFFF;}
.bg-red { background-color: #FF4136; color:#FFFFFF;}
.bg-fuchsia { background-color: #F012BE; color:#FFFFFF;}
.bg-purple { background-color: #B10DC9; color:#FFFFFF;}
.bg-maroon { background-color: #85144B; color:#FFFFFF;}
.bg-white { background-color: #FFFFFF; color:#000000}
.bg-gray { background-color: #AAAAAA; color:#000000}
.bg-silver { background-color: #DDDDDD; color:#000000}
.bg-black { background-color: #111111; color:#FFFFFF;}
.bg-grey-100{background-color:#F3F4F6;color:#000000}
.bg-grey-200{background-color:#E5E7EB;color:#000000}
.bg-blue-50{background-color:#EFF6FF;color:#000000}
.bg-teal-50{background-color:#F0FDFA;color:#000000}
.bg-teal-700{background-color:#0F766E; color:#FFFFFF;}
.bg-teal-800{background-color:#115E59; color:#FFFFFF;}
.bg-red-100 { background-color: #f76b64; color:#FFFFFF;}
.bg-red-200 { background-color: #f49f9b; color:#FFFFFF;}
.bg-purple-100 { background-color: #c79fff; color:#FFFFFF;}




/* Colors */
.navy { color: #001F3F; }
.blue { color: #0074D9; }
.aqua { color: #7FDBFF; }
.teal { color: #39CCCC; }
.olive { color: #3D9970; }
.green { color: #2ECC40; }
.lime { color: #01FF70; }
.yellow { color: #FFDC00; }
.orange { color: #FF851B; }
.red { color: #FF4136; }
.fuchsia { color: #F012BE; }
.purple { color: #B10DC9; }
.maroon { color: #85144B; }
.white { color: #FFFFFF; }
.silver { color: #DDDDDD; }
.gray { color: #AAAAAA; }
.black { color: #111111; }

.border-navy { border-color: #001F3F; }
.border-blue { border-color: #0074D9; }
.border-aqua { border-color: #7FDBFF; }
.border-teal { border-color: #39CCCC; }
.border-olive { border-color: #3D9970; }
.border-green { border-color: #2ECC40; }
.border-lime { border-color: #01FF70; }
.border-yellow { border-color: #FFDC00; }
.border-orange { border-color: #FF851B; }
.border-red { border-color: #FF4136; }
.border-fuchsia { border-color: #F012BE; }
.border-purple { border-color: #B10DC9; }
.border-maroon { border-color: #85144B; }
.border-white { border-color: #FFFFFF; }
.border-gray { border-color: #AAAAAA; }
.border-silver { border-color: #DDDDDD; }
.border-black { border-color: #111111; }

.fill-navy { fill: #001F3F; }
.fill-blue { fill: #0074D9; }
.fill-aqua { fill: #7FDBFF; }
.fill-teal { fill: #39CCCC; }
.fill-olive { fill: #3D9970; }
.fill-green { fill: #2ECC40; }
.fill-lime { fill: #01FF70; }
.fill-yellow { fill: #FFDC00; }
.fill-orange { fill: #FF851B; }
.fill-red { fill: #FF4136; }
.fill-fuchsia { fill: #F012BE; }
.fill-purple { fill: #B10DC9; }
.fill-maroon { fill: #85144B; }
.fill-white { fill: #FFFFFF; }
.fill-gray { fill: #AAAAAA; }
.fill-silver { fill: #DDDDDD; }
.fill-black { fill: #111111; }

.stroke-navy { stroke: #001F3F; }
.stroke-blue { stroke: #0074D9; }
.stroke-aqua { stroke: #7FDBFF; }
.stroke-teal { stroke: #39CCCC; }
.stroke-olive { stroke: #3D9970; }
.stroke-green { stroke: #2ECC40; }
.stroke-lime { stroke: #01FF70; }
.stroke-yellow { stroke: #FFDC00; }
.stroke-orange { stroke: #FF851B; }
.stroke-red { stroke: #FF4136; }
.stroke-fuchsia { stroke: #F012BE; }
.stroke-purple { stroke: #B10DC9; }
.stroke-maroon { stroke: #85144B; }
.stroke-white { stroke: #FFFFFF; }
.stroke-gray { stroke: #AAAAAA; }
.stroke-silver { stroke: #DDDDDD; }
.stroke-black { stroke: #111111; }

.searchrow table-header .d-flex {
	/*border-bottom:1px solid var(--bs-border-color) !important;*/
	border: 0px !important;
}

.searchrow table-footer .d-flex {
	/*border-top:1px solid var(--bs-border-color) !important;*/
	border: 0px !important;
}

.card {
	position:relative;
}

.corner {
	position: absolute;
	width:60px;
	height:20px;
	text-align:center;
	padding:8px;
	right: 0;
	font-size:0.8rem;
	padding:0;
	border-radius: 0 0.25rem;
}

.emailbody p, .tugoz-email-div p {
	margin-top: 10px !important;
}
.emailbody {
	width:100%;
}

canvas {
	position:relative;
	z-index:1;
}

.sp-replacer {
	border: 1px solid var(--bs-border-color) !important;
    border-radius: 0.25rem !important;
}

.sp-preview {
    width: 30px !important;
    height: 28px !important;
	border:0px !important;
}

.form-body .form-control {
	background:#F8F9FA !important;
}

.sp-dd {
    padding: 8px 0 !important;
}

/*.tableSt #na {
	visibility:hidden !important;
}*/

h4 {
    margin: 4px !Important;
    padding: 4px !Important;
    font-size: 1.1rem !Important;
}

.pricedesigner .cs0 {
	border:#28a745 1px solid !important
}
.pricedesigner .cs1 {
	border:#007bff 1px solid !important
}
.pricedesigner .cs2 {
	border:#f702b9 1px solid !important
}
.pricedesigner .cs3 {
	border:#1fc8db 1px dotted !important
}
.pricedesigner .cs4 {
	border:#F6C344 1px dotted !important
}
.pricedesigner .cs5 {
	border:#FBE7E7 1px dotted !important
}
.pricedesigner .cs6 {
	border:#ffeb99 1px dotted !important
}
.pricedesigner .cs7 {
	border:hsl(125, 98%, 49%) 1px dotted !important
}
.pricedesigner .cs8 {
	border:#FF0000 1px dotted !important
}
.pricedesigner .cs9 {
	border:#337ab7 1px dotted !important
}

.pclist {
	min-width:85px;
}

.signin {
  background:#fff;

  display: -ms-flexbox;
  display: -webkit-box;
  display: flex;
  -ms-flex-align: center;
  -ms-flex-pack: center;
  -webkit-box-align: center;
  align-items: center;
  -webkit-box-pack: center;
  justify-content: center;
}

.stitle {
	width:40px;
	height:40px;
	text-align:center;
	vertical-align: middle;
}

.border-upd {
	border: 1px dotted var(--bs-border-color);
	background:#eee;
	border-radius: 0.25rem;
	min-height:100px !Important;
}

.border-top-dotted {
	border-top-style:dotted !important;
}

.border-dashed {
	border-style:dashed !important;
}

.border-form {
	border: 1px solid var(--bs-border-color) !important;
	border-radius:.2rem;
}

.form-signin {
  max-width: 100%;
  width: 400px;
  padding: 15px;
  margin: 0 auto;
}
.form-signin .checkbox {
  font-weight: 400;
}

.dash-header {
	font-size:0.7rem;
	text-transform: uppercase;
	color:#AAAAAA;
}

.form-signin .form-control {
  position: relative;
  box-sizing: border-box;
  height: auto;
  padding: 10px;
  font-size: 16px;
}
.form-signin .form-control:focus {
  z-index: 2;
}

.form-signin input[type="email"] {
  margin-bottom: -1px;
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0;
}
.form-signin input[type="password"] {
  margin-bottom: 10px;
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}

.homesa h6 {
	margin-bottom:2px !important;
	color: #aaaaaa;
	font-size:0.6rem !important;
}

.homesa .table {
	width:100%;
}

.lgn {
	max-width: 400px;
}

.lgn input {
	margin-bottom: 4px;
}

.lgn input .ng-invalid {
	border-color: orange;
}

.form-signin input[type="email"] {
	margin-bottom: -1px;
	border-bottom-right-radius: 0;
	border-bottom-left-radius: 0;
}

.form-signin input[type="password"] {
	margin-bottom: 10px;
	border-top-left-radius: 0;
	border-top-right-radius: 0;
}

input .ng-dirty {
	background-color: pink;
}

.contentheader h6 {
	margin-bottom: .5rem;
	margin-top: .5rem;
}

.nmess {
	font-size: 0.9rem;
}

.sa-table td:first-child {
	width: 160px !Important;
}

.sa-table td {
	vertical-align: middle !Important;
}

.sa-table {
	border: 1px solid var(--bs-border-color) !Important;
}

.note-editor p, .emailpreview p, .tnotes p, .ticketpreview p {
	margin-bottom: 2px;
	margin-top: 2px;
	padding: 0;
}

.note-toolbar .fa {
	width:16px;
	height:18px;
}

.table-admticket {
	border: 1px solid var(--bs-border-color);
}

.table-admticket td {
	vertical-align: middle !Important;
	font-size:1rem;
}

.tabletoolbar {
	padding: 8px 0;
}

.tsumcout div {
	padding: 4px;
}

.tabletoolbar .btn {
	margin-bottom: 4px;
}

#addr,
#edate,
#pricingcol,
#prchdr,
#contact,
#about,
#poster,
#mbt,
#msgm {
	display: none;
}

input[type=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button {
	-webkit-appearance: none;
	margin: 0;
}

.fa-square-o {
	color: #666;
}

.bclose td {
	background: #F8F9FA !Important;
	color: #666;
}

.bopen td {
	background: #fff !Important;
}

.fa-check-square-o {
	color: green;
}

ttl {
	margin-top: 4px;
	margin-bottom: 2px;
	color: #666;
	font-size: 0.7rem;
	font-weight: 300;
	display: block;
	white-space: nowrap;
}

.deactivated {
	background: #F8F9FA;
	color: #aaa;
}

.rowvar div {
	padding-right: 4px !Important;
	padding-left: 4px !Important;
}

.bg-headerlight {
	background:#dedeee;
}

.bg-gray {
	background: #EEEEEE !Important;
	border-color: #EEEEEE !Important;
}

.btn-gray {
	background: #EEEEEE !Important;
	border-color: #EEEEEE !Important;
	--bs-btn-hover-color: #000 !important;
    --bs-btn-hover-bg: #d3d4d5 !important;
    --bs-btn-hover-border-color: #c6c7c8 !important;
}

@media only screen and (min-width: 480px) {
	.btn-md-gray {
		background: #EEEEEE !Important;
		border-color: #EEEEEE !Important;
		--bs-btn-hover-color: #000 !important;
		--bs-btn-hover-bg: #d3d4d5 !important;
		--bs-btn-hover-border-color: #c6c7c8 !important;
	}
}

@media only screen and (max-width: 480px) {
    .footer-align {
        padding: 8px 16px;
        position: fixed;
        left: 0;
        bottom: 0;
        width: 100% !important;
        text-align: center;
        z-index: 1030;
        opacity: 0.99;
        filter: alpha(opacity = 95);
        background: #FFFFFF;
        border-top: 1px solid var(--bs-border-color);
    }
}

.bg-mid-gray {
	background: #DDDDDD !Important;
}

.search-group .form-control {
    padding: 6px 8px !important;
}

.btn-white {
    color: #212529;
    background-color: #FFFFFF;
    border-color: #FFFFFF;
}

.width-refund {
	width: 120px !important;
}

.cname {
	min-width:200px;
	max-width:400px;
}

.ta-toolbar .btn-group {
	margin-bottom: 4px;
	margin-right: 4px;
}

.layoutupdown {
    display: none;
}
    
.layoutinput:hover + .layoutupdown, .layoutupdown:hover {
    display: block;
}

.emailpreview {
	background: #FFFFFF;
	font-size: 1rem;
}

.emailpreview img {
	max-width: 100% !important;
}

.recent-flag {
	width: 15px !Important;
	height: 10px !Important;
}

.emailpreview .pmarker {
	text-align: center;
	padding: 4px;
	font-size: 9px;
	color: #999;
	border-bottom: 1px dotted burlywood;
	vertical-align: middle;
}

.emailpreview td {
	border-bottom: 1px dotted burlywood;
}

.emailpreview .card-header {
	border-top:1px solid
}

.btn-confirm {
	min-width:120px;
}

.btn-type .btn {
	min-width:80px !important;
}

.btn-co:focus,.btn-co:active {
	outline: none !important;
	box-shadow: none !important;
 }

.maincontent {
	min-height:85vh;
	padding-bottom:60px;
	border-top:1px solid var(--bs-border-color);
	background:#F8F9FA;
}

.bg-selection, .bg-selection td {
	background-color:#dedeee;
	cursor:pointer;
}
.bg-selection td {
	border-bottom:2px solid #F8F9FA !important;
	padding:8px !important;
}

.form-control-border {
    color: #495057;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid var(--bs-border-color);
    border-radius: .25rem;
    transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out;
}

.form-control-border-bottom {
    border-bottom: 1px solid var(--bs-border-color);
    transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out;
}

li .btn {
	margin-left: 4px !Important;
}

.search-sm  {
	width:340px !important;
}
.search-lg {
	width:640px;
	max-width:100% !important;
}

.hidden-admin {
	display: none !Important;
}

#pricesm {
	display: none !Important;
}

.navbar-nav .btn {
	margin-bottom: 2px;
}

.tktnm {
	text-align: left !Important;
	width:80%;
}

.tkt {
	width:80%;
}

.ci {
	border-bottom: 1px solid var(--bs-border-color);
	padding: 4px;
}

.renderwrap{
	display: flex;
	justify-content: center;
	align-items: center;
}

.ci .sep {
	color: #ddd;
	font-size: 12px;
	margin-left: 8px;
	margin-left: 8px;
}

.ci div {
	word-wrap: break-word;
}

.ci div div {
	margin-top: 4px;
}

.ci .toolbar {
	background: #F8F9FA;
}

.priceadm {
	text-align: right !Important;
}

.footer {
	position: absolute;
	bottom: 0;
	width: 100%;
	height: 60px;
	/* Set the fixed height of the footer here */
	line-height: 60px;
	/* Vertically center the text there */
	background-color: #f5f5f5;
	color: #999 !Important;
	font-size: 13px !Important;
}

#print #total {
	visibility: hidden;
}

.footer a {
	color: #999 !Important;
}

.stage {
	visibility: hidden;
}

.sel {
	color: #337ab7;
}

.unsel {
	color: #eee;
}

.ttable-center td {
	text-align: center !Important;
	vertical-align: middle !Important;
}

dt small {
	color: #999;
	font-weight: normal;
}

[ng\:cloak],
[ng-cloak],
[data-ng-cloak],
[x-ng-cloak],
.ng-cloak,
.x-ng-cloak {
	display: none !important;
}

select {
	padding: 1px;
	border: 1px solid #d4d5d7;
	font-size: 12px;
	border-radius: 3px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
}

select option .default {
	color: 999;
	background: red;
}

.tblesur {
	width: 100%;
}

.ttab {
	width: 100%;
}

.ttab td {
	background: #fff !Important;
	vertical-align: middle !Important;
	padding: 8px;
}

.ttab {
	margin-bottom: 0px !Important;
}

.inp td {
	text-align: left !Important;
	vertical-align: middle !Important;
}

.main {
	padding: 20px;
}

.main .page-header {
	margin-top: 0;
}

.btn-group>.btn,
.btn-group-vertical>.btn {
	float: left;
	position: relative;
}

.laybtn .btn {
	width:70px;
}

.laypres .btn {
	width:80px;
}

#hmes,
#bmes {
	background: #F8F9FA;
	border-top: 1px solid var(--bs-border-color);
	border-bottom: 1px solid var(--bs-border-color);
}

.placeholders {
	margin-bottom: 30px;
	text-align: center;
}

.placeholders h4 {
	margin-bottom: 0;
}

.placeholder {
	margin-bottom: 20px;
}

.placeholder img {
	display: inline-block;
	border-radius: 50%;
}

.hmenu:hover {
	background-color: #ddd;
}

.hmenu.active,
.hmenu.focus,
.hmenu:active,
.hmenu:focus,
.open>.dropdown-toggle.hmenu {
	color: #fff;
	background-color: #337ab7;
	border-radius: 0;
	box-shadow: none;
	outline: none;
}

.pricebadge {
	min-width: 80px;
}

.balance-tile {
	width:180px;
}

.reqmes img, .comments img, .res img {
	max-width:100%;
}

.credit-bar {
	background-image: linear-gradient(90deg,green 4px,#fff 4px, #fff 90%);
}

.debit-bar {
	background-image: linear-gradient(90deg,orange 4px,#fff 4px, #fff 90%);
}

.balance-lost {
	background-image: linear-gradient(90deg,red 4px,#fff 4px, #fff 90%);
}

.balance-bar {
	background-image: linear-gradient(90deg, #0C6EFD 4px,#fff 4px, #fff 90%);
}

.progress {
	margin-bottom: 0px;
}

.hmenu {
	color: #333;
	border-top: none;
	border-left: none;
	border-right: none;
}

.extraspace {
	padding: 4px;
}

.extraspace dd,
dt {
	padding: 4px;
}

.dtl table th {
	word-break: normal;
}

.dtl table td {
	word-break: normal;
}

.dtl {
	color: #111;
	background: #fff;
	padding: 8px;
	margin-bottom: 8px;
}

.dtl .thdr {
	padding: 16px;
}

.confirmpreview {
	width: 100%;
}

.confirmpreview .pmarker {
	text-align: center;
	padding: 4px;
	font-size: 9px;
	color: #999;
	border-bottom: 1px dotted burlywood;
	vertical-align: middle;
}

.confirmpreview td {
	border-bottom: 1px dotted burlywood;
}

.dtl h5 {
	color: #337ab7;
}

.border .outline-border-grp {
	border: 1px solid var(--bs-border-color) !important;
}

.outline-border-grp .einfo {
	padding: 8px;
}

.spacious {
	padding: 8px !Important;
}

.spacious-sm {
	padding: 4px !Important;
}

.spacious-lg {
	padding: 16px !Important;
}

.ahdr a {
	margin-left: 2px;
}

.ahdr span {
	margin-left: 10px;
}

.dtlhdr {
	background: #fff;
	padding: 4px 8px;
}

#tm button {
	margin: 10px 2px;
}

#tm label {
	margin: 14px 6px;
}

.dtlhdr h5 {
	color: #337ab7;
	font-size: 16px;
}

.blinking {
	-webkit-animation: 1s blink ease infinite;
	-moz-animation: 1s blink ease infinite;
	-ms-animation: 1s blink ease infinite;
	-o-animation: 1s blink ease infinite;
	animation: 1s blink ease infinite;
}

@keyframes "blink" { from, to { opacity: 0; } 50% { opacity: 1; } }
@-moz-keyframes blink { from, to { opacity: 0; } 50% { opacity: 1; } }
@-webkit-keyframes "blink" { from, to { opacity: 0; } 50% { opacity: 1; } }
@-ms-keyframes "blink" { from, to { opacity: 0; } 50% { opacity: 1; } }
@-o-keyframes "blink" { from, to { opacity: 0; } 50% { opacity: 1; } }

/* enable absolute positioning */

.inner-addon {
	position: relative;
}


/* style icon */

.inner-addon .glyphicon {
	position: absolute;
	padding: 10px;
	pointer-events: none;
}


/* align icon */

.left-addon .glyphicon {
	left: 0px;
}

.right-addon .glyphicon {
	right: 0px;
}


/* add padding  */

.left-addon input {
	padding-left: 30px;
}

.right-addon input {
	padding-right: 30px;
}

.col-lg-1,
.col-lg-10,
.col-lg-11,
.col-lg-12,
.col-lg-2,
.col-lg-3,
.col-lg-4,
.col-lg-5,
.col-lg-6,
.col-lg-7,
.col-lg-8,
.col-lg-9,
.col-md-1,
.col-md-10,
.col-md-11,
.col-md-12,
.col-md-2,
.col-md-3,
.col-md-4,
.col-md-5,
.col-md-6,
.col-md-7,
.col-md-8,
.col-md-9,
.col-sm-1,
.col-sm-10,
.col-sm-11,
.col-sm-12,
.col-sm-2,
.col-sm-3,
.col-sm-4,
.col-sm-5,
.col-sm-6,
.col-sm-7,
.col-sm-8,
.col-sm-9,
.col-xs-1,
.col-xs-10,
.col-xs-11,
.col-xs-12,
.col-xs-2,
.col-xs-3,
.col-xs-4,
.col-xs-5,
.col-xs-6,
.col-xs-7,
.col-xs-8,
.col-xs-9 {
	padding-right: 4px;
	padding-left: 4px;
}

.circle {
	width: 10px;
	height: 10px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	background: #5cb85c;
	float: right;
	margin: 4px 0px 4px 10px;
}

.circlepr {
	width: 12px;
	height: 12px;
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	border-radius: 6px;
}

.badge {
	font-weight:350 !important;
	letter-spacing: 0.75px !important;
}

.btn .badge {
	margin-left:4px;
}

.card {
	border: var(--bs-border-width) var(--bs-border-style) var(--bs-border-color)!important;
}

a.badge {
	text-decoration:none !important;
	color:#fff;
	line-height: 1rem;
}

a.badge:hover {
	color:#fff;
}

.setupmenu .nav {
	min-width:150px;
}

a.badgelink {
	line-height: 1 !important;
}

a.badgelink:hover {
	color:#fff;
}

.comments p {
	margin:0px !important;
	padding:2px 0 !important;
}

.table>:not(caption)>*>* {
    border-bottom-width: 0px !important;
}

.navselect {
	text-align: center !important;
	border-radius: 0rem !important;
	border-right:1px !important;
	text-align-last:center;
}

.pastevent td {
	background: #eee !Important;
}

.presentevent td {
	background: #fff;
}

table td, .table th {
	vertical-align: middle !important;
}

.table-lg tr, .table-md tr {
	border-bottom: 1px solid var(--bs-border-color)!important;
}

.table-lg > tbody > tr:last-child {
	border-bottom: 0px !;
}

.table-lg td, .table-lg th, .tablenb-lg td, .tablenb-lg th {
	padding:1rem !important;
	font-size:1rem;
}

.table-lg td.cosurvey {
	padding: 0 !important;
}

.amt {
	width:100px !important;
	text-align:right;
}

.balace-tile {
	min-width:200;
}

.bd-callout {
    padding: 1.25rem;
    margin-top: 1.25rem;
    margin-bottom: 1.25rem;
    border: 1px solid var(--bs-border-color);
    border-left-width: 0.25rem;
}

.bd-callout-info {
    border-left-color: #5bc0de;
}

.table-lg th, .table-lg thead {
    border-style: none !important;
}

.table-lg th a {
	text-decoration: none!important;
	color: #212529!important;
}

.table-lg .subhdr th {
	font-size:0.8rem !important;
	padding-top: 2px !important;
	padding-bottom: 2px !important
}

.table-info,
.table-info>td,
.table-info>th {
	color: #337ab7;
	font-weight: bold;
}

.etile table {
	width: 100%;
}

.etile .thhd {
	background: #eee;
	border: 1px solid #eee;
	text-align: center;
}

.etile td {
	width: 25%;
	padding: 2px 4px;
	text-align: center;
	border: 1px solid #eee;
}

.etile td {
	padding: 2px 8px;
	border-radius: 4px;
}

.etile .nocolor2 {
	background: #eee;
	background: #f2dede;
	background: #dff0d8;
	background: #dff0d8 !Important;
}

.navbar {
	padding: 4px !Important;
}

.etile .nocolor {
	background: #eee;
}

.emailbody .note-toolbar {
	background: #FFFFFF !important;
}

.etile .held {
	background: #f2dede;
}

.bg-tool {
	background:rgba(255,255,255,0.9);
}

.segment:hover > .hoveredit {
	display: block;
}

.hoveredit {
	position: absolute;
	background:rgba(255,255,255,0.8);
	padding:2px;
	cursor:pointer;
	border-radius:2px;
}

.hecsection {
	top: 5px;
	right: 2px;
}

.heheader {
	top: 5px;
	right: 5px;
}

.hecontent {
	top: 32px;
	right: -6px;
}

.hecbody {
	right: 5px;
}

.borderdottedwarning {
	border:1px dotted #F6C244;
}

.borderdottedprimary {
	border:1px dotted #0C6EFD;
}

.colorpickerdot {
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
    background-color: #FFFFFF;
    width: 14px;
    height: 12px;
    border: 1px solid #FFFFFF;
    border-radius: 50%;
	margin:0px;
}
.colorpickerdot::-webkit-color-swatch {
	border-radius: 50%;
	border: 0px solid #000000;
  }
.colorpickerdot::-moz-color-swatch {
	border-radius: 50%;
	border: 0px solid #000000;
}

input[type=range] {
	-webkit-appearance: none;
	width: 100%;
  }
  input[type=range]:focus {
	outline: none;
  }
  input[type=range]::-webkit-slider-runnable-track {
	height: 6px;
	cursor: pointer;
	box-shadow: 0px;
	background: #cccccc;
	border-radius: 3px;
	border: 0px solid #010101;
  }

  input[type=range]::-webkit-slider-thumb {
	box-shadow: 0px;
	border: 0px solid #eeeeee;
	height: 16px;
	width: 16px;
	border-radius: 8px;
	background: #0C6EFD;
	cursor: pointer;
	-webkit-appearance: none;
	margin-top: -5px;
  }

  input[type=range]::-moz-range-track {
	height: 6px;
	cursor: pointer;
	box-shadow: 0px;
	background: #cccccc;
	border-radius: 3px;
	border: 0px solid #010101;
  }
  input[type=range]::-moz-range-thumb {
	box-shadow: 0px;
	border: 0px solid #eeeeee;
	height: 16px;
	width: 16px;
	border-radius: 8px;
	background: #0C6EFD;
	cursor: pointer;
  }

  input[type=range]::-ms-track {
	height: 6px;
	cursor: pointer;
	background: transparent;
	border-color: transparent;
	border-width: 8px 0;
	color: transparent;
  }
  input[type=range]::-ms-fill-lower {
	background: #cccccc;
	border: 0px solid #010101;
	border-radius: 2.6px;
	box-shadow: 0;
  }
  input[type=range]::-ms-fill-upper {
	background: #cccccc;
	border: 0px solid #010101;
	border-radius: 3px;
	box-shadow: 0;
  }
  input[type=range]::-ms-thumb {
	box-shadow: 1px 1px 1px #000000, 0px 0px 1px #0d0d0d;
	border: 1px solid #000000;
	height: 36px;
	width: 16px;
	border-radius: 3px;
	background: #ffffff;
	cursor: pointer;
  }
  input[type=range]:focus::-ms-fill-lower {
	background: #3071a9;
  }
  input[type=range]:focus::-ms-fill-upper {
	background: #367ebd;
  }

.etfactive,
.etfinactive,
.etfpast {
	padding: 4px;
}

.etfpast {
	background: #f2dede !Important;
}

.etfinactive {
	background: #fcf8e3 !Important;
}

.note-editor.note-frame {
	border: 0px solid #a9a9a9 !Important;
	background: transparent !Important;
}

.newbg {
	background-color: #1fc8db;
	background-image: linear-gradient(141deg, #9fb8ad 0%, #1fc8db 51%, #2cb5e8 75%);
}

.btn-menu {
	margin-left: 4px;
}

.homesm {
	padding: 6px;
	border-top: 1px solid #eee;
	text-align: center;
}

.norow {
	color: #999;
}

.homebox {
	border-bottom: 4px solid #ddd;
	color: #333;
	background: #FFF;
	padding: 16px 8px;
}

.ccolor {
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	width: 31px;
	height: 31px;
	padding:0px;
	background-color: transparent;
	cursor: pointer;
	border:1px solid var(--bs-border-color);
  }
  .ccolor::-webkit-color-swatch {
	border:1px solid var(--bs-border-color);
  }
  .ccolor::-moz-color-swatch {
	border:1px solid var(--bs-border-color);
  }

.tbl-caption {
	color:#666 !important;
	font-weight: 500;
	line-height: 1.5;
	font-size:0.8rem;
	margin-bottom:2px;
}

.homeboxnomargin {
	color: #333;
	background: #F8F9FA;
	padding: 16px 8px;
}

.etilehdr td {
	font-size: 12px;
	padding: 1px 4px;
	background: #F8F9FA;
}

.top-nav li .btn {
	padding-left:10px;
	padding-right:10px;
}

.moment-picker {
	z-index: 5000 !important;
}

.ethdr {
	vertical-align: middle !Important;
	background: #F8F9FA;
}

.tbl td {
	vertical-align: middle !Important;
}

.ttable-noborder, .ttable-noborder tr, .ttable-noborder td {
	border:0px !important;
}
.ttable-noborder td {
	vertical-align: middle !important;
}

.homecart {
	min-width: 350px !important;
	max-width: 350px !important;
}
.homecart {
	cursor: pointer;
}
.homecart:hover{
	transform: scale(1.01);
}

.selrow {
	cursor:pointer !important;
}

.selrow:hover {
	background:#f8f8f8;
}

.selrow:hover,.hdiv:hover {transform: scale(1.01);}

.hdiv {
	cursor:pointer !important;
	overflow:hidden;
	border-radius:0.375rem;
	border: var(--bs-border-width) var(--bs-border-style) var(--bs-border-color)!important;
}

.pass {
	color: green;
}

.fail {
	color: red;
}

.white {
	color: white;
}

.removebg {
	background: #fff3cd;
}

.priceright {
	display: none !Important;
}

.tblpr {
	border: var(--bs-border-color);
	font-size: 14px;
	width: 100%;
}

.tblerror {
	background: #fff;
	width: 100%;
	border: 1 px solid var(--bs-border-color);
}

.tblerror table {
	font-size: 12px;
	border: 1px solid var(--bs-border-color);
	margin-top: 8px;
	background: #fff;
}

.tblerror td {
	vertical-align: middle !Important;
}

.eclosed {
	background: #dff0d8;
	vertical-align: middle !Important;
}

.enew {
	background: #fff;
}

.note-editor.note-frame .note-editing-area .note-editable {
	overflow-wrap: break-word !important;
	max-width:100% !important;
}

textarea,
input.text,
input[type="text"],
input[type="button"],
input[type="submit"],
input[type="email"],
input[type="phone"],
.input-checkbox {
	-webkit-appearance: none;
}

.tblcheckin {
	font-size: 15px;
	width: 100%;
	background: #F8F9FA;
	margin-bottom: 16px;
}

.tblcheckin tbody tr:hover {
	background-color: #c3e6cb;
}

.selected td {
	background-color: #c3e6cb;
}

.checkined {
	background-color: hsla(147, 50%, 47%, 0.15);
}

.checkined td {
	background-color: #eee;
}

.tactive {
	background: #fff !Important;
	font-weight: bold;
}

.note-editor.note-frame .note-editing-area .note-editable {
	border-left: 1px solid var(--bs-border-color) !Important;
	border-right: 1px solid var(--bs-border-color) !Important;
	background:#FFF;
}

.notmsg .note-editing-area {
	background:#fff;
}

.teditor .card-header {
	border-bottom: 0px !Important;
}

.note-popover .popover-content,
.card-header.note-toolbar {
	background: transparent !Important;
}

.note-toolbar {
	background-color: transparent !Important;
	border: 1px solid var(--bs-border-color) !important;
}

.note-editor.note-frame .note-statusbar {
	background: transparent !Important;
}

.teditor {
	padding: 8px;
	border-bottom: 1px solid var(--bs-border-color);
	border-left: 1px solid var(--bs-border-color);
	border-right: 1px solid var(--bs-border-color);
	background: #eee !Important;
}

.tblcheckin td {
	padding: 8px;
	border-top: 1px solid var(--bs-border-color);
	border-bottom: 1px solid var(--bs-border-color);
}

.tblprc {
	border: 1px solid var(--bs-border-color);
	font-size: 14px;
	width: 100%;
}

.table td th {
	vertical-align: middle !Important;
}

.tblprc td th {
	vertical-align: middle !Important;
	text-align: center !Important;
	padding: 8px !Important;
}

.tblprc th {
	background: #F8F9FA;
}

.varia {
	background: #F8F9FA;
}

.sym {
	padding: 0px !Important;
	background: transparent !Important;
}

.tblsum {
	font-size: 14px;
}

.prf {
	font-size: 14px;
}

.tblsum td {
	text-align: center !Important;
	padding: 4px !Important;
}

.tablechart {
	font-size: 10px;
}

.tablechart th {
	padding: 2px !Important;
}

.tablechart td {
	padding: 2px !Important;
}

.tblsum th {
	text-align: center !Important;
	padding: 4px !Important;
}

.enav {
	background: #F8F9FA;
	padding: 8px 8px 0 8px;
	font-size: 14px;
	border-bottom: 1px solid var(--bs-border-color);
}

.enav>.nav-tabs>li {
	float: none;
	display: inline-block;
	zoom: 1;
}

.enav>.nav-tabs {
	border-bottom: transparent;
	margin-bottom: -1px;
}

.preview p {
	margin-top: 4px;
	margin-bottom: 4px;
}

.progress {
	margin-bottom: 0px !Important;
}

#pwrap,
.pwrap {
	visibility: hidden;
	height: 1px;
}

.mempar {
	display: none;
}

.adminbox {
	display: inline !Important;
}

.progress {
	background-color: #eee !Important;
}

.adate {
	min-width: 260px !important;
	min-height:38px;
}

.badge-sm {
	font-size:0.7rem !important;
}

a {
	text-decoration: none !important;
}

.text-sm {
	font-size:0.8rem;
}

.dash-tugoz, .bg-gradient {
	background-image: linear-gradient(245deg, #fff 25%, #F6C244 75%);
}

.dash-list, .bg-gradient {
	background-image: linear-gradient(to bottom left, #FFF 35%, #fefcf4 65%);
}

.dash-list, .dash-tugoz {
	cursor: pointer;
	border-bottom:0px;
}

.dashcard-header {
	font-size:1.2rem;
	color:#333;
}

.pdate {
	font-size: 14px;
	font-weight: 400;
	line-height: 1;
	color: #555;
	text-align: center;
	background-color: #f8f8f8;
	border: 1px solid var(--bs-border-color);
	min-height: 28px;
}

.inactive {
	background: #eee;
}

.badge-gmes {
	width: 90px !Important;
}

.inactive2 td {
	background: #F8F9FA !Important;
}

.ttable-center td {
	text-align: center !Important;
}

.ttable-center th {
	text-align: center !Important;
}

.ttable-sum {
	width: 100%;
	border: 1px solid var(--bs-border-color);
}

.ttable-sum td {
	text-align: center !Important;
	padding: 4px;
	background: #fff;
	border-bottom: 1px solid var(--bs-border-color);
}

.slow-spin {
	-webkit-animation: fa-spin 6s infinite linear !important;
	animation: fa-spin 6s infinite linear !important;
}

.nav-link {
	padding-left: 8px !Important;
}

.collapsing {
	transition: none !important;
}

.currency-flag- {
	display:none !important;
}

#qr-shaded-region {
	border-color: unset !important;
}

.overlaydark {
	/*background:rgba(246,194,68,0.99);*/
	background:rgba(255,255,255,0.99);
	position: fixed;
	top: 0px;
	left: 0px;
	z-index: 1000000 !Important;
	display: table;
    height: 100vh;
    width:100%;
}

.seldrop {
	display:none;
	position:absolute;
	background:#fff;
	z-index: 9999;
	max-height: 340px;
}

.loadericon {
	display: table-cell;
    vertical-align: middle;
    text-align:center;
	margin:auto;
}

.logobk {
	background-position: center;
	background-size: 100% auto;
	background-repeat: no-repeat;
	width: 100px;
	height: 100px;
	border-radius: 10px;
	margin-left: 8px;
}

.lightgreen {
	background: #fafafa;
}

.flex-grow {
	flex: 1 0 auto;
}

.nottoday {
	color: #666 !Important;
}

.pastev {
	color: #999 !Important;
}

.cntrpro {
	padding: 4px 16px;
}

.host .btn-group-sm .btn {
	min-width: 80px;
}

.renderwrap {
	padding-top:30px;
	padding-bottom:30px;
}

.cntr {
	background: #fff;
	border: 1px solid var(--bs-border-color);
	border-radius: 10px;
	padding: 8px;
	margin: 4px;
}

.cicon {
	padding: 0px;
	color: #4ad1e5;
}

.counters {
	font-size: 20px;
	font-weight: normal;
	margin-bottom: 0;
	text-align: center;
	color: #007bff;
}

.loader {
	animation: loading 10s infinite alternate;
}

@keyframes loading{
	to { transform: scale(5); }
}


.countersgn {
	color: green !Important;
}

.chead {
	color: #666;
}

@media only screen and (max-width: 479px) {
	.btn-dash2 {
		width: 33%;
	}
}

.btn-dash2 {
	width: 90px;
	margin-top: 4px;
}

.lgray {
	color: #999;
}

@media only screen and (min-width: 480px) {
	.btn-dash {
		min-width: 60px;
	}
}

.btn-dash small {
	color: #777;
}

@media only screen and (max-width: 479px) {
	.btn-dash {
		min-width: 23%;
	}
	.seldrop {
		max-width: 100%;
	}
	.navbar-vh {
		height: 100vh!important;
	}
}

.btn-dash {
	margin: 2px !important;
}

.btn-rep button {
	min-width: 80px !Important;
	background: #ddd;
}

@media screen and (max-width: 768px) {
	.navbar-brand h4 {
		display: block;
		width: 240px;
		overflow: hidden;
		white-space: nowrap;
		text-overflow: ellipsis;
	}
}

.navbar-etop .nav-link.active {
	color: green !Important;
}

.a.active {
	color: green !Important;
	background-image: linear-gradient( 180deg, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0) 81%, #222222 81.1%, #222222 85%, rgba(0, 0, 0, 0) 85.1%, rgba(0, 0, 0, 0));
	text-decoration: none;
}

.btn-ctr {
	min-width: 50px;
}

.ename {
	font-size:16px !important;
	margin-top:8px;
}

#boxzoomver h3 {
	font-size:1rem !important;
	margin-top:24px;
	font-weight:normal;
}

#boxzoomver h4 {
	border-top:1px solid #eee;
	font-size:0.9rem !important;
	font-weight:normal;
}


.edate {
	font-size:14px !important;
	border-bottom:0px solid;
}
.ohid {
	visibility: visible !Important;
}

.hdrlight td {
	background: #F8F9FA;
}

.bg-lightgray2 {
	background: #E8E8E8 !important;
}

.vmenu i, .vmenu svg {
	font-weight: 100;
	font-size:0.8rem;
}

.vmenu .nav-link {
    font-weight: 400;
    color: #111;
}

.vmenu li > a:hover{
    background-color: white;
	transform: scale(1.02);
}

.ttable {
	width: 100%;
}

.zmchart {
	width:100px !important;
}

.setup {
	display: flex;
}

.table-form input {
	min-width:140px;
}

.setup-sidebar {
	margin-top:48px;
	flex: 0 0 160px;
}

.setup-content {
	  flex: 1;
	  min-width: 0;
}

@media (max-width: 767px) {
	.sidebar {
		display: none!important;
	}
}

/*.sidebar {
	width:160px !important;
}

.sidebar .nav-link {
    font-weight: 400;
    color: #111;
}

.sidebar i, .sidebar svg {
	font-weight: 100;
	font-size:0.8rem;
}

.sidebar li > a:hover{
    background-color: #dedeee;
} */

.setup-flex .navbar {
	align-items: self-start !important;
}

.sidebar .nav-link.active {
    color: #007bff;
}

@media only screen and (min-width: 990px) {
	.sidebar {
		padding-top:48px !important;
	}
}

.sidebar .navbar-collapse {
    align-items: self-start !important;
}


.btn-options .btn {
	margin-right:4px;
	margin-bottom:2px;
}

.ttable td {
	padding: 2px;
	vertical-align: middle;
}

.bdw {
	background: #fafafa;
	font-weight: bold;
}

.outline-border {
	border: 1px solid rgba(0, 0, 0, .125);
	margin-bottom: 0.5rem !important;
}

.outline-border .table {
	margin-bottom: 0px !important;
	background: #fff !Important;
}

.outline-border .table td {
	vertical-align: middle !Important;
	border-top: 1px solid var(--bs-border-color) !Important;
	border-bottom: 0px !Important;
}

.outline-border .table tr:first-child>td {
	border-top: 0px !Important;
}

.outline-border .table th {
	vertical-align: middle !important;
	background: #F8F9FA !Important;
	border-bottom: 1px solid var(--bs-border-color) !Important;
	border-top: 0px !Important;
}

.outline-border-sm .table {
	border: 1px solid rgba(0, 0, 0, .125);
	font-size: 15px;
	padding-bottom: 15px;
	background: #fff !Important;
}

.fa-long-arrow-up {
	color: green;
	margin-left: 2px;
	font-size: 0.8rem;
}

.ctoday {
	margin-left: 4px;
	white-space: nowrap;
}

.tcounters {
	border: 1px solid var(--bs-border-color);
	background: #fff;
	margin-bottom: 0px !Important;
}

.dash-val {
	font-size: 1rem;
}

.tcounters small {
	color: #666;
}

.tcounters td {
	vertical-align: middle !Important;
	padding: 4px !Important;
}

.outline-border-dark {
	border: 1px solid rgba(0, 0, 0, .125);
	font-size: 15px;
	background: #F8F9FA !Important;
}

.errorrow,
.errorrow table td {
	word-wrap: break-word;
	word-break: break-all;
	white-space: normal;
}

.confirmpreview p {
	margin-top: 4px;
}

.ttable-bordered {
	border: 1px solid var(--bs-border-color) !Important;
	border-radius: calc(.25rem - 1px) !Important;
	margin-bottom: 0px !Important;
}

.errorrow table td {
	min-width: 140px !Important;
}

.evdetailslb {
	border-left: 1px dotted #ddd;
}

.evdetailshdr {
	background: #F8F9FA;
	color: #666;
}

.bs-border {
	border: 1px solid rgba(0, 0, 0, 0.175);
	border-radius: 0.375rem;
}

.lsea {
	min-width:100px;
}

.lsealg {
	min-width:200px;
}

.evdetailshdrdrk {
	background: #eee;
	color: #666;
}

.hdiv ul {
	padding-left:1rem !important;
}

.dot, .dotsm {
	border-radius: 50%;
	display: inline-block;
	text-align:center;
	vertical-align:middle;
}

.dot {
	height: 25px;
	width: 25px;
}

.dotsm {
	height: 12px;
	width: 12px;
	font-size:0.7rem;
}

.evdetailshdrcy {
	background: lemonchiffon;
	color: #666;
}

.evdetailshdrlb {
	border-left: 1px dotted #ddd;
}

.evdetails {
	background: lemonchiffon;
}

.evdetailslt {
	background: #F8F9FA;
}

.txt-credit {
	color: green;
}

.txt-neutral {
	color: #666;
}

.txt-debit {
	color: brown;
}

.ttable-bordered th {
	vertical-align: middle !Important;
	border-bottom: 1px solid var(--bs-border-color) !Important;
}

.ttable-bordered td {
	vertical-align: middle !Important;
	border-top: 1px solid var(--bs-border-color) !Important;
	border-bottom: 0px !Important;
}

.ttable-bordered input {
	background-color: #fff;
}

.ttable-bordered-light td {
	background: #fff !Important;
}

.htile h4 {
	color: #666;
}

.ttfc {
	font-size: 15px;
}

.ttfc>tbody>tr>td:first-child {
	position: absolute;
	display: inline-block;
	background-color: #F8F9FA;
}

.ttfc>thead:first-child>tr:first-child>th:nth-child(2) {
	padding-left: 60px;
}

.ttfc>tbody>tr>td:nth-child(2) {
	padding-left: 60px !important;
}

.ta-editor {
	height: 100px;
	height: auto;
	overflow: auto;
	font-family: inherit;
	font-size: 100%;
	margin: 8px 0 4px 0;
}

.leftth th {
	text-align: left !Important;
	padding: 8px !Important;
}

.tsd {
	margin-bottom: 0px;
	border: 1px solid var(--bs-border-color);
}

.tsd thead {
	background: #F8F9FA;
}

.tsd td {
	text-align: left !Important;
	padding: 2px 8px !Important;
	font-size: 14px;
}

.shortcuts td {
	padding: 4px;
}

.borderless td,
.borderless th {
	border: none !Important;
}

.lde .ttl {
	font-weight:600;
	margin-top:4px;
	margin-bottom:4px;
}

.form-control {
	outline:0 !important;
}

.lsectionouter {
	margin:2px;
	/*background:pink;*/
}

.bg-lemon {
	background: lemonchiffon !important;
	background-color:lemonchiffon !important;
}

.bg-hidden {
	background: #ffe6ea;
	background-color: #ffe6ea;
}

.rounded {
	overflow: hidden;
}

.text-hidden {
	color: #ffe6ea;
}

.bg-none {
	background: transparent !important;
	background-color:transparent !important;
}

.bg-darkgray {
	background:#bbb !important;
	background-color:#bbb !important;
}

.bg-draft {
	background: rgb(2,0,36);
	background: linear-gradient(90deg, rgba(210, 210, 210,1) 0%, rgba(240,240,240,0.4108018207282913) 100%, rgba(0,212,255,1) 100%);
}

.notmsg .ng-invalid {
	background-color: #FBE7E7;
}

.lde {
	width: 100%;
	border: 1px solid var(--bs-border-color);
	background-image: linear-gradient(0deg, transparent 24%, #f2f2f2 25%, #f2f2f2 26%, transparent 27%, transparent 74%, #f2f2f2 75%, #f2f2f2 76%, transparent 77%, transparent), linear-gradient(90deg, transparent 24%, #f2f2f2 25%, #f2f2f2 26%, transparent 27%, transparent 74%, #f2f2f2 75%, #f2f2f2 76%, transparent 77%, transparent) !important;
	background-size: 50px 50px;
	background-color: #fff;
	/*height: 100%;*/
}

.lde table {
	margin: 0 auto;
}

.tsd th {
	text-align: left !Important;
	padding: 8px 8px 0 8px !Important;
	font-size: 12px;
}

.tkt td {
	vertical-align: middle !Important;
}

.table-subinfo {
	margin-bottom: 0px !important;
	background: #F8F9FA !important;
}

.table-subinfo td,
.table-subinfo th {
	vertical-align: top !important;
}

.loginfooter {
	position: absolute;
	bottom: 0;
	width: 100%;
	height: 100px;
	padding-bottom:4px;
	background-color: #fff !important;
	color: #222 !Important;
	font-size: 0.8rem !Important;
	text-align:center !important;
}
.loginfooter a {
	color:#333;
}

.grecaptcha-badge { visibility: hidden; }

/* for sm */

.custom-switch.custom-switch-sm .custom-control-label {
    padding-left: 1rem;
    padding-bottom: 1rem;
}

.custom-switch.custom-switch-sm .custom-control-label::before {
    height: 1rem;
    width: calc(1rem + 0.75rem);
    border-radius: 2rem;
}

.custom-switch.custom-switch-sm .custom-control-label::after {
    width: calc(1rem - 4px);
    height: calc(1rem - 4px);
    border-radius: calc(1rem - (1rem / 2));
}

.custom-switch.custom-switch-sm .custom-control-input:checked ~ .custom-control-label::after {
    transform: translateX(calc(1rem - 0.25rem));
}

/* for md */

.custom-switch.custom-switch-md .custom-control-label {
    padding-left: 2rem;
    padding-bottom: 1.5rem;
}

.custom-switch.custom-switch-md .custom-control-label::before {
    height: 1.5rem;
    width: calc(2rem + 0.75rem);
    border-radius: 3rem;
}

.custom-switch.custom-switch-md .custom-control-label::after {
    width: calc(1.5rem - 4px);
    height: calc(1.5rem - 4px);
    border-radius: calc(2rem - (1.5rem / 2));
}

.custom-switch.custom-switch-md .custom-control-input:checked ~ .custom-control-label::after {
    transform: translateX(calc(1.5rem - 0.25rem));
}

/* for lg */

.custom-switch.custom-switch-lg .custom-control-label {
    padding-left: 3rem;
    padding-bottom: 2rem;
}

.custom-switch.custom-switch-lg .custom-control-label::before {
    height: 2rem;
    width: calc(3rem + 0.75rem);
    border-radius: 4rem;
}

.custom-switch.custom-switch-lg .custom-control-label::after {
    width: calc(2rem - 4px);
    height: calc(2rem - 4px);
    border-radius: calc(3rem - (2rem / 2));
}

.custom-switch.custom-switch-lg .custom-control-input:checked ~ .custom-control-label::after {
    transform: translateX(calc(2rem - 0.25rem));
}

/* for xl */

.custom-switch.custom-switch-xl .custom-control-label {
    padding-left: 4rem;
    padding-bottom: 2.5rem;
}

.custom-switch.custom-switch-xl .custom-control-label::before {
    height: 2.5rem;
    width: calc(4rem + 0.75rem);
    border-radius: 5rem;
}

.custom-switch.custom-switch-xl .custom-control-label::after {
    width: calc(2.5rem - 4px);
    height: calc(2.5rem - 4px);
    border-radius: calc(4rem - (2.5rem / 2));
}

.custom-switch.custom-switch-xl .custom-control-input:checked ~ .custom-control-label::after {
    transform: translateX(calc(2.5rem - 0.25rem));
}

.seldropdown {
	margin-top: 4px;
    background: #fff;
    z-index: 9999;
    position: relative;
    max-width: 100%;
    height: 300px;
	display:block;
}

.sidebar a:hover{
    background-color: #dedeee;
}

#cnvs .ttl {
	margin-top:6px;
	margin-bottom:6px;
}

#cnvs {
	padding:16px;
}

@media print {
	.no-print,
	.no-print * {
		display: none !important;
	}
}

.tblrem div {
	padding: 8px;
}

.tkta th {
	text-align: left !Important;
	padding: 8px !Important;
	vertical-align: top !Important;
}

.tbl2 td {
	width: 50%;
}

.tkta td {
	text-align: left !Important;
	padding: 8px !Important;
}

.glyphicon-check {
	color: green;
}

.glyphicon-unchecked {
	color: #999;
}

help-tip .fa-question-circle {
	margin-left:4px;
}

@mixin saw-tooth-vertical($width:8px,
$bg: #fff) {
	background-image: /* Top jagged */
	linear-gradient(135deg, $bg 50%, transparent 50%), linear-gradient(225deg, $bg 50%, transparent 50%), /* Bottom jagged */
	linear-gradient(45deg, $bg 50%, transparent 50%), linear-gradient(-45deg, $bg 50%, transparent 50%);
	background-position: /* Top jagged */
	top left, top left, /* Bottom jagged */
	bottom left, bottom left;
	background-size: $width $width;
	background-repeat: repeat-x;
}

@mixin saw-tooth-horizontal($width: 12px,
$bg: #fff) {
	background-image: /* Left jagged */
	linear-gradient(135deg, $bg 50%, transparent 50%), linear-gradient(45deg, $bg 50%, transparent 50%), /* Right jagged */
	linear-gradient(-135deg, $bg 50%, transparent 50%), linear-gradient(-45deg, $bg 50%, transparent 50%);
	background-position: /* Left jagged */
	top left, top left, /* Right jagged */
	top right, top right;
	background-size: $width $width;
	background-repeat: repeat-y;
}

@mixin saw-tooth-right($width: 12px,
$bg: #fff) {
	background-image: /* Right jagged */
	linear-gradient(-135deg, $bg 50%, transparent 50%), linear-gradient(-45deg, $bg 50%, transparent 50%);
	background-position: /* Right jagged */
	top right, top right;
	background-size: $width $width;
	background-repeat: repeat-y;
}

.left-yellow-banner {
	background-image: linear-gradient(135deg, #ffeb99 50%, transparent 50%), linear-gradient(45deg, #ffeb99 50%, transparent 50%);
	background-position: top left, top left;
	background-size: 8px 8px;
	background-repeat: repeat-y;
}

.right-banner {
	background-image: /* Right jagged */
	linear-gradient(-135deg, #fff 50%, transparent 50%), linear-gradient(-45deg, #fff 50%, transparent 50%);
	background-position: /* Right jagged */
	top right, top right;
	background-size: 8px 8px;
	background-repeat: repeat-y;
}

.banner-horizontal {
	@include saw-tooth-horizontal();
}

@mixin saw-tooth($width: 12px,
$bg: #fff) {
	background-image: /* Top jagged */
	linear-gradient(135deg, $bg 50%, transparent 50%), linear-gradient(225deg, $bg 50%, transparent 50%), /* Bottom jagged */
	linear-gradient(45deg, $bg 50%, transparent 50%), linear-gradient(-45deg, $bg 50%, transparent 50%), /* Left jagged */
	linear-gradient(135deg, $bg 50%, transparent 50%), linear-gradient(45deg, $bg 50%, transparent 50%), /* Right jagged */
	linear-gradient(-135deg, $bg 50%, transparent 50%), linear-gradient(-45deg, $bg 50%, transparent 50%);
	background-position: /* Top jagged */
	top left, top left, /* Bottom jagged */
	bottom left, bottom left, /* Left jagged */
	top left, top left, /* Right jagged */
	top right, top right;
	background-size: $width $width;
	background-repeat: repeat-x, repeat-x, repeat-x, repeat-x, repeat-y, repeat-y, repeat-y, repeat-y;
}

.table-noborder,
.table-noborder td,
.table-noborder th {
	border: 0px !important;
}

.table-aligntop td {
	vertical-align: top !Important;
}

.sticky-last th:last-child, .sticky-last td:last-child
{
	position:sticky;
	left:0px;
	background-color:#fff;
}

h6 {
	font-family: Avenir Next,Helvetica Neue,Helvetica,Arial,sans-serif !important;
	text-transform: uppercase !important;
	font-size:0.7rem !important;
	color:#666;
	font-weight:400 !important;
}

.btn-small {
	height:32px !important;
	width:32px !important;
}

.mastermessage {
	background: rgba(0, 0, 0, .5);
	position: fixed;
    bottom: 0px;
    left: 0;
	width: 100%;
	z-index: 10000;
}

.table-vtop td {
	vertical-align:top !important;
}

.rem-1 {
	font-size:1rem;
}

.dragover {
	border: 2px dashed black !important;
	background-color: rgba(255, 192, 203, .5) !important;
}

.templatediv {
	background:rgba(222, 222, 222,.5);
	min-height:100px;
	text-align:center;
	padding:16px;
}

.btn .bg-secondary {
	background-color: #CCC !important;
	color:#000000 !important;
	font-weight:400 !important;
}

@media print {
    .bg-secondary {
		color:#111 !important;
    }
}

.bg-sel {
	background-color:#5cb85c!important;
	padding:6px;
}

[draggable] {
	-moz-user-select: none;
	-khtml-user-select: none;
	-webkit-user-select: none;
	user-select: none;
	-khtml-user-drag: element;
	-webkit-user-drag: element;
	cursor: move;
	border:1px solid black;
}

.peg {
	text-align: center;
	font-weight: bold;
	border:1px black solid;
	width: 75px;
	margin: 10px;
}

.form-phone {
    padding-left: 50px !important;
}

.meter { 
    height: 5px;
    position: relative;
    background: #f3efe6;
    overflow: hidden;
}

.meter span {
    display: block;
    height: 100%;
}

.progressanimation {
    animation: processbar 3s infinite ease-in-out;
    animation-fill-mode:both; 
}

@keyframes processbar {
  0% { width: 0; }
  100% { width: 100%; }
  0% { width: 0; }
}