@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;*/
	}

	#adm_content {
		position: relative;
		height: 100%;
		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 {
		position: absolute;
		left: 150px;
		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;
	}

#general_box {
	border:1px solid #cdcdcd;
	background-color: #f4f4f4;
	border-radius: 10px;
	padding: 15px;
}

#settings_box {
	width: 325px;
	height: 100px;
	border:1px solid #cdcdcd;
	background-color: #ffffff;
	border-radius: 10px;
	padding: 15px 25px;
	overflow: hidden;
	position: relative;
	text-decoration: none;
	color: #000000;
}

#settings_box:hover {
	background-color: #f4f4f4;
	cursor: pointer;
}

.settings_box_icon {
	top: 50%;
	transform: translateY(-50%);
	position: absolute;
	display: inline-block;
	float: left;
	color: #343a40;
}

.settings_box_text {
	display: inline-block;
	margin-left: 70px;
	overflow: hidden;
	font-size: 12px;
}

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

.field_input {
	border-bottom: 1px solid rgba(255, 0, 0, 0.5);
	border-left: 1px solid rgba(255, 0, 0, 0.5);
	border-right: 1px solid rgba(255, 0, 0, 0.5);
	border-top: 1px solid rgba(255, 0, 0, 0.5);
	border-top: none;
	border-radius: 3px;
	background-color:rgba(255, 0, 0, 0.5);
}

.checkbox-label input {
	position: absolute;
	opacity: 0;
	cursor: pointer;
}

.checkbox-label .checkbox-custom {
    position: absolute;
    border-radius: 3px;
    transition: all 0.3s ease-out;
    -webkit-transition: all 0.3s ease-out;
    -moz-transition: all 0.3s ease-out;
    -ms-transition: all 0.3s ease-out;
    -o-transition: all 0.3s ease-out;
}

/* This is the box that shows when the checkbox is checked. */
.checkbox-label input:checked ~ .checkbox-custom {
	top: -2px;
	left: -2px;
    -webkit-transform: rotate(0deg) scale(1);
    -ms-transform: rotate(0deg) scale(1);
    transform: rotate(0deg) scale(1);
    opacity:1;
}


.checkbox-label .checkbox-custom::after {
    position: absolute;
    content: "";
    height: 0px;
    width: 0px;
    border-radius: 3px;
    border: solid #000000;
    border-width: 0 3px 3px 0;
    -webkit-transform: rotate(0deg) scale(0);
    -ms-transform: rotate(0deg) scale(0);
    transform: rotate(0deg) scale(0);
    opacity:1;
    transition: all 0.3s ease-out;
    -webkit-transition: all 0.3s ease-out;
    -moz-transition: all 0.3s ease-out;
    -ms-transition: all 0.3s ease-out;
    -o-transition: all 0.3s ease-out;
}


/* This is the check mark */
.checkbox-label input:checked ~ .checkbox-custom::after {
  -webkit-transform: rotate(45deg) scale(1);
  -ms-transform: rotate(45deg) scale(1);
  transform: rotate(45deg) scale(1);
  opacity:1;
  left: 5px;
  top: 0px;
  width: 45%;
  height: 65%;
  border: solid #000000;
  border-width: 0 2px 2px 0;
  background-color: transparent;
  border-radius: 0;
}

/* For Ripple Effect */
.checkbox-label .checkbox-custom::before {
    position: absolute;
    content: "";
    left: 0px;
    top: 0px;
    width: 0px;
    height: 0px;
    border-radius: 5px;
    border: 2px solid rgba(255, 0, 0, 0.5);
    -webkit-transform: scale(0);
    -ms-transform: scale(0);
    transform: scale(0);    
}

.checkbox-label input:checked ~ .checkbox-custom::before {
    width: 24px;
    height: 24px;
    border-radius: 5px;
    -webkit-transform: scale(3);
    -ms-transform: scale(3);
    transform: scale(3);
    opacity:0;
    z-index: 999;
    transition: all 0.3s ease-out;
    -webkit-transition: all 0.3s ease-out;
    -moz-transition: all 0.3s ease-out;
    -ms-transition: all 0.3s ease-out;
    -o-transition: all 0.3s ease-out;
}

/* End - Main page structure elements */

/* Start - Site header and footer formatting */

	.footerbg {
		display: block;
		position:absolute;
		height:35px;
		width:100%;
		left:0;
		right:0;
		background-color:#ffffff;
		z-index: 100;
	}

	.footertop {
		display: inline-block;
		height:5px;
		width:100%;
		bottom:30;
		left:0;
		right:0;
		background-color:#333333;
	}

	.footercontent {
		display:block;	
		position:absolute;
		margin-top:12px;
		left:10;
		right:10;
		font-family:"Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", "DejaVu Sans", Verdana, sans-serif;
		font-size:11px;
	}

	.topbar {
		position: relative;
		border-bottom: 2px solid #333333;
		height: 90px;
		background-color: #f4f4f4;
	}

	.topbarlogo {
		position: absolute;
		padding: 10px;
	}

	.topbarname {
		position: absolute;
		right: 10px;
		bottom:10px;
		text-align: right;
	}

	.login_client_logo {
		padding: 15px;
	}

	.username {
		position: relative;
	}

	.logoffhome {
		position: relative;
	}

	#homebtn {
		position: absolute;
		bottom: 3px;
		right: 120px;
	}
/* End - Site header and footer formatting */

