/* Reset */

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
}
body {
	line-height: 1;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}

:focus {
	outline: 0;
}

ins {
	text-decoration: none;
}
del {
	text-decoration: line-through;
}

table {
	border-collapse: collapse;
	border-spacing: 0;
}



*, *:before, *:after {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}





/* Global styles */

body {
	background: #fff;
	color: #3b384c;
	font: 13px/32px 'Montserrat', sans-serif;
}



h1, h2, h3, h4, h5, h6 {
	color: #1c0409;
	font-weight: 300;
}

h1 { margin-bottom: ; font-size: 20px; line-height: ; }
h2 { margin-bottom: ; font-size: 38px; line-height: ; }
h3 { margin-bottom: ; font-size: 28px; line-height: ; }
h4 { margin-bottom: ; font-size: 22px; line-height: ; }
h5 { margin-bottom: ; font-size: 20px; line-height: ; }
h6 { margin-bottom: ; font-size: 18px; line-height: ; }

h1 span {
	color: #a20024;
}



p {}
p:not(:last-child) {
    margin-bottom: 30px;
}



strong {
	font-weight: 600;
}



a {
	color: #0e5da0;
	text-decoration: none;
	transition: color 0.1s;
}
a:hover {
	text-decoration: underline;
}



hr {
	height: 1px;
	margin: 20px 0 30px;
	background-color: #bebebe;
	color: #bebebe;
	border: none;
}



img {
	max-width: 100%;
	height: auto;
}



/* --- Input */

::placeholder {
	color: #fff;
	opacity: 1;
}
:-ms-input-placeholder {
	color: #fff;
}
::-ms-input-placeholder {
	color: #fff;
}



form {}

label {
	font-weight: 500;
}

input[type=text], input[type=number], input[type=email], input[type=password], input[type=date], input[type=time], textarea, select {
	width: 100%;
	margin-bottom: 10px;
	padding: 5px 10px;
	background: rgba(255, 255, 255, 0.13);
	color: #3b384c;
	font: 400 13px/21px 'Montserrat', sans-serif;
	border: 1px solid #bebebe;
	border-radius: 5px;
	transition: all 0.1s;
	-webkit-appearance: none;
}
input:focus, textarea:focus, select:focus {
	border-color: #56bcbb;
}
input:disabled {
	background: #f0f0f0;
}

textarea {
	height: 100%;
	width: 100%;
	resize: none;
}

select {
	background: url(../img/arrow-down.png) right 10px center/14px 8px no-repeat;
}

input[type=submit] {
	display: inherit;
	width: 100%;
	padding: 0 10px;
	background: #a70228;
	color: #fff;
	font: 400 13px/33px 'Montserrat', sans-serif;
	border: 1px solid #a70228;
	border-radius: 5px;
	transition: 0.1s;
}
input[type=submit]:hover {
	background-color: transparent;
	border-color: #a70228;
	color: #a70228;
	cursor: pointer;
}



.check-group {
	width: 100%;
	margin-bottom: 10px;
}



.input-group {
	width: 100%;
	margin-bottom: 10px;
	border: 1px solid #bebebe;
	border-radius: 5px;
	overflow: hidden;
	transition: 0.1s;
}
.input-group:focus-within {
	border-color: #56bcbb;
}

.input-group input {
	float: left;
    width: 75%;
	margin: 0;
    border: 0;
}

.input-group-text {
	float: right;
	width: 25%;
    background-color: #e9ecef;
	text-align: center;
	transition: 0.1s;
}
.input-group:focus-within .input-group-text {
	background-color: rgba(84, 188, 188, 0.15);
}



.input-switch {
	display: inline-block;
	margin-bottom: 7px;
	cursor: pointer;
	-webkit-tap-highlight-color: transparent;
}

.input-switch i {
	position: relative;
	display: inline-block;
	margin-right: .5rem;
	width: 52px;
	height: 28px;
	background-color: rgba(81, 188, 188, 0.25);
	border-radius: 24px;
	vertical-align: text-bottom;
	transition: all 0.3s linear;
}
.input-switch i::before {
	content: "";
	position: absolute;
	left: 0;
	width: 48px;
	height: 24px;
	background-color: #fff;
	border-radius: 12px;
	transform: translate3d(2px, 2px, 0) scale3d(1, 1, 1);
	transition: all 0.25s linear;
}
.input-switch i::after {
	content: "";
	position: absolute;
	left: 0;
	width: 20px;
	height: 20px;
	background-color: #51bcbc;
	border-radius: 10px;
	transform: translate3d(5px, 4px, 0);
	transition: all 0.2s ease-in-out;
}
.input-switch:active i::after {
	width: 28px;
	transform: translate3d(5px, 4px, 0);
}

