/* default loading wrapper */

#loading-wrapper{
	position: fixed;bottom: 0;right: 0;left:0;top:0;z-index: 9999;background: rgba(255, 255, 255, 1);
}

body,html {
	font-family: 'latoregular';
  	width: 100%;
  	color: #202020;
  	font-size: 16px;
  	background-color: #fff;
	/*height:100vh;*/
	/*letter-spacing: 1px;*/
}

.main-wrapper{
	margin-top: 130px;
}

/* menu */

.navbar.top{
	border-top: 10px solid #FF0000;
	border-bottom: 1px solid #f7f7f7;
}

.navbar.fixed-bottom{
	/* padding: .5rem 1rem; */
	padding: 0 1rem;
}

.navbar.fixed-bottom object,
.navbar.fixed-bottom img{
	width: 30px
}

.navbar.fixed-bottom .navbar-brand{
	padding: .75rem 1rem;
	margin: 0;
	border-top: 4px solid transparent;
}

.navbar.fixed-bottom .navbar-brand.active{
	border-top: 4px solid red;
}

.navbar-light .navbar-toggler {
    color: #fff;
    border-color: #fff;
}

.navbar-light .navbar-toggler-icon {
    background-image: none;
}

.has-search .form-control {
    padding-right: 2.375rem;
}

.has-search .form-control-feedback {
	position: absolute;
	top:.3rem;
	right:1rem;
    z-index: 2;
    display: block;
    width: 2.375rem;
    height: 2.375rem;
    line-height: 2.375rem;
    text-align: center;
    pointer-events: none;
    color: #aaa;
}

.badge-notify{
	background:red;
	position:relative;
	border-radius: 50%;
	-moz-transform: translate(130%, -50%); /* For Firefox */
	-ms-transform: translate(130%, -50%); /* for IE */
	-webkit-transform: translate(130%, -50%); /* For Safari, Chrome, iOS */
	-o-transform: translate(130%, -50%); /* For Opera */
 }

/* home */

.login-wrapper{
	margin-top: 10%;
}

.separate-bar{
	background-color: #808080;
	width: 1px;
	/*margin: 0 15px;*/
}

.car-inspection-map{
	width: 320px;
	height: 129px;
}

.insp-trash{
	display: none;
}

.insp-point.active > .insp-trash{
	display: block;
}

/*
.car-inspection-map img{
	width: 100%;
	height: auto;
}
*/

.ui-widget-header {
	background: #FF0000;
	border: none;
	color: #333333;
	font-weight: bold;
 }
 
 .timer-wrapper{
	/*height: 200px !important; */
	width: 100% !important; 
	color: white;
	background-color: #13b129;
	margin-bottom: 30px ;
	font-size: 14vw;
	text-align: center;
	padding: 2rem 0;
 }
 
 .timer-wrapper.red{
	background-color: #e50202 !important;
 }

/* Pagination */

.page-item.active .page-link {
    z-index: 1;
    color: #fff;
    background-color: #385674;
    border-color: #385674;
}

.page-link {
    color: #393434;
}

.page-link:hover {
    color: #393434;
}


/* style for checkbox */

/* The container */
.container-check {
    display: block;
    position: relative;
    padding-left: 34px;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}
  
/* Hide the browser's default checkbox */
.container-check input {
    position: absolute;
    opacity: 0;
    cursor: pointer;
    height: 0;
    width: 0;
}
  
/* Create a custom checkbox */
.checkmark {
    position: absolute;
	top: 0;
	left: 0;
	height: 25px;
	width: 25px;
	background-color: #eee;
    border-radius: 5px;
    border: 1px solid #4f4f4f;
}
  
/* On mouse-over, add a grey background color */
.container-check:hover input ~ .checkmark {
    background-color: #ccc;
}
  
/* When the checkbox is checked, add a blue background */
.container-check input:checked ~ .checkmark {
    background-color: #2196F3;
    border: 1px solid #2196F3;
}
  
