/* nunito-200 - latin */
@font-face {
  font-family: 'Nunito';
  font-style: normal;
  font-weight: 200;
  src: url('../fonts/nunito-v11-latin-200.eot'); /* IE9 Compat Modes */
  src: local('Nunito ExtraLight'), local('Nunito-ExtraLight'),
       url('../fonts/nunito-v11-latin-200.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/nunito-v11-latin-200.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/nunito-v11-latin-200.woff') format('woff'), /* Modern Browsers */
       url('../fonts/nunito-v11-latin-200.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/nunito-v11-latin-200.svg#Nunito') format('svg'); /* Legacy iOS */
}
/* nunito-300 - latin */
@font-face {
  font-family: 'Nunito';
  font-style: normal;
  font-weight: 300;
  src: url('../fonts/nunito-v11-latin-300.eot'); /* IE9 Compat Modes */
  src: local('Nunito Light'), local('Nunito-Light'),
       url('../fonts/nunito-v11-latin-300.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/nunito-v11-latin-300.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/nunito-v11-latin-300.woff') format('woff'), /* Modern Browsers */
       url('../fonts/nunito-v11-latin-300.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/nunito-v11-latin-300.svg#Nunito') format('svg'); /* Legacy iOS */
}
/* nunito-regular - latin */
@font-face {
  font-family: 'Nunito';
  font-style: normal;
  font-weight: 400;
  src: url('../fonts/nunito-v11-latin-regular.eot'); /* IE9 Compat Modes */
  src: local('Nunito Regular'), local('Nunito-Regular'),
       url('../fonts/nunito-v11-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/nunito-v11-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/nunito-v11-latin-regular.woff') format('woff'), /* Modern Browsers */
       url('../fonts/nunito-v11-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/nunito-v11-latin-regular.svg#Nunito') format('svg'); /* Legacy iOS */
}
/* nunito-600 - latin */
@font-face {
  font-family: 'Nunito';
  font-style: normal;
  font-weight: 600;
  src: url('../fonts/nunito-v11-latin-600.eot'); /* IE9 Compat Modes */
  src: local('Nunito SemiBold'), local('Nunito-SemiBold'),
       url('../fonts/nunito-v11-latin-600.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/nunito-v11-latin-600.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/nunito-v11-latin-600.woff') format('woff'), /* Modern Browsers */
       url('../fonts/nunito-v11-latin-600.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/nunito-v11-latin-600.svg#Nunito') format('svg'); /* Legacy iOS */
}
/* nunito-700 - latin */
@font-face {
  font-family: 'Nunito';
  font-style: normal;
  font-weight: 700;
  src: url('../fonts/nunito-v11-latin-700.eot'); /* IE9 Compat Modes */
  src: local('Nunito Bold'), local('Nunito-Bold'),
       url('../fonts/nunito-v11-latin-700.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/nunito-v11-latin-700.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/nunito-v11-latin-700.woff') format('woff'), /* Modern Browsers */
       url('../fonts/nunito-v11-latin-700.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/nunito-v11-latin-700.svg#Nunito') format('svg'); /* Legacy iOS */
}
/* nunito-900 - latin */
@font-face {
  font-family: 'Nunito';
  font-style: normal;
  font-weight: 900;
  src: url('../fonts/nunito-v11-latin-900.eot'); /* IE9 Compat Modes */
  src: local('Nunito Black'), local('Nunito-Black'),
       url('../fonts/nunito-v11-latin-900.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/nunito-v11-latin-900.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/nunito-v11-latin-900.woff') format('woff'), /* Modern Browsers */
       url('../fonts/nunito-v11-latin-900.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/nunito-v11-latin-900.svg#Nunito') format('svg'); /* Legacy iOS */
}
/* nunito-800 - latin */
@font-face {
  font-family: 'Nunito';
  font-style: normal;
  font-weight: 800;
  src: url('../fonts/nunito-v11-latin-800.eot'); /* IE9 Compat Modes */
  src: local('Nunito ExtraBold'), local('Nunito-ExtraBold'),
       url('../fonts/nunito-v11-latin-800.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/nunito-v11-latin-800.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/nunito-v11-latin-800.woff') format('woff'), /* Modern Browsers */
       url('../fonts/nunito-v11-latin-800.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/nunito-v11-latin-800.svg#Nunito') format('svg'); /* Legacy iOS */
}

*:focus {box-shadow:none!important;}

html, body {height:100%;}

.bg-black, .sidebar.toggled .nav-item .collapse.show .collapse-inner {
	background: rgb(43,43,43);
background: linear-gradient(0deg, rgba(43,43,43,1) 0%, rgba(0,0,0,1) 100%);
}

.bg-green {
	background: rgb(94,115,20);
background: linear-gradient(180deg, rgba(94,115,20,1) 0%, rgba(51,64,23,1) 100%);
}

.sidebar .nav-item .collapse .collapse-inner .collapse-item, .sidebar .nav-item .collapsing .collapse-inner .collapse-item, .sidebar .nav-item .collapse .collapse-inner .collapse-item.active, .sidebar .nav-item .collapsing .collapse-inner .collapse-item.active, .bg-black a {
	color: #fff;
}