.input-switch:active input:checked + i::after { transform: translate3d(16px, 2px, 0); }
.input-switch input { display: none; }
.input-switch input:checked + i { background-color: rgba(81, 188, 188, 0.25); }
.input-switch input:checked + i::before { transform: translate3d(26px, 4px, 0) scale3d(0, 0, 0); }
.input-switch input:checked + i::after { transform: translate3d(26px, 4px, 0); }





/* Global classes */

.left { float: left; }
.right { float: right; }

.text-center { text-align: center; }
.text-left { text-align: left; }
.text-right { text-align: right; }
.text-justify { text-align: justify; }
.text-uppercase { text-transform: uppercase; }
.text-lowercase { text-transform: lowercase; }
.text-capitalize { text-transform: capitalize; }

.fluid {
	width: 100%;
	float: left;
}

.container {
	max-width: 1048px;
	margin: 0 auto;
	padding: 0;
}



.sub {
	padding-left: 25px;
	background: url(../img/sub-input.png) left -2px/18px 20px no-repeat;
	color: #848484;
}



/* --- Buttons */

a.button {
    display: inline-block;
    padding: 3px 17px;
	background: #51bcbc;
	color: #fff;
	font-weight: 400;
	font-size: 13px;
	line-height: 24px;
	text-align: center;
	text-decoration: none;
	transition: all 0.1s;
	border: 1px solid #51bcbc;
	border-radius: 5px;
}
a.button:hover {
	background-color: #fff;
	color: #51bcbc;
}

a.button img {
	vertical-align: middle;
}



a.button.export {
	background: #bebebe;
	color: #1c0409;
	border-color: #bebebe;
}
a.button.export:hover {
	background-color: #fff;
}



a.action {
	float: right;
	position: relative;
	display: inline-block;
	width: 24px;
	height: 24px;
	margin-left: 10px;
	background: #f0f0f0;
	line-height: 24px;
	text-align: center;
	transition: all 0.1s;
	border-radius: 5px;
}
a.action:hover {
	background-color: #fff;
}

a.action img {
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	margin: auto;
}





/* Wrapper */

#wrapper {
	float: left;
	width: 100%;
	height: 100%;
}





/* Main */

#main {
	float: left;
	padding: 40px 25px;
	overflow-y: scroll;
}
#main.overview {
	padding: 0;
}

#main ul {
	margin-bottom: 20px;
	list-style: disc;
	list-style-position: inside;
}

#main table {
	width: 100%;
	border-collapse: collapse;
}

#main table tr {
	transition: all 0.1s;
}
#main table tr:nth-child(odd) {}
#main table tr:nth-child(even) {}
#main table tr:hover {
	background-color: #51bcbc1a;
}

#main table th, #main table td {
	border-bottom: 1px solid #b6b6b6;
	vertical-align: middle;
}

#main table th {
	padding: 0 7px;
	background-color: #d8d8d8;
	font-weight: 500;
	text-align: left;
}

#main table td {
	padding: 2px 7px;
}

#main table th:first-child, #main table td:first-child {
	padding-left: 30px;
}
#main table th:last-child, #main table td:last-child {
	padding-right: 30px;
}

#main table th.seperator, #main table td.seperator {
	padding: 0;
}

#main table td img {
	vertical-align: middle;
}

#main table td span.end {
	padding: 0 5px;
	background: #a70228;
	color: #fff;
}

#main table input {
	margin: 0;
	padding: 3px 10px;
	background: #fff;
	border: 0;
}
#main table input:disabled {
	background: transparent;
	border: 1px solid #d9d9d9;
}



#main .col table {
	margin-bottom: 0;
}

#main .col table + a.button {
	margin-left: 15px;
}

#main .col-6 table input {
	padding: 2px 10px;
	background: rgba(190, 190, 190, 0.2);
	border: 0;
}





/* Pages */

/* --- Login */

#login {
	background: #fff;
	text-align: center;
}



#login-header {
	width: 100%;
	height: 140px;
	line-height: 140px;
	background: #a20024;
}

#login-header img {
	vertical-align: middle;
}



#login-form {
	padding: 25px 40px 30px;
}

#login-form form {
	text-align: left;
}

#login-form form h5 {
	margin-bottom: 10px;
}

#login-form form input[type=submit] {
	margin: 10px 0 20px;
}

#login-form a {
	font-size: 11px;
}

#delete-box div {
	width: 400px;
}

/* Wordpress */

img.alignright { float: right; margin: 0 0 30px 15px; }
img.alignleft { float: left; margin: 0 15px 30px 0; }
img.aligncenter { display: block; margin-left: auto; margin-right: auto; }
a img.alignright { float: right; margin: 0 0 30px 15px; }
a img.alignleft { float: left; margin: 0 15px 30px 0; }
a img.aligncenter { display: block; margin-left: auto; margin-right: auto; }

#options {
	max-height: 300px;
	overflow-y: scroll;
	border: 1px solid #bebebe;
	border-radius: 5px;
	margin-bottom: 10px;
	background-color: #f3f3f3;
	padding: 8px;
}

.has-email-field {

}

.has-email-link {

}