/* Create the checkmark/indicator (hidden when not checked) */
.checkmark:after {
    content: "";
    position: absolute;
    display: none;
}
  
/* Show the checkmark when checked */
.container-check input:checked ~ .checkmark:after {
    display: block;
}
  
/* Style the checkmark/indicator */
.container-check .checkmark:after {
    left: 9px;
	top: 5px;
	width: 5px;
	height: 10px;
	border: solid white;
	border-width: 0 3px 3px 0;
	-webkit-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	transform: rotate(45deg);
}

/* When the checkbox is disabled, add a blue background */
.container-check input:disabled ~ .checkmark {
    background-color: #eee;
    border: 1px solid #eee;
}

/* Show the checkmark when disabled */
.container-check input:disabled ~ .checkmark:after {
    display: block;
}

/* Style the checkmark/indicator disabled */
.container-check.disabled .checkmark:after {
    left: 9px;
	top: 5px;
	width: 5px;
	height: 10px;
	border: solid #4f4f4f;
	border-width: 0 3px 3px 0;
	-webkit-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	transform: rotate(45deg);
}

.close-jq-toast-single{
	font-size: 40px !important;
}

/* common */ 

.dropdown-menu{
	min-width: auto !important;
}

#bg-wrapper-loading{
	display:none;
	position: fixed;
	bottom: 0;
	right: 0;
	left:0;
	top:0;
	z-index: 99999;
	background: rgba(0, 0, 0, 0.43);
}

.loading-icon-center{
	position:absolute;
	top: 50%; left: calc( 50% - 12px );
	/*transform:translate(-50%,-50%);*/
}

.box-shadow { 
	-webkit-box-shadow: 0px 0px 20px 2px rgba(0,0,0,0.2);
	-moz-box-shadow: 0px 0px 20px 2px rgba(0,0,0,0.2);
	box-shadow: 0px 0px 20px 2px rgba(0,0,0,0.2);
}

.text-shadow{
	text-shadow: 3px 3px 3px rgba(0, 0, 0, .05);
}

.border-radius-20px{
	border-radius: 16px !important;
}

.border-radius-10px{
	border-radius: 10px !important;
}

.border-6px{
	border-radius: 6px !important;
}

.border-top{
	border-top: 1px solid #BDBDBD !important;
}

.border-bottom{
	border-bottom: 1px solid #BDBDBD !important;
}

.border-back{
	border: 2px solid #000 !important;
}

.border-none{
	border: none !important;
}

.border-side-3{
	border-bottom: 1px solid #BDBDBD !important;
	border-right: 1px solid #BDBDBD !important;
	border-left: 1px solid #BDBDBD !important;
}

hr{
	/*border-bottom: 1px dotted #303030;*/
	margin-top: 15px;
	margin-bottom: 15px;
	width: 100%;
	background-color: #eee;
}

.show-mobile{
	display: none;
}

.clear{
	clear: both;
}

.content-wrapper ul{
	list-style: none;
}

.content-wrapper li {
	padding-left: 1.3em;
}

.content-wrapper li:before {
	content: "\f111"; /* FontAwesome Unicode */
	font-family: FontAwesome;
	display: inline-block;
	margin-left: -1.3em; /* same as padding-left set on li */
	width: 1.3em; /* same as padding-left set on li */
	font-size: 12px;
}

.content-wrapper.font-h4 em,
.content-wrapper.font-h4 p,
.content-wrapper.font-h4 ol,
.content-wrapper.font-h4 ul,
.content-wrapper.font-h4 table{
    font-size: 18px;
    font-family: 'latolight';
    font-style: normal;
    line-height: 1.2;
}

.content-wrapper.font-h4 h1,
.content-wrapper.font-h4 h2,
.content-wrapper.font-h4 h3,
.content-wrapper.font-h4 h4,
.content-wrapper.font-h4 h5
{
    font-size: 18px;
    font-family: 'latolight';
    font-style: normal;
    line-height: 1.2;
}

.font-h1{
	font-size: 35px !important;
}

.font-h2{
	font-size: 22px !important;
}