/* Begin - Left Navigation Bar formatting */

	#leftbar {
		position: absolute;
		top: 0px;
		left: 0px;
		width: 150px;
		height: 100%;
		
	}

	.leftbarlink {
		text-decoration: none;
	}

	.leftbarlink:hover {
		text-decoration: none;
	}

	.leftbarbtnorange {
		width: 100%;
		background-color: #ffc107;
		padding: 7px 0px;
		text-align: center;
		text-decoration: none;
		font-weight: bold;
		color: #000000;
		border-top-right-radius: 20px;
		border-bottom-right-radius: 20px;
	}

	.leftbarbtnorange:hover {
		background-color: #dea909;
		text-decoration: none;
	}

	.leftbarbtncharcoal {
		width: 100%;
		background-color: #343a40;
		padding: 7px 0px;
		text-align: center;
		text-decoration: none;
		font-weight: bold;
		color: #ffffff;
		border-top-right-radius: 20px;
		border-bottom-right-radius: 20px;
	}

	.leftbarbtncharcoal:hover {
		background-color: #23272b;
		text-decoration: none;
	}

	.leftbarbtnred {
		position: relative;
		width: 100%;
		background-color: #dc3545;
		padding: 7px 0px;
		text-align: center;
		text-decoration: none;
		font-weight: bold;
		color: #000000;
		border-top-right-radius: 20px;
		border-bottom-right-radius: 20px;
		z-index: 20;
	}

	.leftbarbtnred:hover {
		background-color: #bf2e3c;
		text-decoration: none;
	}

	.leftbarbtnnormal {
		width: 100%;
		background-color: #6c757d;
		padding: 7px 0px;
		text-align: center;
		text-decoration: none;
		font-weight: bold;
		color: #ffffff;
		border-bottom: 1px solid #4c5358;
		border-top-right-radius: 20px;
		border-bottom-right-radius: 20px;
	}

	.leftbarbtnnormal:hover {
		background-color: #596067;
		text-decoration: none;
		color: #ffffff;
	}

	.leftbarbtnblue {
		width: 100%;
		background-color: #007bff;
		padding: 7px 0px;
		text-align: center;
		text-decoration: none;
		font-weight: bold;
		color: #ffffff;
		border-bottom: 1px solid #4c5358;
		border-top-right-radius: 20px;
		border-bottom-right-radius: 20px;
	}

	.leftbarbtnblue:hover {
		background-color: #006ee3;
		text-decoration: none;
		color: #ffffff;
	}

	.leftbarcompname {
		position: absolute;
		left: 130px;
		top: 0px;
		width: auto;
		white-space: nowrap;
		background-color: #bf2e3c;
		padding: 7px 30px 7px 50px;
		text-align: center;
		text-decoration: none;
		font-weight: bold;
		color: #000000;
		border-top-right-radius: 20px;
		border-bottom-right-radius: 20px;
		z-index: 15;
	}

	#adm_leftbar {
		width: 150px;
		float: left;
	}

	.adm_leftbarlink {
		text-decoration: none;
	}

	.adm_changecomp {
		text-decoration: none;
		color: #000000;
	}

	.adm_changecomp:hover {
		text-decoration: none;
		color: #ffffff;
	}

	.adm_leftbarlink:hover {
		text-decoration: none;
	}

	.adm_leftbarbtnorange {
		width: 100%;
		background-color: #ffc107;
		padding: 7px 0px;
		text-align: center;
		text-decoration: none;
		font-weight: bold;
		color: #000000;
		border-top-right-radius: 20px;
		border-bottom-right-radius: 20px;
	}

	.adm_leftbarbtnorange:hover {
		background-color: #dea909;
		text-decoration: none;
	}

	.adm_leftbarbtncharcoal {
		width: 100%;
		background-color: #343a40;
		padding: 7px 0px;
		text-align: center;
		text-decoration: none;
		font-weight: bold;
		color: #ffffff;
		border-top-right-radius: 20px;
		border-bottom-right-radius: 20px;
	}

	.adm_leftbarbtncharcoal:hover {
		background-color: #23272b;
		text-decoration: none;
	}

	.adm_leftbarbtnred {
		position: relative;
		width: 100%;
		background-color: #dc3545;
		padding: 7px 0px;
		text-align: center;
		text-decoration: none;
		font-weight: bold;
		color: #000000;
		border-top-right-radius: 20px;
		border-bottom-right-radius: 20px;
		z-index: 20;
	}

	.adm_leftbarbtnred:hover {
		background-color: #bf2e3c;
		text-decoration: none;
		color: #ffffff;
		border-right: 1px solid #000000;
	}

	.adm_leftbarbtnnormal {
		width: 100%;
		background-color: #6c757d;
		padding: 7px 0px;
		text-align: center;
		text-decoration: none;
		font-weight: bold;
		color: #ffffff;
		border-bottom: 1px solid #4c5358;
		border-top-right-radius: 20px;
		border-bottom-right-radius: 20px;
	}

	.adm_leftbarbtnnormal:hover {
		background-color: #596067;
		text-decoration: none;
		color: #ffffff;
	}

	.leftbarbtnblue {
		width: 100%;
		background-color: #007bff;
		padding: 7px 0px;
		text-align: center;
		text-decoration: none;
		font-weight: bold;
		color: #ffffff;
		border-bottom: 1px solid #4c5358;
		border-top-right-radius: 20px;
		border-bottom-right-radius: 20px;
	}

	.adm_leftbarbtnblue:hover {
		background-color: #006ee3;
		text-decoration: none;
		color: #ffffff;
	}

	.adm_leftbarcompname {
		position: absolute;
		left: 130px;
		top: 0px;
		width: auto;
		white-space: nowrap;
		background-color: #bf2e3c;
		padding: 7px 30px 7px 50px;
		text-align: center;
		text-decoration: none;
		font-weight: bold;
		color: #000000;
		border-top-right-radius: 20px;
		border-bottom-right-radius: 20px;
		z-index: 15;
	}

	.adm_leftbarcompname:hover {
		color: #ffffff;
	}

/* End - Left Navigation Bar formatting */

/* Begin - Table formatting */

	.table_1 td {
		padding: 10px;
		vertical-align: top;
		border-bottom: 1px dashed #000000;
	}

	.table_1 th {
		padding: 10px;
		border-bottom: 2px solid #000000;
		background-color: #007bff;
		color: #ffffff;
	}

	#document_list {
		border-spacing: 0;
		border-collapse: separate;r
	}

	#document_list tr td {
		border-bottom: 1px solid #f0f0f0;
		padding: 5px 20px;
		text-decoration: none;
		vertical-align: top;
	}

	#document_list tr td a {
		text-decoration: none;
		color: #000000;
		font-weight: bold;
	}

	#document_list th {
		background-color: #6c757d;
		color: #ffffff;
	}

	#document_list tr th {
		padding: 5px 20px;
		border-top: 1px solid #f0f0f0;
	}

	#document_list td:first-child {
		border-left: 1px solid #f0f0f0;
	}

	#document_list th:first-child {
		border-left: 1px solid #f0f0f0;
		border-top-left-radius: 10px;
	}

	#document_list th:last-child {
		border-top-right-radius: 10px;
	}

	#document_list td:last-child {
		border-right: 1px solid #f0f0f0;
	}

	#document_list tr:last-child td:first-child {
		border-bottom-left-radius: 10px;
	}

	#document_list tr:last-child td:last-child {
		border-bottom-right-radius: 10px;
	}

	#document_list tr:hover {
		background-color: #f0f0f0;
	}

	#report_body {
		border-spacing: 0;
		border-collapse: separate;
		width: 100%;
	}

	#report_body tr td {
		border-bottom: 1px solid #f0f0f0;
		padding: 5px 20px;
		text-decoration: none;
		vertical-align: top;
	}

	#report_body tr td a {
		text-decoration: none;
		color: #000000;
		font-weight: bold;
	}

	#report_body th {
		background-color: #6c757d;
		color: #ffffff;
	}

	#report_body tr th {
		padding: 5px 20px;
		border-top: 1px solid #f0f0f0;
	}

	#report_body td:first-child {
		border-left: 1px solid #f0f0f0;
	}

	#report_body th:first-child {
		border-left: 1px solid #f0f0f0;
		border-top-left-radius: 10px;
	}

	#report_body th:last-child {
		border-top-right-radius: 10px;
	}

	#report_body td:last-child {
		border-right: 1px solid #f0f0f0;
	}

	#report_body tr:last-child td:first-child {
		border-bottom-left-radius: 10px;
	}

	#report_body tr:last-child td:last-child {
		border-bottom-right-radius: 10px;
	}

	#report_body tr:hover {
		background-color: #f0f0f0;
	}

	.tdlink {
		width: 100%;
		height: 100%;
		border: 1px dashed #000000;
	}

	.sentby {
		padding-left: 25px;
		font-size: 12px;
	}

	.status {
		padding-top: 7px !important;
		font-size: 12px;
	}

	.reportdesc {
		padding-left: 3px;
		font-size: 12px;
	}

	.recipients {
		font-size: 12px;
	}

	#recipient_list tr {
		border: none;
	}

	#recipient_list tr td {
		text-decoration: none;
		padding: 3px 10px;
		vertical-align: middle;
		font-size: 12px;
		border: none;
	}

	#recipient_list td:first-child {
		border-left: none;
	}

	#recipient_list td:last-child {
		border-right: none;
	}

	#recipient_list tr:hover {
		background-color: #e2e2e2;
	}

	#recipient_list tr:first-child td:first-child {
		border-top-left-radius: 10px;
	}

	#recipient_list tr:first-child td:last-child {
		border-top-right-radius: 10px;
	}

	#recipient_list tr:last-child td:first-child {
		border-bottom-left-radius: 10px;
	}

	#recipient_list tr:last-child td:last-child {
		border-bottom-right-radius: 10px;
	}

