/* workarounds */
/* reset extra padding in Firefox, see h5bp.com/l */
@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;
}
.view-border .document-box{background: #F8F8F8;border:0px;}
.run-sheets .edit-icon.largeIcon {
  background: #000;
  height: 24px;
  width: 18px;
}
.link,.link:hover {
  color: #E34A6F;
  text-decoration: underline;
}
.run-sheets .trash-icon{background: #000;}
.gray-color .edit-icon{background: #99A3B1;}
.event-venue-listing {
  width: 100%;
  margin-bottom: 0px;
  line-height: 24px;
  display: inline-block;
}
.venue_event_history {
  background: #F3FFF4;
  margin-bottom: 5px;
  padding: 10px 25px;
  border-radius: 5px;
  line-height: 30px;
}
.venue_event_history label span {
  float: left;
  color: #4BAA5E;
  font-weight: normal;
}
.venue_event_history label a span {
  color:#FFF;
}
.venue_event_history label span.active_status, .venue_event_history label span.completed_status {
  margin-left: 20px;
  margin-right: 17px;
  width: 100px;
  text-align: center;
}
.venue_event_history .calendar-icon {
  margin-top: 4px;
  margin-right: 5px;
  background: #4BAA5E;
}
.venue_event_history.completed_event, {background-color:#FFF4F5;}
.venue_event_history.completed_event .calendar-icon {
  background: #E34A6F;
}
.venue_event_history.completed_event label span{color:#E34A6F;}
.venue_event_history.completed_event {
  background: #FFF4F5;
}
.link_css, .link_css:hover {
  color: #e8708d;
  text-decoration: underline;
  font-size: 14px;
  font-weight: normal;
}
.link_css .plus-icon{background-color:#e8708d;}
.login-div h3 {
  color: #e8708d;
  font-weight: normal;
}
.view-page .page-heading h1 span{color:#000;}
.view-page .page-heading .icon-bg {
  background: #FFEAED;
  border-radius: 3px;
  margin-right:0px;
}
.page-heading .back-icon {
  background: #E34A6F;
}
.view-page .page-heading h1{
  float: left;
  width: auto;
  margin-right: 14px;
  line-height: 22px;
}
.dataTables_filter {
display: none !important;
}

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;
}
.edit-icon.largeIcon {
  width: 16px;
  height: 16px;
}
.tooltip-inner {
max-width: 500px !important;
}
/*div.product_field_section > div:nth-child(2n+1) {
  padding-left:5px;
  padding-right:0px;
  clear:both;
  margin-bottom:5px;
}
div.product_field_section > div:nth-child(2n) {
  padding-left:0px;
  padding-right:5px;
}*/
.project-view-contact {
  background: linear-gradient(#D1D1D1, #D1D1D1) no-repeat center/1px 100%;
  display: inline-block;
  width: 100%;
  margin-top: -25px;
  padding-top: 25px;
  margin-bottom: -36px;
  padding-bottom: 36px;
}
.project_overview {
  padding-left: 50px;
  padding-right: 20px;
}
.add_edit_overview{position: absolute;
right: 0px;
top: 0px;
float: right;}
.placeholder-color{color:#99A3B1;}
div.dataTables_wrapper div.dataTables_filter input {
	max-width: 90%;
}
#DataTables_Table_0_wrapper > div.row {
	margin: 0;
}
.hasDatepicker {
    max-width: 100%;
}
.table > tbody > tr > td.milestone-actions{}
.table > tbody > tr > td.milestone-actions span {
  float: right;
  margin-left: 10px;
}
.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;
}
.checkbox_div .checkbox {
	display: inline-block;
	float: left;
	margin: 0;
	padding: 0 10px 0 0;
}
.radio label, .checkbox label {
	cursor: pointer;
	display: inline;
	float: left;
	font-weight: normal;
	margin: 0 20px 0 0;
	padding-left: 5px;
}
input[type="radio"], input[type="checkbox"] {
	float: left;
	height: 22px;
	line-height: normal;
	margin: 0;
	position: relative;
	width: 20px ;
}
.form-group input.form-control.hasDatepicker[type="text"] {
	float: left;
	margin-right: 10px;
	width: 94%;
	display: inline;
}
.ui-datepicker-trigger {
	padding-top: 7px;
	vertical-align: top;
}
.entry_form_view div.col-sm-5 {
	border: 1px solid gray;
	float: left;
	margin-bottom: 20px;
	margin-right: 5%;
	padding: 10px;
}
.entry_form_view label {
	font-weight: bold;
	width: 50%;
}
.aasa_form_view div.col-sm-5 {
	border: 1px solid gray;
	float: left;
	margin-bottom: 20px;
	margin-right: 5%;
	padding: 10px;
}
.aasa_form_view div.col-sm-6 {
	border: 1px solid gray;
	float: left;
	margin-bottom: 20px;
	padding: 10px;
}
.aasa_form_view label {
	font-weight: bold;
	width: 50%;
	margin-bottom: 15px;
	margin-right: 10px;
}
.aasa_form_view div.col-sm-6 label {
	width: 65%;
}
.amount_block {
	font-size: 22px;
	text-align: center;
}
.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;
}
.active_status {
  background: #44A759;
  border-radius: 5px;
  padding-left: 10px;
  padding-right: 10px;
  color: #FFF !important;
  text-transform: uppercase;
}
.completed_status {
  background: #E34A6F;
  border-radius: 5px;
  padding-left: 10px;
  padding-right: 10px;
  color: #FFF !important;
  text-transform: uppercase;
}
.completed_date_span {
  width: 75px;
  text-align: right;
}
.clear {
	clear: both;
}
div.dataTables_wrapper div.dataTables_filter {
	text-align: right;
	width: 92%;
}
.chosen-container-single .chosen-single span {
	line-height: 29px;
}
.chosen-container-single a.chosen-single div b {
	background-position: 0 5px;
}
.ibox-content .ui-state-active, .ibox-content .ui-widget-content .ui-state-active, .ibox-content .ui-widget-header .ui-state-active {
	border-bottom-width: 0px;
}
#DataTables_Table_0_wrapper > div:nth-of-type(3) {
	display: none;
}
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%;
}
.lock {
	cursor: pointer;
	width: 32px;
}
.unlock {
	cursor: pointer;
	display: none;
	width: 32px;
}
.light-blue-bg {
	background-color: #EFF3F7;
	color: #264D8C;
	padding-top: 20px;
}
.light-blue-bg h2 {
	margin: 0px;
}
.light-blue-bg > div {
	line-height: 24px;
}
.red-color,red-color:hover {
	color: #E91F21;
}
.ibox-content h3.carid {
	margin-bottom: 15px;
	margin-top: 20px;
}
.col-lg-8.logo-right-text > h2 {
	text-align: right;
}
.chosen-container-single .chosen-single abbr {
	cursor: pointer;
}
input[type="file"] {
	padding: 0;
}
.padding0 {
	padding: 0px !important;
}
.logo-below-text {
	text-align: right;
}
.navbar-collapse.collapse {
	background-color: #aa203b;
	margin-left: -15px;
	margin-right: -15px;
}
.top-navigation .nav > li > a {
	color: #fff;
	font-size: 16px;
}
.top-navigation .nav > li a:hover, .top-navigation .nav > li a:focus {
	background-color: #aa203b;
	color: #fff;
}
.light-blue-bg {
	margin-top: 20px;
}
.front_end .float-e-margins .btn {
	background-color: #aa203b;
	border: medium none;
	color: #fff;
}
.contact_popup h3 {
	margin-top: 30px;
}
.modal-content {
	border: none;
	box-shadow: none;
}
.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;
}
.aasa_form .radio input{width:20px !important;display: block !important; }
.aasa_form .radio label{width:90% !important;margin-right:2% !important;}
.aasa_form .radio.left_align > label{float:none;}
#coupon_code_link {
    margin-top: 15px;
}
#resend_password {
    margin: auto;
    text-align: center;
    display: inherit;
}
.credit-card-detail-section .col-sm-6,.credit-card-detail-section .col-sm-4 {
    margin-bottom: 10px;
    margin-top: 10px;
}
.logo_section {
	margin: 0;
	padding-top: 10px;
	text-align: center;
}
.logo-right-text > h2 {
	text-align: center !important;
	font-size: 12px;
}
.logo-below-text {
	text-align: center;
}
.light-blue-bg h2 {
	font-size: 17px;
}
.navbar-toggle {
	background-color: #aa203b;
}
.ibox-content h3.carid {
	padding-left: 26px;
}
.add_new_car {
	margin-left: 10px;
}
.logo-right-text {
	padding: 0;
}
.top-navigation .wrapper.wrapper-content {
	padding: 0px;
}
.renew-notice .left {
	width: 20%;
	height: 90px;
}
.renew-notice {
	margin: 0px;
	font-size: 13px;
	padding: 18px 15px;
}
.renew-notice .right {
	line-height: 24px;
	width: 100%;
}
.row {
	margin-left: auto;
	margin-right: auto;
}
}
.hr-gray {
  border-bottom: 1px solid #DEEAEF;
}
.display_none_new,.product_data.display_none_new {
	display: none;
}
.display_none {
	display: none !important;
}
.visibility-none {
	visibility:hidden;
}
.communication-page .display_none {
	display: none;
}
body .form-group.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;
}
.reset-password-heading,.reset-password-heading:hover {
	color: #254a9c;
	font-weight: bold;
	padding-top: 14px;
	border-bottom: 11px solid #E3F4EB;
	padding-bottom: 15px;
}
.green-color-normal{color: #254a9c;padding-bottom: 15px;font-weight:normal;}
.green-color-normal:hover{color: #254a9c;}
.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;
}
#resend_password {
	text-decoration: underline;
	padding-top: 11px;
	color: green;
	font-weight: normal;
	letter-spacing: 1px;
}
#user_message {
	clear: both;
	display: inline-block;
	width: 100%;
	margin-top: 10px;
	margin-left: 6px;
}
#new .col-sm-12, #approved .col-sm-12 {
	padding: 0px;
}
#new table.table, #approved table.table {
	border-top: 0px;
}
.clear_search,.clear_search:hover {
	color: #AAAAAA;
	text-decoration: underline;
}
.search-box > label {
	margin-right: 20px;
	color: #254a9c;
	margin-bottom: 0px;
	padding-bottom: 0px;
	line-height: 36px;
	width:18%;
}
.search-box > label.large-label {
	width:30%;
}
body .form-control::-moz-placeholder {
color:#C8C8C8;
}
.ibox-content.search-box {
	padding: 20px 0px;
	margin:0px 40px 10px 61px;
}
body .dropzone {
	border: 1px dashed rgba(0, 0, 0, 0.3);
	margin: 10px 0px;
}
.aasa_form .login-section input, .coupon-code-section input[type="text"], .payment-section input[type="text"] {
	background-color: #f8f8f8;
	border: 1px solid #E5E6E7;
	padding: 10px;
	height: 40px;
	font-weight: normal;
	letter-spacing: 1px;
	padding-left: 20px;
}
body .login-section .form-control::-moz-placeholder {
color:#ADADAD;
}
.hr-line-full {
	border-top: 1px solid #9FC0A5;
	margin: 20px 0px;
}
.btn-primary-yellow {
	background-color: #D99400;
	border-color: #D99400;
	color: #FFFFFF;
	padding: 7px 30px;
}
.btn-primary-yellow:hover, .btn-primary-yellow:focus {
	background-color: #e9a003;
	border-color: #e9a003;
	color: #FFFFFF;
}
.padding-top-10 {
	padding-top: 10px;
	display: inline-block;
	width: 100%;
}
.padding-top-20 {
	padding-top: 20px;
	display: inline-block;
	width: 100%;
}
.padding-top-30 {
	padding-top: 30px;
	display: inline-block;
	width: 100%;
}
.padding-top-40 {
	padding-top: 40px;
	display: inline-block;
	width: 100%;
}
.padding-bottom-10 {
	padding-bottom: 10px;
	display: inline-block;
	width: 100%;
}
.padding-bottom-20 {
	padding-bottom: 20px;
	display: inline-block;
	width: 100%;
}
.padding-bottom-30 {
	padding-bottom: 30px;
	display: inline-block;
	width: 100%;
}
.padding-bottom-40 {
	padding-bottom: 40px;
	display: inline-block;
	width: 100%;
}
.btn-group-lg > .btn.paddingLarge, .btn-lg.paddingLarge {
	padding: 10px 30px;
}
.coupon-code-section {
	padding: 30px 30px 30px 20px;
	background-color: #FFF6E4;
	margin-top: 20px;
	margin-bottom: 30px;
}
.coupon-code-section .col-sm-12.control-label {
	margin-bottom: 20px;
}
.payment-section, .personal_accident_block {
	padding: 30px 30px 30px 20px;
	background-color: #E9EFEA;
	display:inline-block;
	width:100%;
}
.personal_accident_block {
	padding: 30px 30px 10px 20px
}
.aasa_form .ibox-content .personal_accident_block h3 {
	margin-top: 0px;
}
body .chosen-container {
	min-width: 155px;
	max-width: 100%;
	width: 100% !important;
}
.form-horizontal .control-label.total-price-block {
	margin: 15px 0px 20px 0px;
	display: inline-block;
	font-size: 25px;
}
.aasa_form input[type="number"] {
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	margin: 0;
	-moz-appearance: textfield;
	padding: 0px 10px;
}
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;
}
body label{margin-bottom:0px;}
tr.pending {
	background: #fceaec !important;
}
tr.junior {
	background: #fff7ef !important;
}
.dashboard-btn {
	padding: 10px;
	text-align: center;
	border-radius: 5px;
}
.dashboard-btn a {
	color: #FFF;
}
.dashboard_download_section {
	color: #6D6F70;
	display: inline-block;
	width: 100%;
	margin-bottom: 20px;
}
.dashboard_download_section h1 {
	margin-bottom: 0px;
}
.dashboard_download_section .light-color {
	color: #828385;
}
.dashboard_download_section .text-warning {
	margin-bottom: 15px;
}
h1.marT-20 {
	margin-top: 20px;
}
.dashboard_download_section .text-success {
	color: #78AB83;
}
.dashboard_download_section > .col-lg-3 .float-e-margins {
	min-height: 262px;
	background-color: #FFF;
	margin-bottom: 0px;
}
.border-bottom-title {
	border-bottom: 1px solid #e7eaec;
	margin-bottom: 30px;
}
.licence-listing .ibox-content > .col-lg-6 {
	padding: 0px;
}
.licence-listing .ibox-content > .col-lg-6 .dashboard-btn {
	padding: 5px 10px;
}
.licence-listing .ibox-content > .col-lg-6 .settings a {
	color: #6D6F70;
	line-height: 34px;
	text-transform: none;
}
.licence-listing .ibox-content > .col-lg-6 .settings .fa {
	font-size: 20px;
	color: #6D6F70;
}
.licence-listing .ibox-content .button a {
	color: #254a9c;
	text-decoration: underline;
	margin-top: 15px;
	display: inline-block;
}
.licence-listing.dashboard_download_section > .col-lg-3 .float-e-margins {
	min-height: auto;
}
.licence-listing > .col-lg-3 {
	margin-bottom: 15px;
}
.dataTables_paginate.paging_simple_numbers > span{display: inline-block;
vertical-align: top;
margin-top: 7px;
margin-right: 10px;}
.generate_licence_class{font-size:20px;font-weight:normal;}
.panel-heading.collapsed .fa-chevron-down,
.panel-heading .fa-chevron-right {
  display: none;
}
.panel-heading.collapsed .fa-chevron-right,
.panel-heading .fa-chevron-down {
  display: inline-block;
}
.gray-background{background-color:#FFF;padding:20px;}
.white-bg{background-color:#FFF;padding:20px;margin:15px 15px 15px 19px;padding-left:0px;}
.normal-font-weight{font-weight:normal;}
.color-red{color:#F00 !important;}
.yellow-color,.yellow-color label{color:#DEA738 !important;}
.black-color{color:#000 !important;}
.blue-color td,.blue-color td a{color:#BDD6C2;}
.normal-text{font-weight:normal !important;}
.normal-text strong{font-weight:bold !important;}
.gray-color,.gray-color:hover{color:#999999;}
.resend_licence_report_link {
    margin-right: 25px;
    color: #E5AFB6;
    text-decoration: underline;
}.resend_licence_report_link:hover {
    color: #D43030;
    text-decoration: underline;
}
.form-group input[type="submit"].search-driver {
    background: #14813F;
    border-radius: 5px;
    padding: 10px 35px;
    font-size: 15px;
}
.result-heading {
    background-color: #E3F4EB;
    padding: 10px 20px;
    color: #254a9c;
    font-weight: bold;
}
.driver-search-listing {
    font-size: 18px;
    font-weight: normal;
    line-height: 30px;
    color: #919191;
	padding-bottom:10px;
}
.driver-search-listing > div{padding-bottom:10px;padding-left:0px;color: #000;
font-size: 15px;}
.line-break-search {
    clear: both;
    border: 1px solid #DBDBDB;
    margin-bottom: 20px;
}
.line-break-search-green {
    clear: both;
    border: 1px solid #254a9c;
    margin-bottom: 20px;
    margin-top: 10px;
}
.driver-search-listing > div.licence-validity{font-weight:bold;color:#1D8143;}
.approval-box {
    margin: 0px 20px 10px 20px;
    padding: 20px 20px 20px 20px;
    background: #ADDD25;
    color: #FFF;
    display: inline-block;
    width: 100%;
    text-align: center;
}
.approval-box a {
    color: #FFF;
    font-size: 19px;
    font-weight: normal;
}
.licence_status-box {
	width:31.33%;margin:10px;
    padding: 20px 20px 20px 20px;
    background: #ADDD25;
    color: #FFF;
    display: inline-block;
    text-align: center;}
.licence_status-box a {
    color: #FFF;
    font-size: 17px;
    font-weight: normal;
}
.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;
}
b, strong{font-weight:800;}.show_pdf {
    color: #000;
}
.search-box input[type="text"] {
	background: #FAFAFA;
	padding: 15px;
	color:#000;
	font-weight: normal;
	border: 1px solid #EBEAEB;
	width: 220px;
}
.search-box select {
    background: #FAFAFA;
    color: #000;
    font-weight: normal;
    border: 0px;
	border: 1px solid #EBEAEB;
	height:35px;
	width: 220px;
}
.search-box .btn-primary {
    background: #97686D;
    border: 0px;
    padding: 10px 30px;
    font-weight: bold;
    text-transform: uppercase;
    margin: 0px;
}
.licence-expiry-view {
    font-size: 18px;
}
.licence-expiry-view span{color:#C65858}
.licence-expiry-view a{text-decoration:underline;font-weight:normal;color:#828282;}
#licence_expiry .ui-datepicker-trigger,#medical_due_date .ui-datepicker-trigger{display:none;}
.send-date-row{background-color:#f9f9f9;}
.select_date {
    float: left;
    width: 28%;
    margin-right: 4%;
}
.dashboard-section {
	display:inline-block;
	width:100%;
	color:#000;
	padding-top:0px;
}
.dashboard-section h1{font-size:36px;}
.dashboard-section h1,.dashboard-section  h2, .dashboard-section h3, .dashboard-section h4, .dashboard-section h5, .dashboard-section h6, .dashboard-section label, .dashboard-section a  {
    color: #000;
	font-weight:bold;
}
.dashboard-section p{font-weight:normal;}
.dashboard-section a{text-decoration:underline;}
.dashboard-licence-section a{color:#BD5579;}
.dashboard-section hr{width: 100%;
float: left;
border-top: #E3E3E3 2px solid;}
.dashboard-section .dashboard-licence-section hr{
border-top: #E3E3E3 1px solid;}
.dashboard-section .edit-licence-picture{
margin-top: 10px;
color:#254a9c;
}
.file-upload-dashboard{display:inline-block;text-align:center;}
.dashboard-section img{max-width: 100%;max-height:230px;
}
.dashboard-licence-section{
	display:inline-block;
	width:100%;
	color:#000;}
.licence-heading-dashboard{font-weight:normal;padding:10px 0px;font-size:20px;margin-bottom:25px;}
.dashboard-payment {
    display: inline-block;
    width: 100%;
    background: #FFF;
	margin-bottom: 20px;
}
.dashboard-valid {
    color: #00DF00 !important;
}
.dashboard-licence-type {
    width: 300px;
    display: inline-block;
}
.dashboard-licence-section .fa.fa-eye {
    color: #B1B1B1;
    font-size: 21px;
}
.dashboard-licence-number{width:100px;display:inline-block;}
.dashboard-right-section {
    display: inline-block;
    width: 94%;
    height: 600px;
    background-color: #EEF2EE;
    border-radius: 20px;
    margin-top: 20px;
    margin-bottom: 20px;
	padding: 20px 25px;
}
.dashboard-view-application{margin-top:20px;margin-bottom:20px;}
.contact-licence-detail{font-size:20px;}
a.download-pdf-file {
    background: #C3747D;
    padding: 10px 30px;
    border-radius: 5px;
    color: #FFF;
    margin-top: 15px;
    display: inline-block;
    font-size: 16px;
    font-weight: bold;
}
.status-expired{color:#FF0000 !important;}
.status-suspend{color:#B4323C !important;}
.status-renew{color:#B67506 !important;}
.member-section-heading{padding:0px;margin:0px;width: 110%;margin-left: -15px;}
.member-section-heading .breadcrumb {
    margin-bottom: 20px;
}
.hide-label label{display:none;}
.officials_matrix_section input[type="checkbox"]{float:none;height:25px;}
#payment-errors{color:#F00;}
.officials_matrix_section td {
    border: 1px solid;
    padding: 4px 10px;
    color: #000;
}
.officials_matrix_section h4{color:#000;font-size:20px;}
.officials_matrix_section h5{color:#000;font-size:16px;}
.officials_matrix_section td{font-weight:normal;}
.officials_matrix_section h6{color:#000;font-size:14px;font-weight:bold;}
.hide-label{text-align:center;}
.entry_form .officials_matrix_section input[type="checkbox"]{margin:auto !important;}
.menu-access-div{width:25%;float:left;}
.bg-width-100 {
  	padding-right: 0px;
    margin-right: 0px;
    margin-left: -15px;
    padding-left: 15px;
}
.white-bg.page-heading {
    padding-top: 0px;
	margin-bottom:0px;
}
.padding-top-10{padding-top:10px !important; }
#page-wrapper{padding-right:0px;margin:0 0 0 300px;padding-left:60px;}
.navbar-static-side{width:300px;margin-top: 95px;position:fixed;}
.pad-right-0{padding-right:0px !important;}
.border-radius{
    border-radius: 30px;padding: 8px 30px;
}
.officials_licence-reports-section ul{margin: 0px;padding: 0px;list-style: none;}
.officials_licence-reports-section a,.officials_licence-reports-link{text-decoration:underline;color:#254a9c;}
.width-300{width:300px;}
.width-330{width:330px;}
.width-auto{width:auto !important;}
.border-none{border:0px;}
.credit-card-detail-section {
    clear: both;
}
.resend_licence_approval,a.resend_licence_approval:hover{color:#f7d547;text-decoration:underline;margin-left: 20px;}
.blue-color{color:#005099;}
.bold{font-weight:bold;}
.underline{text-decoration:underline;}
.checkbox-section > label {
    padding-bottom: 10px;
}
.checkbox-section > span {
	line-height:30px;
}
.checkbox-section input[type=checkbox]{height:32px;}
.listing-icons {
    width: 24px;
}
.view_link, .view_link:hover,.search-box a.view_link {
    color: 
    #254a9c;
    text-decoration: underline;
    background: none;
    border: 0px;
    padding: 0px;
	line-height:20px;
}
body .view_page  .ibox-content{border-bottom:0px;}
body .view_page .ibox-content.search-box {
    border-bottom: 2px solid #80A686;
}
.view_page .ibox-content.bg-color-transparant{
    margin: 0px 40px 10px 65px;
    border-bottom: 0px;
}
.download_licence_section{padding-top:35px;}
.download_licence_pdf{color:#B95E5B;margin-right:25px;}
.underline{text-decoration:underline !important;}
.padding-l-r-40{padding:0px 40px;}
.ibox-content.mar-l-r-20 {
    margin-left: 44px;
}
.padd-l-0{padding-left:0px !important;}
.line-break{margin:20px 0px;border:1px solid #EBEBEB;}
.repoting-data td{color:#717171;font-weight:normal;}
.repoting-data td b{color:#000;}
.repoting-data td a{font-weight:bold;}
.border-bottom-none{border-bottom:0px !important;}
.color-black{color:#000000 !important;}
.quiz-test-page p{font-weight:normal;}
.quiz-test-page h3{font-size: 25px;font-weight: normal;color:#23527c;}
.quiz-test-page label{font-weight: normal;color:#000;}
.quiz-test-page ol li.outer_li::before{font-size: 25px !important;color:#23527c;}
.quiz-test-page ol{
  list-style-type: none;
  counter-reset: item;
  margin: 0;
  padding: 0;
  font-weight:normal;
}
.quiz-test-page ol > li {
  display: table;
  counter-increment: item;
  margin-bottom: 0.6em;
}
.quiz-test-page ol > li:before {
  content: counters(item, ".") ". ";
  display: table-cell;
  padding-right: 0.6em;    
}
.quiz-test-page li ol > li {
  margin: 0;
}
.quiz-test-page li ol > li:before {
  content: counters(item, ".") " ";
}
.quiz-test-page .mar-left-15 {
    margin-left: -15px;
}
.quiz-test-page input[type="radio"],.quiz-test-page input[type="checkbox"]{height:20px;}
.border-line {
    clear: both;
    border: 1px solid #E9E9E9;
    margin-bottom: 20px;
    margin-top: 20px;
    display: inline-block;
    width: 100%;
}
.add_new_licence{
	color:#EE0C4B;
	text-decoration:underline;
	padding-right:10px;
}
.licence-expired-text{color:#EE0C4B;font-size:15px;font-weight:bold;}
.border-line{border-bottom:2px solid #80A686;}
.view_page .ibox-content > .ibox-content {
    padding: 0px;
}
.view_page .ibox-content > .ibox-content > div > h3 {
   margin-top:0px;
}
.view_page .bg-color-transparant table{margin:0px !important;}
.view_page .padd-l-0 .col-sm-12 {
    padding-left: 0px;
}
.dashboard_count {
    background: #3C523A;
    color: #FFF;
    border-radius: 50%;
    padding: 6px 12px;
}
.dashboard-section a.large-btn {
    font-weight: bold;
    padding-left: 30px;
    border-radius: 30px;
    text-transform: uppercase;
    display: inline-block;
    margin: 13px 0px;
    color: #FFF;
    text-decoration: none;
    padding: 13px 0px 13px 25px;
    width: 100%;
}
/*.yellow-color{background-color:#C9722B;}*/
.dashboard-green-color{background-color:#3C523A;}
.pink-color{background-color:#BD5479;}
.view_page .ibox-content.bg-color-transparant > .col-lg-12 > .ibox-content.bg-color-transparant {
    margin: 0px;
    padding: 0px;
}
.view_page .ibox-content.bg-color-transparant > .col-lg-12{padding: 0px;float:none;}
.view_page > .col-lg-12 {
    float: none;
    padding-left: 0px;
}
.breadcrumb > li + li.edit-licence::before{content: "";}
.required {color: #D65735;}
.create-account-heading {
    background-color: #EBF5FF;
    display: inline-block;
    width: 100%;
    color: #34438D;
    margin-bottom: 25px;
    padding: 20px;
}
.create-account-heading .red{color:#FD7770 !important;}
.create-account-heading h2 {
    color: #34438D;
    font-weight: bold;
    margin-bottom: 5px;
    font-size: 25px;
}
.ui-widget-content{border:0px;}
.create-account h3 {
    color: #34438D;
    text-align: left;
    font-weight: 700;
    margin-top: 20px;
    margin-bottom: 1px;
}
.create-account label{font-weight: 600;color:#FFF;}
.create-account .col-sm-12 > .col-sm-12{margin-bottom:0px;}
.create-account .form-group {
    display: inline-block;
    width: 100%;
}
div.col-sm-12.family-link-section {
    padding: 20px 30px !important;
    font-size: 15px;
    color: #B38725;
	background-color:#FFF7EB;
	margin-top:20px;
}
.family-link-section strong{
    color: #B38725;
}
.vehicle-info h2 {
    color: rgb(221, 51, 51);
    font-weight: 600;
    font-size: 19px;
}
.vehicle-info,.vehicle-info ul li span{color:rgb(221, 51, 51);}
.vehicle-info ul{list-style: disc;
color: #000;padding-left: 40px;}
.vehicle-info p {
    margin: 20px 0px;
}
.vehicle-info a {
    color: rgb(221, 51, 51);
    background-color: transparent;
    padding-top: 13px;
    padding-bottom: 13px;
    padding-left: 19px;
    padding-right: 19px;
    margin-top: 15px;
    border: 2px solid rgb(221, 51, 51);
    display: inline-block;
    font-weight: normal;
}
.vehicle-info a:hover {
	color: #FFF;
	background-color: #dd3333;
}
#login_continue {
    background-color: #254a9c;
    border-color: #254a9c;
    border-radius: 0px;
    padding: 10px 20px;
    height: 46px;
}
.email-block {
    border-bottom: 2px solid #BCC8BD;
    margin-bottom: 10px;
    padding-bottom: 10px;
    font-size: 19px;
}
.user-details {
    background: #E9F3EC;
    padding: 20px 40px 20px 40px;
    color: #3B5239;
    display: inline-block;
    margin-top: 20px;
    margin-bottom: 20px;
}
.form-horizontal .user-details label.control-label {
    font-weight: bold;
    display: inline;
    width: 15%;
    padding-top: 0px;
    line-height: 24px;
	color: #3B5239;
	padding-left:0px;
}
.user-details .col-sm-12{padding-left:0px;}
.form-horizontal .user-details span {
	font-weight:normal;
	color: #3B5239;
}
.user-info-licence{font-family:"Montserrat";}
.user-info-licence h4 {
    color: #254a9c;
    font-weight: 700;
    font-size: 22px;
}
.user-info-licence p{color:#556953;font-weight:300;font-size: 16px;}
.user-info-licence a{color:#556953;text-decoration:underline;font-size: 16px;}
.apply_licence_link{color: #C5AA28;
text-decoration: underline;
margin: 17px 0px 12px 0px;
display: inline-block;}
.apply_licence_link:hover,.apply_licence_link:active,.apply_licence_link:focus{color: #C5AA28;}
.dashboard-licence-list {
    margin-bottom: 15px;
    display: inline-block;
    width: 100%;
}
.dashboard-licence-list > .col-lg-12{background-color: #F1EED8;
border-radius: 5px;
padding: 30px;
    padding-right: 30px;
    padding-left: 30px;
padding-left: 30px;
margin-right: ;
width: 99%;
margin-top: 15px;}
.dashboard-licence-list > .col-lg-12 .contact-licence-title{color:#867620;font-size:20px;margin-bottom: 20px;}
.dashboard-licence-list a{color:#BDAB41;text-decoration:underline;}
.return-to-licence {
    display: inline-block;
    width: 100%;
    text-align: center;
    margin-top: 40px;
	margin-bottom: 20px;
}
.return-to-licence a {
    font-size: 20px;
    background-color: #060;
    text-transform: uppercase;
    color: #FFF;
    padding: 10px 50px;
    border-radius: 25px;
}
.success-page {
    background-color: #ECEDEB;
    border-radius: 5px;
    padding: 0px 0 60px 0;
    display: inline-block;
    width: 100%;
    margin-top: 30px;
	text-align:center;
}
.already-applied .success-page {
    background-color: #F2FBF1;
    border-radius: 5px;
    padding: 20px;
    display: inline-block;
    width: 100%;
    margin-top: 30px;
	text-align:left;
}
.already-applied .success-page h3 {
	color: #497E52;
	font-weight: bold;
	margin-top: 0px;
	border-bottom: 0px;
}
.already-applied .success-page h4 {
	color:#497E52;
	font-weight:normal;
	font-size:25px;
}
.already-applied .success-page p, .already-applied .success-page a {
    color: #497E52;
    font-weight: normal;
    font-size: 16px;
    margin-top: 20px;
}
.dashboard-licence-list .col-lg-3.paddL0,.dashboard-licence-list .col-lg-4.paddL0 {
    margin-bottom: 8px;
}
.dashboard-official-media-list > .col-lg-12{background-color:#F1E1E7;color:#B05D7C;}
.dashboard-official-media-list > .col-lg-12 .contact-licence-title,.dashboard-official-media-list a{color:#B05D7C;}
.urgent-section {
    background-color: #C16B6B;
    border-radius: 5px;
    padding: 10px 10px 10px 20px !important;
    color: #FFF;
}
.urgent-section a,.urgent-section h4 {
    color: #FFF;
}
.renew-section{background-color: #D39E42;
    border-radius: 5px;
    padding: 10px 10px 10px 20px !important;
    color: #FFF;margin: 10px 0px 20px 0px;}
.renew-section a,.renew-section h4 {
    color: #FFF;
}
.renew-section p{margin: 0px 0px 0px 2px;font-weight: normal;}
.dashboard-page h2{font-weight:bold;font-size:34px;margin: 5px 0px 0px 0px;color:#254a9c;}
.dashboard-page h3{font-weight:bold;font-size:30px;margin: 5px 0px 0px 0px;color:#254a9c;}
.dashboard-page h2 > a{font-size:12px;font-weight:normal;text-decoration:underline;color:#254a9c;}
.promoter-text label{color:#AD5677;}
.dashboard-line-break{display:inline-block;width:100%;clear:both;border-bottom: 1px solid #e7eaec;height: 1px;margin: 10px 0;}
.dashboard-blocks {
    padding: 80px 15px 80px 15px;
    border-right: 1px solid #e7eaec;
	font-size:17px;
}
.dashboard-blocks h5{font-size:17px;}
body .fileuploader{padding-left:0px;}
.multi-checkbox > .checkbox {
    float: left;
    width: 32%;
	margin:0px;
}
.icon-list-body td{line-height:24px !important;}
.icon-lists a{display:inline-block;vertical-align:middle;}
.create-account-section{padding:30px 20px;background-color:#fce9c5;}
.create-account-section h4,.create-account-section h4 a{color:#976e1c;}
.new_applicants h3 {
    border-bottom: 0px;
    font-family: Montserrat;
    color: #213422;
    font-size: 16px;
    font-weight: 800;
    margin-top: 28px;
    text-transform: uppercase;
    background: #e6f3eb;
    padding: 13px;
}
.radio-large{
    -ms-transform: scale(1.5); /* IE 9 */
    -webkit-transform: scale(1.5); /* Chrome, Safari, Opera */
    transform: scale(1.5);
	background-color: #487E51;
}
.user-credit-card label{font-size:20px;color:#487E51;}
.ui-datepicker-trigger{display:none;}
body a {
    color: #000;
    text-decoration: none;
}
body .textColor{color:#254a9c;}
.medical_detail_section h1{font-size:25px;color:#254a9c;font-weight:bold;}
.medical_detail_section .dashboard_top_text{font-size:17px;color:#254a9c;font-weight:normal;}
.club-membership-detail-dashboard{background-color:#F3A000;padding:30px;color:#FFF;}
.medical-detail-dashboard a,.club-membership-detail-dashboard a{color:#FFF;}
.medical-detail-dashboard{background-color:#F36D00;padding:30px;color:#FFF;}
.medical-detail-dashboard h3,.club-membership-detail-dashboard h3{color:#FFF;font-size:25px;margin-top:0px;}
.medical-detail-dashboard p,.club-membership-detail-dashboard p{font-size:17px;}
.identity-proof-pending-dashboard{background-color:#FFECEC;padding:30px;color:#FF6F6C;}
.identity-proof-pending-dashboard h3{color:#FF6F6C;font-size:25px;margin-top:0px;}
.identity-proof-pending-dashboard p{font-size:17px;}
.identity-proof-pending-dashboard .file-input label{background: linear-gradient(40deg, #FF6D6A, #FF6D6A);}
.identity-proof-completed-dashboard{background-color:#F4FBE6;padding:30px;color:#7CB715;}
.identity-proof-completed-dashboard h3{color:#7CB715;font-size:25px;margin-top:0px;}
.identity-proof-completed-dashboard p{font-size:17px;}
.pending-dashboard{background-color:#FBF6E7;padding:30px;color:#F8A900;}
.pending-dashboard h3{color:#F8A900;font-size:25px;margin-top:0px;}
.pending-dashboard p{font-size:17px;}
.identity-proof-pending-dashboard.user-medical-details h4{color:#FF6F6C;font-size: 18px;}
.proof-color{color:#FF6F6C;}
.user-medical-details p{font-size:12px;}
.user-medical-details p a{font-size:12px;}
.proof-color-green{color:#7CB715;}
.identity-proof-completed-dashboard.user-medical-details h4 {
    color: #7CB715;
    font-size: 18px;
}
.image_area {
	position: relative;
}
.preview {
	overflow: hidden;
	width: 160px;
	height: 160px;
	margin: 10px;
	border: 1px solid red;
}
.modal-lg {
	max-width: 1000px !important;
}
.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;
}
.image_area:hover .overlay {
	height: 50%;
	cursor: pointer;
}
/*.text {
	color: #333;
	font-size: 20px;
	position: absolute;
	top: 50%;
	left: 50%;
	-webkit-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	text-align: center;
}*/
.add-edit-page label.control-label,.add-edit-page .form-group label.control-label{
	text-align: left;margin-bottom:5px;}
.add-edit-page .col-sm-6 .col-sm-12,.add-edit-page .col-sm-10 .col-sm-12,.add-edit-page .col-sm-6 .col-sm-10,.add-edit-page .col-sm-12 .col-sm-12{padding-left:0px;}
.form-horizontal .form-group .col-sm-12 {
    margin-bottom: 0px;
}
.club-membership-heading {
    background-color: #EFEFEF;
    padding: 20px 0px 20px 10px;
}
.credit-card-section input{padding-top:20px;padding-bottom:20px; }
::placeholder {
  color: #000;
}
body .create-account .form-control::-moz-placeholder, body .create-account select{
color:#7F7F7F;
font-size:13px;
}
body .btn-group-lg > .btn, body .btn-lg {
    padding: 9px 50px;
    font-size: 12px;
    line-height: 1.3333333;
    border-radius: 6px;
    font-weight: 600;
}
.radio-button > label,.radio-button {
    font-size: 13px;
    margin-right: 10px;
	color:#7F7F7F;
	font-weight:normal;
}
div.options > label > input {
    display:none;
}
div.options > label > img {
    display: inline-block;
    padding: 0px;
    height:30px;
    width:30px;
    background: none;
}
div.options > label > input:checked +img {  
    background: url(http://cdn1.iconfinder.com/data/icons/onebit/PNG/onebit_34.png);
    background-repeat: no-repeat;
    background-position:center center;
    background-size:24px 24px;
}
.submit-payment-btn {
    margin-bottom: 100px;
    padding: 20px;
    background: #0F8E14;
    border: 0px;
    border-radius: 5px;
    color: #FFF;
    width: 100%;
    margin-top: 10px;
}
input[type="checkbox"], input[type="radio"] {
  margin-left: 8px;
  margin-top: 1.4px;
}
input[type=checkbox]:focus,input[type=radio]:focus,input:focus + label{outline: none !important;}
.form-control::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */
  color: #484848 !important;
  font-weight:200;
  opacity: 1; /* Firefox */
}
.radio > label, .checkbox > label{font-weight:500;color: #484848;line-height: 20px;}
.add-edit-page .form-group > .col-sm-12{margin-bottom:15px;}
.file {
  opacity: 0;
  width: 0.1px;
  height: 0.1px;
  position: absolute;
}
.form-control, .single-line{border-radius:5px;}
.file-input label {
    display: block;
    position: relative;
    width: 200px;
    height: 43px;
    border-radius: 5px;
    background: linear-gradient(40deg, #2D5AAF, #2D5AAF);
    display: flex;
    align-items: center;
    justify-content: center;
    color: #fff;
    font-weight: bold;
    cursor: pointer;
    transition: transform .2s ease-out;
    margin-top: 10px;
}
/*input:hover + label,
input:focus + label {
  transform: scale(1.02);
}*/
input:focus + label {
  outline: 1px solid #000;
  outline: -webkit-focus-ring-color auto 2px;
}
.gray-heading{background-color:#EFEFEF;padding:15px 15px 15px 30px;color:#7B7B7B;font-size:11px;border-radius:2px;}
.red-heading{background-color:#FBF0F4;padding:15px 15px 15px 30px;color:#CB2760;font-size:11px;border-radius:2px;}
.green-heading {
    background-color: #F7FCEB;
    padding: 15px 15px 15px 30px;
    color: #BBE05B;
    font-size: 22px;
    border-radius: 2px;
    font-weight: 600;
}
.user_status_1 {
    background-color: #E7F8D3;
    color: #569E10;
    padding: 10px 50px;
    border-radius: 2px;
    margin-right: 20px;
    text-transform: uppercase;
}
.user_status_3{
    background-color: #F2F2F2;
    color: #000000;
    padding: 10px 50px;
    border-radius: 2px;
    margin-right: 20px;
    text-transform: uppercase;
}
.user_status_10 {
    background-color: #FDE5EE;
    color: #DD0D5E;
    padding: 10px 50px;
    border-radius: 2px;
    margin-right: 20px;
    text-transform: uppercase;
}
.suspended,.suspended a{color:#DB0255;font-weight:normal;}
.suspended .user_status{font-weight:bold;}
.licence-title {
    background: #272A8D;
    text-align: center;
   
    border-radius: 3px;
    padding: 15px;
    width: 24%;
}
.licence-title a{ color: #FFF;}
.licence-link {
    line-height: 50px;
    font-size: 15px;
    text-align: center;
}
.licence-type-heading {
    color: #254a9c;
    font-weight: 700;
    font-size: 21px;
    margin-top: 35px !important;
}
.licence-parent-type-heading {
    color: #DE0F5F;
    font-weight: 700;
    font-size: 18px;
    margin-top: 5px !important;
}
.return-to-licence{border:1px solid #C9C9C9;color:#000;font-weight:normal;padding:10px 10px;border-radius:5px;width:90%;float:right;}
.under_maintainance{background-color:#ffeff5;color:#E1226B;}
body .cke_chrome{margin:0px;}
ul.dashed {
  margin: 0;
}
ul.dashed {
  list-style-type: none;
  margin-left:5px;
}
ul.dashed > li {
  text-indent: -5px;
}
ul.dashed > li:before {
  content: "-";
  text-indent: -5px;
  padding-right:10px;
}
.licence-renewal {
    color: #FF1313;
    line-height: 50px;
}
.apply-for-licence, .apply-for-licence:hover {
    padding: 20px 35px;
    color: #FFF;
    border-radius: 5px;
    display: inline-block;
    border: 0px;
    font-size: 16px;
    text-transform: uppercase;
    margin-top: 30px;
    background-color: #88BC29;
    width: 100%;
	margin-bottom:30px;
	text-align:center;	
}
.apply-for-licence:disabled {
  background: #dddddd;
}
.apply-text {
    font-size: 24px;
    margin-bottom: 20px;
    font-weight: bold;
}
.apply-licence-block {
    padding: 30px 30px 30px 40px;
    margin-bottom: 20px;
	font-size:16px;
}
.apply-licence-block h3{font-size:16px;}
.apply-licence-block .description{font-size:14px;color:#000;font-weight:normal;}
.blue-btn,.blue-btn:hover{
    padding: 6px 30px;
    color: #FFF;
    border-radius: 5px;
    display: inline-block;
	background-color:#2D5AAE;
}
.apply-licence-age {
    color: #FD7770;
}
.apply-licence-renewal-text {
    color: #767676;
}
.competition-licence,.competition-licence h3{color:#7FAD17;}
.competition-licence.apply-licence-block {
    background: #F5FAE8;
}
.competition-licence .apply-for-licence,.competition-licence .apply-for-licence:hover{
    background: #7FAD17;
}
.non-driving-licence,.non-driving-licence h3{color:#202F80;}
.non-driving-licence.apply-licence-block {
    background: #F0F9FF;
}
.non-driving-licence .apply-for-licence,.non-driving-licence .apply-for-licence:hover{
    background: #202F80;
}
.official-licence,.official-licence h3{color:#76769F;}
.official-licence.apply-licence-block {
    background: #F2F2F2;
}
.official-licence .apply-for-licence,.official-licence .apply-for-licence:hover{
    background: #767676;
}
.member-notice-section {
    padding: 30px 30px 30px 40px;
    margin-bottom: 20px;
    font-size: 20px;
	background:#FFECEC;
	color:#FF706E;
}
.member-notice-section a,.member-notice-section p,.member-notice-section h2{color:#FF706E;}
.apply-declaration{max-height:150px;overflow:auto;border:1px solid #C9C9C9;padding:15px;}
.licence-box {
    border: 1px solid #CECECE;
    padding: 20px;
    margin-bottom: 40px;
    border-radius: 5px;
}
.my-licence .col-lg-1 {
    width: 4.333%;
}
.my-licence .licence-type-heading{margin-top: 0px !important;font-size: 18px;}
.licence_status,.grade_status{border-radius: 25px;
    padding: 10px 10px;
    text-align: center;
    width: 140px;margin:auto;}
.licence_status_1 {
    background-color: #F4FBE7;
    color: #9DC94C;
    
}
.licence_status_3 {
    background-color: #F2F3F3;
    color: #6D6D6D;
}
.licence_status_5 {
    background-color: #FFEDEC;
    color: #FF6866;
}
.licence_status_7 {
    background-color: #FFEDEC;
    color: #FF6866;
}
.grade_8{	
	background-color: #EEF9FF;
    color: #253289;
}
.large-icon{color:#254a9c;font-size:25px;}
.licence-detail-popup {
    color: #E0156C;
    font-size: 18px;
    font-weight: normal;
    margin-bottom: 20px;
}
.check_answer,.check_answer:hover,a.check_answer:focus {
    padding: 9px 50px;
    background-color: #FF6D6A;
    color: #FFF;
    margin-top: 10px;
    display: inline-block;
    border-radius: 6px;
	outline:none;
	border:0px;
}
.apply-licence h2 {
    color: #202F80;
    font-weight: 700;
    font-size: 27px;
}
.apply-licence .sub-heading {
	color:#FD7770;
}
.apply-form-heading{
	color:#202F80;
	background-color: #F0F9FF;
	padding: 20px 0px 20px 10px;
	margin-bottom:20px;
	font-size: 17px;
	font-weight: 600;
}
.apply-form-heading.wwcc-heading{
	color:#FD779B;
	background-color: #FFEDEC;
}
.apply-form-heading.payment-heading{
	color:#92AD17;
	background-color: #F5FAE8;
}
.apply-licence .product-detail,.club-membership .product-detail {color:#000;font-size:20px;font-weight:600;padding-top:20px;}
.apply-licence .product-detail .price,.club-membership .product-detail .price{color:#7FAD17;}
.apply-licence .safety_div {
    display: inline-block;
    width: 100%;
    margin-bottom: 10px;
    background-color: #F4F4F4;
    padding: 30px;
}
body .form-group {
    margin-bottom: 10px;
    display: inline-block;
    width: 100%;
}
body .metismenu .fa.arrow:before {
 content: "\f105";
}
.add_more,.add_more:hover,.add_more:focus {
    color: #FF7370;
}
.add_more .fa{
    font-size:20px;
}
.paddL0 #DataTables_Table_0_wrapper .col-sm-12{padding-left:0px !important;padding-right:0px !important;}
:-ms-input-placeholder { /* Internet Explorer 10-11 */
  color: #777 !important;
}
::-ms-input-placeholder { /* Microsoft Edge */
  color: #777 !important;
}
input:invalid,input::invalid  {
  border: red solid 3px;
}
.border0 .ibox-content{border:none !important;}
.parent-page-class > .col-lg-12,.parent-page-class > form > .col-lg-12{padding-left:0px;padding-right:0px;}
.parent-page-class .ibox-content.search-box {
    margin: 0px;
    border: 0px;
    padding-top: 0px;
}
.form-horizontal .control-label.col-sm-12{text-align:left;}
.form-horizontal p{font-size:14px;}
.communication-page strong{font-weight:700;}
.communication-page label {
    font-size: 17px;
    font-weight: 600;
}
.communication-page input, .communication-page textarea {
    border-radius: 5px;
    padding: 10px !important;
    font-size: 15px;
}
.communication-page .dark-blue-btn{padding:15px 60px !important;}
.communication-page .table > thead > tr > th, .communication-page .table > tbody > tr > td{
	padding:15px 25px; 
	font-size:15px;
	}
.archive-message-btn {
    padding: 17px 60px;
    border: 1.5px solid #BFBFBF;
    border-radius: 5px;
    font-size: 18px;
    font-weight: 300;
    color: #000;
}
.warning_section span {
    background-color: #FFEDEC;
    color: #FD7770;
    padding: 10px 50px;
    margin: 20px 0px;
    display: inline-block;
    border-radius: 5px;
}
.family-section-header{color: #1F3186;font-weight:700;font-size:26px;line-height:30px;margin-bottom:30px;}
.family-link thead th {
    background-color: #EFEFEF;
    padding: 20px 10px 20px 10px;
    color: #7C7C7C;
    text-transform: uppercase;
}
.family-link tbody td {
    background-color: #FFF;
    padding: 20px 10px 20px 10px;
    color: #7C7C7C;
    text-transform: uppercase;
	border-bottom:1px solid #F0F0F0;
}
.top_fixed {
    background: #C55452;
    padding: 11px;
    padding-right: 6px;
    color: #FFF;
    font-weight: 600;
    position: absolute;
    width: 100%;
    top: 0px;
    z-index: 9999;
    text-align: right;
    padding-right: 40px;
}
.top_fixed a{
    color: #FFF;}
.top_fixed p{margin:0px;}
.unlink-account-block .modal-dialog {
    width: 700px;
	padding:30px;
}
.unlink-account-block h2 {
    margin: 0px;
    font-size: 28px;
    margin-top: 10px;
    color: #202F80;
    font-weight: 600;
}
.unlink-account-block h1 {
    margin: 0px;
    font-size: 25px;
    margin-top: 10px;
    color: #FD7770;
    font-weight: 600;
}
.unlink-account-block p {
    font-size: 13px;
    color: #202F80;
    clear: both;
    margin-top: 15px;
    margin-bottom: 20px;
    font-weight: 500;
}
.checkbox-text{font-size:11px;}
.unlink-account-block p{font-size:13px;color: #202F80;}
.profile-pic-section {
    padding: 30px 20px;
    background-color: #F8F9F8;
    display: inline-block;
    width: 100%;
    margin-bottom: 30px;
}
.dashboard-page {
  margin: 0px 20px 0px 0px;
  padding-left:0px;
  font-size: 18px;
}
.dashboard-review-section > div{
    padding: 20px 30px 20px 30px;
}
.review-heading {
    background-color: #EFEFEF;
    color: #737373;
    font-size: 15px;
    text-transform: uppercase;
}
.dashboard-review-section .reviews{
	background-color:#FBF6E7;
	color:#F8A807;
	font-weight:500;	
	margin-top: 5px;
}
.profile-picture .reviews{
	background-color:#FBF6E7;
	color:#F8A807;
}
.profile-picture .reviews a{
	color:#F8A807;
}
.identity-proof .reviews{
	background-color:#FFEDEC;
	color:#FF6D6B;
}
.identity-proof .reviews a{
	color:#FF6D6B;
}
.family-section-notice {
    background: #FFECEC;
    padding: 40px 30px 40px 30px;
    margin-top: 10px;
    margin-bottom: 30px;
}
.family-section-notice h1 {
    margin: 0px;
        margin-bottom: 0px;
    font-size: 28px;
    font-weight: 600;
    color: #FF6D6A;
    margin-bottom: 21px;
}
.family-section-notice a{
    color: #FF6D6A;text-decoration:underline;font-weight:200;} 
.user_status .licence_status{display:inline-block;}
/*Club header*/
.club-portal .navbar,.club-portal.navbar {
    background: #274F9A;
    padding: 15px 50px;
	color:#FFF;
}
.super-admin.navbar {
    background: #000;
    padding: 15px 50px;
	color:#FFF;
}
.club-portal .navbar a,.club-portal.navbar a,.super-admin.navbar a{color:#FFF;}
.top-header-title{
	color:#3C523A !important;font-weight:700;font-size:20px !important;}
.club-portal p{color:#000;}
.contact-dashboard-notice-section {
    background: #FFFAF2;
    padding: 20px 30px;
    color: #202F85;
}
.contact-dashboard-notice-section h1 {
    color: #202F85;
    font-size: 30px;
	margin-top:0px;
}
.contact-dashboard-notice-section h4{color: #202F85;font-size:15px;}
.modal-header{padding-left:45px;font-weight:bold;}
.safety-question-section .col-lg-12 {
    padding-left: 0px;
    padding-bottom: 7px;
}
.safety-question-section label {
    line-height: 30px;
    float: left;
    width: 90%;
    padding-left: 10px;
}
.safety-question-section input[type="radio"]{margin-top: 6px !important;}
.profile-pic {
    background: #EEF9FF;
    padding: 30px;
}
.password-instructions {
    background: #FFECEB;
    padding: 30px;
    margin: 20px 0px 10px 0px;
    color: #FF7A77;
    font-weight: bold;
    font-size: 19px;
    line-height: 22px;
}
.event-classes-page ul {
    list-style: none;
    padding: 0px;
}
.event-classes-page ul li {
    float: left;
    margin-right: 10px;
}
.event-classes-page ul li a {
    padding: 13px 30px;
    background: #F3F3F2;
    color: #000;
    text-transform: uppercase;
    font-size: 13px;
	line-height:39px;
}
.event-classes-page ul li a.active{background: #D9F4FF;}
.event-classes-page ul li a:focus {
    outline: none;
}
.event-detail-header{background-color:#F0F9FF;}
.event-detail-header {
    color: #202F80;
    padding: 30px 30px;
	font-size:14px;
}

.event-detail-header h2{color: #202F80;font-weight:bold;font-size:25px;margin-top: 0px;}
.event-detail-header h4{color: #202F80;font-size:15px;}
.event-detail-header ul {
    list-style: none;
    padding-left: 0px;
}
.event-detail-header ul li {
    float: left;
    margin-right: 15px;
    font-size: 13px;
	font-weight:650;
}
.event-user-view-page .fa {
    font-size: 20px;
    width: 20px;
    text-align: center;
}

.event-detail-header hr.blue-hr{border:1px solid #A2ADCF;}
.class-section span {
    line-height: 42px;
}
.class-section .checkbox{margin-top:0px;margin-bottom:0px;}
.event-enter-user-details div{font-size:18px;font-weight:bold;}
.event-enter-user-details div > span {
    display: inline-block;
    padding-top: 6px;
    padding-bottom: 6px;
}
.endorsement_listing{font-weight:normal;}
.written-warning{margin-top:-10px;display:inline-block;}
.written-warning > .fa {
    font-size: 25px;
    color: #FF6D6A;
}
.penalty-listing-heading {
    font-size: 24px;
    color: #FF6B69;
}
.review-wwcc .reviews {
    background-color:#FEEDE3;
    color: #FF8100;
}
.review-wwcc .reviews a {
    color: #FF8100;
}
.event-detail-buttons a{float:left;margin-right:20px;margin-bottom:20px;}

.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;}
.class_data {
    background: #FCF5E7;
    padding: 11px 15px;
    margin-bottom: 5px;
}
.state-admin-block {
    background: #FCF5E7;
    padding: 20px 30px;
    display: inline-block;
    width: 100%;margin-top:20px;
}
.state-admin-block h3{color:#F9B219;font-weight:700;text-transform:uppercase;}
.state-admin-block input[type="checkbox"]{margin-top:0px !important;margin-left:4px !important;}


.top-right-btn,.top-right-btn:hover{border:1px solid #C0C0C0;padding:5px 30px;color:#606060;border-radius:5px;font-weight:500;}
.checkbox label {
    line-height: 43px;
}
a.dismiss-notice-class {
    background-color: #FFEAC7;
    padding: 10px 25px;
    border-radius: 50px;
    text-decoration: none;
    text-transform: uppercase;
    font-size: 11px;
}
.yellow-heading {
    color: #FFA600;
    font-weight: 600 !important;
    font-size: 20px;
    margin: 15px 0px;
}
a.yellow-btn {
    background: #FFA600;
    color: #FFF;
    text-decoration: none;
    padding: 9px 50px;
    border-radius: 5px;
    margin-top: 10px;
    display: inline-block;
}
.checkbox-parent-div input[type="checkbox"] {
    margin: 0px 7px 0px 0px !important;
}
#imgModal-dialog .modal-dialog {
    max-width: 500px !important;
}
.additional-driver-row{background-color:#eef9ff !important;}
.create-account .radio-button > label{color:#FFF;}
.cancel-entry-popup,.cancel-entry-popup h2 ,.cancel-entry-popup a{color:#FF6D6A;}
.cancel-entry-popup .btn-lg {
    background-color: #FF6D6A;
    border-color: #FF6D6A;
}
.cancelled-row{background-color:#feecec !important;}
.communication-page .radio > label{line-height: 43px;padding-left: 0px;}
.communication-page .radio {margin-top:0px;display:inline-block;}
.submit-btn-link,.submit-btn-link:hover	 {
    background: no-repeat;
    border: 0;
    text-decoration: underline;
    color: #205AB5;
    font-weight: 700;
}
.check-licence-section {
    background: #F1FBFF;
    padding: 35px !important;
    margin-bottom: 30px;
}
.check-licence-section label{color:#205AB5;}
.error-section {
    color: #FD7770;
    padding: 40px;
    background: #FFEDEC;
    font-size: 15px;
}
.error-section a{
    color: #FD7770;
}
.checkbox .input.radio {
    margin: 0px;
}
.left-divider {
  border-top: 1px solid #eff5f7;
  margin-top: 20px;
  padding-bottom: 20px;
}
.view-right-section {
  margin-top: 4px;
}
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-bottom: 1px solid #D1D1D1;
  border-top:0px;
  padding:15px 8px;
  line-height: 25px;
 }
.border-box {
  border: 1px solid #D1D1D1;
  padding: 5px 10px;
  border-radius: 4px;
  color: #000;
  box-shadow: 1px 1px #D1D1D1;
  font-size: 13px;
  font-weight: normal;
}
.green-border{border: 1px solid #3CC908;}
.current_status {
  background: #e8fde5;
  border-radius: 20px;
  padding: 0px 0px;
  width: 100px;
  display: inline-block;
  text-align: center;
  font-weight: 600;
  text-transform: uppercase;
  font-size:11px;
}
.current_status_1 {
  color: #54dd4e;
}
.current_status_3 {
  background-color: #F2F6F8;
  color: #5C6E7E;
}
.family-link-list {
    padding: 0px;
    list-style: none;
    color: #1F3186;
    font-size: 14px;
}
body .nav > li > a {
  color: #00172C;
  padding: 4px 20px 4px 50px;
  margin-bottom: 10px;
  font-size: 14px;
  font-weight: 500;
}
body .navbar-default .nav > li > a:hover, body .navbar-default .nav > li > a:focus
{
	color: #00172C;
	outline: none;
}
a:focus{outline: none;}
body .nav > li.active {
    background: none;
    border: 0px;
}
body .nav > li.active a,body .navbar-default .nav > li > a:hover {
	color:#E34A6F;
}
body .nav > li.active a span,body .nav > li a:hover span {
  background: #E34A6F !important;
  }
.check_member_link ,.check_member_link:hover{
    color: #FF7775;
    font-weight: 600;
    text-decoration: underline;
    line-height: 33px;
}
.warning-section {
  background: #fff5de;
  color: #f0c466;
  padding: 15px 17px;
  display: inline-block;
  width: 100%;
  font-weight: 500;
  border-radius: 5px;
  font-size: 14px;
  margin-top:10px;
}
.warning-section a{
  color: #f0c466;
}
.warning-section .cross-icon {
  background: #f0c466;
  margin-left: 6px;
}
.date-section div span{float:left;margin-right:10px;}
.date-section .edit-icon{height:17px;}	
.date-section {
  background: #F1F1F2;
  display: inline-block;
  padding: 10px 20px;
  border-radius: 3px;
  margin-top: 20px;
}
.pagination > li > a, .pagination > li > span{padding: 4px 10px !important;line-height: 20px !important;}
.product_warning{color:#efc76f;}
.parent-member-class {
    background-color: #FFEDEC;
    clear: both;
    padding: 30px 40px;
	margin-bottom:20px;
}
.parent-member-class h2{margin-top:0px; color:#FF706E;font-weight:700;}
.parent-member-class h5,.parent-member-class a{margin-top:20px; color:#FF706E;font-size:16px;}
.listing-add-icon {
  border: 0px;
  height: 56px;
  width: 56px;
  border-radius: 50%;
  text-align: center;
  background: #17102D;
  float: left;
  margin-right: 16px;
}
.man-icons {
  float: right;
  margin-left: 0px;
  padding: 8px;
  color: #a1c0da;
  display:inline-block;
}
.man-icons span{width: 22px;height:22px;}
.man-icons.current .calendar-icon {background-color: #00529e;}
.man-icons.current {
  background-color: #f1f6f8;
  border-radius: 5px;
}
.man-icons.current .tab-manufacturing-icon {background-color: #00529e;}
.copy-icon{
    mask: url(../img/copy-outlines.svg) no-repeat center / contain;
  -webkit-mask: url(../img/copy-outlines.svg) no-repeat center / contain;
mask-size: contain;
background-color: #99A3B1;
width: 18px;
float:left;
height: 18px;
}
.global_dispatch_date .calendar-icon{height: 13px;
margin-right: 4px;}
.arrow-right-top {
  mask: url(../img/arrow-up-right.svg) no-repeat center / contain;
  -webkit-mask: url(../img/arrow-up-right.svg) no-repeat center / contain;
  background-color: #E34A6F;
  width: 23px;
  float: left;
  height: 27px;
}
.calendar-icon {
  mask: url(../img/calendar.svg) no-repeat center / contain;
  -webkit-mask: url(../img/calendar.svg) no-repeat center / contain;
  background-color: #000;
  width: 16px;
  float: left;
  height: 20px;
}
.tab-manufacturing-icon{
    mask: url(../img/table-outlines.svg) no-repeat center / contain;
  -webkit-mask: url(../img/table-outlines.svg) no-repeat center / contain;
mask-size: contain;
background-color: #000;
width: 18px;
float:left;
height: 18px;
}
.external-icon{
    mask: url(../img/external-link.svg) no-repeat center / contain;
  -webkit-mask: url(../img/external-link.svg) no-repeat center / contain;
 mask-size: contain;
background-color: #00172C;
width: 18px;
display: inline-block;
height: 21px;
margin-top:2px;
}
.favourite-icon{
    mask: url(../img/star.svg) no-repeat center / contain;
  -webkit-mask: url(../img/star.svg) no-repeat center / contain;
 mask-size: contain;
background-color: #D1D1D1;
width: 20px;
float:right;
margin-top:5px;
height:20px;
}
.favourite-icon-green {
  background: #D89E1A;
}
.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;
}
.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;
background-color: #dbdbdb;
width: 18px;
display: inline-block;
height: 10px;
}

.document-box .trash-icon,.comment-box .trash-icon {
	background-color: #00172C;
}
.document-box .edit-icon,.comment-box .edit-icon {
margin-right: 5px;
width: 15px;
height: 23px;
background:#C0C0C0;
}
.edited_text{float:right;color:#99A3B1;}
.col-lg-6.col-sm-12.paddR0 .other-icon {left: 14px;}

.participant-icon {
  mask: url(../img/users.svg) no-repeat center / contain;
  -webkit-mask: url(../img/users.svg) no-repeat center / contain;
    mask-size: contain;
  mask-size: contain;
}
.website-icon {
  mask: url(../img/layers.svg) no-repeat center / contain;
  -webkit-mask: url(../img/layers.svg) no-repeat center / contain;
    mask-size: contain;
}
.customer-icon {
  mask: url(../img/user.svg) no-repeat center / contain;
  -webkit-mask: url(../img/user.svg) no-repeat center / contain;
    mask-size: contain;
}
.other-icon {
  mask: url(../img/corner-down-right.svg) no-repeat center / contain;
  -webkit-mask: url(../img/corner-down-right.svg) no-repeat center / contain;
    mask-size: contain;
  mask-size: contain;
  mask-size: contain;
  background-color: #000;
  width: 18px;
  display: inline-block;
  height: 18px;
  position: absolute;
  left: 0px;
  top: 10px;
}
.save-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;
background-color: #FFF;
width: 18px;
display: inline-block;
height: 10px;
}
.arrow-right {
  mask: url(../img/arrow-right.svg) no-repeat center / contain;
  -webkit-mask: url(../img/arrow-right.svg) no-repeat center / contain;
    mask-size: contain;
  mask-size: contain;
  background-color: #FFF;
  width: 20px;
  height: 20px;
  float: right;
}
.view-icon {
  mask: url(../img/eye.svg) no-repeat center / contain;
  -webkit-mask: url(../img/eye.svg) no-repeat center / contain;
    mask-size: contain;
  mask-size: contain;
  background-color: #00172C;
  width: 7px;
  float:left;
  height: 13px;
}
.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;
}

.dashboard-icon {
  mask: url(../img/grid.svg) no-repeat center / contain;
  -webkit-mask: url(../img/grid.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;
}
.staff-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;
}
.component-icon {
  mask: url(../img/component.svg) no-repeat center / contain;
  -webkit-mask: url(../img/component.svg) no-repeat center / contain;
    mask-size: contain;
  background-color: #333F4F;
  width: 19px;
  height: 19px;
  float: left;
  margin-right: 10px;
}
.save_product,.save_product:hover {
  background-color: #00182e;
  color: #FFFFFF;
  border: 0px;
  padding: 6px 10px;
}

.order_product_listing {
  padding: 10px 10px;
}
.order_product_listing:hover {
  background-color: #f1f6f8;
  margin-left: -50px;
  padding-left: 60px;
  margin-right: -49px;
  padding-right: 59px;
}
.top-search-input {
  width: 400px;
  margin: auto;
}
.top-search-input .search-icon {
	position: absolute;
background-color: #FFF;
width: 18px;
height: 18px;
top: 18px;
margin-left: 5px;
}
.round-box{padding:6px 20px;border-radius:25px;font-weight:600;background-color:#f1f6f8;color:#697f8e;}
.red-box{background-color:#ffdfdf;color:#ee191a;}
.orange-box{background-color:#fff5de;color:#e7ac28;}
.width-120{min-width:120px;}
.width-150{min-width:150px;}
.table > tbody > tr:hover {
  background-color: #FFF8F9;
}
.no-hover.table > tbody > tr:hover{background-color:#FFF;}
.manufacturing-product {
  background-color: #f1f6f8;
  padding: 4px 10px;
  border-radius: 5px;
  margin-right: 10px;
  margin-bottom: 10px;
  display: inline-block;
  font-size:12px;
  line-height:16px;
}
.product_details_link{cursor:pointer;}
.no-hover.table > tbody > tr > td{padding-top:10px;}
.bg-warning{background-color:#fff5de;color:#000000;}
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: 40px;
  margin-bottom: 16px;
  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;
}
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;
  margin-left: 20px;
}
body .btn-primary, body .btn-primary:hover, body .btn-primary:focus {
  background-color: #2A554D !important;
  border-color: #2A554D !important;
  color: #FFFFFF !important;
}
body .modal-content .btn-primary, body .modal-content .btn-primary:hover {
  background-color: #60a561 !important;
  border: 0px;
}
body .modal-content .btn-primary.red-button, body .modal-content .btn-primary.red-button:hover {
  background-color: #ec0000 !important;
}
.close-icon {
  background: #F5F5F5;
  border-radius: 2px;
  padding: 6px;
  line-height: 10px;
}
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;
}
.password_show{padding-top:8px;font-weight:500;display: inline-block;}

.page-heading .icon-bg {
  background: #f1f6f8;
  border-radius: 5px;
}
.icon-bg {
  border: 0px;
  height: 30px;
  width: 30px;
  border-radius: 4px;
  text-align: center;
  background: #81C8B1;
  float: left;
  margin-right: 16px;
}

.projects-tabs {
  display: inline-block;
  width: 100%;
  list-style: none;
  padding-left: 0px;
  padding-top: 10px;
  margin-bottom:0px;
}
.projects-tabs li {
  float: left;
}
.projects-tabs > li > a {
  padding: 3px 9px;
  color: #333F4F;
  font-size: 14px;
  font-weight: normal;
  margin-right: 10px;
}
.projects-tabs > li.active > a {
  color: #333F4F;
  text-decoration: none;
  background: #f1f6f8;
  border-radius: 5px;
  display: inline-block;
}
div.full-page {
  position: fixed;
  top: 0;
  bottom: 0;
  width: 1px;
  height: 100%;
  border-right: 1px solid #D1D1D1;
  left: calc(66.66% + 83px);
}
.view-border {
  padding-right: 50px;
  border-right: 1px solid #D1D1D1;
  min-height: 300px;
}
.light-gray-color, .light-gray-color a{color:#bfbfc0;}
span.client-create{clear:both;width:100%;text-align:right;}
.darkBtn,.darkBtn:hover {
  background-color: #00182e;
  padding: 15px;
  width: 100%;
  display: inline-block;
  color: #FFF;
  border-radius: 5px;
}
.view-page-right-link {
  list-style: none;
  padding-left: 0px;
}
.view-page-right-link li a {
  padding: 10px;
  display: inline-block;
  width: 100%;
  background: #f1f6f8;
  margin-bottom: 10px;
  border-radius: 5px;
  color: #00172C;
  font-weight: normal;
  font-size: 14px;
  line-height:25px;
}
.change_date {
  color: #81929f;
  padding-left: 10px;
}
.view-page-right-link li a.project_status_active {
  border: 1px solid #3CC908;
  background: #FFF;
  color: #3CC908;
}
.view-right-section h2 {
  color: #00172C;
  font-weight: 500;
  margin-top: 30px;
  margin-bottom: 20px;
  font-size: 20px;
}
.comment-box {
  border: 1px solid #D1D1D1;
  padding: 20px;
  border-radius: 5px;
  margin-bottom:20px;
  line-height: 25px;
}
.document-box {
  border: 1px solid #D1D1D1;
  color: #465868;
  padding: 10px 20px;
  border-radius: 5px;
  margin-bottom: 10px;
  line-height: 25px;
}
.file-category{
color:#9fafb8;
background-color:#f1f6f8;
padding:0px 10px;
border-radius:5px;
}
.product_enter .file-category{display:none;}
.document-box .trash-icon{background-color: #dbdbdb;width:19px;}
.project_product_listing a {
  display: inline-block;
  padding: 10px 30px;
  background-color: #f1f6f8;
  color: #4481b8;
  font-weight: 600;
  font-size: 15px;
  margin-right: 10px;
  margin-bottom: 10px;
  width: 290px;
  text-align: center;
}
.rte_command_inserttable, .rte_command_insertimage, .rte_command_insertlink {
display: none;
}
.blank-space {
  width: 30px;
  display: inline-block;
  height: 20px;
  float: right !important;
}
.border-box.inlineBlock {
  display: inline-block;
  padding: 0px 10px;
}
.border-box.inlineBlock .view-icon{width: 13px;
height: 25px;margin-right:4px;}
.product_data {
  display: inline-block;
  width: 100%;
  background: #F1F6F8;
  padding: 25px;
  border-radius: 5px;
  margin-top: 20px;
  margin-bottom: 20px;
}
.incomplete-section{background-color:#ffe6e7;padding:25px;color:#E91F21;display:inline-block;width:100%;font-size:14px;border-radius:5px;font-weight:500;}
.incomplete-section span{float:left;line-height: 14px;}
.incomplete-section a {color:#f78587;}
.tooltip.in{opacity:1 !important;}
.tooltip > .tooltip-inner {background-color: #E34A6F;}
.tooltip > .tooltip-arrow {border-bottom-color: #E34A6F;}
.client-create{float:left;line-height:24px;}
.header-part {
  padding: 10px 50px;
  background: #E34A6F;
  color: #FFF;
  z-index: 999999;
  position: fixed;
  height: 60px;
  width: 100%;
}
.header-part a{
}
.event-box {
  border: 1px solid #d9d9d9;
  border-radius: 5px;
  padding: 15px;
}
.event-box p{
	margin:0px;
}
.event-box a:hover{
	color:#000;
}
.project_type {
  float: right;
  background-color: #f5f5f5;
  text-align: center;
  padding: 10px;
  border-radius: 5px;
  line-height: 6px;
}





.searchInput .resultBox{
  padding: 0;
  opacity: 0;
  pointer-events: none;
  max-height: 280px;
  overflow-y: auto;
}

.searchInput.active .resultBox {
  padding: 10px 8px;
  opacity: 1;
  pointer-events: auto;
  position: absolute;
  background: #FFF;
  width: 70%;
  border-radius: 5px;
  border: 1px solid #aeaeae;
  margin-top: 5px;
}
.resultBox li{
  list-style: none;
  padding: 8px 12px;
  display: none;
  width: 100%;
  cursor: default;
  border-radius: 3px;
}
.resultBox li.placeholder-text {
  color: #99A3B1;
  font-weight: bold;
  font-size: 11px;
}
.resultBox li.placeholder-text:hover {
  background: transparent;
}
.searchInput.active .resultBox li{
  display: block;
}
.resultBox li:hover{
  background: transparent;
}
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 {
  padding: 10px;
  text-align: center;
  z-index: 99999;
  position: fixed;
  width: 100%;
  height: 54px;
}
.top-search-box input{}	
.top-search-box input {
  width: 400px;
  border: 0px;
  border-radius: 5px;
  background: #EC849E;
  color: #FFF;
  padding: 7px 30px;
}
.top-search-box input:focus-visible {
  outline: 0px;
}
.top-search-box img {
  float: left;  
  margin-left: 37px;
}
body .page-heading.client-view-page {
  z-index: 999;
  position: sticky;
  background: #FFF;
  padding-top: 33px;
  margin-bottom:0px;
  padding-bottom:33px;
  height: 120px;
}


.border-right-client{border-right:1px solid #D1D1D1;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;}
.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;}
.paddR10{padding-right: 10px;}
.paddR40{padding-right: 40px;}
.marB10{margin-bottom:10px !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;}
.yellow {color: #F26700;}
.black {color: #000000;}
.red {color: #E34A6F !important;}
.blue {color: #1F3186 !important;}
.light-blue {color: #264EBD;}
.light-gray {color: #BBBBBB;}
.green-color {color: #87B125;}
.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;}
.width70{width:70% !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:1px solid #99eb99 !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;}
.blue-btn,.blue-btn:hover{
    padding: 10px 25px;
    color: #FFF;
    border-radius: 5px;
    display: inline-block;
	background-color:#2D5AAE;
	font-size:14px;
}
.dark-blue-btn,.dark-blue-btn:hover{
    padding: 8px 50px;
    color: #FFF;
    border-radius: 5px;
    display: inline-block;
	background-color:#272A8D;
	border:0px;
}
.success_text {
    background: #ECF5FF;
    text-align: center;
    color: #32428E;
    font-weight: 700;
    float: none;
    margin: 40px auto !important;
    padding-top: 25px;
    padding-bottom: 20px;
    border: 1px solid #ABB6EE;
}

.medical-details .col-sm-12.radio.left_align {
	display: inline-block;
	clear:both;
	width: 100%;
}
.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: #f8f8f8;
  color: #000;
}

.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;
  padding-top: 0px;
}
.login-div {
    margin: auto;
    float: none;
    padding-left: 0px;
    padding-right: 0px;
}
.login-background {
  background-size: cover;
  background-repeat: no-repeat;
  position: absolute;
  right: 0px;
  height: 100%;
  background-position: center center;
  background-color: #E34A6F;
  padding-left:0px;text-align:center;
}
.login-background img{width:100px;}
.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: #3A3342;
  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: 43px;
  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: #E34A6F;
color: #3A3342 !important;
text-align: left;
padding: 5px 10px;
}
#remember-me {
  margin-left: 0px !important;
}
.forgot-link {
  line-height: 40px;
  text-decoration: underline;
}
.login-button {
  background: #E34A6F;
  border: 0px;
  color: #FFF;
  width: 100%;
  padding: 15px;
  border-radius: 5px;
  font-weight: bold;
  text-transform:none;
}
.construction_order{padding:10px 10px;}
div.product_data {
    -webkit-transition: height .25s ease;
       -moz-transition: height .25s ease;
            transition: height .25s ease;
}



.right-icons-section {
  position: absolute;
  right: 0px;
  top: 73px;
}
.listing-add-icon {
  border: 0px;
  height: 56px;
  width: 56px;
  border-radius: 50%;
  text-align: center;
  background: #17102D;
  float: left;
  margin-right: 16px;
}

.arrow-right-circle{
  mask: url(../img/arrow-right-circle.svg) no-repeat center / contain;
  -webkit-mask: url(../img/arrow-right-circle.svg) no-repeat center / contain;
  background-color: #E34A6F;
  width: 18px;
  display: inline-block;
  height: 18px;
}
.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: #00172C;
  width: 18px;
  display: inline-block;
  height: 10px;
}
.construction-download-icon {
  mask: url(../img/download.svg) no-repeat center / contain;
  -webkit-mask: url(../img/download.svg) no-repeat center / contain;
    mask-size: contain;
  background-color: #00172C;
  width: 20px;
  float: left;
  height: 14px;
  margin-right: 4px;
}
.incomplete-icon {
  mask: url(../img/download.svg) no-repeat center / contain;
  -webkit-mask: url(../img/download.svg) no-repeat center / contain;
    mask-size: contain;
  background-color: #E91F21;
  width: 20px;
  float: left;
  height: 14px;
  margin-right: 4px;
}
.square-box {
  background-color: #f1f6f8;
  width: 35px;
  display: inline-block;
  height: 35px;
  float: left;
  margin-right: 10px;
  border-radius:5px;
}
.square-box .plus-icon {
  width: 34px;
  height: 16px;
  margin-top: 10px;
}
.user-icon {
  mask: url(../img/user.svg) no-repeat center / contain;
  -webkit-mask: url(../img/user.svg) no-repeat center / contain;
    mask-size: contain;
  background-color: #00172C;
  width: 13px;
  display: inline-block;
  height: 13px;
}
.company-icon {
  mask: url(../img/shield.svg) no-repeat center / contain;
  -webkit-mask: url(../img/shield.svg) no-repeat center / contain;
    mask-size: contain;
  background-color: #00172C;
  width: 13px;
  display: inline-block;
  height: 13px;
}
.address-icon {
  mask: url(../img/map-pin-outlined.svg) no-repeat center / contain;
  -webkit-mask: url(../img/map-pin-outlined.svg) no-repeat center / contain;
    mask-size: contain;
  background-color: #00172C;
  width: 13px;
  display: inline-block;
  height: 13px;
}
.trash-icon {
  mask: url(../img/trash.svg) no-repeat center / contain;
  -webkit-mask: url(../img/trash.svg) no-repeat center / contain;
    mask-size: contain;
  background-color: #99A3B1;
  width: 20px;
  display: inline-block;
  height: 25px;
}
.change-status-icon {
  mask: url(../img/symbol.svg) no-repeat center / contain;
  -webkit-mask: url(../img/symbol.svg) no-repeat center / contain;
    mask-size: contain;
  background-color: #99A3B1;
  width: 20px;
  display: inline-block;
  height: 25px;
}
.order_product_listing .trash-icon, .order_product_listing .copy-icon{float: right;margin-left: 10px;height:20px;}
.file-icon {
  mask: url(../img/file.svg) no-repeat center / contain;
  -webkit-mask: url(../img/file.svg) no-repeat center / contain;
    mask-size: contain;
  mask-size: contain;
  background-color: #465868;
  width: 25px;
  display: inline-block;
  height: 25px;
}
.message-icon {
  mask: url(../img/message-square.svg) no-repeat center / contain;
  -webkit-mask: url(../img/message-square.svg) no-repeat center / contain;
    mask-size: contain;
  background-color: #00172C;
  width: 20px;
  display: inline-block;
  height: 25px;
  margin-right: 10px;
}

.mail-icon {
  mask: url(../img/mail.svg) no-repeat center / contain;
  -webkit-mask: url(../img/mail.svg) no-repeat center / contain;
  mask-size: contain;
  background-color: #00172C;
  width: 13px;
  float: left;
  height: 14px;
  margin-right: 5px;
}
.download-icon {
  mask: url(../img/download.svg) no-repeat center / contain;
  -webkit-mask: url(../img/download.svg) no-repeat center / contain;
    mask-size: contain;
  mask-size: contain;
  background-color: #00172C;
  width: 13px;
  float: left;
  height: 14px;
  margin-right: 5px;
}
.document-box .download-icon {
  background: #00172C;
}
.project-status-icon {
  mask: url(../img/check-circle.svg) no-repeat center / contain;
  -webkit-mask: url(../img/check-circle.svg) no-repeat center / contain;
    mask-size: contain;
  background-color: #3CC908;
  width: 20px;
  display: inline-block;
  height: 25px;
  margin-right: 10px;
margin-left: 10px;
}
.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;
}
.down-arrow-icon {
  margin-left: 10px;
  mask: url(../img/icon-arrowdown.svg) no-repeat center / contain;
  -webkit-mask: url(../img/icon-arrowdown.svg) no-repeat center / contain;
  width: 26px;
  height: 15px;
  background-color: #00172C;
  display: inline-block;
  margin-top: 4px;
  margin-left: 0px;
}
.up-arrow-icon {
  margin-left: 10px;
  mask: url(../img/icon-arrowup.svg) no-repeat center / contain;
  -webkit-mask: url(../img/icon-arrowup.svg) no-repeat center / contain;
  width: 26px;
  height: 15px;
  background-color: #00172C;
  display: inline-block;
  margin-top: 4px;
  margin-left: 0px;
}
.expend {
  background: #f1f6f8;
  height: 24px;
  width: 24px;
  float: right;
  margin-left: 10px;
  border-radius: 2px;
}
.left-divider {
  border-top: 1px solid #D1D1D1;
  margin-top: 35px;
  margin-bottom: 15px;
}
.sidebar-popup .modal-body h1 {line-height:35px;}
.sidebar-popup-close {
  float: right;
  border: 1px solid #D1D1D1;
  padding: 5px 10px;
  border-radius: 5px;
  color: #00172C;
  box-shadow: 1px 1px #D1D1D1;
  font-size: 13px;
  font-weight: normal;
  line-height: 16px;
  margin-top: 3px;
}
.creator-delete,.change_product_location{float:right;}
.redBtn {
  font-size: 14px;
  font-weight: bold;
  color: #FFF;
  border-radius: 6px;
  background-color: #ec0000;
  padding: 8px 30px;
  margin-left: 20px;
  border: 0px;
}
.listing-add-icon .plus-icon {
  background-color: #8ED1BF;
  height: 54px;
  width: 25px;
}
.page-heading h1 {
  display: inline-block;
  margin: 0px;
  font-size: 24px;
  font-weight: 600;
  line-height: 30px;
  width:100%;
}
.page-heading h1 span{
  color:#bec7ce;
  font-weight: normal;
  padding-left:20px;
}
.file-name {
  margin-left: 15px;
  margin-right: 15px;
  font-weight: bold;
}
.page-tabs {
  list-style: none;
  padding-left: 0px;
  margin-bottom: 0px;
  line-height: 30px;
  margin-top: 13px;
  display: inline-block;
  width: 100%;
}
.page-tabs li {
  float: left;
  margin-right: 20px;
}
.page-tabs a {
    font-size: 14px;
	color:#000;
    font-weight: normal;
}
.page-tabs a.active	 {
    border-bottom: 2px solid #E34A6F;
line-height: 28px;
padding-bottom: 6px;
color:#E34A6F;
}
.block {
  background: #f8f8f8;
  padding: 15px 20px 10px 30px;
  border-radius: 5px;
  margin-top: 10px;
  margin-bottom: 20px;
}
.block.red-block {
  color: #e34a6f;
  padding-bottom: 14px;
  background:#ffeaed;
}
.block.red-block p {
  margin-bottom: 0px;
}
.event-top-info{display:inline-block;width:100%;margin-top:10px;margin-bottom:10px;}
.event-top-info .calendar-icon{
  float: none;
  display: inline-block;
  width: 13px;
  height: 13px;
}
.event-icon {
  width: 14px;
  height: 12px;
  display: inline-block;
  margin-right: 0px;
  padding-left: 0px;
  background: #00172C !important;
  mask-size: cover;
}
.event-text {
  margin-right: 12px;
}
.font-20{font-size:20px;}
.document-listing span
{float:left}

body #page-wrapper {
  margin:54px 0 0 300px;
  min-height: 110vh;
  overflow-x: hidden;
  border-left: 1px solid #D1D1D1;
}
#page-wrapper {
  padding-right: 0px;
  padding-left: 0px;
}
.parent-page-class {
  margin: auto;
  width: 960px;
}
.paddB33 {
  padding-bottom: 33px !important;
}
.parent-page-class {
  margin: auto;
  width: 960px;
}
.full-width.parent-page-class {
  padding: 0px 50px;
  width: 100%;
}
.checkbox-div label {
  float: left;
  line-height: 46px;
  font-weight: normal;
}
.table > thead > tr > th {
  color: #000;
  font-weight: 600;
}
body .page-heading span{font-size:14px;font-weight:normal;}
  padding-bottom: 0px;
  font-weight: bold;
  font-size: 30px;
  margin-bottom: 33px;
  /*min-height: 110px;*/
.checkbox-div input[type="checkbox"]{margin-left:4px !important;}
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 #D1D1D1;
  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{border-bottom: 1px solid #FFEEF1;}
.search-listing a {
  padding: 10px 0px;
  display: inline-block;
  width: 100%;
  color: #00172C;
}
.search-listing .arrow-right-circle{float:right;}
.search-popup .modal-body{padding-left:30px;padding-right:30px;}
.search-popup h3{color: #E34A6F;}
.pac-container{z-index: 999999;}
#product_details_div .modal-dialog {
    width: 800px;
}
.calendar-options {
  float: right;
  list-style: none;
}
.calendar-options li {
  float: left;
  font-size: 14px;
  margin-left: 20px;
  line-height: 19px;
}
.calendar-options li span {
  width: 20px;
  height: 16px;
  display: inline-block;
  border: 1px solid #9D9D9D;
  margin-bottom: -3px;
  margin-right: 2px;
}
.calendar-options li span.booked {
  background: #E1FEFF;
}
.calendar-options li span.offer-pending {
  background: #FFF6A6;
}
.calendar-options li span.available {
  background: #E3FEC0;
}
.calendar-options li span.not-available {
  background: #FFC4C5;
}
.current-month {
  font-size: 13px;
  color: #000;
    font-weight: 700;
    line-height: 28px;
}
.calendar-month.border-box.inlineBlock {
  line-height: 26px;
}
.calendar-month .left-icon {
  float: left;
  margin-right: 5px;
  height: 26px;
  background-color: #000;
  width: 17px;
}
.calendar-month .forward-icon {
  float: right;
  margin-left: 5px;
  height: 26px;
  background-color: #000;
  width: 17px;
}
.calendar-days table,.calendar-days td {
  border: 1px solid #B6BCAD;
  border-collapse: collapse;
    vertical-align: top;
}
.calendar-days {
  width: 100%;margin-top: 10px;
}
.calendar-days th {
  width: 12%;
  padding-left: 20px;
  padding-top: 10px;
  padding-bottom: 10px;
}
.calendar-block {
  display: inline-block;
  width: 100%;
padding: 15px;
    min-height: 145px;
}
.calendar-block.booked{background: #E1FEFF;}
.calendar-block.pending{background: #FFF6A5;}
.calendar-block.un-available{background: #FFC4C5;}
.calendar-block .calendar-date {
  font-size: 30px;
  font-weight: 600;
}
.calendar-block .calendar-month {
  float: right;
  font-weight: 500;
}
.calendar-block .text {
  min-height: 56px;
  font-size: 11px;
  margin-top: 8px;
}
.calendar-block .sign img {
  width: 25px;
}
.calendar_button{border-radius: 25px;padding: 10px 20px;text-transform: uppercase;font-size: 14px;color: #FFF;}
.calendar_button_3{background-color: #77EAF1;}
.calendar_button_1{background-color: #D8C758;}
.availability-status {
  display: inline-block;
  width: 20px;
  height: 20px;
  background: #5FB700;
  margin-right: 10px;
}
.availability-status.un-available{background: #FFC4C5;}
.calendar-products{background: #ECFCE7;padding: 5px 10px;display: inline-block;margin-bottom: 5px;}
.calendar-products-3{background: #fff5de;}
.calendar-days thead th{background-color: #F2F6F8}
.calendar-filter-block {
  text-align: right;
}
.calendar-filter-block a {
  color: #0F5A9F;
  font-weight: 500;
  padding: 3px 10px;
}
.calendar-filter-block a.active_filter {
  background-color: #05549f;
  color: #FFF;
  border-radius: 5px;
}
.today_date{background-color:#f1f6f8;}
.analytic-page{font-weight: 410;}
.chart-section {
  border: 1px solid #D9E5EA;
  border-radius: 5px;
  padding-top: 10px;
padding-bottom: 17px;
}
.chart-colors {
  margin-top: 52px;
}
.chart-box {
  width: 70px;
  height: 17px;
  margin-right: 20px;
  float: left;
}
.chart-box.construction_order_color{background: #f1a354;}
.chart-box.manufactring_color{background: #ed6d85;}
.chart-box.finalisation_color{background: #56a0e5;}
.dashboard-details > div {
  border: 1px solid #D9E5EA;
  border-radius: 5px;
  padding: 25px 20px;
  float: left;
  width: 48%;
  margin-right: 2%;
  margin-bottom: 10px;
}
.project-icon-box {
  background: #f2f6f8;
  border-radius: 10px;
  padding: 10px 10px 5px 10px;
  display: inline-block;
  border: 1px solid #ebf1f4;
  float: left;
  margin-right: 20px;
}
.box-title {
  color: #809FB8;
}
.project-text-box h4 {
  font-size: 25px;
  margin-bottom: 0px;
  margin-top: 0px;
}
.project-icon-box .largeIcon {
  width: 25px;
  height: 25px;
  mask-size: contain;
background-color: #00172C;
display: inline-block;
}
.project-icon-box.active-projects{background-color:#00172c;border: 1px solid #00172c;}
.project-icon-box.active-projects .largeIcon{background-color:#FFF;}
.chart-div{width:180px;margin:auto;text-align:center;}





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;
	}
	.mobile-listing { border: 1px solid #ccc; }
	.mobile-listing hr{display:none;}
	.mobile-listing > div { 
		/* Behave  like a "row" */
		border: none;
		position: relative;
		padding-left: 50%; 
		padding-top:10px;
		font-weight: normal;
	}
	
	.mobile-listing > div:before { 
		position: absolute;
		top: 10px;
		left: 10px;
		width: 45%;
		padding-right: 10px;
		white-space: nowrap;
		font-weight: bold;
	}
	
	/*
	Label the data
	*/
	.club-membership-listing > div:nth-of-type(1):before { content: "Type"; }
	.club-membership-listing > div:nth-of-type(2):before { content: "Grade"; }
	.club-membership-listing > div:nth-of-type(3):before { content: "Purchased"; }
	.club-membership-listing > div:nth-of-type(4):before { content: "Renewal Date"; }
	.club-membership-listing > div:nth-of-type(5):before { content: "Status"; }
	
	.my-club-membership > div:nth-of-type(1):before { content: "Club"; }
	.my-club-membership > div:nth-of-type(2):before { content: "Membership"; }
	.my-club-membership > div:nth-of-type(3):before { content: "Tax Invoice"; }
	.my-club-membership > div:nth-of-type(4):before { content: "Purchased"; }
	.my-club-membership > div:nth-of-type(5):before { content: "Renewal Date"; }
	
	
}





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