@charset "utf-8";
/* CSS Document */

/* Fonts --------------------------- Begin */

@font-face {
    font-family: Holimount;
    src: url("../images/fonts/Holimount.otf") format("opentype"); 
	
	/*font-family: Allison_Script;
    src: url("../images/fonts/Allison_Script.otf") format("opentype");*/
}

/* Fonts --------------------------- Begin */

/* Start - Main page structure elements */

	body {
		background-color:#ffffff; 
		margin:0;
		padding:0;
		height:100%;
	}

	#wrapper {
		min-height: 100%;
		position: relative;
	}

	#header {
		padding:0px;
	}

	#content {
		position: relative;
		height: 100%;
		padding-top: 10px;
		padding-left:15px;
		padding-right: 5px;
		padding-bottom:35px;   /* Height of the footer element  
		font-family:"Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", "DejaVu Sans", Verdana, sans-serif;
		font-size:14px;*/
	}

	#mainbody {
		padding: 0px 10px 30px 20px;
	}

	#adm_mainbody {
		position: absolute;
		left: 150px;
		padding: 50px 10px 30px 20px;
	}

	#page_nav {
		position: relative;
		width: 495px;
		height: 40px;
		bottom: 0; 
		background-color: #ccced0;
		border-top: 1px solid #000000;
		border-left: 1px solid #000000;
		border-right: 1px solid #000000;
		border-top-left-radius: 10px;
		border-top-right-radius: 10px;
	}

	#page_nav_large {
		position: relative;
		width: 675px;
		height: 40px;
		bottom: 0; 
		background-color: #ccced0;
		border-top: 1px solid #000000;
		border-left: 1px solid #000000;
		border-right: 1px solid #000000;
		border-top-left-radius: 10px;
		border-top-right-radius: 10px;
	}

	#rightbar {
		position: absolute;
		left: 1190px;
		top: 0px;
		min-height: 400px;
		width: 170px;
		padding: 20px 10px 10px 10px;
		border-left: 1px solid #000000;
		border-right: 1px solid #000000;
		border-bottom: 1px solid #000000;
		border-bottom-left-radius: 10px;
		border-bottom-right-radius: 10px;
	}

	#rightbar_header {
		position: absolute;
		top: 0px;
		left: 0px;
		width: 100%;
		border-top-left-radius: 5px;
		border-top-right-radius: 5px;
		background-color: #6c757d;
		height: 25px;
		padding-top: 2px;
		color: #ffffff;
		text-align: center;
	}

	#rightbar_body {
		position: absolute;
		top: 25px;
		height: 178px;
		width: 100%;
		padding: 5 10;
		z-index: 5;
	}

	#rightbar_delete {
		position: absolute;
		right: 0px;
		bottom: 0px;
		height: 35px;
		background-color: #dc3545;
		color: #ffffff;
		width: 168px;
		border-top-left-radius: 9px;
		border-bottom-right-radius: 9px;
		text-align: center;
		padding-top: 5px;
	}

	#rightbar_delete:hover {
		background-color: #bf2e3c;
		cursor: pointer;
	}

	#rightbar_required {
		position: absolute;
		left: 15px;
		bottom: 10px;
	}

	#footer {
		width:100%;
		height:35px;
		position: fixed;
		bottom:0;
		left:0;
	}

	#front_page {
		width: 500px;
		height: 500px;
		position: absolute;
		left: 50%;
		top: 50%;
		transform: translate(-50%, -50%);
	}

	.loginform input[type=text], input[type=password] {
		border:1px solid #000000;
		border-radius: 3px;
		padding: 5px 10px 0px 10px;
		font-size: 14px;
	}

	.bigerror {
		background-color: #B72628;
		width: 100%;
		color: #ffffff;
		position:absolute;
		bottom: 0px;
		left: 0px;
		border-bottom-left-radius: 10px;
		border-bottom-right-radius: 10px;
	}

	.bigerror a {
		text-decoration: none;
		color: #ffffff;
	}

	.pagetitle {
		font-weight: bold;
		font-size: 20px;
		padding-bottom: 20px;
		padding-left: 10px;
	}

	.job_id {
		display: inline-block;
		color: #ffffff;
		padding: 3px 5px;
		margin-top: 2px;
		border-radius: 3px;
		background-color: #007bff;
	}

	.job_id:hover {
		cursor: pointer;
		background-color: #006ee3;
	}

	.stat_num {
		display: block;
		position: relative; 
		top: 0;
		padding: 3px 7px; 
		margin-right: 15px;
		font-size: 15px;
		font-weight: bold;
		border-radius: 5px;
		min-width: 40px;
		text-align: center;
	}

	.stat_text {
		display: block; 
		position: relative;
		top: 0;
		vertical-align: top;
	}

	.round_button_white_text {
		color: #ffffff !important;
		font-weight: bold !important;
		margin-right: 15px;
		font-size: 14px !important;
		padding-left: 5px !important;
		padding-right: 5px !important;
		padding-top: 8px !important;
	}

	.round_button_black_text {
		color: #000000 !important;
		font-weight: bold !important;
		margin-right: 15px;
		font-size: 14px !important;
		padding-left: 5px !important;
		padding-right: 5px !important;
		padding-top: 8px !important;
	}

	.num_in_dot {
		width: 100%; 
		text-align: center;
	}

	div.company_list {
		margin-left: 35px;
	}

	div.company_list a, div.company_list a:focus, div.company_list a:active {
		text-decoration: none;
		color: #000000;
	}

	div.company_list a:hover {
		background-color: #3e5569;
		color: #ffffff;
		border-radius: 3px;
	}

	/* Chart line colors */
	.ct-series-a .ct-line {
		stroke: #28a745 !important;
		stroke-width: 2px;
	}
	.ct-series-a .ct-point {
		stroke: #28a745 !important;
		stroke-width: 7px;
	}

	.ct-series-b .ct-line {
		stroke: #ffc107 !important;
		stroke-width: 2px;
	}
	.ct-series-b .ct-point {
		stroke: #ffc107 !important;
		stroke-width: 7px;
	}

	.ct-series-c .ct-line {
		stroke: #dc3545 !important;
		stroke-width: 2px;
	}
	.ct-series-c .ct-point {
		stroke: #dc3545 !important;
		stroke-width: 7px;
	}