/* End - Table formatting */

/* Begin - Upload Form formatting */

	#uploadForm {
		position: relative;
		border-top:#F0F0F0 2px solid;
		background:#FAF8F8;
		padding:10px;
		width: 600px;
	}
	#uploadForm label {
		margin:2px; 
		font-size:1em; 
		font-weight:bold;
	}
	.demoInputBox{
		padding:5px;
		border:#F0F0F0 1px solid;
		border-radius:4px;
		background-color:#FFF;
		width: 100%;
	}
	#progress-bar {
		background-color: #12CC1A;
		height:20px;
		color: #FFFFFF;
		width:0%;
		-webkit-transition: width .3s;
		-moz-transition: width .3s;
		transition: width .3s;
	}
	.btnSubmit{
		background-color:#09f;
		padding:10px 40px;
		color:#FFF;
		border:#F0F0F0 1px solid;
		border-radius:4px;
	}

	#progress-div {
		border:#0FA015 1px solid;
		padding: 0px 0px;
		margin:30px 0px;
		border-radius:4px;
		text-align:center;
	}

/* End - Upload Form formatting */

/* Begin - General Form formatting */

	#generalForm {
		position: relative;
		border-top:#F0F0F0 2px solid;
		background:#FAF8F8;
		padding:10px;
	}

	#generalForm label {
		margin:2px; 
		font-size:1em; 
		font-weight:bold;
	}

	#generalForm input[type=text]{
		padding: 5px;
		margin-left: 15px;
		border: #e3e3e3 1px solid;
		border-radius: 4px;
		background-color: #FFFFFF;
	}

	#generalForm input[type=number]{
		padding: 5px;
		margin-left: 15px;
		border: #e3e3e3 1px solid;
		border-radius: 4px;
		background-color: #FFFFFF;
	}

	#generalForm textarea {
		padding: 5px;
		margin-left: 15px;
		border: #e3e3e3 1px solid;
		border-radius: 4px;
		background-color: #FFFFFF;
	}

	#generalForm select{
		padding: 5px;
		margin-left: 15px;
		border: #e3e3e3 1px solid;
		border-radius: 4px;
		background-color: #FFFFFF;
	}
	
	#generalForm input[type=submit] {
		background-color: #17a2b8;
		margin-top: 20px;
		margin-left: 30px;
		padding: 6px 15px;
		color: #FFF;
		border: #138496 1px solid;
		border-radius: 4px;
		font-weight: bold;
	}

	#generalForm input[type=submit]:hover {
		background-color: #138496;
	}

	#generalForm .Cancelbtn {
		background-color: #dc3545;
		margin-top: 20px;
		margin-left: 15px;
		padding: 6px 15px;
		color: #FFF;
		border: #bf2e3c 1px solid;
		border-radius: 4px;
		font-weight: bold;
	}

	#generalForm .Cancelbtn:hover {
		background-color: #bf2e3c;
	}

/* End - Upload Form formatting */

.monoFont {
		font-family: "Consolas, Menlo, Monaco, Lucida Console, Liberation Mono, DejaVu Sans Mono, Bitstream Vera Sans Mono, Courier New", monospace, serif;
	}

/* Begin - Button formatting */

.btn a, .bg-primary a, .bg-secondary a
{
	color: white; 
	text-decoration: none;
	padding: 5px 10px;
}

/* End - Button formatting */

/* Begin - Prep Button Section formatting */

#prep_name {
	position: fixed;
	top: 320px;
	left: 0px;
	width: 150px;
	font-weight: bold;
	font-size: 18px;
	text-align: center;
}

#prep_btn_1 {
	position: fixed;
	top: 350px;
	left: 0px;
	width: 150px;
	z-index: 10;
}

#prep_btn_2 {
	position: fixed;
	top: 388px;
	left: 0px;
	width: 150px;
	z-index: 10;
}

#prep_btn_3 {
	position: fixed;
	top: 426px;
	left: 0px;
	width: 150px;
	z-index: 10;
}

#prep_btn_4 {
	position: fixed;
	top: 464px;
	left: 0px;
	width: 150px;
	z-index: 10;
}

#prep_btn_5 {
	position: fixed;
	top: 502px;
	left: 0px;
	width: 150px;
	z-index: 10;
}

#prep_btn_6 {
	position: fixed;
	top: 540px;
	left: 0px;
	width: 150px;
	z-index: 10;
}

#prep_btn_7 {
	position: fixed;
	top: 578px;
	left: 0px;
	width: 150px;
	z-index: 10;
}

#prep_btn_8 {
	position: fixed;
	top: 616px;
	left: 0px;
	width: 150px;
	z-index: 10;
}

#prep_btn_9 {
	position: fixed;
	top: 654px;
	left: 0px;
	width: 150px;
	z-index: 10;
}


#type_btn_1, #type_btn_2, #type_btn_3, #type_btn_4, #type_btn_5, #type_btn_6, #type_btn_7, #type_btn_8, #type_btn_9, #type_btn_10 {
	width:100%;
	border-bottom-right-radius: 20px;
	border-top-right-radius: 20px;
	border-top-left-radius: 0px;
	border-bottom-left-radius: 0px;
	border-bottom: 1px solid #138496;
}

/* End - Prep Button Section formatting */

/* Begin - Release Notes formatting */

#r_notes {
	border-spacing: 0;
	border: 2px solid #8a8989;
	border-radius: 5px !important;
	color: #8a8989;
	width: 900px;
}

#r_notes td.rnotes_title {
	color: #8a8989;
	padding: 5px;
	text-align: center;
	background-color: #ffffff;
	letter-spacing: 1px;
	font-size: 18px;
	font-weight: bold;
	border-bottom: none;
	border-right: none;
	border-top-left-radius: 5px;
	border-top-right-radius: 5px;
}

#r_notes td.section_title {
	color: #ffffff;
	padding: 5px;
	background-color: #8a8989;
	letter-spacing: 1px;
	font-size: 16px;
	font-weight: bold;
	border-bottom: 2px solid #8a8989;
	border-top: 2px solid #8a8989;
	border-right: none;
}