.font-h3{
	font-size: 20px !important;
}

.font-h4{
	font-size: 18px !important;
}

.font-h5{
	font-size: 14px !important;
}

.font-h6{
	font-size: 13px !important;
}

.font-h7{
	font-size: 10px !important;
}

.font-h8{
	font-size: 11px !important;
}

.font-h9{
	font-size: 9px !important;
}

.font-50{
	font-size: 50px !important;
}

.font-btn-icon{
	font-size: 60px !important;
}

.font-bold{
	font-family: 'latobold';
}

.font-black{
	font-family: 'latoblack';
}

.font-regular{
	font-family: 'latoregular';
}

.font-light{
	font-family: 'latolight';
}

.font-montserrat{
	font-family: 'montserratbold';
}

.color-txt-white, .color-txt-white:hover, .color-txt-white:focus{
	color:#fff !important;
}

.ui-widget-content a.color-txt-white{
	color:#fff
}

.color-txt-light-gray, .color-txt-light-gray:hover, .color-txt-light-gray:focus{
	color:#f0f0f0 !important;
}

.ui-widget-content a.color-txt-light-gray{
	color:#f0f0f0;
}

.color-txt-gray2, .color-txt-gray2:hover, .color-txt-gray2:focus{
	color:#BDBDBD !important;
}

.color-txt-gray, .color-txt-gray:hover, .color-txt-gray:focus{
	color:#828282 !important;
}

.ui-widget-content a.color-txt-gray{
	color:#828282;
}

.color-txt-dark, .color-txt-dark:hover, .color-txt-dark:focus{
	color:#202020 !important;
}

.ui-widget-content a.color-txt-dark{
	color:#202020;	text-decoration: none;
}

.color-txt-dark-light, .color-txt-dark-light:hover, .color-txt-dark-light:focus{
	color:#4F4F4F !important;
}

.ui-widget-content a.color-txt-dark-light{
	color:#4F4F4F;	text-decoration: none;
}

.color-txt-dark-light.active, .color-txt-dark-light.active:hover, .color-txt-dark-light.active:focus{
	color:#FF0000 !important;
}


.color-txt-red, .color-txt-red:hover, .color-txt-red:focus{
	color:#FF0000 !important;
}

.ui-widget-content a.color-txt-red{
	color:#FF0000
}

.color-txt-green, .color-txt-green:hover, .color-txt-green:focus{
	color:#2AC940 !important;
}

.ui-widget-content a.color-txt-green{
	color:#2AC940
}


.bg-white{
	background-color: #fff
}

.bg-green{
	background-color: #12c25b
}

.bg-green:hover{
	background-color: #12c25b
}

.bg-red{
	background-color: #FF0000
}

.bg-red:hover{
	background-color: #FF0000
}

.bg-red2{
	background-color: #eb4150
}

.bg-dark-gray{
	background-color: #393434
}

.bg-dark-gray:hover{
	background-color: #393434
}

.bg-gray{
	background-color: #f4f4f4;
}

.bg-gray:hover{
	background-color: #f4f4f4
}

.bg-light-gray{
	background-color: #f7f7f7;
}

.bg-light-gray:hover{
	background-color: #f7f7f7
}

.scroll-show
{
    opacity:0;
}

.padding-left-15px{
	padding-left: 15px;
}

.padding-right-15px{
	padding-right: 15px;
}

.padding-bottom-15px{
	padding-bottom: 15px;
}

.padding-left-10{
	padding-left: 10%;
}

.padding-right-10{
	padding-right: 10%;
}

.padding-left-4{
	padding-left: 4%;
}

.padding-right-4{
	padding-right: 4%;
}

.padding-top-4{
	padding-top: 4% ;
}

.padding-bottom-4{
	padding-bottom: 4% ;
}

.padding-4{
	padding: 4% !important;
}

.padding-6{
	padding: 6% !important;
}

.padding-left-6{
	padding-left: 6%;
}

.padding-right-6{
	padding-right: 6%;
}

.padding-top-6{
	padding-top: 6% !important;
}