.backup_row_success {
	background-color: rgba(40, 167, 69, 0.5);
}

.backup_row_success:hover {
	background-color: rgba(32, 135, 55, 0.5);
	cursor: pointer;
}

.backup_row_warning {
	background-color: rgba(255, 193, 7, 0.5);
}

.backup_row_warning:hover {
	background-color: rgba(222, 169, 9, 0.5);
	cursor: pointer;
}

.backup_row_failed {
	background-color: rgba(220, 53, 69, 0.5);
}

.backup_row_failed:hover {
	background-color: rgba(191, 46, 60, 0.5);
	cursor: pointer;
}

.backup_job_name {
	font-size: 14px;
	font-weight: bold;
}

.backup_job_company {
	font-size: 11px;
}

.backup_job_time {
	font-size: 12px;
}

#countdown {
	float: right;
	padding-right: 20px;
}

.countdown_words {
	font-size: 12px;
	font-weight: normal;
}

.countdown_num {
	font-size: 15px;
	font-weight: bold;
}

.card {
	border-radius: 5px !important;
}

.backup_issue:hover {
	background-color: rgba(191, 46, 60, 0.5);
	cursor: pointer;
}

.backup_issue_desc {
	font-size: 14px;
	font-weight: bold;
	color: #dc3545;
}

.details td {
		padding: 5px 10px;
		font-size: 13px;
	}

.backup_details_status_failed {
	float: right;
	background-color: #dc3545;
	padding: 5px 10px;
	border-radius: 5px;
	font-weight: bold;
	color: #ffffff;
	margin-right: 10px;
}

.backup_details_status_success {
	float: right;
	background-color: #28a745;
	padding: 5px 10px;
	border-radius: 5px;
	font-weight: bold;
	color: #ffffff;
	margin-right: 10px;
}

.backup_details_status_warning {
	float: right;
	background-color: #ffc107;
	padding: 5px 10px;
	border-radius: 5px;
	font-weight: bold;
	margin-right: 10px;
}