#r_notes td.version_bug {
	color: #C82525;
	font-weight: bold;
	background-color: #ffffff;
	padding: 5px 10px;
	white-space: nowrap;
	vertical-align: top;
	border-bottom: 1px dashed #dddddd;
	border-right: 1px dashed #dddddd;
}

#r_notes td.version_new_feature {
	color: #078C07;
	font-weight: bold;
	background-color: #ffffff;
	padding: 5px 10px;
	white-space: nowrap;
	vertical-align: top;
	border-bottom: 1px dashed #dddddd;
	border-right: 1px dashed #dddddd;
}

#r_notes td.version_general {
	color: #8a8989;
	font-weight: bold;
	background-color: #ffffff;
	padding: 5px 10px;
	white-space: nowrap;
	vertical-align: top;
	border-bottom: 1px dashed #dddddd;
	border-right: 1px dashed #dddddd;
}

#r_notes td.version_notes {
	color: #3F3F3F;
	background-color: #ffffff;
	padding: 5px 15px;
	vertical-align: top;
	border-bottom: 1px dashed #dddddd;
}

#r_notes ul {
	padding-left: 30px;
	list-style-position: outside;		
	list-style-type: circle;
}

#r_notes tr:last-child td:first-child {
	border-bottom: none;
	border-bottom-left-radius: 5px;
}

#r_notes tr:last-child td:last-child {
	border-bottom: none;
	border-bottom-right-radius: 5px;
}

/* End - Release Notes formatting */

/* Begin - Form Formatting */

	#form_doc_info {
		position: absolute;
		left: 525px;
		background-color: #ccced0;
		border-radius: 10px;
		color: #343a40;
		width: 495px;
		height: 203px;
		font-size: 14px;
	}

	#form_doc_info input[type=text], input[type=number]{
		padding: 2px;
		margin-left: 0px;
		border:#e3e3e3 1px solid;
		border-radius: 4px;
		background-color:#FFF;
	}

	#form_doc_info select{
		padding: 2px;
	}

	.toggle.doc_properties {
		min-height: 10px !important;
		height: 30px !important;
		vertical-align: middle;
		padding-top:0px !important;
	}
	
	#form_doc_info input[type=submit] {
		margin-left: 30px;
		margin-bottom: 3px;
		border: #F0F0F0 2px solid;
		border-radius: 4px;
	}

	#report_settings {
		margin-bottom:0;
		background-color: #6c757d;
		padding: 10px;
		border-radius: 10px;
		color: #ffffff;
		min-width: 1000px;
	}

	#report_settings input[type=text], select{
		padding:5px;
		margin-left: 0px;
		border:#e3e3e3 1px solid;
		border-radius:4px;
		background-color:#FFF;
	}
	
	#report_settings input[type=submit] {
		padding: 3px 5px;
		margin-left: 15px;
		margin-bottom: 3px;
		border: #F0F0F0 2px solid;
		border-radius: 4px;
	}

	#report_settings input[type=submit]:hover {
		border: #d2d0d0 2px solid;
		background-color: #d2d0d0;
		border-radius: 4px;
	}

.custom_date_range {
	width: 195px;
	padding: 5px;
	margin-left: 0px;
	border:#e3e3e3 1px solid;
	border-radius: 4px;
	background-color:#FFF;
}



/* End - Form Formatting */

/* Email message box */

.email_msg {
	border: 1px solid #000000;
	border-radius: 5px;
	padding: 10px 20px;
	background-color: #000000;
	color: #ffffff;
	position: absolute;
	left: 30px;
	top: 60px;
	width: 400px;
	animation: email_msg 2s 1;
    -webkit-animation: email_msg 2s 1;
    animation-fill-mode: forwards;

    animation-delay: 10s;
    -webkit-animation-delay: 10s; /* Safari and Chrome */
    -webkit-animation-fill-mode: forwards;
}

@keyframes email_msg{
    from {opacity: 1;}
    to {opacity: 0;}
}

@-webkit-keyframes email_msg{
    from {opacity: 1;}
    to {opacity: 0;}
}

/* Right message box */

.right_msg {
	border: 1px solid #28a745;
	border-radius: 5px;
	padding: 10px 20px;
	background-color: #28a745;
	color: #ffffff;
	position: absolute;
	right: 20px;
	top: 20px;
	width: 400px;
	animation: right_msg 2s 1;
    -webkit-animation: right_msg 2s 1;
    animation-fill-mode: forwards;

    animation-delay: 5s;
    -webkit-animation-delay: 5s; /* Safari and Chrome */
    -webkit-animation-fill-mode: forwards;
}

@keyframes right_msg{
    from {opacity: 1;}
    to {opacity: 0;}
}

@-webkit-keyframes right_msg{
    from {opacity: 1;}
    to {opacity: 0;}
}

/* Right error message box */

.right_error_msg {
	border: 1px solid #dc3545;
	border-radius: 5px;
	padding: 10px 20px;
	background-color: #dc3545;
	color: #ffffff;
	position: absolute;
	right: 20px;
	top: 20px;
	width: 400px;
	animation: right_msg 2s 1;
    -webkit-animation: right_msg 2s 1;
    animation-fill-mode: forwards;

    animation-delay: 5s;
    -webkit-animation-delay: 5s; /* Safari and Chrome */
    -webkit-animation-fill-mode: forwards;
}

@keyframes right_error_msg{
    from {opacity: 1;}
    to {opacity: 0;}
}

@-webkit-keyframes right_error_msg{
    from {opacity: 1;}
    to {opacity: 0;}
}

/* Error message box */
.error_msg_1 {
	position: absolute;
	display: block;
	top: 20px;
	left: 45px;
	width: 500px;
	border: 1px solid #000000;
	border-radius: 5px;
	padding: 10px 20px;
	background-color: #cc0000;
	color: #ffffff;
	font-weight: 500;
	z-index: 100;
}


/* Error message box - used for document name */
.error_msg {
	position: absolute;
	display: block;
	top: 40px;
	left: 25px;
	border: 1px solid #000000;
	border-radius: 5px;
	padding: 10px 20px;
	background-color: #cc0000;
	color: #ffffff;
	font-weight: 500;
	z-index: 100;
	animation: error_msg 2s 1;
    -webkit-animation: error_msg 2s 1;
    animation-fill-mode: forwards;

    animation-delay: 2s;
    -webkit-animation-delay: 2s; /* Safari and Chrome */
    -webkit-animation-fill-mode: forwards;
}

@keyframes error_msg{
    from {opacity: 1;}
    to {opacity: 0;}
}

@-webkit-keyframes error_msg{
    from {opacity: 1;}
    to {opacity: 0;}
}

/* Error message box - used for document name on a template */
.error_msg_template {
	position: absolute;
	display: block;
	top: 40px;
	left: 420px;
	border: 1px solid #000000;
	border-radius: 5px;
	padding: 10px 20px;
	background-color: #cc0000;
	color: #ffffff;
	font-weight: 500;
	animation: error_msg_template 2s 1;
    -webkit-animation: error_msg_template 2s 1;
    animation-fill-mode: forwards;

    animation-delay: 2s;
    -webkit-animation-delay: 2s; /* Safari and Chrome */
    -webkit-animation-fill-mode: forwards;
}