.sidebar .nav-item .collapse .collapse-inner .collapse-item:hover, .sidebar .nav-item .collapsing .collapse-inner .collapse-item:hover, .sidebar .nav-item .collapse .collapse-inner .collapse-item.active, .sidebar .nav-item .collapsing .collapse-inner .collapse-item.active {
	background: #474747;
}

.bg-green.sidebar .nav-item .collapse .collapse-inner .collapse-item:hover, .bg-green.sidebar .nav-item .collapsing .collapse-inner .collapse-item:hover, .bg-green.sidebar .nav-item .collapse .collapse-inner .collapse-item.active, .bg-green.sidebar .nav-item .collapsing .collapse-inner .collapse-item.active {
	background-color:#97BF04;
}

.btn {
	border:0;
}

.btn-primary  {
	background: #99CC01;
	border-color: #99CC01;
}

.btn-primary:hover, .btn.btn-primary:not(:disabled):not(.disabled):active {
	background-color: #88cc01;
	border-color: #88cc01;
}

.btn-primary .focus, .btn-primary:focus {
    box-shadow: 0 0 0 0.2rem rgba(153, 204, 1, 0.44);
}

a {
	color: #323232;
}

a:hover, .btn-link:hover {
	color: #8d8d8d;
}

.btn-link {
	color:#99cc01;
}

.btn-link:hover {
	color:#88cc01;
}

.topbar #sidebarToggleTop:hover {
	background:#f7ffe1;
}

.topbar #sidebarToggleTop:active {
	background:	#f2ffcd;
}

.activityMonitoring {
	color:#323232;
	font-weight:700;
	font-size: .85rem;
    top: 10px;
    position: relative;
    left: 45px;
}

a:hover .activityMonitoring {
	text-decoration:none;
}

.breadcrumb {
	justify-content:flex-end;
	background-color:transparent;
}

.breadcrumb li {
	margin-right:.5rem;
}

.empty {
	display:block;
	background: rgba(160,160,160,.1);
	border-radius:5px;
	padding:20px;
}

.day-div {
	padding:20px 0 ;
	border-bottom:1px solid #e5e5e5;
}

.day-div:last-child {
	border:0;
}

label {
	font-weight:700;
}

.form-check-inline label, .form-check label {
	font-weight:300;
}

.range-slider {
  width: 100%;
}

.range-slider__range {
  -webkit-appearance: none;
  width: calc(100% - (73px));
  height: 10px;
  border-radius: 5px;
  background: #d7dcdf;
  outline: none;
  padding: 0;
  margin: 0;
}
.range-slider__range::-webkit-slider-thumb {
  -webkit-appearance: none;
          appearance: none;
  width: 20px;
  height: 20px;
  border-radius: 50%;
  background: #99cc01;
  cursor: pointer;
  transition: background .15s ease-in-out;
}
.range-slider__range::-webkit-slider-thumb:hover {
  background: #88cc01;
}
.range-slider__range:active::-webkit-slider-thumb {
  background: #88cc01;
}
.range-slider__range::-moz-range-thumb {
  width: 20px;
  height: 20px;
  border: 0;
  border-radius: 50%;
  background: #99cc01;
  cursor: pointer;
  transition: background .15s ease-in-out;
}
.range-slider__range::-moz-range-thumb:hover {
  background: #88cc01;
}
.range-slider__range:active::-moz-range-thumb {
  background: #88cc01;
}
.range-slider__range:focus::-webkit-slider-thumb {
  box-shadow: 0 0 0 3px #fff, 0 0 0 6px #88cc01;
}

::-moz-range-track {
  background: #d7dcdf;
  border: 0;
}

input::-moz-focus-inner,
input::-moz-focus-outer {
  border: 0;
}


.connectedSortable {
	min-height:170px;
}

.action {
	display:flex;
	align-items:center;
	justify-content:center
}

.action a i {
	font-size:1.25em;
}

.table-bordered td {
	vertical-align:top;
}

/* PRELOGIN */
.logo-dark {
	width:18vw;
}

.prelogin-box {
	max-width:65em;
	width:100%;
}

.action-box {
	background:#f6f6f6;
	border-radius:40px;
	padding:60px 20px;
	margin:3em 0 4em;
}

.action-box ul {
	margin:0;
	padding:0;
	display:flex;
}

.action-box ul li {
	list-style:none;
	width:25%;
	border-right:2px solid #e4e4e4;
	display:inline-block;
	float:left;
}

.action-box ul li:last-child {
	border:0;
}

.action-box img {
	display:block;
	margin:0 auto 2em;
	width:154px;
	height:130px;
	object-fit:contain;
	transition:all 150ms;
}

.action-box a:hover img {
	transform:translateY(-4px);
}

.action-box a p {
	color:#000;
}

.action-box a:hover {
	text-decoration:none;
}

.admin-link {
	background:#f5f5f5;
	padding:.75rem .95rem;
}

/* LOGIN */
.admin-login {
	min-height:630px;
	height:auto;
	padding-top:4rem !important;
}

