html {
	background-image: url('../../images/page-bg.png');
}

a, 
a:link, 
a:active, 
a:visited {
	color: #2369A3;
}

.header {
	background-color: #61AEEA;
	background-image: url('../../images/header-bg.png');
}

.header td {
	border: 0;
}

.header td div {
	text-shadow: 1px 1px 3px rgba(0,0,0,.25);
}

.header td .version {
	color: rgba(255,255,255,.5);
}

.menu {
	background-image: none;
	background-color: #2369A3;
	border: 0;
}

.menu .parent {
	background-image: none;
}

.menu .parent:hover a.level_0 {
	background-color: #1E598B;
}

.menu .parent .dropdown {
	border: 0;
	box-shadow: 0 5px 10px rgba(0,0,0,.25);
}

.menu .parent .dropdown a {
	color: #FFF;
}

.menu a.level_1,
.menu a.level_2 {
	border: 0;
	background-color: #1E598B;
	padding: 3px 10px;
}

.menu .child:hover a.level_1,
.menu .child:hover .child:hover a.level_2 {
	background-color: #2369A3;
}

.menu .has_arrow a.level_1 {
	padding-right: 20px;
}

.menu .child img {
	top: 10px;
}

.menu .child .dropdown {
	margin: 0;
}


.table,
.form {
	border: 0;
	overflow: hidden;
	box-shadow: 0 0 10px rgba(0,0,0,.25);
}

.table thead td,
.form thead td {
	background-color: #2369A3;
	border: 0;
	text-shadow: 1px 1px 3px rgba(0,0,0,.25);
	line-height: 35px;
	padding: 0 10px;
}

.form .category {
	border: 0 !important;
}

.table .category {
	border: 0;
}

.table tbody td {
	padding: 10px;
}

.table .category {
	padding-bottom: 10px;
}

.form .category td {
	padding: 10px 15px;
}

.copy_btn {
	cursor: pointer;
	color: #2369A3;
}

.table tbody tr.inactive td {
	background-color: rgba( 255, 204, 204, .5);
}

.page_nav {
	margin-top: 3px;
}

input, 
textarea, 
select {
	border: 1px solid #CCC;
}

a.btn {
	text-decoration:none;
}

input[type="submit"], 
input[type="button"],
.page_nav input[type="submit"],
.page_nav input[type="button"],
a.btn {
	background-image: none;
	background-color: #2369A3;
	border: 1px solid #2369A3;
	color: #FFF;
}

thead input[type="submit"], 
thead input[type="button"] {
	background-color: #FFF;
	border-color: #FFF;
	color: #2369A3;
	margin-top: 6px;
}

.page_nav input[type="submit"],
.page_nav input[type="button"],
a.btn {
	padding: 3px 8px;
	border-radius: 20px;
}

input[type="submit"]:hover, 
input[type="button"]:hover,
.page_nav input[type="submit"]:hover,
.page_nav input[type="button"]:hover,
a.btn:hover {
	background-color: transparent;
	border: 1px solid #2369A3;
	color: #2369A3;
}

thead input[type="submit"]:hover, 
thead input[type="button"]:hover {
	border-color: #FFF;
	color: #FFF;
}

a.btn.transparent {
	background-color: transparent;
	border: 1px solid #2369A3;
	color: #2369A3;
}


a.btn.transparent:hover {
	background-color: #2369A3;
	border: 1px solid #2369A3;
	color: #FFF;
}

.login {
	border: 0;
	border-radius: 5px;
	box-shadow: 0 0 10px rgba(0,0,0,.25);
}

.notify {
	padding: 10px;
	margin-bottom: 20px;
	border: 1px solid #EEE;
	border-left-width: 5px;
	border-radius: 3px;
	border-color: #337AB7;
	background-color: #D9EDF7;
	color: #333;
}

.notify h4 {
	font-size: 16px;
	margin-top: 0;
	margin-bottom: 5px;
	color: #337AB7;
}

.notify-success { /* Success (green) */
	border-color: #5CB85C; 
	background-color: #DFF0D8;
}
 	
.notify-warning { /* Warning (yellow) */
	border-color: #F0AD4E;
	background-color: #FCF8E3;
}

.notify-error { /* Error (red) */
	border-color: #D9534F;
	background-color: #F2DEDE;
} 	