@keyframes error_msg_template{
    from {opacity: 1;}
    to {opacity: 0;}
}

@-webkit-keyframes error_msg_template{
    from {opacity: 1;}
    to {opacity: 0;}
}

/* Document Processing Notice */

.doc_processing {
	max-width: 500px;
	border-radius: 5px;
	border: 1px solid #000000;
	background-color: #000000;
	padding: 10px 20px;
	margin-top: 30px;
	margin-left: 15px;
	color: #ffffff;
}

/* Recipient buttons on Document Prep page */

#recipients {
	border-spacing: 0;
	min-height: 150px;
}

#recipients_signing {
	border-spacing: 0;
}

#recipients tr {
	height: 32px;
}

.field_selected {
	box-shadow: 2px 2px 5px #000000;
}
.recipient_overlap {
	position: absolute;
	overflow: visible;
	background-color: rgba(220, 53, 69, 0.50);
	border: 2px solid rgba(220, 53, 69, 0.50);
	border-radius: 3px;
	padding: 2px 2px;
	color: #ffffff;
}

.recipient_1_req {
	position: absolute;
	overflow: visible;
	background-color: rgba(0, 123, 255, 0.75);
	border: 2px solid #007bff;
	border-radius: 3px;
	color: #ffffff;
}
.recipient_1_noreq {
	position: absolute;
	overflow: visible;
	border: 2px solid #007bff;
	border-radius: 3px;
	padding: 2px 2px;
	color: #000000;
}
.recipient_1_cb {
	position: absolute;
	overflow: visible;
	border: 2px solid #007bff;
	border-radius: 3px;
	color: #000000;
	z-index: 2;
}
.recipient_2_req {
	position: absolute;
	overflow: visible;
	background-color: rgba(108, 117, 125, 0.75);
	border: 2px solid #6c757d;
	border-radius: 3px;
	padding: 2px 2px;
	color: #ffffff;
}
.recipient_2_noreq {
	position: absolute;
	overflow: visible;
	border: 2px solid #6c757d;
	border-radius: 3px;
	padding: 2px 2px;
	color: #000000;
}
.recipient_2_cb {
	position: absolute;
	overflow: visible;
	border: 2px solid #6c757d;
	border-radius: 3px;
	color: #000000;
}
.recipient_3_req {
	position: absolute;
	overflow: visible;
	background-color: rgba(40, 167, 69, 0.75);
	border: 2px solid #28a745;
	border-radius: 3px;
	padding: 2px 2px;
	color: #ffffff;
}
.recipient_3_noreq {
	position: absolute;
	overflow: visible;
	border: 2px solid #28a745;
	border-radius: 3px;
	padding: 2px 2px;
	color: #000000;
}
.recipient_3_cb {
	position: absolute;
	overflow: visible;
	border: 2px solid #dc3545;
	border-radius: 3px;
	color: #000000;
}
.recipient_4_req {
	position: absolute;
	overflow: visible;
	background-color: rgba(220, 53, 69, 0.75);
	border: 2px solid #dc3545;
	border-radius: 3px;
	padding: 2px 2px;
	color: #ffffff;
}
.recipient_4_noreq {
	position: absolute;
	overflow: visible;
	border: 2px solid #dc3545;
	border-radius: 3px;
	padding: 2px 2px;
	color: #000000;
}
.recipient_4_cb {
	position: absolute;
	overflow: visible;
	border: 2px solid #dc3545;
	border-radius: 3px;
	color: #000000;
}
.recipient_5_req {
	position: absolute;
	overflow: visible;
	background-color: rgba(255, 193, 7, 0.75);
	border: 2px solid #ffc107;
	border-radius: 3px;
	padding: 2px 2px;
	color: #000000;
}
.recipient_5_noreq {
	position: absolute;
	overflow: visible;
	border: 2px solid #ffc107;
	border-radius: 3px;
	padding: 2px 2px;
	color: #000000;
}
.recipient_5_cb {
	position: absolute;
	overflow: visible;
	border: 2px solid #ffc107;
	border-radius: 3px;
	color: #000000;
}
.recipient_6_req {
	position: absolute;
	overflow: visible;
	background-color: rgba(23, 162, 184, 0.75);
	border: 2px solid #17a2b8;
	border-radius: 3px;
	padding: 2px 2px;
	color: #ffffff;
}
.recipient_6_noreq {
	position: absolute;
	overflow: visible;
	border: 2px solid #17a2b8;
	border-radius: 3px;
	padding: 2px 2px;
	color: #000000;
}
.recipient_6_cb {
	position: absolute;
	overflow: visible;
	border: 2px solid #17a2b8;
	border-radius: 3px;
	color: #000000;
}
.recipient_7_req {
	position: absolute;
	overflow: visible;
	background-color: rgba(222, 224, 225, 0.75);
	border: 2px solid #dee0e1;
	border-radius: 3px;
	padding: 2px 2px;
	color: #000000;
}
.recipient_7_noreq {
	position: absolute;
	overflow: visible;
	border: 2px solid #dee0e1;
	border-radius: 3px;
	padding: 2px 2px;
	color: #000000;
}
.recipient_7_cb {
	position: absolute;
	overflow: visible;
	border: 2px solid #dee0e1;
	border-radius: 3px;
	color: #000000;
}
.recipient_8_req {
	position: absolute;
	overflow: visible;
	background-color: rgba(52, 58, 64, 0.75);
	border: 2px solid #343a40;
	border-radius: 3px;
	padding: 2px 2px;
	color: #ffffff;
}
.recipient_8_noreq {
	position: absolute;
	overflow: visible;
	border: 2px solid #343a40;
	border-radius: 3px;
	padding: 2px 2px;
	color: #000000;
}
.recipient_8_cb {
	position: absolute;
	overflow: visible;
	border: 2px solid #343a40;
	border-radius: 3px;
	color: #000000;
}

.recipient_9_req {
	position: absolute;
	overflow: visible;
	background-color: rgba(128, 0, 128, 0.75);
	border: 2px solid #800080;
	border-radius: 3px;
	padding: 2px 2px;
	color: #ffffff;
}
.recipient_9_noreq {
	position: absolute;
	overflow: visible;
	border: 2px solid #800080;
	border-radius: 3px;
	padding: 2px 2px;
	color: #000000;
}
.recipient_9_cb {
	position: absolute;
	overflow: visible;
	border: 2px solid #800080;
	border-radius: 3px;
	color: #000000;
}

.recipient_10_req {
	position: absolute;
	overflow: visible;
	background-color: rgba(255,192, 203, 0.75);
	border: 2px solid #FFC0CB;
	border-radius: 3px;
	padding: 2px 2px;
	color: #000000;
}
.recipient_10_noreq {
	position: absolute;
	overflow: visible;
	border: 2px solid #FFC0CB;
	border-radius: 3px;
	padding: 2px 2px;
	color: #000000;
}
.recipient_10_cb {
	position: absolute;
	overflow: visible;
	border: 2px solid #FFC0CB;
	border-radius: 3px;
	color: #000000;
}