.padding-bottom-6{
	padding-bottom: 6% !important;
}


.padding-left-10px{
	padding-left: 10px;
}

.margin-left-20px{
	margin-left: 20px;
}

.margin-right-20px{
	margin-right: 20px;
}

.margin-left-15px{
	margin-left: 15px;
}

.margin-right-15px{
	margin-right: 15px;
}

.margin-left-10px{
	margin-left: 10px;
}

.margin-right-10px{
	margin-right: 10px;
}

.margin-bottom-15px{
	margin-bottom: 15px;
}

.margin-bottom-20px{
	margin-bottom: 20px;
}

.margin-top-20px{
	margin-top: 20px;
}

.margin-bottom-10px{
	margin-bottom: 10px;
}

.margin-top-10px{
	margin-top: 10px;
}

.margin-bottom-0{
	margin-bottom: 0;
}

.helper-relative{
	position:relative;
}

.postion-absolute-center{
	position: absolute;
	top: 50%;
    transform: translateY(-50%); 
	left: 0; 
	bottom: 0; 
	right: 0;
}

.img-responsive-inverse{
	display: block;
    max-width: 100%;
    height: auto;
}

.my-5{
	margin-top: 3em !important;
	margin-bottom: 3em !important;
}

.my-6{
	margin-top: 4em !important;
	margin-bottom: 4em !important;
}

.mb-3{
	margin-bottom: 1rem !important;
}

.p-5 {
    padding: 3rem !important;
}

.p-6 {
    padding: 4rem !important;
}

.helper-no-scroll{
	overflow: hidden !important;
}

.helper-line-height-1{
	line-height: 1;
}

.helper-line-height-12{
	line-height: 1.2;
}

.width-100{
	width: 100% !important;
}

.width-50{
	width: 50%
}

/* use show line brakes in textarea content */
.helper-pre-wrap{
	white-space: pre-wrap
}

/* -------------- */

.btn-min-height{
	min-height: 56px;
}

.btn{
	white-space: normal;
	-webkit-appearance: none !important;
}


/* -------------- */

.btn-orange {
	position:relative;
	display: inline-block;
	background-color: #FA9917;
	border:  1px solid #FA9917;
	border-radius:0;
}

.btn-orange.helper-block{
	display: block;
}


.btn-orange:hover, .btn-orange:focus, .btn-orange:active {
	text-decoration: none;
	border:  1px solid #eb8702;
	background-color:#eb8702;
}

.btn-orange:disabled,
.btn-orange[disabled]{
  border: 2px solid #faaf4b;
  background-color: #faaf4b;
}

/* -------------- */

.btn-yellow {
	position:relative;
	display: inline-block;
	background-color: #F3CA3E;
	border:  1px solid #F3CA3E;
	border-radius:0;
}

.btn-yellow.helper-block{
	display: block;
}


.btn-yellow:hover, .btn-yellow:focus, .btn-yellow:active {
	text-decoration: none;
	border:  1px solid #f5bd00;
	background-color:#f5bd00;
}

.btn-yellow:disabled,
.btn-yellow[disabled]{
  border: 2px solid #fcd960;
  background-color: #fcd960;
}

/* -------------- */

.btn-gray {
	position:relative;
	display: inline-block;
	background-color: #828282;
	border:  1px solid #828282;
	border-radius:0;
}

.btn-gray.helper-block{
	display: block;
}


.btn-gray:hover, .btn-gray:focus, .btn-gray:active {
	text-decoration: none;
	border:  1px solid #767676;
	background-color:#767676;
}

.btn-gray:disabled,
.btn-gray[disabled]{
  border: 2px solid #aeacac;
  background-color: #aeacac;
}

/* -------------- */

.btn-light-gray {
	position:relative;
	/*display: inline-block;*/
	background-color: #F7F7F7;
	border:  1px solid #F7F7F7;
	border-radius:0;
}

.btn-light-gray.helper-block{
	display: block;
}