.form-login {
	width:100%;
	/* max-width:289px; */
	margin-bottom:3rem;
	text-align:left !important;
}

.form-login .form-control {
	padding:1.5rem 1.2rem;
	margin-bottom:1em;
}

.form-login .form-control:focus {
	border-color:#99cc01;
	box-shadow: 0 0 0 0.2rem rgba(132,177,0,0.25);
}

.form-login-container .card {
	margin-bottom:1em;
	display:inline-table;
}

.admin-logo {
	max-width:24vw;width:100%;margin-bottom:1em;
}

.superuser-form .form-control {
	color:#fff;
	background-color:#212121;
	border-color:#a1a1a1;
}

.badge-primary {
	color:#fff;
	background-color:#99cc01;
}

.errorMessage {
	margin:0;
	padding:0;
	list-style:none;
}

.totals-card {
	min-height:83px;
}

.branchtotals-card {
	min-height:110px;
	display:flex;align-items:center;
	flex-direction:column;justify-content:center;
}

.branchtotals-card .card-body {
	flex:0 0 0;
}

.pagination {font-family:'Nunito'!important;font-size:14px!important;}
.pagination li:first-child {margin-right:1em;}

/* CHECKBOX */
input[type=checkbox] {
	position:absolute;
	opacity:0;
}

input[type=checkbox] + label {
	position:relative;
	cursor:pointer;
	padding:0;
}

input[type=checkbox] + label:before {
	content:'';
	margin-right:10px;
	display:inline-block;
	vertical-align:text-top;
	width:20px;
	height:20px;
	background:#fff;
	border:2px solid #d4d4d4;
	border-radius:.2em;
	transition:all 350ms;
	position:relative;
	top:2px;
}

input[type=checkbox]:hover + label:before {
	box-shadow:rgba(153,204,1,.25);
}

input[type=checkbox]:focus + label:before {
	box-shadow:rgba(153,204,1,.65);
}

input[type=checkbox]:checked + label:before {
	background:#99cc01;
}

input[type=checkbox]:checked + label:after {
	content:'';
	position:absolute;
	left:5px;
	top:9px;
	background:white;
	width:2px;
	height:2px;
	box-shadow: 2px 0 0 white, 4px 0 0 white, 4px -2px 0 white, 4px -4px 0 white, 4px -6px 0 white, 4px -8px 0 white;
  	-webkit-transform: rotate(45deg);
    transform: rotate(45deg);
}

input[type=checkbox]:disabled + label:before {
    background: #eaecf4;
}

.jconfirm .jconfirm-box.jconfirm-type-blue {
	border:solid 7px #99cc01 !important;
}

#wrapper #content-wrapper {
	overflow-x:initial;
}

/* DISPLAY TEMPLATE RADIO */
.template-selector {
	margin-left:-5px;
	margin-right:-5px;
}
.template-selector input {
	margin:0;
	padding:0;
	-webkit-appearance:none;
	-moz-appearance:none;
	appearance:none;
}

.template-selector .template-1 {
	background-image:url('../../images/template1.png');
}

.template-selector .template-2 {
	background-image:url('../../images/template2.png');
}

.template-selector .template-3 {
	background-image:url('../../images/template3.png');
}

.template-selector .template-4 {
	background-image:url('../../images/template4.png');
}

.template-selector .template-5 {
	background-image:url('../../images/template5.png');
}

.template-selector input:active+ .template-img {
	opaciyt:0.9;
}

.template-selector input:checked+ .template-img {
	border-color:#99cc01;
	box-shadow:0 0 0 0.2rem rgba(152,204,1,0.25);
}

.template-selector input:checked+ .template-img::before, .template-selector input:checked+ .template-img::after {
	opacity:1;
}

.template-selector input:checked+ .template-img::after {
	font-size:2.5vw;
}

.template-img {
	cursor:pointer;
	background-size:100%;
	background-repeat:no-repeat;
	display:inline-block;
	width:174px;
	height:98px;
	border:2px solid #ccc;
	transition:border 100ms ease-in;
	flex-grow:1;
	margin-left:5px;
	margin-right:5px;
	border-radius:.35rem;
	position:relative;
}

.template-img::before {
	position:absolute;
	content:"";
	top:0;
	right:0;
	bottom:0;
	left:0;
	background-color:rgba(94,115,20,.75);
	opacity:0;
	transition:all 100ms ease-in;
}

.template-img::after {
	position:absolute;
	content:"\f00c";
	font-family:"Font Awesome 5 Free";
	color:#fff;
	top:50%;
	left:50%;
	transform:translate(-50%,-50%) ;
	font-size:4.5vw;
	opacity:0;
	transition:all 100ms ease-in;
	transition-delay:100ms;
}

.template-img:hover {
	border-color:#defe7f;
}

.form-inline .form-group {
	margin-bottom:1em;	
}

@media screen and (max-width:768px) {
	.sidebar .nav-item .collapse .collapse-inner {
		background: #000;
	}
	
	.admin-login {
		padding-top:2rem !important;
	}
}