#recipients div.recipient_1 {
	background-color: #007bff;
	padding: 5px 10px;
	color: #ffffff;
	border-radius: 5px;
	height: 32px;
	font-size: 15px;
	font-weight: 400;
}

#recipients div.recipient_1:hover {
	background-color: #006ee3;
}

#recipients div.recipient_1 a, div.recipient_1 a:hover, div.recipient_1 a:focus, div.recipient_1 a:active {
	text-decoration: none;
	color: #ffffff;
 }

#recipients div.recipient_2 {
	background-color: #6c757d;
	padding: 5px 10px;
	color: #ffffff;
	border-radius: 5px;
	height: 32px;
	font-size: 15px;
	font-weight: 400;
}

#recipients div.recipient_2:hover {
	background-color: #596067;
}

#recipients div.recipient_2 a, div.recipient_2 a:hover, div.recipient_2 a:focus, div.recipient_2 a:active {
	text-decoration: none;
	color: #ffffff;
 }

#recipients div.recipient_3 {
	background-color: #28a745;
	padding: 5px 10px;
	color: #ffffff;
	border-radius: 5px;
	height: 32px;
	font-size: 15px;
	font-weight: 400;
}

#recipients div.recipient_3:hover {
	background-color: #208737;
}

#recipients div.recipient_3 a, div.recipient_3 a:hover, div.recipient_3 a:focus, div.recipient_3 a:active {
	text-decoration: none;
	color: #ffffff;
 }

#recipients div.recipient_4 {
	background-color: #dc3545;
	padding: 5px 10px;
	color: #ffffff;
	border-radius: 5px;
	height: 32px;
	font-size: 15px;
	font-weight: 400;
}

#recipients div.recipient_4:hover {
	background-color: #bf2e3c;
}

#recipients div.recipient_4 a, div.recipient_4 a:hover, div.recipient_4 a:focus, div.recipient_4 a:active {
	text-decoration: none;
	color: #ffffff;
 }

#recipients div.recipient_5 {
	background-color: #ffc107;
	padding: 5px 10px;
	color: #000000;
	border-radius: 5px;
	height: 32px;
	font-size: 15px;
	font-weight: 400;
}

#recipients div.recipient_5:hover {
	background-color: #dea909;
}

#recipients div.recipient_5 a, div.recipient_5 a:hover, div.recipient_5 a:focus, div.recipient_5 a:active {
	text-decoration: none;
	color: #ffffff;
 }

#recipients div.recipient_6 {
	background-color: #17a2b8;
	padding: 5px 10px;
	color: #ffffff;
	border-radius: 5px;
	height: 32px;
	font-size: 15px;
	font-weight: 400;
}

#recipients div.recipient_6:hover {
	background-color: #158da0;
}

#recipients div.recipient_6 a, div.recipient_6 a:hover, div.recipient_6 a:focus, div.recipient_6 a:active {
	text-decoration: none;
	color: #ffffff;
 }

#recipients div.recipient_7 {
	background-color: #dee0e1;
	padding: 5px 10px;
	color: #000000;
	border-radius: 5px;
	height: 32px;
	font-size: 15px;
	font-weight: 400;
}

#recipients div.recipient_7:hover {
	background-color: #c4c6c7;
}

#recipients div.recipient_7 a, div.recipient_7 a:hover, div.recipient_7 a:focus, div.recipient_7 a:active {
	text-decoration: none;
	color: #ffffff;
 }

#recipients div.recipient_8 {
	background-color: #343a40;
	padding: 5px 10px;
	color: #ffffff;
	border-radius: 5px;
	height: 32px;
	font-size: 15px;
	font-weight: 400;
}

#recipients div.recipient_8:hover {
	background-color: #23272b;
}

#recipients div.recipient_8 a, div.recipient_8 a:hover, div.recipient_8 a:focus, div.recipient_8 a:active {
	text-decoration: none;
	color: #ffffff;
 }

#recipients div.recipient_9 {
	background-color: #800080;
	padding: 5px 10px;
	color: #ffffff;
	border-radius: 5px;
	height: 32px;
	font-size: 15px;
	font-weight: 400;
}

#recipients div.recipient_9:hover {
	background-color: #750075;
}

#recipients div.recipient_9 a, div.recipient_9 a:hover, div.recipient_9 a:focus, div.recipient_9 a:active {
	text-decoration: none;
	color: #ffffff;
 }

#recipients div.recipient_10 {
	background-color: #FFC0CB;
	padding: 5px 10px;
	color: #000000;
	border-radius: 5px;
	height: 32px;
	font-size: 15px;
	font-weight: 400;
}

#recipients div.recipient_10:hover {
	background-color: #FFB6C1;
}

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

#recipients div.stop_managing {
	background-color: #dc3545;
	padding: 5px 10px;
	color: #ffffff;
	border-radius: 5px;
	height: 32px;
	font-size: 15px;
	font-weight: 400;
}

#recipients div.stop_managing:hover {
	background-color: #bf2e3c;
}

#recipients div.stop_managing a, div.stop_managing a:hover, div.stop_managing a:focus, div.stop_managing a:active {
	text-decoration: none;
	color: #ffffff;
 }

#recipients div.recipient_actions {
	border-bottom: 1px solid #000000;
	border-left: 1px solid #000000;
	border-top: 1px solid #000000;
	border-top-left-radius: 5px;
	border-bottom-left-radius: 5px;
	padding: 3px 5px;
	margin-right: -4px;
}

#recipients div.progress_bar_consent {
	font-size: 14px;
	border-bottom: 1px solid #000000;
	border-right: 1px dashed #000000;
	border-top: 1px solid #000000;
	padding: 3px 15px;
	margin-left: -3px;
}

#recipients div.progress_bar_status {
	display: inline-block;
	font-size: 14px;
	border-bottom: 1px solid #000000;
	border-right: 1px solid #000000;
	border-top: 1px solid #000000;
	border-top-right-radius: 5px;
	border-bottom-right-radius: 5px;
	padding: 3px 15px;
	margin-left: -2px;
}

#recipients div.completed_step {
	background-color: rgb(117, 209, 63);
}

#recipients div.active_step {
	color: #000000;
	-webkit-animation: active_step_animation 1s infinite;  /* Safari 4+ */
	-moz-animation: active_step_animation 1s infinite;  /* Fx 5+ */
	-o-animation: active_step_animation 1s infinite;  /* Opera 12+ */
	animation: active_step_animation 1s infinite;  /* IE 10+, Fx 29+ */
}

@-webkit-keyframes active_step_animation {
	0%, 49% {
		background-color: rgb(117, 209, 63);
	}
	50%, 100% {
		background-color: #ffffff;
	}
}

#recipients a, a:hover, a:focus, a:active {
	text-decoration: none;
 }


/* Recipient buttons for the document completion process. */

#recipients_signing div.recipient_1 {
	background-color: #007bff;
	padding: 5px 10px;
	color: #ffffff;
	border-radius: 5px;
	height: 32px;
	font-size: 15px;
	font-weight: 400;
}

