/* workarounds */
/* reset extra padding in Firefox, see h5bp.com/l */
.loginBtn,.loginBtn:hover{
	width: auto;
  padding: 10px 50px;
  background: #F0572A;
  color: white;
  border: none;
  border-radius: 5px;
  margin-top: 15px;
  font-size: 15px;
  cursor: pointer;
  transition: 0.3s;
}
.terms {
  border: 1px solid #E5E5E5;
  padding: 20px;
  max-height: 150px;
  overflow-y: auto;
  border-radius: 2px;
}
.password_limit {
  color: #B4B4B4;
  padding-left: 22px;
}
/*Create Account Start*/
/* HEADER */
.profile-header {
  background: #234a7d;
  color: white;
  padding: 25px 20px 140px;
  text-align: center;
}
	.profile-header-content {
  width: 600px;
  margin: auto;
		text-align: left;
}

.profile-logo img {
  width: 230px;
}

.profile-logo span {
  color: #4fd1c5;
}

.subtitle {
  margin-top: 15px;
  color: #ff7a3d;
  font-size: 14px;
}

.login-bg p.desc {
  margin: 15px auto 0;
	margin-bottom: 0px;
  max-width: 600px;
  font-size: 14px;
  line-height: 1.6;
  opacity: 0.9;
	color: #FFF;
}

/* FORM CONTAINER */
.profile-form-container {
  display: flex;
  justify-content: center;
  margin-top: -145px;
  padding: 20px;
}

/* CARD */
.profile-card {
  background: #ffffff;
  width: 100%;
  max-width: 600px;
  padding: 30px;
  border-radius: 20px;
  box-shadow: 0 10px 30px rgba(0,0,0,0.08);
}

/* INFO TEXT */
.profile-info {
  margin-bottom: 20px;
	margin-left: 0px;
}

.login-bg p.profile-label {
  font-size: 13px;
  color: #777;
  margin-top: 10px;
  margin-bottom: 0px;
	display: block;
}

.login-bg p.profile-value {
  font-weight: 600;
  margin-bottom: 20px;
  margin-top: 10px;
	display: block;
}

/* INPUTS */
.input-group {
  margin-bottom: 15px;
	width: 100%;
}

.input-group label {
  display: block;
  font-size: 13px;
  margin-bottom: 6px;
  color: #555;
	width: 100%;
}

.input-group input {
  width: 100%;
  padding: 12px;
  border-radius: 8px;
  border: none;
  background: #f1f1f1;
  outline: none;
  font-size: 14px;
}

.input-group input:focus {
  background: #e9eef5;
}

/* DIVIDER */
hr {
  border: none;
  border-top: 1px solid #eee;
  margin: 20px 0;
}

.custom-checkbox {
  margin-top: 15px;
}

.custom-checkbox label {
  display: flex;
  align-items: flex-start;
  cursor: pointer;
  gap: 10px;
}

/* Hide default checkbox */
.custom-checkbox input {
  display: none;
}

/* Custom box */
.checkmark {
  width: 25px;
  height: 25px;
  border-radius: 5px;
  background: #e5e5e5;
  display: inline-block;
  position: relative;
  flex-shrink: 0;
}

/* Checked state */
.custom-checkbox input:checked + .checkmark {
  background: #234a7d;
}

/* Tick */
.custom-checkbox input:checked + .checkmark::after {
  content: "";
  position: absolute;
  left: 8px;
  top: 3px;
  width: 7px;
  height: 14px;
  border: solid white;
  border-width: 0 2px 2px 0;
  transform: rotate(45deg);
}

/* Text */
.custom-checkbox .text {
  font-size: 14px;
  color: #333;
  line-height: 1.4;
	font-weight: normal;
}

/* BUTTON */
.profile-btn {
  width: auto;
  padding: 10px 20px;
  background: #234a7d;
  color: white;
  border: none;
  border-radius: 5px;
  margin-top: 15px;
  font-size: 15px;
  cursor: pointer;
  transition: 0.3s;
}

.profile-btn:hover {
  background: #1b3c66;
}

/*Create Account end*/

