/*
 * It is advised not to edit the smartadmin_production.css
 * as this will override any changes you make in the 
 * later versions of this theme. 
 * 
 * We advise that you use use this CSS to override 
 * SmartAdmin styles. 
 * 
 * Rename the stylesheet to whatever your liking so it will stay
 * unique to you with each update of SmartAdmin.
 */

/*
 * INDEX
 * 
 * - HTML
 * - BODY
 * - CUSTOM STYLES
 */

/* ===== scrollbar styles ===== */

*::-webkit-scrollbar {
  width: 8px;
  height: 8px;
  border: 1px solid #d5d5d5;
}

*::-webkit-scrollbar-track {
  border-radius: 0;
  background: #eeeeee;
}

*::-webkit-scrollbar-thumb {
  border-radius: 0;
  background: #ccc;
}

* {
  scrollbar-width: thin !important;
}

body {
	font-size: 13px;
	font-family: "Open Sans",Arial,Helvetica,Sans-Serif;
}

.wait {
	cursor: wait !important;
}

/* ===== common colors ===== */
.bg-green { background-color: #1f7a3d !important; }
.bg-mint { background-color: #7fcb98 !important; }
.bg-red { background-color: #b30000 !important; }
.bg-white { background-color: #fff !important; }
.bg-bronze { background-color: #887f6f !important; }
.bg-blue { background-color: #002080 !important; }
.bg-brown { background-color: #655441 !important; }
.bg-light-blue { background-color: #e6ecff !important; }

.bg-fill-green { background-color: #edf8f0 !important; }
.bg-fill-red { background-color: #f5f0f0 !important; }
.bg-fill-brown { background-color: #f5f2ef !important; }
.bg-fill-blue { background-color: #e7f2fe !important; }
.bg-fill-gray { background-color: #eee !important; }

.border-green { border-color: #1f7a3d !important; }
.border-mint { border-color: #7fcb98 !important; }
.border-red { border-color: #b30000 !important; }
.border-white { border-color: #fff !important; }
.border-bronze { border-color: #887f6f !important; }
.border-blue { border-color: #002080 !important; }
.border-brown { border-color: #655441 !important; }

.text-green { color: #1f7a3d !important; }
.text-mint { color: #7fcb98 !important; }
.text-red { color: #b30000 !important; }
.text-white { color: #fff !important; }
.text-bronze { color: #887f6f !important; }
.text-blue { color: #002080 !important; }
.text-brown { color: #655441 !important; }
.text-pink { color: #ffb3b3 !important; }
.text-tan { color: #e1d9d0 !important; }
.text-light-blue { color: #ccd9ff !important; }
.text-smoke-blue { color: #2e5cb8 !important; }
.text-dark-red { color: #4d0000 !important; }
.text-dark-green { color: #155129 !important; }

.filter-green { filter: invert(36%) sepia(77%) saturate(5435%) hue-rotate(134deg) brightness(98%) contrast(101%); } /* #1f7a3d */
.filter-mint { filter: invert(74%) sepia(3%) saturate(3667%) hue-rotate(90deg) brightness(98%) contrast(96%); } /* #7fcb98 */
.filter-red { filter: invert(21%) sepia(41%) saturate(5328%) hue-rotate(349deg) brightness(83%) contrast(130%); } /* #b30000 */
.filter-white { filter: invert(91%) sepia(100%) saturate(0%) hue-rotate(85deg) brightness(106%) contrast(105%); } /* #fff */
.filter-bronze { filter: invert(52%) sepia(26%) saturate(216%) hue-rotate(360deg) brightness(91%) contrast(88%); } /* #887f6f */


/* ===== link defaults ===== */
/*
a, a:link{ color: #b30000 !important; }
a:hover, a:focus{ color: #b30000 !important; }
*/

a.link-bg-green, a.link-bg-green:link{ color: #c2efd1 !important; }
a.link-bg-green:hover, a.link-bg-green:focus{ color: #c2efd1 !important; }

a.link-bg-blue, a.link-bg-blue:link{ color: #ccd9ff !important; }
a.link-bg-blue:hover, a.link-bg-blue:focus{ color: #ccd9ff !important; }

a.link-smoke-blue, a.link-smoke-blue:link{ color: #2e5cb8 !important; }
a.link-smoke-blue:hover, a.link-smoke-blue:focus{ color: #2e5cb8 !important; }

a.link-blue, a.link-blue:link{ color: #002080 !important; }
a.link-blue:hover, a.link-blue:focus{ color: #002080 !important; }

a.link-red, a.link-red:link{ color: #b30000 !important; }
a.link-red:hover, a.link-red:focus{ color: #800000 !important; }

a.link-green, a.link-green:link{ color: #1f7a3d !important; }
a.link-green:hover, a.link-green:focus{ color: #006622 !important; }

a.link-dark-red, a.link-dark-red:link{ color: #4d0000 !important; }
a.link-dark-red:hover, a.link-dark-red:focus{ color: #4d0000 !important; }

a.link-dark-green, a.link-dark-green:link{ color: #155129 !important; }
a.link-dark-green:hover, a.link-dark-green:focus{ color: #155129 !important; }

a.link-brown, a.link-brown:link{ color: #655441 !important; }
a.link-brown:hover, a.link-brown:focus{ color: #655441 !important; }

a.popover-link:hover, a.popover-link:focus { cursor: pointer; text-decoration: underline; } 

.btn-link.btn-link-primary, .btn-link.btn-link-primary:link{ color: #b30000 !important; text-decoration: none; }
.btn-link.btn-link-primary:hover, .btn-link.btn-link-primary:focus{ color: #b30000 !important; text-decoration: none; }


.btn { font-size: 13px; }

.btn-success { background-color: #568a89; border: solid 1px #568a89; }
.btn-success:hover, .btn-success:hover { background-color: #456e6d; border: solid 1px #456e6d; }
.btn-success.active, .btn-success:active, .open>.dropdown-toggle.btn-success {background-color: #456e6d !important; }
.btn-success.focus, .btn-success:focus {background-color: #456e6d; }

.btn-danger { background-color: #b30000; border: solid 1px #b30000; }
.btn-danger:hover, .btn-danger:hover { background-color: #800000; border: solid 1px #800000; }

.btn-warning { background-color: #c79121; border: solid 1px #c79121; }
.btn-warning:hover, .btn-warning:hover { background-color: #a4781b; border: solid 1px #a4781b; }

.carousel.fade { opacity: 1; }

.dataTables_wrapper.no-footer .dataTables_scrollBody { border-bottom: none; }

.form-control { font-size: 13px; }

a.btn { box-shadow: none; }

.help-text-green {
	color: #4ab56e;
}
 
ul.inline, ul.inline li {
	display:inline;
}

.inline-block {
	display: inline-block;
}

.overflow333 {
	height:333px;
	overflow:auto;
}

#map_canvas {
	margin: 0;
	padding: 0;
	height: 100%;
	min-height:450px;
	width:100%;
}
.map-overlay {
  position: relative;
  width: 100%;
  height: 450px;
  top: 450px;
  margin-top: -450px;
  z-index: 1;
}

i.treesIcon {
	background:url('/img/map-pins/green30.png');
	width:30px !important;
	height:30px !important;
	display:inline-block;
}
i.wreathsIcon {
	background:url('/img/map-pins/red30.png');
	width:30px !important;
	height:30px !important;
	display:inline-block;
}
i.edpIcon {
	background:url('/img/map-pins/blue30.png');
	width:30px !important;
	height:30px !important;
	display:inline-block;
}
i.newIcon {
	background:url('/img/map-pins/star30.png');
	width:30px !important;
	height:30px !important;
	display:inline-block;
}

label {
	display:inline-block;
	width:140px;
}
.form-inline label {
	width: auto;
	padding-right: 10px;
}
.note_datetime { 
	font-weight:bold;
	padding-right:5px;
}
.note_user {
	float:right;
	border-left:4px solid #666;
	padding-left:4px;
}
.small {
	width:60px;
	margin-left:5px;
	margin-right:10px;
}

.text-right {
	text-align: right !important;
}
.text-center {
	text-align: center !important;
}
.text-justify {
	text-align: justify !important;
}

.padding-0 {
	padding: 0 !important;
}
.padding-top-0 {
	padding-top: 0;
}
.padding-right-0 {
	padding-right: 0;
}
.padding-bottom-0 {
	padding-bottom: 0;
}
.padding-left-0 {
	padding-left: 0;
}

.padding-5 {
	padding: 5px !important;
}
.padding-top-5 {
	padding-top: 5px !important;
}
.padding-right-5 {
	padding-right: 5px !important;
}
.padding-bottom-5 {
	padding-bottom: 5px !important;
}
.padding-left-5 {
	padding-left: 5px !important;
}

.padding-10 {
	padding: 10px !important;
}
.padding-top-10 {
	padding-top: 10px !important;
}
.padding-right-10 {
	padding-right: 10px !important;
}
.padding-bottom-10 {
	padding-bottom: 10px !important;
}
.padding-left-10 {
	padding-left: 10px !important;
}

.margin-0 {
	margin: 0 !important;
}
.margin-top-0 {
	margin-top: 0;
}
.margin-right-0 {
	margin-right: 0;
}
.margin-bottom-0 {
	margin-bottom: 0;
}
.margin-left-0 {
	margin-left: 0;
}

.margin-5 {
	margin: 5px !important;
}
.margin-top-5 {
	margin-top: 5px;
}
.margin-right-5 {
	margin-right: 5px;
}
.margin-bottom-5 {
	margin-bottom: 5px;
}
.margin-left-5 {
  margin-left: 5px !important;
}

.margin-10 {
	margin: 10px !important;
}
.margin-top-10 {
	margin-top:10px;
}
.margin-right-10 {
	margin-right:10px;
}
.margin-bottom-10 {
	margin-bottom:10px;
}
.margin-left-10 {
  margin-left: 10px !important;
}


.note-overflow {
	overflow-y:scroll;
	height:100px;
	width: 200px;
	padding: 5px;
}

.camelcase {
	text-transform:capitalize;
}



.DTTT.btn-group {
	right: 163px !important;
}
.addAccountBtn {
	float:right;
}

#lead_directory_toolbar {
	margin-left:210px;
}

div.dataTables_length {
	/*right: 100px !important;*/
}

.dl-targets dt {
	width:100px;
	text-align:left;
}
.dl-targets dd {
	margin-left:20px;
	text-align:left;
}

label.onoffswitch-label {
	width:auto;
}

.tally-light-blue {
	border-color:#0CF !important;
}
.tallybg-light-blue {
	background-color:#0CF !important;
	border:1px solid #0CF !important;
}

.tally-red {
	border-color:#F00 !important;
}
.tallybg-red {
	background-color:#F00 !important;
	border:1px solid #F00 !important;
}

.tally-yellow {
	border-color:#ffea3e !important;		/* #ff6 */
}
.tallybg-yellow {
	background-color:#ffea3e !important;	/* #ff6 */
	border:1px solid #ffea3e !important;	/* #ff6 */
}

.tally-lime-green {
	border-color:#47ba00 !important;		/* #6f6 */
}
.tallybg-lime-green {
	background-color:#47ba00 !important;	/* #6f6 */
	border:1px solid #47ba00 !important;	/* #6f6 */
}

.tally-white {
	border-color:#000 !important;
}
.tallybg-white {
	background-color:#FFF !important;
	border:1px solid black !important;
}

.tally-tan {
	border-color:#C96 !important;
}
.tallybg-tan {
	background-color:#C96 !important;
	border:1px solid #C96 !important;
}

.no-page-break {
	page-break-after: avoid !important;
}
	
.program_name {
	float:right;
	color:white;
	font-weight:bold;
	font-size:26px;
}

.page_content {
		display: block; 
		page-break-after: always;
}
.last {
	page-break-after:auto;
}
#master-order-form .page_content .product {
	border: 0;
	width: 32%;
	padding: 0;
	margin: 4px;
	margin-bottom: 8px;
	float: left;
}
#master-order-form .account_number {
	padding:6px;
	background-color: #FF6 !important;
	font-weight:bold;
	font-size:25px;
}
#master-order-form .enrolled_program {
	padding:6px;
	font-weight:bold;
	font-size:25px;
	margin-right:6px;
}
#master-order-form .order_number {
	padding:6px;
	font-weight:bold;
	font-size:25px;
}
#master-order-form .page_content h3 {
	text-align:center;
	line-height:25px;
}

#master-order-form .trees {
	background-color: #F3F3F3 !important;
}
#master-order-form .wreaths {
	background-color: #F33 !important;
	color:#fff !important;
}
#master-order-form .wholesale {
	background-color: #06F !important;
	color:#fff !important;
}
#master-order-form .wide {
	width:48.8% !important;
}

#master-order-form .page_content table, #master-order-form .page_content th, #master-order-form .page_content td {
	border:1px solid black;
}

#trucking-form table, #trucking-form th, #trucking-form td {
}

.page_content th {
	background-color:#396 !important;
	color:white !important;
}

#trucking-form th {
	background-color:transparent !important;
	color:#000 !important;
}

.qty {
	background-color:#CF9 !important;
}
.grey {
	background:#CCC !important;
}
.red {
	color: #b30000 !important;
}
.yellow {
	background-color:#FF9 !important;
}
.bold {
	font-weight:bold !important;
}
.buyer {
	width:65%;
	float:left;
}
.seller {
	width:33%;
	float:right;
}
.left {
	float:left;
}
.right {
	float:right;
}
.center {
	margin:0 auto;
}

#load-building-form .product_table {
	width:50%;
}

#load-building-form .order_info {
	width:48%;
}
#load-building-form .tree_total, #load-building-form .wreath_total, #load-building-form .weight_total {
	font-weight:bold;
	font-size: 1.2em;
}
#load-building-form .tree_total strong, #load-building-form .wreath_total strong, #load-building-form .weight_total strong {
	display:inline-block;
	width:115px;
}
#load-building-form .weight_total span {
	background-color:#FF9 !important;
}
#load-building-form .weight_total span , #load-building-form .wreath_total span , #load-building-form .tree_total span {
	display:inline-block;
	min-width:50px;
	text-align:center;
}
.load_layout th {
	background-color:transparent !important;
	min-height:120px !important;
	font-size:2em !important;
	font-weight:bold !important;
	color:black !important;
}
.noborder {
	border:0px none white !important;
	border:none !important;
	outline:none !important;
}
.nopadding {
	padding:0;
}
.border {
	border:2px solid black;
}
#load-building-form ul h4 {
	display:inline-block;
	margin:0;
	padding:0;
	width: 120px;
	font-size:1.2em;
}
#load-building-form ul span {
	display:inline-block;
	width:50px;
	font-size:1.2em;
	font-weight:bold;
	text-align:center;
}

#trucking-form table {
	line-height:15px;
	outline:none;
}

#trucking-form .dropNumber {
	font-size:1.2em;
	font-weight:bold;
	color:red !important;
	text-align:center;
}
#trucking-form tr {
	border:0;
}
#trucking-form th, #trucking-form td {
	border:1px solid black;
}

#load-building-form th, #load-building-form td {
	border:1px solid black;
}
#trucking-form .coop-red {
	color:#F00 !important;
}

.noborderleft {
	border-left:0px none white !important;
}
.noborderright {
	border-right:0px none white !important;
}
.nobordertop {
	border-top:0px none white !important;
}
.noborderbottom {
	border-bottom:0px none white !important;
}
img[src="https://www.google.com/intl/en_us/mapfiles/close.gif"] {
	display: none;
}

.pagebreak {
	page-break-after:always !important;
}
.signature_box {
	clear:both;
	background:#EEE !important;
	color:black;
	font-weight:bold;
	padding:12px;
	text-align:center;
	border:1px solid #CCC;
}

.blank_space {
	border-right: 2px solid white !important;
	border-bottom: 2px solid white !important;
}

div.dataTables_scroll { clear: both; }

.dashboard-widget .dataTables_wrapper .dataTables_processing {
	text-align: center;
	white-space: nowrap;
}
.dashboard-widget .dataTables_processing::before {
	content: '';
	display: inline-block;
	height: 100%;
	vertical-align: middle;
	margin-right: -0.25em; /* Adjusts for spacing */
}
.widget-loading {
	content: url(../img/ajax-loader.gif);
	display: inline-block;
	vertical-align: middle;
	width: 100px;
}
.dataTables_processing:hover {
	cursor: wait!important
}

div#content.load-map-sandbox {
	background: #ffc107 !important;
}

div#followups_container > .row {
	border-top: 1px dotted #ccc;
}
div#followups_container .followup-empty {
	padding-left: 10px; 
	padding-top: 15px;
	font-size: 14px; 
	color: #8c8c8c;
}
div#followups_container .followup-date {
	padding: 0;
}
div#followups_container .followup-action {
	padding: 5px 0 5px 5px;
}
div#followups_container .panel-heading {
	padding: 10px 10px;
}
div#followups_container .panel-heading h5 {
	margin: 0;
}
div#followups_container .table td.align-middle {
	vertical-align: middle !important;
}
.dataTables_wrapper .dataTables_processing {
	height: 0 !important;
	padding-top: 0 !important;
}
.dataTables_processing {
	padding: 0 !important;
}
.report-print-title {
	display: none;
	padding-bottom: 25px;
}
.report-print-subtitle {
	display: none;
}
.signups-subtitle {
	background-color: #474544 !important;
	color: #fff !important;
}
#signups .table > tbody > tr.cumulative {
	background-color: #efefef;
	color: #737373;	
}
/*
.length-menu {
	padding-right: 0;
	margin-right: 0;
}
*/
.length-menu #dataTables_length,
.length-menu #data-table_length {
	right: 10px;
	top: 0;
}
.length-menu .dataTables_wrapper .dataTables_length {
	float: right;
}
.length-menu-text {
	margin-top: -2px;
	padding-right: 70px;
	font-size: 12px;
}
.fa-pad-right { 
	padding-right: 15px;
}
.fa-mr-5 {
	margin-right: 5px;
}
.fa-mr-10 {
	margin-right: 10px;
}
.fa-ml-5 {
	margin-left: 5px;
}
.fa-ml-10 {
	margin-left: 10px;
}
.fa-spin {
	-webkit-animation: fa-spin 2s linear infinite;
	animation: fa-spin 2s linear infinite;
}
.dataTables_wrapper .dataTables_scroll div.dataTables_scrollBody {
    max-height: 50vh;
    overflow: auto;
}

.bg-green, .progress-bar-success {
    background-color: #1f7a3d !important;
}
.bg-red, .progress-bar-danger {
    background-color: #b30000 !important;
}

.text-red { color: #b30000 !important; }
.text-green { color: #1f7a3d !important; }

.dropdate-header th {
	background: #1f7a3d !important;
	color: #fff;
	padding: 15px !important;
	font-size: 16px !important;
	text-transform: uppercase;
}
.primary-drop.checkbox label {
	padding-left: 0 !important;
	margin-left: -7px !important;
}

table.envelope-header {
	margin-bottom: 0;
}
table.envelope-header td {
	border: none !important;
	padding: 6px !important;
	font-size: 22px;
	font-weight: bold;
	background-color: #1f7a3d !important;
	color: #fff !important;
}
table.envelope-header td.middle {
	border-left: solid 3px !important;
	border-right: solid 3px !important;
}

table.grower-totals thead tr th,
table.tracked-products thead tr th,
table.discrepancy-form thead tr th,
table.osr-qty thead tr th {
	background-color: #333 !important;
	color: #fff;
	font-size: 13px !important;
}
table.grower-totals tr.tree-totals th,
table.tracked-products tr.tree-totals th,
table.grower-totals td.shaded, 
table.tracked-products td.shaded {
	background-color: #e6e6e6;
}
table.tracked-products td.product-total {
	background-color: #dff0d8;
	font-weight: bold;
}

table.tracked-sales th.valign-top,
table.tracked-sales td.valign-top {
	vertical-align: top !important;
}
table.tracked-sales > thead > tr > th.group-border,
table.tracked-sales > tbody > tr > td.group-border {
	border-bottom: 0;
}
table.tracked-sales > thead > tr > th.data-divider, 
table.tracked-sales > tbody > tr > td.data-divider {
	border-left: 2px dotted #ddd !important;
}
table.tracked-sales > thead > tr > th.subtitle, 
table.tracked-sales > tbody > tr > td.subtitle {
	border-top: 0;
	color: #aaa;
}
table.tracked-sales > thead > tr > th.fill { 
	background-color: #f7f7f7; 
}

table.signups-by-category tbody > tr.odd > td {
	background-color: #f7f7f7; 
}
table.signups-by-category tbody > tr > th.category-label,
table.signups-by-category tbody > tr > td.category-label {
	border-right: 0 !important;
}
table.signups-by-category tbody > tr > th.line-items, 
table.signups-by-category tbody > tr > td.line-items {
	font-size: 12px;
}
table.signups-by-category tbody > tr > th.line-item-label, 
table.signups-by-category tbody > tr > td.line-item-label {
	font-size: 11px;
	font-style: italic;
	border-left: 0 !important;
}
table.signups-by-category tbody > tr > th.line-item-returning, 
table.signups-by-category tbody > tr > td.line-item-returning {
	border-bottom: 1px dotted #b3b3b3;
}
table.signups-by-category tbody > tr > th.line-item-new, 
table.signups-by-category tbody > tr > td.line-item-new {
	border-top: 1px dotted #b3b3b3;
}
table.signups-by-category tbody > tr > th.total-col,
table.signups-by-category tbody > tr > td.total-col {
	vertical-align: middle;
}
table.signups-by-category tbody > tr.header > th {
	background-color: #474544;
	color: #fff;
}
table.signups-by-category tbody > tr.footer > th {
	background-color: #f0f0f0;
}

.view-account .panel, .view-get-started-lead .panel {
	border-radius: 4px 4px 0 0;
}
.panel table.table-bordered {
	border: none;
} 
.panel table.table-bordered tbody tr:first-child th {
	border-top: none;
}
.panel table.table-bordered tbody tr:last-child th {
	border-bottom: none;
}
.panel table.table-bordered tbody tr th:first-child {
	border-left: none;
}
.panel.panel-primary table.dataTable thead th {
	background-color: #ebf3f9;
}
.panel table.table-hover > tbody > tr:hover > th,
.panel table.table-hover > tbody > tr:hover > td {
	background-color: #e0ebeb;
}
.panel.panel-primary table.sales-history thead th,
.panel.panel-primary table.sales-targets thead th,
.panel.panel-primary table.tracked-sales thead th {
	background-color: #ebf3f9;
}

h6.account-label { font-size: 14px; font-weight: 600; }
.account-tabs-scroll { 
	max-height: 500px; 
	overflow-y: scroll; 
	padding-right:10px; 
}

table.dataTable.account-followups {
	margin: 0;
	width: 100% !important;
}
table.account-followups thead th, 
table.account-followups thead td {
	background-color: #ebf3f9;
    border-bottom: none;
}
div.dataTables_scrollHead table.account-followups thead tr:last-child th {
	border-top: 1px solid #ddd;
	border-bottom: 1px solid #ddd;
}
table.account-followups.table-hover > tbody > tr:hover > th,
table.account-followups.table-hover > tbody > tr:hover > td {
	background-color: #e0ebeb;
}

table.account-connections thead th, 
table.account-connections thead td {
	background-color: #ebf3f9;
    border-bottom: none;
}
table.account-connections.table-hover > tbody > tr:hover > th,
table.account-connections.table-hover > tbody > tr:hover > td {
	background-color: #e0ebeb;
}

.followup-hide {
	display: none;
}
.followup-complete a.toggle-followup i {
	color: #32cd32 !important;
}
.btn-pricing label.btn {
	outline: none !important;
}
.column-filter-widgets a.filter-term {
	background: #fff;
	border-left: solid 1px #ccc;
	border-right: solid 1px #ccc;
	padding-top: 5px;
	padding-bottom: 5px;
}
.column-filter-widgets a.filter-term:last-child {
	border-bottom: solid 1px #ccc;
}
.column-filter-widgets.widget-body-toolbar + .clearfix {
	background: #f9f9f9;
	border-bottom: solid 1px #ccc;
}
#sparks {
	font-size: 13px !important;
	font-family: "Open Sans",Arial,Helvetica,Sans-Serif !important;
}

/* main menu badges */
nav > ul > li > a > i > em {
	background: #b09b5b;
}

/* toggle switch */
.toggle-switch > input[type="checkbox"] {
    display: none;   
}

.toggle-switch > label {
    cursor: pointer;
    height: 0px;
    position: relative; 
    width: 40px;  
}

.toggle-switch > label::before {
    background: rgb(0, 0, 0);
    box-shadow: inset 0px 0px 10px rgba(0, 0, 0, 0.5);
    border-radius: 8px;
    content: '';
    height: 16px;
    margin-top: -8px;
    position:absolute;
    opacity: 0.3;
    transition: all 0.4s ease-in-out;
    width: 40px;
}
.toggle-switch > label::after {
    background: rgb(255, 255, 255);
    border-radius: 16px;
    box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.3);
    content: '';
    height: 24px;
    left: -4px;
    margin-top: -8px;
    position: absolute;
    top: -4px;
    transition: all 0.3s ease-in-out;
    width: 24px;
}
.toggle-switch > input[type="checkbox"]:checked + label::before {
    background: inherit;
    opacity: 0.5;
}
.toggle-switch > input[type="checkbox"]:checked + label::after {
    background: inherit;
    left: 20px;
}

.label-danger {
	background-color: #b30000 !important;
}