#recipients_signing div.recipient_1:hover {
	background-color: #006ee3;
}

#recipients_signing div.recipient_1 a, div.recipient_1 a:hover, div.recipient_1 a:focus, div.recipient_1 a:active {
	text-decoration: none;
	color: #ffffff;
 }

#recipients_signing div.recipient_2 {
	background-color: #6c757d;
	padding: 5px 10px;
	color: #ffffff;
	border-radius: 5px;
	height: 32px;
	font-size: 15px;
	font-weight: 400;
}

#recipients_signing div.recipient_2:hover {
	background-color: #596067;
}

#recipients_signing div.recipient_2 a, div.recipient_2 a:hover, div.recipient_2 a:focus, div.recipient_2 a:active {
	text-decoration: none;
	color: #ffffff;
 }

#recipients_signing div.recipient_3 {
	background-color: #28a745;
	padding: 5px 10px;
	color: #ffffff;
	border-radius: 5px;
	height: 32px;
	font-size: 15px;
	font-weight: 400;
}

#recipients_signing div.recipient_3:hover {
	background-color: #208737;
}

#recipients_signing div.recipient_3 a, div.recipient_3 a:hover, div.recipient_3 a:focus, div.recipient_3 a:active {
	text-decoration: none;
	color: #ffffff;
 }

#recipients_signing div.recipient_4 {
	background-color: #dc3545;
	padding: 5px 10px;
	color: #ffffff;
	border-radius: 5px;
	height: 32px;
	font-size: 15px;
	font-weight: 400;
}

#recipients_signing div.recipient_4:hover {
	background-color: #bf2e3c;
}

#recipients_signing div.recipient_4 a, div.recipient_4 a:hover, div.recipient_4 a:focus, div.recipient_4 a:active {
	text-decoration: none;
	color: #ffffff;
 }

#recipients_signing div.recipient_5 {
	background-color: #ffc107;
	padding: 5px 10px;
	color: #000000;
	border-radius: 5px;
	height: 32px;
	font-size: 15px;
	font-weight: 400;
}

#recipients_signing div.recipient_5:hover {
	background-color: #dea909;
}

#recipients_signing div.recipient_5 a, div.recipient_5 a:hover, div.recipient_5 a:focus, div.recipient_5 a:active {
	text-decoration: none;
	color: #ffffff;
 }

#recipients_signing div.recipient_6 {
	background-color: #17a2b8;
	padding: 5px 10px;
	color: #ffffff;
	border-radius: 5px;
	height: 32px;
	font-size: 15px;
	font-weight: 400;
}

#recipients_signing div.recipient_6:hover {
	background-color: #158da0;
}

#recipients_signing div.recipient_6 a, div.recipient_6 a:hover, div.recipient_6 a:focus, div.recipient_6 a:active {
	text-decoration: none;
	color: #ffffff;
 }

#recipients_signing div.recipient_7 {
	background-color: #dee0e1;
	padding: 5px 10px;
	color: #000000;
	border-radius: 5px;
	height: 32px;
	font-size: 15px;
	font-weight: 400;
}

#recipients_signing div.recipient_7:hover {
	background-color: #c4c6c7;
}

#recipients_signing div.recipient_7 a, div.recipient_7 a:hover, div.recipient_7 a:focus, div.recipient_7 a:active {
	text-decoration: none;
	color: #ffffff;
 }

#recipients_signing div.recipient_8 {
	background-color: #343a40;
	padding: 5px 10px;
	color: #ffffff;
	border-radius: 5px;
	height: 32px;
	font-size: 15px;
	font-weight: 400;
}

#recipients_signing div.recipient_8:hover {
	background-color: #23272b;
}

#recipients_signing div.recipient_8 a, div.recipient_8 a:hover, div.recipient_8 a:focus, div.recipient_8 a:active {
	text-decoration: none;
	color: #ffffff;
 }

#recipients_signing div.recipient_9 {
	background-color: #800080;
	padding: 5px 10px;
	color: #ffffff;
	border-radius: 5px;
	height: 32px;
	font-size: 15px;
	font-weight: 400;
}

#recipients_signing div.recipient_9:hover {
	background-color: #750075;
}

#recipients_signing div.recipient_9 a, div.recipient_9 a:hover, div.recipient_9 a:focus, div.recipient_9 a:active {
	text-decoration: none;
	color: #ffffff;
 }

#recipients_signing div.recipient_10 {
	background-color: #FFC0CB;
	padding: 5px 10px;
	color: #000000;
	border-radius: 5px;
	height: 32px;
	font-size: 15px;
	font-weight: 400;
}

#recipients_signing div.recipient_10:hover {
	background-color: #FFB6C1;
}

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

#recipients_signing div.stop_managing {
	background-color: #dc3545;
	padding: 5px 10px;
	color: #ffffff;
	border-radius: 5px;
	height: 32px;
	font-size: 15px;
	font-weight: 400;
}

#recipients_signing div.stop_managing:hover {
	background-color: #bf2e3c;
}

#recipients_signing div.stop_managing a, div.stop_managing a:hover, div.stop_managing a:focus, div.stop_managing a:active {
	text-decoration: none;
	color: #ffffff;
 }

#recipients_signing div.recipient_actions {
	border-bottom: 1px solid #000000;
	border-left: 1px solid #000000;
	border-top: 1px solid #000000;
	border-top-left-radius: 5px;
	border-bottom-left-radius: 5px;
	padding: 3px 5px;
	margin-right: -4px;
}

#recipients_signing div.progress_bar_consent {
	font-size: 14px;
	border-bottom: 1px solid #000000;
	border-right: 1px dashed #000000;
	border-top: 1px solid #000000;
	padding: 3px 15px;
	margin-left: -3px;
}

#recipients_signing div.progress_bar_status {
	display: inline-block;
	font-size: 14px;
	border-bottom: 1px solid #000000;
	border-right: 1px solid #000000;
	border-top: 1px solid #000000;
	border-top-right-radius: 5px;
	border-bottom-right-radius: 5px;
	padding: 3px 15px;
	margin-left: -2px;
}

#recipients_signing div.completed_step {
	background-color: rgb(117, 209, 63);
}

#recipients_signing div.active_step {
	color: #000000;
	-webkit-animation: active_step_animation 1s infinite;  /* Safari 4+ */
	-moz-animation: active_step_animation 1s infinite;  /* Fx 5+ */
	-o-animation: active_step_animation 1s infinite;  /* Opera 12+ */
	animation: active_step_animation 1s infinite;  /* IE 10+, Fx 29+ */
}

@-webkit-keyframes active_step_animation {
	0%, 49% {
		background-color: rgb(117, 209, 63);
	}
	50%, 100% {
		background-color: #ffffff;
	}
}

#recipients_signing a, a:hover, a:focus, a:active {
	text-decoration: none;
 }

/* Send Counter and Warnings */

#send_count {
	position: absolute;
	top: 0px;
	right: 20px;
	
}

#send_warning {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: #343a40;
	opacity: 0.8;
	z-index: 100;
}