.btn-light-gray:hover, .btn-light-gray:focus, .btn-light-gray:active {
	text-decoration: none;
	border:  1px solid #e8e8e8;
	background-color:#e8e8e8;
}

.btn-light-gray:disabled,
.btn-light-gray[disabled]{
  border: 2px solid #F7F7F7;
  background-color: #F7F7F7;
}

/* -------------- */

.btn-green {
	position:relative;
	display: inline-block;
	background-color: #2AC940;
	border:  1px solid #2AC940;
	border-radius:0;
}

.btn-green.helper-block{
	display: block;
}


.btn-green:hover, .btn-green:focus, .btn-green:active {
	text-decoration: none;
	border:  1px solid #13b129;
	background-color:#13b129;
}

.btn-green:disabled,
.btn-green[disabled]{
  border: 2px solid #51d688;
  background-color: #51d688;
}

/* -------------- */

.btn-red {
	position:relative;
	display: inline-block;
	background-color: #FF0000;
	border:  1px solid #FF0000;
	border-radius:0;
}

.btn-red.helper-block{
	display: block;
}


.btn-red:hover, .btn-red:focus, .btn-red:active {
	text-decoration: none;
	border:  1px solid #e31010;
	background-color:#e31010;
}

.btn-red:disabled,
.btn-red[disabled]{
  border: 2px solid #fb3939;
  background-color: #fb3939;
}

/* -------------- */

.btn-clear {
	position:relative;
	display: inline-block;
	background-color: transparent;
	border:  2px solid transparent;
	border-radius:0;
}

.btn-clear.helper-block{
	display: block;
}


.btn-clear:hover, .btn-clear:focus, .btn-clear:active, .btn-clear:active:hover {
	text-decoration: none;
	border:  2px solid transparent;
	background-color: transparent;
	color:#323232
}

/* -------------- */

.btn-border {
	position:relative;
	display: inline-block;
	background-color: transparent;
	border:  1px solid #ddd;
	border-radius:6px;
}

.btn-border.helper-block{
	display: block;
}


.btn-border:hover, .btn-border:focus, .btn-border:active, .btn-border:active:hover {
	text-decoration: none;
	border:  1px solid #333;
	background-color: transparent;
}

/* -------------- */

.btn-link{
    height: auto;
    padding:4px;
    margin:0 0 6px 0;    
}

.btn.focus, .btn:focus {
    outline: 0;
    box-shadow: none;
}

/* -------------- */

.btn-right-arrow p{
	float: left;
	margin: 17px;
}

.btn-right-arrow:before{
	
	content: url(../images/icon-right-arrow.svg);
	width: 60px;
	float: right;
	/*margin-right: 5px;*/
	/*margin-top: -2px;*/
	background-color: #FF0000;
	border-radius: 50%;
	padding: 17px 17px;
	height: 60px;
	  
}

/* -------------- */

.btn-less:before{
	display: block;
	content: url(../images/icon-less.svg);
	width: 25px;
	height: 25px;
	background-color: #FF0000;
	border-radius: 50%;
	padding: 0 6px;
	line-height: .8;
}

.btn-add:before{
	display: block;
	content: url(../images/icon-add.svg);
	width: 25px;
	height: 25px;
	background-color: #FF0000;
	border-radius: 50%;
	padding: 0 7px;
	line-height: 1.3;
}

/* -------------- */

.btn-full{
	width: 100%;
	height: 100%;
}

.btn-full img{
	width: 26px;
}

.btn-full.width-20 img{
	width: 20px;
}

.btn-main{
	float: left;
	width: 46%;
	margin: 0 2%;
}

.btn-main-min-h{
	min-height: 100px;
}

/* -------------- */

.btn-radio {
	float: left;
	margin: 0 7px 0 0;
	width: 100%;
	height: 60px;
	position: relative;
	border-radius: 6px;
	border: 2px solid transparent;
}

.td-red,
.btn-radio.red label{
	background-color: #ed626e;
}

.td-red-text{
	color: #ed626e;
}

.td-green,
.btn-radio.green label{
	background-color: #77ee94;
}