.job_count_class {
	font-size: 12px;
	font-weight: normal;
	float: right;
}

.add_button {
	float: right;
	background-color: #4fc3f7;
	padding: 5px 10px;
	border-radius: 5px;
	font-weight: bold;
	color: #ffffff;
	margin-right: 10px;
}

.add_button:hover {
	background-color: #45aedd;
	cursor: pointer;
}

.error {
	background-color: #dc3545;
	padding: 2px;
	border-radius: 3px;
	color: #ffffff;
	margin-left: 30px;
}

.filter_title_row {
	padding: 5px;
}

.filter_title {
	font-size: 18px;
	font-weight: bold;
}

#filter_table_left {
	margin-left: 15px;
}

#filter_table_left tr td {
	padding-top: 5px;
}

#filter_table_left td.filter_label {
	font-size: 13px;
	font-weight: bold;
	padding-right: 5px;
}

#filter_table_left select{
		padding: 2px;
		border: #e3e3e3 1px solid;
		border-radius: 4px;
		background-color: #FFFFFF;
		font-size: 14px;
	}

#filter_table_right {
	margin-left: 15px;
}

#filter_table_right tr td {
	padding-top: 5px;
}

#filter_table_right td.filter_label {
	font-size: 13px;
	font-weight: bold;
	padding-right: 5px;
	white-space: nowrap;
}

#filter_table_right select{
	padding: 2px;
	border: #e3e3e3 1px solid;
	border-radius: 4px;
	background-color: #FFFFFF;
	font-size: 14px;
}

#filter_table_right input[type=text]{
	padding: 2px 5px;
	border: #e3e3e3 1px solid;
	border-radius: 4px;
	background-color: #FFFFFF;
	font-size: 14px;
}

#filter_table_right td.filter_text {
	font-size: 13px;
}

.row_filter_buttons {
	align-content: center;
	text-align: center;
}

#filter_submit {
	display: inline-block;
	margin-top: 10px;
	margin-right: 10px;
	width: 100px;
	padding: 5px 10px;
	color: #ffffff;
	font-size: 14px;
	font-weight: bold;
	border: 1px solid #007bff;
	border-radius: 3px;
	background-color: #007bff;
	align-content: center;
	text-align: center;
}

#filter_submit:hover {
	background-color: #006ee3;
}

#filter_clear {
	display: inline-block;
	margin-top: 10px;
	width: 100px;
	padding: 5px 10px;
	color: #ffffff;
	font-size: 14px;
	font-weight: bold;
	border: 1px solid #dc3545;
	border-radius: 3px;
	background-color: #dc3545;
	align-content: center;
	text-align: center;
}

#filter_clear:hover {
	background-color: #bf2e3c;
}

.faq_hover {
	padding: 2px 10px;
}

.faq_hover:hover {
	border-radius: 4px;
	background-color: #4fc3f7;
	color: #ffffff;
	cursor: pointer;
}

#backbtn {
	float: right;
	background-color: #4fc3f7;
	padding: 5px 10px;
	border-radius: 5px;
	font-weight: bold;
	color: #ffffff;
	margin-right: 10px;
}

#backbtn:hover {
	background-color: #45aedd;
	cursor: pointer;
}

.fa-bug {
	color: #dc3545;
}

.fa-wrench {
	color: #007bff;
}

.fa-plus-circle {
	color: #28a745;
}

#watermark {
	z-index: 1;
	position:fixed;
    padding:0;
    margin:0;
    top:0;
    right:0;
	text-align: right;
    width: 100%;
    height: 100%;
	font-size: 1000px;
	color: rgba(40, 167, 69, 0.5);
}

.ga_result_row {
	position: relative;
}

.ga_result_bold {
	font-size: 14px;
	font-weight: bold;
	display: inline-block;
}

.ga_result_normal {
	font-size: 12px;
	display: inline-block;
	padding-left: 10px;
	padding-right: 25px;
}

.ga_history_container {
	display: none; 
	margin-top: 10px; 
	padding-left: 20px;
}

.ga_history_row_container {
	background-color: #dee0e1;
	border-radius: 5px;
	margin-bottom: 5px;
	padding: 5px 10px;
}

.ga_history_row {
	position: relative;
}