.float-left {
  float: left !important;
}
.float-right {
  float: right !important;
}
@font-face {
  font-family: 'Roboto';
  src: url('Roboto/Roboto-ThinItalic-webfont.eot');
  src: url('Roboto/Roboto-ThinItalic-webfont.eot?#iefix') format('embedded-opentype'), url('Roboto/Roboto-ThinItalic-webfont.woff') format('woff'), url('Roboto/Roboto-ThinItalic-webfont.ttf') format('truetype');
  font-weight: 200;
  font-style: italic;
}
.general-details {
  background-color: #F3F6F8;
  padding: 25px;
  border-radius: 5px;
}
.view_participant input::placeholder {
  color: #2c2634;
}
.table.program-list h1 {
  margin-bottom: 0px;
  font-size: 25px;
}
.table.program-list > tbody > tr > td{  border-bottom: 1px solid #D0DFE6;border-top:0px;}
.current_status.data_access_1{background-color:#F4F8FF;color:#254173;}
.current_status.data_access_2{background-color:#FAE8E0;color:#E27247;}
.pricing{font-size:15px;line-height:28px;}
.pricing span {
  float: left;
  margin-right: 20px;
}
.add_edit_pricing{margin-left:15px;}
.add_edit_pricing .edit-icon {
  height: 27px !important;
  width: 27px !important;
  background-color: #8DB4F9;
}
.inline_fields span {
  width: auto;
  display: inline-block;
  margin-right: 20px;
  font-weight: 600;
  line-height:14px;
}
.inline_fields{display: inline-block;}
.inline_fields input {
  width: 100px;
}
.inline_fields span.colored-box {
  width: 38px;
  height: 38px;
  border-radius: 5px;
  float: right;
}
.colored-box-green{background-color:#59d134;}
.colored-box-red{background-color:#ed3434;}
.colored-box-yellow{background-color:#edcd1e;}
.edit_field {
  color: #E27247;
  padding-left: 15px;
  text-decoration: underline;
}
.box {
  background-color: #f4f8ff;
  border: 1px solid #c9d9f1;
  padding: 10px 20px;
  margin-bottom: 5px;
  border-radius: 5px;
}
.analytic-box{border:0px;font-size:14px;}
.analytic-box h2{font-weight:bold;}
.analytic-box h1 {
  color: #59D135;
  font-weight: 500;
  font-size: 40px;
}
.support-page {
  width: 450px;
  margin-top: 30px;
}
.support-page .popup-label {
  width: 135px;
}
.support-page .popup-input{width: 315px;}
.dashboard-page {
  width: 960px;
}
.dataTables_filter {
display: none !important;
}
.account-payment-completed span{margin-right: 30px;}
table.dataTable thead .no-sort.sorting::after,table.dataTable thead .sorting_asc::after {
  opacity: 0;
  content: "";

}
table.dataTable thead .sorting::after, table.dataTable thead .sorting::after, table.dataTable thead .sorting_asc::after, table.dataTable thead .sorting_desc::after, table.dataTable thead .sorting_asc_disabled::after, table.dataTable thead .sorting_desc_disabled::after{top: 16px !important;}
input.ui-button::-moz-focus-inner,  button.ui-button::-moz-focus-inner {
 border: 0;
 padding: 0;
}
.loader_image {
	position: fixed;
	top: 30%;
	left: 32%;
	opacity: 1;
	z-index: 999;
}
.largeIcon {
  width: 16px !important;
  height: 16px !important;
}
.tooltip-inner {
max-width: 500px !important;
}
.hasDatepicker {
    max-width: 100%;
}
.progress_bar{width:100%;padding-top:19px;}
.success {
	background: none repeat scroll 0 0 #FFFFFF;
	border-color: #C6D880;
	color: #000000;
	position: absolute;
	right: 15px;
	top: 10px;
	width: auto;
	border-radius: 8px 8px 8px 8px;
	margin-bottom: 1em;
	padding: 0.8em;
	min-height: 20px;
	z-index: 9999;
	box-shadow: 10px 10px 5px #888888;
}
.error {
	background: none repeat scroll 0 0 #FFFFFF;
	border-color: #C6D880;
	color: #F00;
	position: absolute;
	right: 15px;
	top: 10px;
	width: auto;
	border-radius: 8px 8px 8px 8px;
	margin-bottom: 1em;
	padding: 0.8em;
	min-height: 20px;
	z-index: 9999;
	box-shadow: 10px 10px 5px #888888;
}
.radio label, .checkbox label {
	cursor: pointer;
	display: inline;
	float: left;
	font-weight: normal;
	margin: 0 20px 0 0;
	padding-left: 5px;
     line-height: 22px;
}
input[type="radio"], input[type="checkbox"] {
	float: left;
	height: 22px;
	line-height: normal;
	margin: 0 !important;
	position: relative !important;
	width: 20px !important;
	margin-right: 10px !important;
}
.form-group input.form-control.hasDatepicker[type="text"] {
	float: left;
	margin-right: 10px;
	width: 94%;
	display: inline;
}
.loader_image {
	position: fixed;
	top: 30%;
	left: 32%;
	opacity: 1;
	z-index: 999;
}
.loading_box_image {
	text-align: center;
}
.loading_box_text {
	font-size: 18px;
	padding-top: 20px;
}

.clear {
	clear: both;
}
.chosen-container-single .chosen-single span {
	line-height: 29px;
}
.chosen-container-single a.chosen-single div b {
	background-position: 0 5px;
}
body {
  font: 13px/20px Roboto, Arial, Helvetica, sans-serif;
}
textarea {
	resize: none;
}
.checkbox_div > label.control-label {
	padding-top: 0;
}
body .chosen-container-single .chosen-single abbr {
	top: 9px;
}
.bg_white {
	background: #FFF;
}
.nav-header .img-circle {
  max-width: 100%;
  border-radius: 0%;
  width: 150px;
}
.nav-header {
	padding-bottom: 40px;
	padding-left:50px;
	padding-top:50px;
}
.form-group input[type="text"].renewal_amount {
	width: 100px;
	max-width: 100%;
}
.navbar-collapse.collapse {
	background-color: #aa203b;
	margin-left: -15px;
	margin-right: -15px;
}
.table-bordered > thead > tr > th, .table-bordered > thead > tr > td {
	background-color: transparent;
}
table.table-bordered.dataTable {
	border-collapse: collapse !important;
}
.table-striped > tbody > tr:nth-of-type(2n+1) {
	background-color: transparent;
}
.table-hover > tbody > tr:hover {
	background-color: transparent;
}
.padding-top {
	padding-top: 30px;
}
ul.pagination li.current {
	float: left;
	padding: 4px 10px;
}
.float-right, .btn-toolbar .float-right, .ibox-title .label.float-right {
	float: right;
}
.text-right {
	text-align: right;
}
.nav-header ul.fadeInRight {
	padding: 0 !important;
}
.ui-datepicker-header select, table.ui-datepicker td a {
	color: #000;
	padding-bottom: 7px;
	padding-top: 7px;
}
.ui-datepicker-buttonpane.ui-widget-content {
	display: none;
}
.ui-datepicker-header select {
	border: 1px solid #d2d2d2;
}
.ui-datepicker-header select, table.ui-datepicker td a {
	background-color: #e9eaee;
}
.ui-state-hover, .ui-widget-content .ui-state-hover, .ui-state-focus, .ui-widget-content .ui-state-focus, .ui-widget-header .ui-state-focus {
	background: none;
	color: #FFF !important;
	background-image: url("../images/datepicker/arrow.png");
	background-position: center 0px;
}
.ui-datepicker-prev {
	background-position: center -30px !important;
	float: left;
}
a.ui-state-default.ui-state-highlight.ui-state-hover, a.ui-state-default.ui-state-hover {
	color: #000 !important;
}
.renew_remain {
	line-height: 38px;
}
.dataTables_filter label {
	margin-left: 15px;
}
@media (min-width: 900px) {
.left_fieldset {
	float: left;
	margin-bottom: 15px;
	width: 47%;
}
.right_fieldset {
	float: right;
	width: 47%;
}
.table-responsive {
	overflow-x: hidden;
}
.logo-right-text {
	margin-top: 78px;
}
}
@media (max-width: 600px) {
.chosen-container.chosen-container-single {
	max-width: 100%;
	min-width: 100%;
}
.radio label, .checkbox label {
	width: 34%;
}
}
 @media (max-width: 1200px) {
.col-lg-10, .col-lg-11, .col-lg-12, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-md-10, .col-md-11, .col-md-12, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9,.col-sm-10, .col-sm-11, .col-sm-12, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-xs-1, .col-xs-10, .col-xs-11, .col-xs-12, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9{
	width:100%;
	margin:0px;
	float:none;
}
.col-sm-6.radio.left_align {
    clear: both;
    display: inline-block;
}
}
.display_none {
	display: none;
}
.logo {
	margin-bottom: 20px;
}
.aling-center {
	text-align: center;
}
#error_msg,.error_msg {
	color: red;
	text-align: center;
}
#success_msg,.success_msg {
	color: green;
	text-align: center;
}
.form-group input[type="text"], .form-group input[type="password"], .form-group select {
	font-family: 'Montserrat', "Roboto", Sans-serif;
	color: #00172C;
	font-size: 15px;
	border-width: 1px;
	border-radius: 0px;
	border-style: solid;
	background-color: #fafafa;
	margin-bottom: 1px;
	box-shadow: none;
	transition: all .2s linear;
	padding: 12px 10px;
	font-weight: 400;
}
.form-group select {
	padding: 0px 10px;
}
body .form-control:focus, body .single-line:focus {
	border-color: #c4c4c4 !important;
}
.form-group input[type="submit"] {
	border: none;
	border-radius: 5px;
}
body .form-control::-moz-placeholder {
color:#C8C8C8;
}
body .chosen-container {
	min-width: 155px;
	max-width: 100%;
	width: 100% !important;
}
body .chosen-container-single .chosen-single {
	border: none;
	border-bottom-color: currentcolor;
	border-bottom-style: none;
	border-bottom-width: medium;
	border-bottom: 1px solid #c4c4c4;
	border-radius: 0px;
	background: no-repeat;
}
body .chosen-container-active .chosen-single {
	box-shadow: none;
}
#card-element{padding: 5px 5px 5px 10px;
border-radius: 10px;}
.loader {
    border: 16px solid #f3f3f3;
        border-top-color: rgb(243, 243, 243);
        border-top-style: solid;
        border-top-width: 16px;
    border-top: 16px solid #3498db;
    border-radius: 50%;
    width: 120px;
    height: 120px;
    animation: spin 2s linear infinite;
    position: fixed;
    top: 50vh;
    left: 50vw;
}
.navbar-static-side {
  width: 300px;
  margin-top: 80px;
  position: fixed;
}
.ui-datepicker-trigger{display:none;}
body a {
    color: #254a9c;
    text-decoration: none;
}
.overlay {
    background-color: rgba(255, 255, 255, 0.5);
    transition: .5s ease;
    width: 100%;
    text-align: center;
    margin-top: 10px;
    color: #254a9c;
    text-decoration: underline;
    cursor: pointer;
}
.loginscreen ::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */
  color: #FFF;	
}
.loginscreen.middle-box {
    width: 700px;
    max-width: none;
}
.login-div {
    margin: auto;
    float: none;
	padding-left: 0px;
	padding-right: 0px;
}
.login-bg{background-image: linear-gradient(#32404E, #617C98);}

.login-error {
    background: #FD7770;
    padding: 20px;
border-radius: 1px;
    color: #FFF;
	margin:auto;
	float:none;
	margin-bottom:30px;
}
.logo-name {
    margin-bottom: 5px;
    padding: 20px;
}
.logo-name img {
    width: 100px;
}
.login-bg .form-group input[type="text"],.login-bg .form-group input[type="input"],.login-bg .form-group select,.login-bg .form-group input[type="password"],.login-bg .form-group input[type="email"] {
    text-align: center;
    border-radius: 5px;
    height: 45px;
    background: #396893;
    border-color: #ADC2D4;
    color: #FFF;
	text-align:left;
}
.login-bg .form-control::placeholder {
    color: #FFF !important;
    font-weight: 500;
}
.login-button {
    background: #209BD6;
    border: 0px;
    color: #FFF;
    text-transform: uppercase;
    width: 100%;
    padding: 15px;
    border-radius: 5px;
    font-weight: bold;
}
.login-text-bottom,.login-bg p,.login-text-bottom:hover {
    color: #FFF;
    margin-top: 20px;
    display: inline-block;
}
.login-bg .form-control:focus{border-color: #E4D1D2 !important;}
.login-top-div {
    border: 1px solid #FFF;
    padding: 25px;
    text-align: center;
    
    font-weight: 500;
    margin: auto;
        margin-bottom: auto;
    margin-bottom: auto;
    float: none;
    margin-bottom: 30px;
}
.login-top-div p{color: #A7CCFF;}
.login-top-div a{color:#FFF;font-weight:400;text-decoration:underline;}
.create-account-heading p {
    color: #34438D;
	margin-top:0px;
}
.create-account p {
    color: #34438D;
	margin-bottom:0px;
	margin-top:0px;
}
.create-account h3,.create-account {color:#FFFFFF;}
.create-account .profile-pic h3 {color:#000;}
.create-account input[type="checkbox"], .create-account input[type="radio"]{margin-top: 0px !important;}

.red-icon{background-color: #EC3F3E;}
.not_approved_error span,.email_error span{color: #EC3F3E;}
.approved_success{color: #59D134;}
.approved_success span, .not_approved_error span, .email_error span
{
  float: left;
  margin-right: 10px;
}
.not_approved_error span
{
  float: left;
  width: 450px;
}
.not_approved_error .cross-circle.red-icon
{
  width: 30px;
}
body .table > thead > tr > th, .table > tbody > tr > th, .table > tfoot > tr > th, .table > thead > tr > td, .table > tbody > tr > td, .table > tfoot > tr > td {
  border-top: 1px solid #D0DFE6;
  border-bottom:0px;
  padding:15px 8px;
  line-height: 25px;
 }
a:focus{outline: none;}
.pagination > li > a, .pagination > li > span{padding: 4px 10px !important;line-height: 20px !important;}
.small {
  font-size: 10px;
  line-height: 14px;
}
.download-icon{ 
	background: #254173 !important;
  mask-size: cover;
  display: inline-block;
  width: 22px;
height: 22px;
mask: url(../img/download-cloud.svg) no-repeat center / contain;
  -webkit-mask: url(../img/download-cloud.svg) no-repeat center / contain;
}
.check-circle{ 
	background: #59D134 !important;
  mask-size: cover;
  display: inline-block;
  width: 22px;
height: 22px;
mask: url(../img/check-circle.svg) no-repeat center / contain;
  -webkit-mask: url(../img/check-circle.svg) no-repeat center / contain;
}

.plus-circle{ 
	background: #1a2f53 !important;
  mask-size: cover;
  display: inline-block;
  width: 22px;
height: 22px;
mask: url(../img/plus-circle.svg) no-repeat center / contain;
  -webkit-mask: url(../img/plus-circle.svg) no-repeat center / contain;
}
.cross-circle{background: #ADADAD !important;
  mask-size: cover;
  display: inline-block;
  width: 22px;
height: 22px;
mask: url(../img/x-octagon.svg) no-repeat center / contain;
  -webkit-mask: url(../img/x-octagon.svg) no-repeat center / contain;}
.plus-icon{
    mask: url(../img/icon-plus.svg) no-repeat center / contain;
  -webkit-mask: url(../img/icon-plus.svg) no-repeat center / contain;
 mask-size: contain;
background-color: #FFF;
width: 13px;
display: inline-block;
height: 30px;
}
.search-icon {
  mask: url(../img/search.svg) no-repeat center / contain;
  -webkit-mask: url(../img/search.svg) no-repeat center / contain;
    mask-size: contain;
  mask-size: contain;
  background-color: #FFF;
  width: 7px;
  float:left;
  height: 13px;
}
.customer-icon {
  mask: url(../img/customers.svg) no-repeat center / contain;
  -webkit-mask: url(../img/customers.svg) no-repeat center / contain;
    mask-size: contain;
}
body .nav > li a span {
  background: #00172C !important;
  mask-size: cover;
  display: inline-block;
  width: 16px;
  height: 16px;
  float: left;
  margin-right: 15px;
  padding-left: 0px;
}
.navbar-default .nav > li > a:hover, .navbar-default .nav > li > a:focus {
  background-color: transparent;
}
.form-control, .single-line {
  background-color: #FFFFFF;
  background-image: none;
  border: 1px solid #2c2634;
  border-radius: 4px;
  display: block;
  padding: 6px 12px;
  transition: border-color 0.15s ease-in-out 0s, box-shadow 0.15s ease-in-out 0s;
  width: 100%;
  height: 38px;
  color: #2c2634;
}
.modal-content {
  border: none;
  box-shadow: none;
}
.modal-content {
  border-radius: 12px;
}
.modal-body {
  position: relative;
  padding: 20px 50px 16px 50px;
  display: inline-block;
  width: 100%;
  overflow: hidden;
}
.modal-body h1 {
  border-bottom: 1px solid #E5E5E5;
  font-size: 18px;
  font-weight: bold;
  padding-bottom: 20px;
  margin-top: 0px;
  color: #2C2634;
  margin-left: -50px;
  margin-right: -50px;
  padding-left: 50px;
  padding-right: 50px;
  margin-bottom: 20px;
}
.close-icon {
  color: #A8A8A8;
  font-size: 15px;
}
.popup-label {
  width: 30%;
  float: left;
  font-size: 14px;
  font-weight: normal;
  color: #9e9ba2;
  line-height: 38px;
}
.popup-input {
  float: left;
  width: 70%;
}
.popup-input .form-control {
  background-color: #F5F5F5;
  border: 0px;
}
.popup-divider {
  border-bottom: 1px solid #E5E5E5;
  margin-top: 35px;
  margin-bottom: 30px;
  display: inline-block;
  width: 111%;
  margin-left: -30px;
  margin-right: -30px;
}
.sidebar-popup {
  margin-right: 0px;
  width: 710px;
}
.sidebar-popup .modal-body{min-height:100vh;}
.sidebar-popup .modal-content {
  border-radius: 0px;
}
.modal-dialog {
  display: none;
}
.modal-content .popup-divider {
  width: 130%;
  margin-left: -50px;
}
.lightGrayColor, .lightGrayColor:hover, .lightGrayColor:focus {
  color: #A1A1A1;
  font-weight: normal;
}
.dashboard-page h3 {
  color: #e27247;
  font-size: 25px;
  margin-top: 30px;
}
.parent-page-class.legal-documents{width:700px;margin:auto;}
.legal-box {
  border: 1px solid #50678f;
  padding: 40px;
  margin-bottom:30px;
}
.legal-documents .checkbox{margin-top:0px;}
.form-control {
  background: #f5f5f5;
}
.credit-card-detail-section{background-color: #f5f5f5;
border: 0px;}
body .btn-primary, body .btn-primary:hover, body .btn-primary:focus {
  font-size: 14px;
  font-weight: bold;
  color: #2C2634 !important;
  border-radius: 6px;
  background-color: #98EBCE !important;
  border-color: transparent !important;
  padding: 8px 30px;
}
body .btn-primary, body .btn-primary:hover, body .btn-primary:focus {
  background-color: #005099 !important;
  color: #FFFFFF !important;
  padding:10px 20px;
}
body .modal-content .btn-primary, body .modal-content .btn-primary:hover {
  background-color: #254173 !important;
  border: 0px;
	font-weight: normal;
  margin-left: 10px;
}
body .modal-content .btn-primary.red-button, body .modal-content .btn-primary.red-button:hover {
  background-color: #ec0000 !important;
}
.module_content .popup-label {
  width: 100%;
  color: #254173;
}
.module_content .popup-input {
  width: 100%;
}
select.form-control {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  background: url(../img/icon-arrowdown.svg) #F1F1F2 no-repeat 97% 50% !important;
    background-size: auto;
  background-size: auto;
  background-color: rgba(0, 0, 0, 0);
  background-size: auto;
  background-color: rgba(0, 0, 0, 0);
  background-size: auto;
  padding-right: 20px;
  background-size: 15px !important;
}
body .chosen-container {
  min-width: 155px;
  max-width: 100%;
  width: 100% !important;
  background: #F5F5F5;
  border: 0px !important;
  padding: 4px 12px;
}
.chosen-container::after {
  background: url(../img/icon-arrowdown.svg) center center no-repeat !important;
  width: 15px;
  height: 100%;
  content: " ";
  position: absolute;
  right: 10px;
  top: 0px;
}
body .chosen-container-single .chosen-single {
  border: 0px;
  background: transparent;
  border-radius: 0px;
  box-shadow: none !important;
  padding: 0px;
}
.chosen-container-active.chosen-with-drop .chosen-single {
  box-shadow: unset !important;
  border: 0px !important;
  background-image: none !important;
}
body .chosen-container-active .chosen-single {
  box-shadow: none;
}
a.chosen-single > div {
  display: none !important;
}
.disabled{
    pointer-events:none;
    opacity:0.7;
}
.top-search-box {
  background: #254173;
  padding: 10px;
  text-align: left;
  z-index: 99999;
  position: fixed;
  width: 100%;
  height: 54px;
  
  text-transform:uppercase;
}
.top-search-box a {
  color: #FFF;
  margin-left: 25px;
  line-height: 33px;
}
.top-search-box a span{
  color: #E27247;
 padding-left:10px;
}
.top-search-box input{}	
.top-search-box input {
  width: 400px;
  border: 0px;
  border-radius: 5px;
  background: #2a3f50;
  color: #FFF;
  padding: 7px 30px;
}
.top-search-box input:focus-visible {
  outline: 0px;
}
.top-search-box img {
  float: left;
  height: 15px;
  margin-top: 10px;
  padding-left: 40px;
}
body .page-heading.client-view-page {
  z-index: 999;
  position: sticky;
  background: #FFF;
  padding-top: 33px;
  margin-bottom:0px;
  padding-bottom:33px;
}
.input.file {
  margin: 0px;
}
.legal_documents span {
  float: left;
  margin-right: 10px;
  font-size: 15px;
}

.border-right-client{border-right:1px solid #D0DFE6;padding-top:25px;margin-top:-25px;}
.background-none{background:none !important;}
body .appTextColor{color:#254a9c;}
.red-bg,.red-bg:hover, .bg-danger {
    background-color: #ed5565 !important;
    color: #ffffff;
}
.paddPL0 .col-sm-12,.paddPL0 .col-sm-11,.paddPL0 .col-sm-10,.paddPL0 .col-sm-9,.paddPL0 .col-sm-8,.paddPL0 .col-sm-7,.paddPL0 .col-sm-6,.paddPL0 .col-sm-5,.paddPL0 .col-sm-4,.paddPL0 .col-sm-3,.paddPL0 .col-sm-2{padding-left:0px !important;}
.mar0,.bg-color-transparant table.mar0{margin:0px !important;}
.paddL50{padding-left:50px !important;}
.paddL25{padding-left:25px !important;}
.paddT50{padding-top:50px !important;}
.paddT5{padding-top:5px !important;}
.paddT10{padding-top:10px !important;}
.paddT15{padding-top:15px !important;}
.paddT20{padding-top:20px !important;}
.paddT30{padding-top:30px !important;}
.paddT7{padding-top:7px !important;}
.paddB5{padding-bottom:5px !important;}
.paddB10{padding-bottom:10px !important;}
.paddB15{padding-bottom:15px !important;}
.paddB20{padding-bottom:20px !important;}
.paddB25{padding-bottom:25px !important;}
.paddB30{padding-bottom:30px !important;}
.paddL0{padding-left:0px !important;}
.paddL2{padding-left:2px !important;}
.paddL5{padding-left:5px !important;}
.paddL10{padding-left:10px !important;}
.paddL15{padding-left:15px !important;}
.paddL20{padding-left:20px !important;}
.paddL28{padding-left:25px !important;}
.paddL25{padding-left:28px !important;}
.paddL30{padding-left:30px !important;}
.paddL50{padding-left:50px !important;}
.paddR50{padding-right:50px !important;}
.paddR0{padding-right:0px !important;}
.paddR20{padding-right:20px !important;}
.paddR30{padding-right:30px !important;}
.paddT0{padding-top:0px !important;}
.paddB0{padding-bottom:0px !important;}
.marL0{margin-left:0px !important;}
.marR0{margin-right:0px !important;}
.marL10{margin-left:10px !important;}
.marR10{margin-right:10px !important;}
.marT0{margin-top:0px !important;}
.marB0{margin-bottom:0px !important;}
.marT4{margin-top:4px !important;}
.marT5{margin-top:5px !important;}
.marT10{margin-top:10px !important;}
.marT15{margin-top:15px !important;}
.marT20{margin-top:20px !important;}
.marT30{margin-top:30px !important;}
.marB15{margin-bottom:15px !important;}
.marB20{margin-bottom:20px !important;}
.marL20{margin-left:20px !important;}
.marR20{margin-right:20px !important;}
.marR5{margin-right:5px !important;}
.paddR10{padding-right: 10px;}
.paddR40{padding-right: 40px;}
.marB10{margin-bottom:10px !important;}
.marB2{margin-bottom:2px !important;}
.marT30vh{margin-top:30vh !important;}
.right-align{text-align:right !important;}
.left-align{text-align:left !important;}
.center-align{text-align:center !important;}
.float-right{float:right !important;}
.underline{text-decoration:underline !important;}
.align-right {text-align: right;}
.uppercase {text-transform: uppercase;}
.lowercase {text-transform: none !important;}
.small {font-size:small;}
.green {color: #254a9c;}
.gray {color: #B4B4B4 !important;}
.yellow {color: #F26700;}
.black,.black:hover {color: #254173;}
.red {color: #ED2726 !important;}
.blue {color: #1F3186 !important;}
.light-blue {color: #264EBD;}
.light-gray {color: #BBBBBB;}
.green-color {color: #59d134;}
.orange-color,.orange-color:hover{color: #FD7871;}
.orange {color: #FF7977 !important;}
.green-light,.green-light:hover {color: #70B004;}
.light-red,.light-red:hover {color: #FF7572;}
.fail-color,.fail-color:hover {color: #FF8784;}
.border0{border: 0px !important;}
.borderB0{border-bottom: 0px !important;}
.borderR0{border-right: 0px !important;}
.bold500{font-weight:500 !important;}
.bold600{font-weight:600 !important;}
.bold700{font-weight:700 !important;}
.bold800{font-weight:800 !important;}
.bold900{font-weight:900 !important;}
.bold{font-weight:bold !important;}
.bolder{font-weight:bolder !important;}
.normal{font-weight:normal !important;}
.width97{width:97% !important;}
.width30{width:30px !important;}
.width45{width:45px !important;}
.width100,.bg-color-transparant table.width100{width:100% !important;}
.paddB200{padding-bottom:200px;}
.listing-text-color{color:#595959;}
.success-section {
    background-color: #F4FAE6;
    color: #88BC29;
    padding: 10px 25px;
    margin-top: 20px;
    border-radius: 2px;
}
.green-border{border-top:1px solid #59d134 !important;}
.col-sm-6-paddL0 .col-sm-6{padding-left:0px !important;}
.col-sm-12-paddL0 .col-sm-12{padding-left:0px !important;}
.col-sm-6-paddR0 .col-sm-6{padding-right:0px !important;}
.col-sm-12-paddR0 .col-sm-12{padding-right:0px !important;}
.col-sm-6-paddL0 .col-sm-10{padding-left:0px !important;}
.col-sm-6-paddL0 .col-sm-12{padding-left:0px !important;}
.paddPL0 .col-sm-12,.paddPL0 .col-sm-11,.paddPL0 .col-sm-10,.paddPL0 .col-sm-9,.paddPL0 .col-sm-8,.paddPL0 .col-sm-7,.paddPL0 .col-sm-6,.paddPL0 .col-sm-5,.paddPL0 .col-sm-4,.paddPL0 .col-sm-3,.paddPL0 .col-sm-2,.paddPL0 .col-sm-1{padding-left:0px !important;}
hr.blue-hr{margin-top:30px;margin-bottom:30px;border-top: 2px solid #B0C5E4;clear:both;}
hr.yellow-hr {
    margin-top: 15px;
    margin-bottom: 25px;
    border-top: 2px solid #FFC768;
    clear: both;
}
.border-radius5{border-radius:5px;}
.karting-btn{
	padding: 10px 10px; 
	border-radius: 5px;
    display: inline-block;
	font-size:14px;
	text-align:center;
}
.green-bg-light{background-color:#F1F7E6 !important;}
.green-bg{background-color:#9DD30B !important;}
.blue-bg{background-color:#202F80 !important;}
.gray-bg{background-color:#6C6C6C !important;}
.light-gray-bg{background-color:#F8F8F8 !important;}
.light-orange-bg{background-color:#FFF4F3 !important;}
.light-blue-bg{background-color:#EEFAFF !important;}
.hide-event-orange-bg{background-color:#faf5e8 !important;}
.white{color:#FFF !important;}
.mobile-display{display:none;}
input[type="checkbox"].marT0{margin-top:0px !important;}
.margin0{margin:0px !important;} 
input.margin0{margin:0px !important;} 
.float-none{float:none !important;}
body {
  background-color: #F2F6F8;
  color: #254173;
}

.site-color,.site-color:hover{color:#55595E;}
.login-bg {
  background: #FFF;
}
.login-section > .login-section-1 {
  margin: 0;
  position: absolute;
  top: 50%;
  left: 25%;
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}
.middle-box {
  max-width: 430px;
  z-index: 100;
  margin: 0 auto;
    margin-top: 0px;
  margin-top: 0px;
  padding-top: 40px;
}
.loginscreen.middle-box {
  max-width: 350px;
  z-index: 100;
  margin: 0 auto;
    margin-top: 0px;
  margin-top: 0px;
  padding-top: 15vh;
}
.login-div {
    margin: auto;
    float: none;
    padding-left: 0px;
    padding-right: 0px;
}
.login-background {
  background-image: url(../img/login-bg.jpg);
  background-size: cover;
  background-repeat: no-repeat;
  position: absolute;
  right: 0px;
  height: 100%;
  background-position: center center;
}
.logo-name {
  margin-bottom: 5px;
  padding-bottom: 0px;
  padding-top: 0px;
  padding-left: 0px;
  margin-top: 0px;
}.middle-box {
  max-width: 430px;
  z-index: 100;
  margin: 0 auto;
    margin-top: 0px;
  margin-top: 0px;
  padding-top: 40px;
}
.middle-box h1 {
  margin-bottom:15px;
}
.logo-name img {
  width: 200px;
}
.login-text-bottom, .login-bg p, .login-text-bottom:hover {
  color: #254173;
  margin-top: 20px;
}
.login-div {
  margin: auto;
  float: none;
  padding-left: 0px;
  padding-right: 0px;
}
.login-div label, .login-div a, .login-div p {
  color: #00172C;
  font-weight:normal;
}
.login-div .checkbox{margin:0px;}
.login-div .checkbox label {
  line-height: 22px;
  margin-right: 0px;
  font-size: 12px;
  font-weight: normal;
}
.login-bg .form-group input[type="text"], .login-bg .form-group input[type="input"], .login-bg .form-group select, .login-bg .form-group input[type="password"], .login-bg .form-group input[type="email"] {
border-radius: 5px;
height: 35px;
background: none;
border-color: #d2dce9;
color: #254173 !important;
text-align: left;
padding: 5px 10px;
}
#remember-me {
  margin-left: 0px !important;
}
.forgot-link {
  line-height: 40px;
  text-decoration: underline;
}
.login-button {
  background: #005099;
  border: 0px;
  color: #FFF;
  width: 100%;
  padding: 15px;
  border-radius: 5px;
  font-weight: bold;
  text-transform:none;
}
.left-divider {
  border-top: 1px solid #dae8ed;
  margin-top: 35px;
  margin-bottom: 15px;
}
.sidebar-popup .modal-body h1 {line-height:35px;}
.sidebar-popup-close {
  float: right;
  border: 1px solid #D0DFE6;
  padding: 5px 10px;
  border-radius: 5px;
  color: #254173;
  box-shadow: 1px 1px #D0DFE6;
  font-size: 13px;
  font-weight: normal;
  line-height: 16px;
  margin-top: 3px;
}
.page-heading h1 {
  display: inline-block;
  margin: 0px;
  font-size: 24px;
  font-weight: 600;
  line-height: 30px;
  width:100%;
}
.page-heading h1 label{float:right;}
.page-heading h1 span{
  color:#bec7ce;
  font-weight: normal;
  padding-left:20px;
}
body #page-wrapper {
  margin:54px 0 0 300px;
  min-height: 110vh;
  overflow-x: hidden;
  background:#FFF;
}
#page-wrapper {
  padding-right: 0px;
  padding-left: 0px;
}
.parent-page-class {
  width: 960px;
}
.full-width.parent-page-class {
  padding: 0px 50px;
  width: 100%;
}
.checkbox-div label {
  float: left;
  line-height: 46px;
  font-weight: normal;
}
.checkbox-div input[type="checkbox"]{margin-left:4px !important;}
.resource_name a{text-decoration:underline;color:#55595E;margin-bottom:10px;display:inline-block;}
body .page-heading {
  padding: 0;
    padding-bottom: 0px;
  padding-bottom: 0px;
  font-weight: bold;
  font-size: 30px;
  margin-bottom: 33px;
  /*min-height: 110px;*/
}
.page-heading-border {
  border-top: 1px solid #D0DFE6;
  margin-left: -50px;
  margin-right: -50px;
  margin-bottom: 50px;
}
.product_field_section .popup-label.right-align {
  width: 35%;
}
.product_field_section .popup-label {
  width: 100%;
}
.search-popup {
  margin-top: 54px !important;
  position: absolute;
  margin-left: 28%;
}

.search-popup .modal-content {
  border-bottom-right-radius: 12px;
  border-bottom-left-radius: 12px;
  border-top-right-radius: 0px;
  border-top-left-radius: 0px;
    box-shadow: 0 5px 8px 0 rgba(0, 0, 0, 0.2), 0 7px 20px 0 rgba(0, 0, 0, 0.17);
}
.search-listing a {
  padding: 10px 20px;
  display: inline-block;
  width: 100%;
  color:#00172C;
}
.search-listing a:hover{background-color:#eeeff1;border-radius:5px;}
.search-popup .modal-body{padding-left:30px;padding-right:30px;}
.search-popup h3{padding-left:20px;}
.pac-container{z-index: 999999;}
#product_details_div .modal-dialog {
    width: 800px;
}
.table > tbody > tr:hover {
  background-color: #f1f6f8;
}
.inner-heading {
  border-bottom: 1px solid #D4DEE9;
  line-height: 43px;
  font-weight: bold;
}
.current_status {
  background: #e6ffd6;
    background-color: rgb(230, 255, 214);
  background-color: rgb(232, 253, 229);
  border-radius: 5px;
  width: 100px;
  display: inline-block;
  text-align: center;
  font-weight: 600;
  text-transform: uppercase;
  padding: 1px;
  font-size:12px;
}
.current_status_Pending,.current_status_2 {
  background-color: #F2F6F8;
  color: #5C6E7E;
}
.current_status_Completed {
  background-color:#f0f2f6;
  color: #284475;
}
.current_status_Active {
  color: #54dd4e;
}

.current_status_3,.current_status_2 {
  background-color: #F2F6F8;
  color: #5C6E7E;
}
.current_status_5 {
  background-color:#f0f2f6;
  color: #284475;
}
.current_status_1 {
  color: #54dd4e;
}

.status_1_color{color: #54dd4e;}
.status_3_color{color: #5C6E7E;}
.box .largeIcon{background:#c9d9f1;}
.cross-icon {
  margin-left: 10px;
  mask: url(../img/icon-close.svg) no-repeat center / contain;
  -webkit-mask: url(../img/icon-close.svg) no-repeat center / contain;
  width: 10px;
  height: 10px;
  background-color: #333F4F;
  display: inline-block;
  top: 8px;
  margin: 0px;
}
.trash-icon {
  mask: url(../img/trash.svg) no-repeat center / contain;
  -webkit-mask: url(../img/trash.svg) no-repeat center / contain;
    mask-size: contain;
  mask-size: contain;
  background-color: #99A3B1;
  width: 20px;
  display: inline-block;
  height: 25px;
}
.view-icon {
  mask: url(../img/eye.svg) no-repeat center / contain;
  -webkit-mask: url(../img/eye.svg) no-repeat center / contain;
  background-color: #00172C;
  width: 7px;
  float: left;
  height: 13px;
}
.view_report .view-icon {
  width: 18px;
  display: inline-block;
  height: 10px;
  float:none;
}
.dashboard-blocks .icon {
  width: 37px;
  height: 18px;
  display: inline-block;
  background: #FFF;
  margin-top: 11px;
  position: absolute;
  opacity: 1;
  left: 20px;
}
.dashboard-blocks .text {
  float: left;
  margin-left: 10px;
  color:#E27247;
}
.dashboard-blocks a {
  color: #E27247;
  text-decoration: underline;
  font-weight: 500;
  float: right;
  margin-top: 19px;
}
.large-text {
  display: block;
  font-size: 20px;
  font-weight:600;
}
.dashboard-blocks {
  background: #fcf2ed;
  border-radius: 10px;
  padding: 25px 20px;
  display: inline-block;
  width: 100%;
}
.icon-block {
  background: #e27247;
  width: 40px;
  height: 40px;
  float:left;
  border-radius: 10px;
}
.last-block .dashboard-blocks{background:#f2f6fd;}
.last-block .icon-block{background:#254173;}
.last-block .text, .last-block a{color:#254173;}
.download {
  background-color: #00172C;
  width: 21px;
  height: 15px;
  float: left;
  mask: url(../img/download.svg) no-repeat center / contain;
  }
.trash-icon {
  mask: url(../img/x-octagon.svg) no-repeat center / contain;
  -webkit-mask: url(../img/x-octagon.svg) no-repeat center / contain;
    mask-size: contain;
  mask-size: contain;
  background-color: #00172C;
  width: 18px;
  display: inline-block;
  height: 10px;
}
.edit-icon {
  mask: url(../img/icon-edit.svg) no-repeat center / contain;
  -webkit-mask: url(../img/icon-edit.svg) no-repeat center / contain;
    mask-size: contain;
  mask-size: contain;
  background-color: #00172C;
  width: 18px;
  display: inline-block;
  height: 10px;
}
.customer-icon {
  mask: url(../img/customers.svg) no-repeat center / contain;
  -webkit-mask: url(../img/customers.svg) no-repeat center / contain;
    mask-size: contain;
}
.dashboard-icon {
  mask: url(../img/grid.svg) no-repeat center / contain;
  -webkit-mask: url(../img/grid.svg) no-repeat center / contain;
    mask-size: contain;
}

.organisation-icon {
  mask: url(../img/box.svg) no-repeat center / contain;
  -webkit-mask: url(../img/box.svg) no-repeat center / contain;
    mask-size: contain;
}
.program-icon {
  mask: url(../img/heart.svg) no-repeat center / contain;
  -webkit-mask: url(../img/heart.svg) no-repeat center / contain;
    mask-size: contain;
}
.participant-icon {
  mask: url(../img/users.svg) no-repeat center / contain;
  -webkit-mask: url(../img/users.svg) no-repeat center / contain;
    mask-size: contain;
}
.resource-icon {
  mask: url(../img/folder.svg) no-repeat center / contain;
  -webkit-mask: url(../img/folder.svg) no-repeat center / contain;
    mask-size: contain;
}
.support-icon {
  mask: url(../img/life-buoy.svg) no-repeat center / contain;
  -webkit-mask: url(../img/life-buoy.svg) no-repeat center / contain;
    mask-size: contain;
}
.report-icon {
  mask: url(../img/bar-chart-2.svg) no-repeat center / contain;
  -webkit-mask: url(../img/bar-chart-2.svg) no-repeat center / contain;
    mask-size: contain;
}
.user-icon {
  mask: url(../img/user.svg) no-repeat center / contain;
  -webkit-mask: url(../img/user.svg) no-repeat center / contain;
    mask-size: contain;
}
.setting-icon {
  mask: url(../img/settings.svg) no-repeat center / contain;
  -webkit-mask: url(../img/settings.svg) no-repeat center / contain;
    mask-size: contain;
}

.onboarding-icon {
  mask: url(../img/icon-edit.svg) no-repeat center / contain;
  -webkit-mask: url(../img/icon-edit.svg) no-repeat center / contain;
    mask-size: contain;
}
.construction-icon {
  mask: url(../img/tool.svg) no-repeat center / contain;
  -webkit-mask: url(../img/tool.svg) no-repeat center / contain;
    mask-size: contain;
}
.manufacturing-icon {
  mask: url(../img/codesandbox.svg) no-repeat center / contain;
  -webkit-mask: url(../img/codesandbox.svg) no-repeat center / contain;
    mask-size: contain;
}
.finalisation-icon {
  mask: url(../img/check-square.svg) no-repeat center / contain;
  -webkit-mask: url(../img/check-square.svg) no-repeat center / contain;
    mask-size: contain;
}
.client-icon {
  mask: url(../img/user.svg) no-repeat center / contain;
  -webkit-mask: url(../img/user.svg) no-repeat center / contain;
    mask-size: contain;
}
.account-icon {
  mask: url(../img/shield.svg) no-repeat center / contain;
  -webkit-mask: url(../img/shield.svg) no-repeat center / contain;
    mask-size: contain;
}
.archive-icon {
  mask: url(../img/archive.svg) no-repeat center / contain;
  -webkit-mask: url(../img/archive.svg) no-repeat center / contain;
    mask-size: contain;
}
.logout-icon {
  mask: url(../img/log-out.svg) no-repeat center / contain;
  -webkit-mask: url(../img/log-out.svg) no-repeat center / contain;
    mask-size: contain;
}
body .nav > li > a span {
  background-repeat: no-repeat;
  padding-left: 30px;
}
.back-icon {
  mask: url(../img/icon-arrowleft.svg) no-repeat center / contain;
  -webkit-mask: url(../img/icon-arrowleft.svg) no-repeat center / contain;
    mask-size: contain;
  background-color: #333F4F;
  width: 13px;
  display: inline-block;
  height: 30px;
}
.left-icon {
  mask: url(../img/left-icon.svg) no-repeat center / contain;
  -webkit-mask: url(../img/left-icon.svg) no-repeat center / contain;
    mask-size: contain;
  background-color: #333F4F;
  width: 13px;
  display: inline-block;
  height: 30px;
}
.forward-icon {
  mask: url(../img/icon-arrowright.svg) no-repeat center / contain;
  -webkit-mask: url(../img/icon-arrowright.svg) no-repeat center / contain;
    mask-size: contain;
  background-color: #333F4F;
  width: 13px;
  display: inline-block;
  height: 30px;
}


body .nav > li > a {
  color: #254173;
  padding: 10px 0px 10px 15px;
  margin-bottom: 2px;
  font-size: 15px;
  font-weight: normal;
  margin-left: 35px;
  margin-right: 35px;
  border-radius: 5px;
}
body .nav > li a span {
  background: #254173 !important;
  mask-size: cover;
  display: inline-block;
  width: 16px;
  height: 16px;
  float: left;
  margin-right: 10px;
  margin-top:2px;
  padding-left: 0px;
}
body .nav > li.active {
  background: none;
  border: 0px;
}
body .nav > li.active a, body .navbar-default .nav > li > a:hover{
  color: #E27247;
  background: #fae8e0;
}
body .nav > li.active a span,body .nav > li a:hover span{background: #E27247 !important;}
.paddB33 {
  padding-bottom: 33px !important;
}
body .nav > li > a.menu-disabled, body .nav > li > a.menu-disabled:hover {
  color: #C7CED9;
  background-color: transparent;
}
body .nav > li > a.menu-disabled span, body .nav > li > a.menu-disabled:hover span {
background: #C7CED9 !important;
}
.top-search-input .search-icon {
  position: absolute;
  background-color: #FFF;
  width: 18px;
  height: 18px;
  top: 18px;
  margin-left: 5px;
}
.search-icon {
  mask: url(../img/search.svg) no-repeat center / contain;
  -webkit-mask: url(../img/search.svg) no-repeat center / contain;
    mask-size: contain;
  mask-size: contain;
  mask-size: contain;
  background-color: #FFF;
  width: 7px;
  float: left;
  height: 13px;
}
.icon-box {
  float: right;
  background-color: #FFF;
  padding: 5px;
  line-height: 8px;
}
.border-box {
  border: 1px solid #D0DFE6;
  padding: 5px 10px;
  border-radius: 4px;
  color: #000;
  box-shadow: 1px 1px #D0DFE6;
  font-size: 13px;
  font-weight: normal;
}
.border-box.inlineBlock {
  display: inline-block;
  padding: 0px 10px;
}
.border-box.inlineBlock .view-icon {
  width: 13px;
  height: 25px;
  margin-right: 4px;
}
.plus-icon {
  mask: url(../img/icon-plus.svg) no-repeat center / contain;
  -webkit-mask: url(../img/icon-plus.svg) no-repeat center / contain;
    mask-size: contain;
  mask-size: contain;
  background-color: #00172C;
  width: 18px;
  display: inline-block;
  height: 10px;
}

.organe-block{background: #fae8e0;padding: 10px 20px;
  border-radius: 5px;
  display: inline;color:#E27247;font-weight:600;}
.page-heading .icon-bg {
  background: #FAE8E0;
  border-radius: 3px;
}
.icon-bg {
  border: 0px;
  height: 30px;
  width: 30px;
  border-radius: 4px;
  text-align: center;
  background: #81C8B1;
  float: left;
  margin-right: 16px;
}
.view-page .page-heading h1, .legal-documents .page-heading h1{
  float: left;
  width: auto;
  margin-right: 14px;
  line-height: 30px;
}
.websites-tabs {
  list-style: none;
  padding-left: 0px;
  border-bottom: 1px solid #D4DEE9;
  line-height: 30px;
  margin-bottom: 30px;
  display: inline-block;
  width: 100%;
}
.websites-tabs li {
  float: left;
  margin-right: 25px;
  margin-top: 15px;
  margin-bottom: -2px;
}
.websites-tabs li.active a {
  color: #E27247;
  border-bottom: 3px solid #E27247;
}
.websites-tabs a {
  color: #011633;
  font-weight: 600;
  line-height: 30px;
  display: inline-block;
  font-size: 14px;
}
.sub-heading{color:#E27247;font-size:20px;}
.outcome_label {
  float: left;
  width: 110px;
  line-height:35px;
}
.outcome_input {
  float: left;
  width: 70px;
  margin-right: 33px;
}
.border-input {  
  background-color: #f5f9ff;
  background-image: none;
  border: 1px solid #bdd3fb;
  border-radius: 4px;
  display: block;
  padding: 6px 12px;
  transition: border-color 0.15s ease-in-out 0s, box-shadow 0.15s ease-in-out 0s;
  width: 100%;
  height: 38px;
  color: #2c2634;
}
.outcome_label_large {
  padding: 0px;
  line-height: 40px;
}
.page-heading .back-icon {
  background: #E27247;
}
.red-color,red-color:hover{
	color: #ef2425 !important;
}
.red-color .plus-icon {background-color: #ef2425 !important;}
body .product_enter .page-heading{height:auto;}
.product_enter .border-box{margin-top:3px;}
.rte-modern.rte-desktop.rte-toolbar-default{min-width: none !important;}

progress::-webkit-progress-bar {
            background-color: #777;
            border-radius: 20px;
 }
 
        progress::-webkit-progress-value {
            background-color: rgb(20, 240, 221);
            border-radius: 20px;
        }
progress { color: blue; }
::-webkit-progress-bar { background-color: blue; }
@media 
only screen and (min-width: 1024px){
	.navbar-header{display:none}
	.inner-content {
		height: 220px;
	}
}
@media 
only screen and (max-width: 760px),
(min-device-width: 168px) and (max-device-width: 768px)  {	
.login-background {
  display: none;
}
.login-bg .form-group input[type="text"], .login-bg .form-group input[type="password"], .login-bg .form-group input[type="email"] {
  background-color: #FFFFFF;
  background-image: none;
  border: 1px solid #101A3C;
  border-radius: 4px;
  display: block;
  padding: 6px 12px;
  transition: border-color 0.15s ease-in-out 0s, box-shadow 0.15s ease-in-out 0s;
  width: 100%;
  height: 38px;
}
.logo-name img {
  width: 200px;
  margin-bottom: 0px;
}
	.table-bordered,.table-responsive {
		border: 0px;
	}
	.table-striped > tbody > tr{margin-bottom:20px;}
	.dashboard-page {
		margin: 0px 10px 0px 0px;
	}
	.mobile-display{display:block;}
	.login-div{margin-bottom:10px;}
	.login-top-div {
		font-size: 40px;
		line-height: 45px;
		margin: 1px;
			margin-bottom: 1px;
		margin-bottom: 60px;
		padding-left: 60px;
		padding-right: 60px;
	}
	.login-top-div p{color:#FFF;padding-top: 30px;}
	.login-top-div a {
		color: #9CAFC5;
		font-weight: 400;
		text-decoration: underline;
		padding-left: 20px;
		padding-right: 20px;
		display: inline-block;
		margin-top: 5px;padding-bottom: 20px;
	}.login-bg .form-group input[type="text"], .login-bg .form-group input[type="password"], .login-bg .form-group input[type="email"] {
  border-radius: 5px;
height: 35px;
background: none;
border-color: #51B848;
color: #3A3342 !important;
text-align: left;
padding: 5px 10px;
}
.login-div .checkbox label {
  width: 100%;
  line-height: 20px;
}
	.login-button {
		font-size: 15px;
margin-top: 5px;
padding: 0px !important;
line-height: 46px;
margin-bottom: 0px;
color:#FFF;
text-transform:none;	
font-weight:normal;
	}
	.login-text-bottom {
		font-size: 40px;
		font-weight: normal;
		margin-top: 65px;
		display: inline-block;
	}
	.logo-name {
  text-align: center;
  padding: 20px 0px 0px 0px;
  overflow: hidden;
}
.loginscreen.middle-box{max-width: 100%;
padding-top: 20px;}
.login-div p {
  font-size:11px;
}
	.loginscreen p small{font-size:40px;
		margin-top: 35px;
		display: inline-block;}
	.navbar-right {
		float: right;
		margin-right: 20px;
		margin-top: 0px;
	}	
	.nav > li > a {
    	padding-top: 16px 5px 5px 5px !important;
		padding-bottom: 0px;
	}
	.row.border-bottom,.nav-header {
		display: none !important;
	}
	.nav > li.active {
		border-left: 0px;
		background: none;
	}
	.navbar-default {
		background: #1F2C85;
	}
	body.mini-navbar .navbar-static-side {
		background: #DEF4FF;
		width: 100%;
		padding-bottom: 30px;
		height: 100vh;
	}
	body.mini-navbar .profile-element, body.mini-navbar .nav-label, body.mini-navbar .navbar-default .nav li a span{font-size:15px;}
	.navbar-default .nav > li > a:hover, .navbar-default .nav > li > a:focus {
		background-color: #1F2C85;
	}
	body:not(.fixed-sidebar):not(.canvas-menu).mini-navbar .nav-second-level{display: block;}
	.mini-navbar .metismenu .collapse.in {
		opacity: 1;
		z-index: 999;
		background: #DEF4FF;
		box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
	}
	body.mini-navbar .navbar-default .nav li a span.nav-label {
		display: inline !important;
	}
	.nav.navbar-top-links.navbar-right a {
		padding-top: 15px;
	}
		
		
	input[type="checkbox"], input[type="radio"] {
		transform: scale(1);
		-ms-transform: scale(1);
		-webkit-transform: scale(1);
		margin-left: 2px !important;
		margin-top: 0px !important;
	}
	.medical-details .col-sm-12-paddL0 .col-sm-12 {
		clear: both;
		float: none;
	}
	.dashboard_top_text {
    font-size: 14px;
	}	
	.dashboard-section h1{font-size:26px;}
	.pending-dashboard h3 {
		font-size: 17px;
	}
	.pending-dashboard p {
		font-size: 13px;
	}
	.medical-details .radio > label{
		width: 100%;
		margin-bottom:3px;
	}
	.medical-details .col-sm-12.radio.left_align {
		margin-bottom: 15px;
		display: inline-block;
		width: 100%;
	}
	.parent-page-class {
		padding: 19px;
		width: 97%;
		display: inline-block;
		margin:0px;
	}
	#update_user_image > div{text-align:center !important;margin-top: 20px;}
	.club-membership-heading .col-sm-2,.club-membership-listing .col-sm-2{
		width: 100%;
		margin: 0px;
		float: none;
		text-align: left !important;
	}
	.licence_status, .grade_status{margin:10px 0px;}
	body.mini-navbar .profile-element, body.mini-navbar .nav-label, body.mini-navbar .navbar-default .nav li a span{display:block !important;}
	.logo-element{padding: 5px 0;}
	.nav-header .img-circle{
		margin-top: 15px;
		width: 78%;
	}
	.family-section-header{font-size: 16px;line-height:23px;margin-top:0px;margin-bottom:10px;}
	.family-link .paddL0 {
		padding-left: 15px !important;
	}
	.blue-btn, .blue-btn:hover{padding: 7px 15px;font-size: 11px;}
	
	
	.club-membership-heading{position: absolute;
		top: -9999px;
		left: -9999px;}
		

	/* Force table to not be like tables anymore */
	table, thead, tbody, th, td, tr { 
		display: block; 
	}
	
	/* Hide table headers (but not display: none;, for accessibility) */
	thead tr { 
		position: absolute;
		top: -9999px;
		left: -9999px;
	}
	
	input[type="checkbox"], input[type="radio"] {
		transform: scale(1);
		-ms-transform: scale(1);
		-webkit-transform: scale(1);
		margin-left: 0px !important;
	}
}





@keyframes spin {
  0% { transform: rotate(0deg); }
  100% { transform: rotate(360deg); }
}