.td-green-text{
	color: #77ee94;
}

.td-yellow,
.btn-radio.yellow label{
	background-color: #fadb79;
}

.td-yellow-text{
	color: #fadb79;
}

.btn-radio.gray label{
	background-color: #cccc;
}
  
.btn-radio label,
.btn-radio input {
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
}
  
.btn-radio input[type="radio"] {
	opacity: 0.011;
	z-index: 100;
}

.btn-radio.active > label,
.btn-radio input[type="radio"]:checked + label {
	border: 2px solid black;	
}
  
.btn-radio label {
	cursor: pointer;
	z-index: 90;
	line-height: 1.8em;
}

/* -------------- */

.opacity-0 {
  opacity: 0;
}

.helper-no-margin{
	margin: 0;
}

.helper-no-padding{
	padding: 0;
}

.helper-no-padding-top{
	padding-top: 0 !important;
}

.helper-no-padding-bottom{
	padding-bottom: 0 !important;
}

.helper-no-margin-top{
	margin-top: 0 !important;
}

.helper-no-padding-right{
	padding-right: 0 !important;
}

.helper-no-padding-left{
	padding-left: 0 !important;
}

.img-responsive{
  width: 100%;
  max-width: max-content;
}

.img-responsive-large{
	width: 100%;
	display: block;
	max-width: 100%;
	height: auto;
}

.helper-block {
  display: inline-block;
}

.helper-hide {
  display: none;
}

.helper-no-visible {
	visibility: hidden;
}

.helper-visible {
	visibility: visible;
}

.helper-table, .helper-table-mob {
  display: table;
  width: 100%;
  /*margin: 0px auto;*/
	height:100%;
}

.helper-table.auto, .helper-table-mob.auto {
  width: auto;
  height: auto;
}

.helper-cell, .helper-cell-mob {
	display: table-cell;
	float: none;
	vertical-align: top;
	float: none !important;
	height: 100%;
}

.helper-valign-middle {
	vertical-align: middle;
}

.helper-valign-bottom {
	vertical-align: bottom;
}

.helper-valign-top {
	vertical-align: top;
}

.helper-hidden {
  display: none;
}

.helper-line2{
	line-height:1.5;
}

.helper-line12{
	line-height:1.2;
}

.helper-line1{
	line-height:1;
}

.helper-line0{
	line-height:0;
}

.helper-bold{
	font-weight: bold;
}

.helper-float-none {
    float: none!important;
}

.helper-float-right {
    float: right!important;
}

.helper-li-content li{
	margin-left: 20px;
}

.helper-center{
	margin: 0 auto;
}

.helper-no-decoration{
	text-decoration: none !important;
	border: none !important;
}

.helper-no-decoration:hover,.helper-no-decoration:active,.helper-no-decoration:focus{
	text-decoration: none !important;
	
}

.helper-w-auto{
	width: auto !important;
}

.helper-margin-fuel{
	margin-left: -8px;
}

/* -------------- */


.form-control{
	border-radius: 6px;
	border: 1px  solid #ced4da;
	background-color: #fff;
	color: #202020;
	padding: 10px 12px;
	text-align: left;
	min-height: 40px;
	height: auto;
}

.form-control.small {
	padding: 9px 8px;
	min-height: auto;
	font-size: .8rem;
}

.small .form-control {
	padding: 9px 8px;
	min-height: auto;
	font-size: .8rem;
}

.form-control[disabled], .form-control[readonly], fieldset[disabled] .form-control {
  border-radius: 6px;
	border: 1px  solid #e5e6e7;
	background-color: transparent;
	color: #202020;
	padding: 10px 12px;
	text-align: left;
	min-height: 40px;
	height: auto;
}