.notify-success h4 { color: #5CB85C; }
.notify-warning h4 { color: #F0AD4E; }
.notify-error h4 { color: #D9534F; }

.tc_green { color: #5CB85C; }
.tc_yellow { color: #F0AD4E; }
.tc_red { color: #D9534F; }
.tc_grey { color: #666; }
.tc_blue { color: #2369A3; }

.pct_bar {
	position: relative;
	display: inline-block;
	width: 50px;
	height: 10px;
	border: 1px solid #CCC;
	overflow: hidden;
	margin-right: 5px;
	vertical-align: middle;
	margin-top: -2px;
}

.pct_bar div {
	position: absolute;
	top: 0;
	left: 0;
	bottom: 0;
}

.pct_bar div.green { background-color: #5CB85C; }
.pct_bar div.yellow { background-color: #F0AD4E; }
.pct_bar div.red { background-color: #D9534F; }

.l { float: left; }
.r { float: right; }
.c { clear: both; }

.ca:after {
	display: table;
	content: '';
	clear: both;
}

.tl { text-align: left; }
.tr { text-align: right; }
.tc { text-align: center; }
.tj { text-align: justify; }

.select2-container--default .select2-selection--single {
	border-color: #CCC !important;
}

input,
select,
textarea {
	box-sizing: border-box;
	padding: 5px 8px;
}

textarea {
	line-height: 1.5;
}

div.title_box h1 {
	padding-right: 20px;
    padding-bottom: 15px;
}

table thead td .select2 {
	font-size: 12px;
	font-weight: normal;
	text-shadow: none;
	max-width: 250px;
}

.quick_icon {
	display: inline-block;
	vertical-align: middle;
	width: 20px;
	height: 20px;
	text-align: center;
	background-color: #2369A3;
	color: #FFF;
	border-radius: 100%;
	margin-right: 3px;
	text-decoration: none;
}

.quick_icon:hover {
	text-decoration: none !important;
}

.quick_icon span {
	color: #FFF;
	line-height: 18px;
}

.quick_icon .icon-cp-icon {
	line-height: 21px;
}

.quick_icon .icon-cp-icon {
	line-height: 21px;
}

.quick_icon .icon-pma-icon {
	line-height: 20px;
}

.icon-sucuri {
	background: #03A587;
	background: -webkit-linear-gradient(top right, rgba(3, 165, 135, 1) 0%, rgba(2, 57, 89, 1) 100%);
	background: -o-linear-gradient(top right, rgba(3, 165, 135, 1) 0%, rgba(2, 57, 89, 1) 100%);
	background: linear-gradient(to bottom left, rgba(3, 165, 135, 1) 0%, rgba(2, 57, 89, 1) 100%);
	-webkit-background-clip: text;
    background-clip: text;
    color: transparent;
    -webkit-text-fill-color: transparent;
}

.ilb {
	display: inline-block;
	vertical-align: top;
}


/* Updates 4/29/2022 */

body {
    font-family: 'Roboto', Arial, Helvetica, sans-serif;
    font-size: 12px;
}

input,
select,
textarea {
	font-family: inherit;
	font-size: inherit;
}

.table tbody tr:hover {
    background-color: #F2F2F2;
}

.table tbody td {
    padding: 10px 12px;
    border-top: 1px solid #DEE2E6;
}


/* Dark Mode */

.dark_mode_toggle {
	display: inline-block;
	vertical-align: middle;
	position: relative;
	height: 1.5em;
	width: 3em;
	border-radius: 1.5em;
	border: 1px solid #FFF;
	margin-right: 1em;
	cursor: pointer;
    -moz-transition: all .2s linear;
    -webkit-transition: all .2s linear;
    -o-transition: all .2s linear;
    transition: all .2s linear;
}

.dark_mode_toggle * {
	cursor: pointer;
    -moz-transition: all .2s linear;
    -webkit-transition: all .2s linear;
    -o-transition: all .2s linear;
    transition: all .2s linear;
}

.dark_mode_toggle .toggle {
	position: absolute;
	z-index: 100;
	width: 1.25em;
	height: 1.25em;
	border-radius: 100%;
	top: .125em;
	bottom: .125em;
	background-color: #FFF;
	text-align:center;
}

.dark_mode_toggle .toggle i {
	display: none;
	font-size: .8em;
    color: #2369A3;
    text-shadow: none;
    line-height: 1rem;
    margin-top: 1px;
}

.dark_mode_toggle.loading .toggle i {
	display: inline-block;
}

.dark_mode_toggle.on .toggle {
	right: .125em;
}

.dark_mode_toggle.off .toggle {
	left: .125em;
}

.dark_mode_toggle .light,
.dark_mode_toggle .dark {
	position: absolute;
	z-index: 50;
	top: 50%;
	transform: translateY(-50%);
}

.dark_mode_toggle .light {
	right: .25em;
}

.dark_mode_toggle .dark {
	left: .25em;
}