#send_warning_dialog {
	margin: 0;
	position: absolute;
	top: 30%;
	left: 50%;
	-ms-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	width: 400px;
	height: 400px;
	border: 2px solid #343a40;
	background-color: #ffffff;
	border-radius: 10px;
	box-shadow: 10px 10px 5px #000000;
}

#send_warning_dialog .top_alert {
	border-top-left-radius: 7px;
	border-top-right-radius: 7px;
	background-color: #bf2e3c;
	align-content: center;
	text-align: center;
	padding: 25px;
	color: #ffffff;
}

#send_warning_dialog .top_warning {
	border-top-left-radius:  7px;
	border-top-right-radius: 7px;
	background-color: #ffc107;
	align-content: center;
	text-align: center;
	padding: 25px;
}

#send_warning_dialog .middle {
	font-size: 20px;
	text-align: center;
	padding: 25px;
	
}

#send_warning_dialog .bottom {
	position: absolute;
	font-size: 14px;
	text-align: center;
	bottom: 0px;
	padding: 25px;
	
}

#send_count_numbers {
	position: relative;
	display: inline-block;
	background-color: #17a2b8;
	border: 1px solid #17a2b8;
	border-bottom-right-radius: 5px;
	padding: 0px 10px;
	height: 25px;
	color: #ffffff;
}

#send_count:hover > #send_count_numbers {
	background-color: #158da0;
	border: 1px solid #158da0;
}

#send_count:hover > #send_no_warning {
	background-color: #158da0;
	border: 1px solid #158da0;
}

#send_count:hover > #send_warning_closed {
	background-color: #dea909;
	border: 1px solid #dea909;
}

#send_count:hover > #send_alert_closed {
	background-color: #bf2e3c;
	border: 1px solid #bf2e3c;
}

#send_no_warning {
	position: relative;
	display: inline-block;
	background-color: #17a2b8;
	border: 1px solid #17a2b8;
	border-bottom-left-radius: 5px;
	height: 25px;
	color: #ffffff;
}

#send_warning_closed {
	position: relative;
	background-color: #ffc107;
	border: 1px solid #ffc107;
	border-bottom-left-radius: 5px;
	padding: 0px 10px;
	height: 25px;
}

#send_alert_closed {
	position: relative;
	background-color: #dc3545;
	border: 1px solid #dc3545;
	border-bottom-left-radius: 5px;
	padding: 0px 10px;
	height: 25px;
	color: #ffffff;
}

.fa-trash {
	color: #dc3545;
}

.fa-trash:hover {
	color: #bf2e3c;
}

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

.fa-eye:hover {
	color: #006ee3;
}

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

.fa-calendar:hover {
	color: #006ee3;
}


/* DatePicker styles */

/* Resizeable Fields */

.resizable {
  
}

.resizable .resizers{
  width: 100%;
  height: 100%;
  border: 3px solid #4286f4;
  box-sizing: border-box;
}

.resizable .resizers .resizer{
  width: 10px;
  height: 10px;
  border-radius: 50%; /*magic to turn square into circle*/
  background: rgba(255, 255, 255, 0.75);
  border: 3px solid #4286f4;
  position: absolute;
}

.resizable .resizers .resizer.top-left {
  left: -3px;
  top: -3px;
  cursor: nwse-resize; /*resizer cursor*/
}
.resizable .resizers .resizer.top-right {
  right: -3px;
  top: -3px;
  cursor: nesw-resize;
}
.resizable .resizers .resizer.bottom-left {
  left: -3px;
  bottom: -3px;
  cursor: nesw-resize;
}
.resizable .resizers .resizer.bottom-right {
  right: -3px;
  bottom: -3px;
  cursor: nwse-resize;
}

/* mouse following image for placing fields */
.mouse_field {
	position: absolute;
	text-align: center;
	display: none;
	z-index: 1;
}

#cb_group_box {
	position: absolute;
	display: block;
	border: 2px dashed #007bff;
	border-radius: 5px;
	z-index: 1;
	pointer-events: none;
}

#cb_add_btn {
	position: absolute;
	display: block;
	padding: 2px;
	background-color: #007bff;
	border: 1px solid #007bff;
	border-radius: 2px;
	color: #ffffff;
	z-index: 2;
	pointer-events: all;
}

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

#my_doc_header {
	position: relative;
	background-color: #f4f4f4;
	color: #000000;
	padding: 5px 20px;
	text-decoration: none;
	border-radius: 10px;
}

#my_doc_header_left {
	display: inline-block;
}

#my_doc_header_center_outer {
	display: flex;
	justify-content: center;
	position: absolute;
	top: 0;
	left: 0;
	padding: 5px;
	width: 100%;
	pointer-events: none;
}

#my_doc_header_center_inner {
	pointer-events: all;
}

#my_doc_header_right {
	display: inline-block;
	float: right;
}

#my_doc_header_right:hover {
	color: #343a40;
	cursor: pointer;
}

#doc_filter_box {
	z-index: 50;
	width: 300px;
	position: absolute;
	padding: 5px 20px;
	background-color: #dddddd;
	border-radius: 10px;
	box-shadow: -2px 2px 2px 1px rgba(0, 0, 0, 0.4);
}

#doc_filter_closer {
	z-index: 45;
	position:fixed;
    padding:0;
    margin:0;
    top:0;
    left:0;
    width: 100%;
    height: 100%;
}

.doc_filter_fieldname {
	position: relative;
	display: block;
	padding-top: 5px;
	font-size: 12px;
	font-weight: bold;
}

#doc_filter_form input[type=text] {
	border: 1px solid #6c757d;
	border-radius: 3px;
	padding: 3px 10px 3px 10px;
	font-size: 14px;
	width: 100%;
}

#doc_filter_form select {
	border: 1px solid #6c757d;
	border-radius: 3px;
	padding: 3px 10px 3px 10px;
	font-size: 14px;
	width: 100%;
}

#doc_filter_form_submit {
	display: inline-block;
	margin-top: 10px;
	width: 60px;
	padding: 5px 10px;
	color: #ffffff;
	font-size: 14px;
	font-weight: bold;
	border: 1px solid #007bff;
	border-radius: 3px;
	background-color: #007bff;
}

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

#doc_filter_form_clear {
	display: inline-block;
	margin-left: 10px;
	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;
}

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

#my_doc_transfer_header {
	position: relative;
	background-color: #007bff;
	color: #ffffff;
	padding: 5px 20px;
	text-decoration: none;
	border-radius: 10px;
}

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

#my_doc_transfer_header_left {
	display: inline-block;
}

#my_doc_transfer_header_center_outer {
	display: flex;
	justify-content: center;
	position: absolute;
	top: 0;
	left: 0;
	padding: 5px;
	width: 100%;
	pointer-events: none;
}

#my_doc_transfer_header_center_inner {
	pointer-events: all;
	white-space: nowrap;
	width: auto;
}

#my_doc_transfer_header_right {
	display: inline-block;
	float: right;
}

#my_doc_transfer_header_right:hover {
	color: #343a40;
	cursor: pointer;
}