.form-control:focus, .form-control:active {
  border-color: #0063ff;
  outline: 0;
  -webkit-box-shadow: none;
  box-shadow: none;
}


	select {
	margin: 0;      
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		box-sizing: border-box;
		-webkit-appearance: none;
		-moz-appearance: none;
	}

	select {
		background-image:
		linear-gradient(45deg, transparent 50%, gray 50%),
		linear-gradient(135deg, gray 50%, transparent 50%),
		linear-gradient(to right, #ccc, #ccc);		
		background-position: 
		calc(100% - 10px) 15px, 
		calc(100% - 6px) 15px, 
		calc(100% - 20px) 0;
		background-size:
		5px 5px,
		5px 5px,
		.5px 100%;
		background-repeat: no-repeat;
		padding-right: 20px !important;
	}

	select:focus {
		background-image:
		linear-gradient(45deg, gray 50%, transparent 50%),
		linear-gradient(135deg, transparent 50%, gray 50%),
		linear-gradient(to right, #ccc, #ccc);
		background-position:
		calc(100% - 6px) 15px,
		calc(100% - 10px) 15px,
		calc(100% - 20px) 0;
		background-size:
		5px 5px,
		5px 5px,
		.5px 100%;
		background-repeat: no-repeat;
		/*border-color: black;*/
		outline: 0;
	}
	
	
	select:-moz-focusring {
		color: transparent;
		text-shadow: 0 0 0 #000;
	}

	 .error{
		font-size:11px;
		position: absolute;
		top:-28px;
		right:15px;
		z-index:9;
		background-color:#fde9e2;
		color:#ED1C24;
		font-weight:normal;
		padding:6px;
		border: 1px solid #ED1C24;
		border-radius: 4px;
	 }  
   
	.error:after {
		content: '';
		position: absolute;
		border-style: solid;
		border-width: 0 9px 9px 0;
		border-color: transparent #ED1C24;
		display: block;
		width: 0;
		z-index: 1;
		bottom: -9px;
		left: 20%;
   } 
   
   .bg-danger {
		border: 1px solid #ED1C24;
		color: #ED1C24;
		padding: 6px 12px;
		border-radius: 4px;
		background-color: #fde9e2  !important;
	}
	
	.bg-success {
		background-color: #eafbe2 !important;
		border: 1px solid #39861c;
		color: #39861c;
		padding: 6px 12px;
		border-radius: 4px;
		
	}	

	.bg-gray {
		background-color: #d4d4d4 !important;
	}
	
	#bg-wrapper{display:none;position: fixed;bottom: 0;right: 0;left:0;top:0;z-index: 90;background: rgba(0, 0, 0, .4);}
	
	.btn-default:hover {
		color: #261C55;
		background-color: #f6f6f6;
		border-color: #f6f6f6;
	}
	
	.btn-default.active, .btn-default:active, .open>.dropdown-toggle.btn-default {
		color: #261C55;
		background-color: #f6f6f6;
		border-color: #f6f6f6;
	}
		
	label {
		display: inline-block;
		max-width: 100%;
		margin-bottom: 5px;
		font-weight: 300;
		color: #323232;
	}


	.input-group > .custom-select:not(:last-child), .input-group > .form-control:not(:last-child) {
		border-top-right-radius: 6px;
		border-bottom-right-radius: 6px;
		margin-right: 6px;
	}

	.h-100{
		height: 100% !important;
	}

	.w-100{
		width: 100% !important;
	}

	.w-50{
		width: 50% !important;
	}

	.w-75{
		width: 75% !important;
	}

	.w-20{
		width: 25% !important;
	}

	.w-25{
		width: 25% !important;
	}

	.w-30{
		width: 30% !important;
	}

	.w-70{
		width: 70% !important;
	}

	.w-60{
		width: 60% !important;
	}

	.w-40{
		width: 40% !important;
	}

	.w-10{
		width: 10% !important;
	}

	.w-5{
		width: 3% !important;
	}

	.v-alig-top{
		vertical-align: top;
	}

	.table-border{
		border-collapse: collapse;
		border: 1px solid;
	}

	.table-collapse{
		border-collapse: collapse;
		border-spacing: 0;
	}

	.border-1{
		border: 1px solid;
	}

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

	.p-table-text{
		padding: 4px;
	}