/********************************
	Developed by AXA Studios
	The Creative Engine
	http://www.axastudios.com
*********************************/

:root {
	
    --main-color: #3b3434;
    --white-color: #FFFFFF;
    --sub-color: #E6003E;
    --grey-color: #a19e9e;
    --light-color: #AAAAAA;
    --border-color: #e7e6e6;
    --label-color: #a19e9e;
	
    --light-bg-color: #FFFFFF;
    --label-color: #a19e9e;
	--green-color:#A2D594;

	--highlight-color:#f7f7f7;


/*    4% of #25CE7B; light green*/
/*    --light-accent-color:#f6fdfa;*/
	--light-accent-color:#FFFFFF;
/*    8% of #25CE7B; light green*/
    --light-accent2-color:#eefbf5;
	

/*    48% of #25CE7B; dark green*/
    --dark-accent-color:#97e8c0;
	
}

/* MAIN STYLES *****************************/

body{
	background: #F1F3F4;
	margin:0px;
	padding:0px;
	font-family:"proxima-nova", Arial, Helvetica, sans-serif;
	font-size:16px;
    font-weight: 400;
	line-height:20px;
	color:var(--main-color);
    text-rendering: optimizeLegibility;
    min-height: 100vh;
}

/* TEXT & LINK STYLES *****************************/

h1, h2, h3, h4, h5, h6 {
	font-family:"proxima-nova", Arial, Helvetica, sans-serif;
	margin-top: 0px;
	line-height: 20px;
	margin-bottom: 24px;
}
h1{
	font-size:32px;
	font-weight: 700;
}
h2{
	font-size:26px;
	font-weight: 400;
}
h3{
	font-size: 20px;
	font-weight:400;
}
h4{
	font-size: 14px;
	font-weight:600;
    margin-bottom: 0;
}
.italic{
	font-style:italic;
}
.lead{
	font-size: 18px;
}
:focus{
	-moz-outline-style:none;
}
::selection{
	background-color:#242430;
	color:#fff;
}
::-moz-selection{
	background-color:#242430;
	color:#fff;
}
a{
	border: none;
	outline:0;
	color: #242430;
	text-decoration: none;
}
a:focus, a:hover {
	color: #242430;
    text-decoration: none;
	border: none;
	outline:0;
	-moz-outline-style:none;
}
a:hover {
	color: #4393e4;
	color: var(--sub-color);
}
a:not(.btn) {
    text-decoration: none;
}
a img {
	border: none;
	outline:0;
	-moz-outline-style:none;
}

/* BUTTONS STYLES *****************************/

.button, .l-btn, a.l-btn {
    display: inline-block;
    padding: 0px 24px;
    margin-bottom: 0px;
    font-size:13px;
	font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 2px;
    line-height: 48px;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
	min-width: 120px;
    cursor: pointer;
    background-image: none;
    border: none;
    border-radius: 3px;
    border: 1px solid transparent;
    border: none;
    outline: none!important;
	-webkit-transition:all 0.2s ease;
    transition:all 0.2s ease;
}
.button, a.button{
    color: #FFF;
    background: var(--sub-color);
    background: #E6003E;
	
}
button:focus{
    outline: none!important;
}
.button:hover, .button:focus, .button:active, .button.active, .open .dropdown-toggle.button {
    color: var(--white-color);
    background-color: var(--hover-color);
	background: var(--sub-color);
    border: none;
    outline: none!important;
    box-shadow: none;
}
.btn.focus, .btn:focus {
    outline: none!important;
    box-shadow: none;
}
.button.btn-icon, .l-btn.btn-icon, a.l-btn.btn-icon {
    padding: 0px;
}
.btn-icon span{
    display: inline-block;
    float: left;
    line-height: 48px;
    padding: 0px 24px 0px 0px;
}
.btn-icon i{
    font-size: 16px;
    vertical-align: text-top;
    width: 24px;
    height: 24px;
    margin: 12px 8px 12px 16px;
    float: left;
    line-height: 24px;
}
/*
@-moz-document url-prefix() {
    .btn-icon i{
        line-height: 22px;
    }
}
*/

.l-btn, a.l-btn{
    color: #242430;
    background-color: var(--white-color);
    border: 1px solid #e9e9ea;
    line-height: 46px;
}
.l-btn:hover, .l-btn:focus, .l-btn:active{
    color: var(--white-color);
    background-color: #183450;
    border: 1px solid #183450;
}

.b-button.i-btn{
	border:none;
	display: inline-block;
	vertical-align: top;
	padding: 9px 9px;
	width: 40px;
	height: 40px;
	background: none;
	font-size: 18px;
    line-height: 18px;
    border-radius: 0px;
	cursor: pointer;
    color: var(--main-color);
    border: none;
    background: none;
    outline: none!important;
}

.l-btn.i-btn{
	border:none;
	display: inline-block;
	vertical-align: top;
	padding: 9px 9px;
    min-width: initial;
	width: 48px;
	height: 48px;
	background: none;
	font-size: 18px;
    line-height: 8px;
    border-radius: 5px;
	cursor: pointer;
/*    color: var(--label-color);*/
    border: 1px solid var(--border-color);
    background: var(--white-color);
    outline: none!important;
}
.l-btn.i-btn:hover{
	color: var(--label-color);
}

.b-button.i-btn i{
    vertical-align: middle;
}

.button.nav-btn, .button.nav-btn:focus{
	border: none;
	background: var(--white-color);
	color: #242430;
	height: 64px;
	font-size:14px;
	padding-top: 8px;
	padding-bottom: 8px;
	padding-left: 48px;
	padding-right: 48px;
	padding-left: 24px;
	padding-right: 24px;
}
.button.nav-btn:active, .button.nav-btn:hover {
	background: var(--white-color);
	color: var(--sub-color);
    border: none;
    outline: none!important;
    box-shadow: none;
}
.button.nav-btn.btn-load, .button.nav-btn.btn-load:focus{
	color: var(--sub-color);
}
.button.nav-btn.btn-load:active, .button.nav-btn.btn-load:hover {
	color: #242430;
}

.nav-btn.btn-load span{
	line-height: 50px;
}
@-moz-document url-prefix() {
	.nav-btn.btn-load span{
		line-height: 48px;
	}
}

.input-group-btn .i-btn{
    border: 1px solid #DDDDDD;
    border-left: 0px;
    border-radius: 0px 3px 3px 0px;
    width: 48px;
	height: 48px;
	line-height: 48px;
    line-height: 16px;
    outline: none!important;
    color: #242430;
    border: 1px solid #e9e9ea;
    background:#f5f9fe;
}
.input-group-btn .i-btn i{
    vertical-align: middle;
}

.sm-btn{
    padding: 8px 24px;
    border-radius: 16px;
    min-width: initial;
}
.sm-btn + .sm-btn{
    margin-left: 8px;
}

.txt-btn{
    padding: 8px;
    font-size:14px;
    border: none;
    background: none;
    box-shadow: none;
    color: var(--sub-color);
    font-weight: 600;
    cursor: pointer;
    outline:0!important;
	-moz-outline-style:none;
}
.txt-btn:hover, .txt-btn:active, .txt-btn:focus{
    border: none;
    background: none;
    box-shadow: none;
    color: var(--main-color);
}

.btn-load{
    padding: 0px;
    overflow: hidden;
    min-width: initial;
/*    max-width: 240px;*/
/*
    transition:0.2s ease max-width;
	-webkit-transition:0.2s ease max-width;
*/
}
.btn-load > i{
    width:24px;
    height: 24px;
    margin: 12px 8px 12px 16px;
    line-height: 24px;
    font-size: 16px;
    float: left;
}
/*
.btn-load.btn-loading{
    max-width: 78px;
    max-width: 48px;
    padding-right: 0px;
    transition:0.3s ease all;
	-webkit-transition:0.3s ease all;
}
*/
.btn-load.btn-loading{
	overflow: hidden;
}
.btn-load.btn-loading > i{
    display: none;
}
.btn-load:focus{
    background-color: var(--sub-color);
/*    border: 1px solid var(--sub-color);*/
}
.btn-load span{
    position: relative;
    line-height: 48px;
    padding: 0px 24px 0px 0px;
    opacity: 1;
    -webkit-transition: opacity 0.1s ease;
	transition: opacity 0.1s ease;
}
.btn-load-icon{
    position: relative;
    display: none;
    width:48px;
    height: 48px;
    line-height: 48px;
    font-size: 16px;
    vertical-align: middle;
}
.btn-load-icon i{
    position: relative;
    display: block;
    vertical-align: middle;
    width:48px;
    height: 48px;
    line-height: 48px;
    -webkit-animation: rotate-animate 2.0s linear infinite;
	animation: rotate-animate 2.0s linear infinite;
}
.btn-loading .btn-load-icon{
    position: relative;
    display: inline-block;
}
.btn-load.disabled {
	opacity: 0.56;
	cursor: default;
	pointer-events: none;
}


/*
.btn-loading span{
    padding-right: 0;
    opacity: 0;
    -webkit-transition: opacity 0.1s ease;
	transition: opacity 0.1s ease;
}
*/

/* FORM STYLES *****************************/

.overflow-ellipsis {
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}

.form-block{
	position: relative;
	display: block;
	background: var(--white-color);
	margin: 20px 0px;
	padding: 40px;
}

.form-main{
	position: relative;
	display: block;
}
.form-main .form-element{
	position: relative;
	display: block;
	margin-bottom: 24px;
}

.form-main .form-element .text-danger{
	position: absolute;
    left: 0;
    font-size: 12px;
	bottom: -20px;
}
.form-normal{
	position: relative;
	display: block;
}
.form-group {
    position: relative;
    margin-bottom: 24px;
}

.form-group + h3{
    margin-top: 48px;
}

.form-group h4 span{
    font-weight: 400;
}

.form-main.small-form{
	width:50%;
}
.form-main .form-element label{
	font-weight: 300;
    margin-bottom: 5px;
}
.form-info-blk{
	position: absolute;
	display: inline-block;
	background: #FFF;
	padding: 10px 20px;
	color: #AAA;
	width:100%;
	left:102%;
    left: calc(100% + 24px);
	top: 25px;
	top: 8px;
	border-radius: 3px;
	box-shadow: 1px 1px 2px 1px rgba(0, 0, 0, 0.1);
}
.form-info-blk i{
	margin-right: 10px;
}
.form-info-blk:before {
	position: absolute;
	left: 0%;
	top: 50%;
	border: solid transparent;
	content: " ";
	height: 0;
	width: 0;
	margin-top: -11px;
	border: 8px solid #FFF;
	box-sizing: border-box;
	border-color: transparent transparent var(--white-color) var(--white-color);
	transform-origin: 0 0;
	transform: rotate(45deg);
  	box-shadow: -1px 1px 0px 0px rgba(0, 0, 0, 0.1);
}
.form-group .small-img{
    height: 48px;
    width: auto;
}
.form-buttons{
    position: relative;
    display: flex;
    clear: both;
    justify-content: space-between;
    margin-top: 40px;
}
.form-buttons .button:last-child{
    align-self: flex-end;
}
.form-buttons .show-none{
    display: none;
}
.content-bottom-buttons .form-buttons{
    justify-content: flex-start;
    margin-top: 24px;
}
.content-bottom-buttons .form-buttons .button{
    margin-right: 16px;
}

.form-control{
    font-size: 14px;
    height: initial;
}
.form-control:focus{
    color: var(--main-color);
}
.form-control::placeholder{
    color: var(--main-color);
}
.form-control::-webkit-input-placeholder {
    color: var(--main-color);
}
.form-control::-moz-placeholder {
   	color: var(--main-color);
	opacity: 1;
}
.form-control:-ms-input-placeholder {
    color: var(--main-color);
}

input[type=text], input[type=email], input[type=password], textarea  {
	position: relative;
	display: block;
	width: 100%;
	border:none;
	border: 1px solid var(--border-color);
    background:var(--light-bg-color);
	border-radius: 3px;
	line-height: 20px;
	padding: 10px 20px;
    box-shadow: none;
	-webkit-appearance: none;
}
.flatpickr.form-control[readonly]{
/*    border:1px solid #ecf4fc;*/
    border: 1px solid var(--border-color);
    background:var(--light-bg-color);
	border-radius: 3px;
	line-height: 20px;
	padding: 10px 20px;
}
.form-matd .flatpickr.form-control[readonly]{
	line-height: 24px;
	padding: 24px 16px 8px 16px;
}
input[type=text], input[type=number], input[type=email], input[type=password]{
	height:48px;
    filter: none;
}
input[type=text]:focus, input[type=number]:focus, input[type=password]:focus  {
/*	border:1px solid #666;*/
    /* border:none; */
    border: 1px solid var(--border-color);
	-webkit-box-shadow: none;
	box-shadow: none;
	outline: 0;
}

.form-normal input[type=text], .form-normal input[type=number], .form-normal input[type=password]{
	height:48px;
    filter: none;
    border:1px solid var(--border-color);
	border-radius: 3px;
	line-height: 20px;
    background: none;
    background:var(--light-bg-color);
}
.form-normal input:placeholder{
    color: var(--label-color);
    font-weight: 400;
}
.form-normal input::-webkit-input-placeholder {
    color: var(--label-color);
    font-weight: 400;
}
.form-normal input::-moz-placeholder {
	opacity: 1;
    color: var(--label-color);
    font-weight: 400;

}
.form-normal input:-ms-input-placeholder {
    color: var(--label-color);
    font-weight: 400;

}

.form-normal input[type=text]:focus, .form-normal input[type=number]:focus, .form-normal input[type=password]:focus  {
    border: 1px solid #E4E8ED;
}

input:-webkit-autofill,
input:-webkit-autofill:hover,
input:-webkit-autofill:focus,
input:-webkit-autofill:active  {
    -webkit-box-shadow: 0 0 0 30px var(--light-bg-color) inset !important;
}
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
}
input[type='number'] {
    -moz-appearance:textfield;
}
textarea  {
	width: 100%!important;
    min-height: 120px;
    max-height: 240px;
}
select{
	position: relative;
	display: block;
	width: 100%;
	border:1px solid var(--border-color);
	border-radius: 3px;
	line-height: 20px;
	padding: 15px;
	cursor: pointer;
}
.control-group{
	position: relative;
	margin-bottom: 20px;
}
.form-group {
    margin-bottom: 24px;
}
.form-group.form-button{
	display: flex;
	justify-content: flex-end;
    padding-top: 20px;
    margin-bottom: 0px;
}
.form-cols{
    position: relative;
    display: flex;
    margin-left: -12px;
    margin-right: -12px;
}
.form-group.form-group-col{
    position: relative;
    width: 50%;
    padding: 0 12px;
}
.form-group.form-group-col-sm{
    position: relative;
    width: 25%;
    padding: 0 12px;
}

.form-float-label{
    position: absolute;
    top: 0;
    right: -12px;
    height: 48px;
    line-height: 48px;
    width: 24px;
    text-align: center;
    color: var(--grey-color);
}

.form-option-label{
    position: relative;
}
.form-option, .form-option-inline {
    position: relative;
    display: block;
    align-items: center;
    height: 24px;
    padding: 0;
    margin: 0;
    margin: 4px 0px 8px 0px;
}
.form-options-inline{

}
.form-options-inline .control-label{
    display: block;
}
.form-option-inline {
    margin-right: 24px;
    display: inline-flex;
}
label.form-option-label {
    font-weight: 400;
    font-size: 14px;
    text-transform: none;
    overflow: hidden;
    margin: 0;
    padding-left: 30px;
    height: 24px;
    line-height: 24px;
}
.form-option input[type="radio"], .form-option-inline input[type="radio"] {
    position: absolute;
    margin-top: 4px;
    margin-left: -20px;
    visibility: hidden;
}
.form-option-label:hover{
    cursor: pointer;
}
.form-option-label .radio-cir {
    position: absolute;
    display: block;
    background: var(--white-color);
    height: 20px;
    width: 20px;
    left: 0px;
    top: 1px;
    display: block;
    text-align: center;
    border: 1px solid var(--border-color);
    border-radius: 50%;
    z-index: 2;
/*
    -webkit-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out;
*/
}
input[type="radio"]:checked + .radio-cir {
    color: var(--sub-color);
    background: var(--sub-color);
    border: 1px solid var(--sub-color);
}
.form-option-label .radio-cir:after {
    position: absolute;
    content: '';
    display: block;
    left: 5px;
    top: 5px;
    height: 8px;
    width: 8px;
    border-radius: 50%;
    background: var(--white-color);
    z-index: 2;
}
.form-option-label input[type="radio"]:checked + .radio-cir:after {
/*    background: var(--white-color);*/
    background: var(--white-color);
}
.form-option-label:hover input[type="radio"] + .radio-cir{
    background: var(--border-color);
}
.form-option-label:hover input[type="radio"]:checked + .radio-cir{
    background: var(--sub-color);
}
.form-option-label:hover input[type="radio"] + .radio-cir:after {
    background: var(--white-color);
}

.form-image-group{
	margin-bottom: 0;
}
.form-image-group .form-image{
	padding-bottom: 16px;
}
.form-image-group .form-image.file-exists{
	padding-bottom: 0;
}
.form-image-group .file-exists .fileuploader{
	border-radius: 5px 5px 0px 0px;
}

.web-image-thumbs{
	background: var(--light-bg-color);
	border-radius: 0px 0px 5px 5px;
	margin-bottom: 24px;
	padding-left: 16px;
}
.form-inline-image{
    width: 20%;
    display: inline-block;
    margin-right: 16px;
	margin-bottom: 16px;
}

.form-image-icon-btn{
	position: absolute;
	right: 8px;
	top: 0;
}
.file-exists .form-image-icon-btn{
	display: none!important;
}
.form-image-icon-btn .i-btn{
	width: 48px;
	height: 48px;
	line-height: 48px;
	text-align: center;
	cursor: pointer;
}

.form-image-blk{
/*    max-width: 40%;*/
    color: var(--border-color);
    border-radius: 5px;
    border:1px dashed var(--border-color);
    overflow: hidden;
    text-align: center;
    margin-bottom: 16px;
}
.form-image-blk-no-img{
    display: flex;
    flex-direction: column;
    width: 100%;
    height: 100%;
    min-height: 160px;
    justify-content: center;
    font-size: 48px;
/*    line-height: 1;*/
}
.form-image-blk-input{
    position: relative;
    box-shadow: none;
    border: 1px solid var(--border-color);
    padding: 18px 32px 4px 16px;
    color: var(--main-color);
    background: var(--white-color);
    border-radius: 5px;
    line-height: 24px;
	font-size: 14px;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}
.form-image-blk-input.form-image-blk-empty{
    padding: 11px 32px 11px 16px;
}
.form-image-blk-input label.control-label{
    position: absolute;
    display: none;
    font-size: 12px;
    font-weight: 400;
    color: var(--label-color);
    margin: 0px;
    z-index: 2;
    line-height: 18px;
    top: 0px;
    left: 0px;
    padding: 4px 0px 0px 16px;
}
.file-exists .form-image-blk-input label.control-label{
    display: block;
}
.form-image-blk-input .b-button{
    position: absolute;
    right: 0;
    top: 4px;
}
.form-matd{
	position: relative;
	margin-bottom: 0px;
}

.form-normal input, .form-normal input:focus{
    padding: 12px 16px 12px 16px;
	border-radius: 0px;
	border: 0px;
    font-weight: 600;
    background:var(--light-bg-color);
    border-radius: 5px;
    line-height: 24px;
}

.form-matd input, .form-matd textarea{
	border: 0px;
    border: 1px solid var(--border-color);
    font-weight: 600;
    font-family: "proxima-nova", Arial, Helvetica, sans-serif;
    font-size: 16px;
	padding: 24px 16px 8px 16px;
	padding: 20px 16px 4px 16px;
    color: var(--main-color);
    background:var(--light-bg-color);
    border-radius: 5px;
    line-height: 24px;
}
.form-matd input:focus, .form-matd textarea:focus{
/*	border-bottom: 1px solid var(--light-color);*/
	border: 1px solid var(--sub-color);
    outline: none;
    box-shadow: none;
    background:var(--light-accent-color);
    border-radius: 5px;
}

.form-matd.form-textarea textarea.form-control{
	min-height: 240px;
	font-size: 12px;
	font-weight: 400;
}

.form-matd.form-textarea textarea.form-control{
	min-height: 240px;
	font-size: 12px;
	font-weight: 400;
}

.form-matd .form-border, .content-search .form-border{
	position: absolute;
	width: 0;
	height: 2px;
	bottom:0px;
	left: 50%;
	background: var(--sub-color);
	transition:0.2s ease all;
	-webkit-transition:0.2s ease all;
}

.form-matd label{
    position:absolute;
    left:16px;
    top:4px;
	color: #929294;
    color: var(--label-color);
	font-size: 12px;
    font-weight: 400;
    line-height: 20px;
}
.form-matd input:invalid ~ label,
.form-matd input.input-empty ~ label,
.form-matd textarea.input-empty ~ label{
	position:absolute;
	font-weight:normal;
	pointer-events:none;
	left:16px;
	top:14px;
    color:var(--main-color);
    color: var(--label-color);
    text-transform: none;
    font-size: 16px;
    line-height: 20px;
    font-weight: 400;
    margin: 0;
    
    white-space: nowrap;
	text-overflow: ellipsis;
    overflow: hidden;
    max-width: calc(100% - 32px);
}
.form-matd input.input-empty ~ label{
	transition:0.2s ease all;
	-webkit-transition:0.2s ease all;
}

.form-matd input:focus ~ label,
.form-matd input.input-filled ~ label,
.form-matd input:required:valid ~ label,
.form-matd textarea:focus ~ label,
.form-matd textarea.input-filled ~ label,
.form-matd textarea:required:valid ~ label {
	left:16px;
    top:4px;
	color: #929294;
    color: var(--label-color);
	font-size: 12px;
    font-weight: 400;
/*    text-transform: uppercase;*/
    line-height: 20px;
    transition:0.2s ease all;
	-webkit-transition:0.2s ease all;
}
.form-matd input:-moz-autofill ~ label,
.form-matd input:-webkit-autofill ~ label{
    top:0px;
    top:4px;
	color:var(--sub-color);
	font-size: 12px;
    font-weight: 400;
/*    text-transform: uppercase;*/
}

.form-matd input.input-empty:-webkit-autofill ~ label,
.form-matd input.input-empty:-webkit-autofill + label{
    top:0px!important;
    top:4px!important;
	color:var(--sub-color)!important;
	font-size: 12px!important;
    font-weight: 400!important;
}

input:focus ~ .form-border, textarea:focus ~ .form-border, #input-search:focus ~ .form-border {
	left: 0;
  	width:100%;
}


.form-matd label.error, .form-matd .text-danger{
    position: absolute;
    top: auto!important;
    bottom: -18px;
    font-weight: 400;
    color: #ee0000!important;
    font-size: 10px!important;
/*    text-transform: uppercase;*/
}

input:-webkit-autofill,
input:-webkit-autofill:focus,
input:-webkit-autofill:hover,
input:-internal-autofill-selected{
    font-family: "proxima-nova", Arial, Helvetica, sans-serif!important;
    font-size: 16px!important;
    font-weight: 700;
    background-color: var(--white-color)!important;
}

.form-group .cke_wysiwyg_frame, .form-group .cke_wysiwyg_div{
    background:#f5f9fe!important;
}
.form-group .cke_chrome{
/*    border: 1px solid #b5b5bf!important; */
/*    border-radius: 3px;*/
}

.form-group .cke_top {
    border-bottom: 1px solid #E4E8ED;
    background: #f8f8f8;
/*    border-bottom: 1px solid #b5b5bf!important; */
    background:#f5f9fe!important;
    background:var(--white-color)!important;
}
.form-group .cke_bottom{
/*    border-top: 1px solid #b5b5bf!important; */
    background:#f5f9fe!important;
    background:var(--white-color)!important;
}

.form-normal label{
    position: relative;
    display: block;
    font-family: "proxima-nova", Arial, Helvetica, sans-serif;
    font-size: 16px;
    font-weight: 600;
    margin: 0px;
    margin: 0px 0px 8px 0;
    z-index: 2;
}
.form-normal label.control-label{
    left: initial;
    font-weight: 400;
}
.form-matd.form-normal label{
    top: initial;
}

.form-group .form-checkbox{
    display: inline-block;
    margin: 12px 24px 12px 0px;
}
.form-group.form-group-col.form-checkbox{
    margin: 16px 0px 24px 0px;
}
.form-group-col-btn{
	padding-left: 12px;
	padding-right: 12px;
}
.form-group-col-btn .i-btn{
	line-height: 28px;
}

.form-checkbox label{
    position: relative;
    display: inline-block;
    font-family: "proxima-nova", Arial, Helvetica, sans-serif;
    font-size: 16px;
    font-weight: 400;
    margin: 0px;
    z-index: 2;
}
.form-checkbox label{

}
.form-control[readonly] {
    background-color: var(--white-color);
}
.form-matd .form-control[readonly] {
    background-color: var(--light-bg-color);
}

.form-control.form-link{
	padding-right: 48px;
}

.form-normal .selectric {
    margin-top: -1px;
    border-bottom: 1px solid rgba(36,36,48,0.10);
}
.form-normal .selectric .label {
    height: 40px;
    padding-top: 10px;
}
.form-normal .selectric .button {
    height: 40px;
}
.form-normal .selectric .button::after {
    top: 8px;
}

.form-select, .form-color, .form-btn {
    background:var(--light-bg-color);
    border-radius: 5px;
}
.form-select{
/*    border: 1px solid #ecf4fc;*/
    border: 1px solid var(--border-color);
}

.form-select .control-label, .form-color .control-label, .form-btn .control-label{
    position: relative;
    display: block;
	font-size: 12px;
    font-weight: 400;
    color: var(--label-color);
/*    text-transform: uppercase;*/
    margin: 0px;
    z-index: 3;
    line-height: 18px;
    top: 0px;
    left: 0px;
    padding: 4px 0px 0px 16px;
}
.form-select .control-label{
	position: absolute;
	padding-right: 16px;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	z-index: 0;
}

.form-select .selectric-wrapper {
    margin-left: -1px;
    margin-right: -1px;
    height: 46px;
/*	z-index: 2;*/
}

.form-select .selectric {
    border: none;
    background:var(--light-bg-color);
    background:transparent;
    border-radius: 0px 0px 5px 5px;
	padding-top: 22px;
}
.form-select .selectric-open.selectric-below .selectric {
    border-radius: 4px 4px 0px 0px;
    border-radius: 0;
}
.form-select .selectric-open.selectric-above .selectric {
    border-radius: 4px 4px 0px 0px;
    border-radius: 0;
}
.form-select .selectric-open.selectric-above .selectric-items{
	border-radius: 4px 4px 0px 0px;
	border-top: 1px solid var(--border-color);
}
.form-select .selectric .label {
    height: 24px;
    margin-right: 48px;
    padding: 0px 0px 8px 16px;
    font-size: 16px;
    color: var(--main-color);
    font-weight: 600;
}
.form-select .selectric .button {
    height: 48px;
    width: 48px;
    right: 0px;
    top: -24px;
	top: 0;
    text-align: center;
    z-index: 3;
}
.form-select .selectric .button::after {

    line-height:48px;
    height:48px;
    width: 48px;
    text-align: center;
    top: 24px;
    top: 0px;
    color: var(--light-color);
    color: var(--label-color);
}
.form-select-normal .selectric{
    border-radius: 5px;
}

.form-select-normal .selectric .label {
    height: 48px;
    padding: 14px 0px 16px 16px;
    font-weight: 400;
    color: var(--label-color);
}
.form-select-normal .selectric .button{
    top: 0;
}
.form-select-normal .selectric .button::after{
/*    top: 22px;*/
    top: 0px;
    line-height: 48px;
}

.selectric-items{
	background: var(--light-bg-color);
}
.selectric-items li{
	color: var(--main-color);
}
.selectric-items li.highlighted{
	color: var(--green-color);
	color: var(--sub-color);
}
.selectric-items li:hover{
	color: var(--sub-color);	
}

.selectric-disabled{
	opacity: 1;
}
.selectric-disabled .button:after{
    display: none;
}


.form-group-inline{
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    margin: 0px;
/*    border: 1px solid #ecf4fc;*/
    background:#f5f9fe;
    border-radius: 5px;
}
.form-group-inline .input-sm{
    display: inline-block;
    width: 40px;
    height: 40px;
    padding: 8px;
    text-align: center;
    background:#f5f9fe;
    border: 1px solid #E4E8ED;
    border-radius: 5px 0px 0px 5px;
}
.form-group-inline .b-button{
    display: inline-block;
    border: 1px solid #E4E8ED;
    border-left: 0px;
    border-radius: 0px 5px 5px 0px;
}
.form-inline-label{
    display: flex;
    margin-bottom: 8px;
}
.form-inline-label label{
    width: 50%;
}
.form-big{
/*
	padding-bottom: 24px;
	margin-bottom: 24px;
*/
	margin-bottom: 48px;
}
.form-inline-header{
	display: flex;
	margin-bottom: 16px;
}
.form-inline-header h3{
    line-height: 48px;
	font-weight: 700;
	margin: 0;
}
.form-inline-subheader{
	color: var(--grey-color);
	line-height: 48px;
/*	padding-left: 16px;*/
}
.form-inline-header .form-select{
	align-self: flex-end;
	width: 16%;
	margin-left: 24px;
	line-height: 48px;
}
.form-inline-chip{
	margin-left: auto;
	align-self: flex-end;
	height: 48px;
	line-height: 48px;
    font-size: 14px;
	padding:0 16px;
    text-transform: uppercase;
    border: 1px solid #44ac27;
	text-shadow: 1px 1px rgba(0, 0, 0, 0.1);
    background: rgba(68, 172, 39, 0.5);
    color: var(--white-color);
    border-radius: 5px;
}
.form-inline-chip.red-chip{
	border: 1px solid #f63939;
	background: #f27474;
}
/*
.content-line-chip.orange-chip{
	background: #ffba08;
}
*/
.form-bottom-subheader{
	color: var(--grey-color);
	line-height: 48px;
	font-size: 14px;
}

.lang-btn{
    position: relative;
    background: none;
    border: none;
    color: var(--light-color);
    font-size: 20px;
    min-width: initial;
    cursor: pointer;
    outline: none!important;
    opacity: 1;
    -webkit-transition: color 0.2s ease;
	transition: color 0.2s ease;
}
.form-matd .lang-btn{
    position: absolute;
    right: 4px;
    top: 5px;
    padding: 8px 8px;
    line-height: 16px;
    min-width: initial;
}
.form-matd.has-unit input{
	padding-right: 48px;
}
.form-matd .unit-value{
    position: absolute;
    right: 4px;
/*    top: 8px;*/
	bottom: 1px;
    padding: 8px 8px;
    line-height: 16px;
	font-size: 12px;
    min-width: initial;
	color: var(--grey-color);
}

.lang-btn-top{
    position: relative;
    margin-left: auto;
    background-color: var(--white-color);
    border: 1px solid #e9e9ea;
    padding: 4px 16px;
    border-radius: 16px;
    line-height: 16px;
    min-width: initial;
}
.lang-btn:hover{
    color: var(--sub-color);
}

.ch-btn{
	position: relative;
	display: inline-block;
	vertical-align: middle;
    align-self: center;
}
.ch-btn input[type="checkbox"]{
    position: absolute;
	visibility: hidden;
    left: -100%;
    top: -100%;
}

.ch-btn label{
    position: relative;
    display: inline-block;
    font-family: "Montserrat", Arial, Helvetica, sans-serif;
    font-size: 14px;
    font-weight: 600;
    margin: 0px 0px 0px 0px;
    padding-left: 32px;
    line-height: 24px;
    z-index: 2;
}
.ch-btn label:hover{
    cursor: pointer;
}
.content-line-col .ch-btn{
    align-self: auto;
    margin-top: 8px;
}

.content-line-col .ch-btn label{
    display: block;
    align-self: center;
}


.ch-btn label span{
	position: absolute;
	display: block;
	height: 24px;
	width:24px;
	top: 0px;
	left: 0px;
	background: var(--white-color);
    background: #f5f9fe;
    border: 1px solid #E4E8ED;
	border-radius: 3px;
	z-index: 1;
	text-align: center;
	font-size: 14px;
	color: #CCCCCC;
}
.ch-btn label:hover span, .ch-btn input[type="checkbox"]:checked + label:hover span{
	color: #666666;
/*	border:1px solid #CCCCCC;*/
	cursor: pointer;
}
.ch-btn input[type="checkbox"]:checked + label span{
	color: #44ac27;
/*	border:1px solid #44ac27;*/
}
.ch-btn label i{
	display: none;
	height: 24px;
	line-height: 24px;
}
.ch-btn label:hover i, .ch-btn input[type="checkbox"]:checked + label i{
	display: block;
}

.display-none {
	display: none;
}

.form-row{
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    margin-left: -12px;
    margin-right: -12px;
}

.checkbox-dropdown{
    position: relative;
    display: block;
	height:100%;
}
/*
.checkbox-dropdown-group{
    position: absolute;
    display: block;
    background: #FFFFFF;
    border-radius: 4px;
    z-index: 9;
    width: 100%;
}
*/
.checkbox-dropdown-group.disabled{
    opacity: 0.5;
}
.checkbox-group-label{
	position: relative;
    display: block;
    width: 100%;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    font-weight: 600;
    font-family: "proxima-nova", Arial, Helvetica, sans-serif;
    font-size: 16px;
    padding: 8px 16px 8px 16px;
    padding: 20px 16px 4px 16px;
	height: 48px;
    color: var(--main-color);
    background: #f5f9fe;
    border-radius: 5px;
    line-height: 24px;
	
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}
	
.checkbox-dropdown-group.disabled .checkbox-group-label{
    color: rgba(19,22,48,0.4);
}

.checkbox-group-label:hover{
    cursor: pointer;
}
.checkbox-dropdown-group.disabled .checkbox-group-label:hover{
    cursor: default;
}

.checkbox-group-label:before {
	position: absolute;
	content: "\f107";
	display: block;
	right: 0;
	top: 0;
	width: 48px;
	height: 100%;
	line-height: 48px;
    text-align: center;
    color: rgba(19,22,48,0.4);
	color: var(--label-color);
	font-family: "Font Awesome 5 Pro";
	font-style: normal;
	font-weight: normal;
    font-size: 18px;
	z-index: 2;
}
.checkbox-group-wrap{
    display: block;
    overflow: hidden;
	border: 1px solid #E4E8ED;
	border-top: none;
	background: #f5f9fe;
    padding: 4px 0;
	margin: 0;
	margin-left: -1px;
	margin-top: -2px;
	max-height: 0;
    opacity: 0;
	width: 100%;
	border-radius:0px 0px 5px 5px;
	width: calc(100% + 2px);
    visibility: hidden;
    -webkit-transition: max-height 0.3s, opacity 0.2s 0.1s, visibility 0s 0.3s;
    transition: max-height 0.3s, opacity 0.2s 0.1s, visibility 0s 0.3s;
}


.checkbox-inline-btn.checkbox-dropdown {
    z-index: 1;
}

.checkbox-group-wrap .checkbox, .checkbox-group-wrap .dropdown-group-input {
    display: block;
    padding: 12px 16px;
    width: 100%;
    margin: 0 !important;
}

.checkbox-dropdown-group {
	z-index: 8;
}
.checkbox-dropdown-group.show .checkbox-group-wrap {
    -webkit-transition: max-height 0.3s, opacity 0.2s, visibility 0s;
    transition: max-height 0.3s, opacity 0.2s, visibility 0s;
	max-height: 190px;
    opacity: 1;
    visibility: visible;
    overflow-y: auto;
}
.checkbox-dropdown-group.show .checkbox-group-label {
	border-radius:5px 5px 0px 0px;
}
.checkbox-inline-btn.checkbox-dropdown{
    z-index: 1;
}
.checkbox-inline-btn .checkbox-dropdown-group {
    position: absolute;
    display: block;
    border: none;
    background: none;
}
.checkbox-inline-btn .checkbox-dropdown-group .checkbox-group-wrap {
    border: 1px solid rgba(19,22,48,0.2);
    background: #FFFFFF;
	padding: 8px;
    clear: both;
    width: 240px;
    float: right;
    margin-top: 10px;
}


/* HEADER STYLES *****************************/

#header{
	position: fixed;
	display: block;
	background: #FFF;
	height:72px;
	width:100%;
	padding: 0px 48px 0px 0px;
	top:0;
	left:0;
	z-index: 9;
	box-shadow: 0px 3px 10px rgba(0,0,0,0.10);
}
#header .container{
	max-width: 100%;
}
#header-logo, #header-menu-btn{
	position: relative;
	display: inline-block;
	float: left;
	margin: 0px;
	padding: 16px 24px;
	padding: 24px 24px;
	height:72px;
/*
	width:200px;
    width: 128px;
*/
    text-align: center;
/*	background: #39394d;*/
}
#menu-toggle{
    position: relative;
    display: inline-block;
    width: 48px;
    height: 48px;
    padding: 12px;
    cursor: pointer;
}
#menu-toggle svg{
    height: 24px;
    width: auto;
}
#menu-toggle svg .cls-1{
    fill:#102B42;
}
#header-logo{
	padding: 26px 24px;	
}
#header-logo img{
	max-width: 100%;
    height: 20px;
}
#header-title{
	position: relative;
	display: inline-block;
	float: left;
	margin: 0px;
	padding: 24px 48px;
	height:72px;
	font-size: 18px;
	font-weight: 700;
	line-height: 24px;
}
#header-title span{
	font-weight: 400;
}
#header-right{
	position: relative;
	display:block;
	float: right;
	margin: 0px 0px;
	padding: 8px 0; 
}
#header-right:after{
    content: '';
    display: block;
    clear: both;
}
.header-lang{
	position: relative;
	padding-left: 48px;
}
.header-lang:before {
	position: absolute;
	content: "\f0ac";
	display: block;
	left: 0px;
	top: 4px;
	width: 48px;
	height: 48px;
	line-height: 48px;
    text-align: center;
	color: var(--main-color);
	font-family: "Font Awesome 5 Pro";
	font-style: normal;
	font-weight: 300;
    font-size: 18px;
	z-index: 2;
}
#header-right .selectric{
	border-bottom: none;
	min-width: 120px;
}

#header-account-img{
    position: relative;
    display: block;
	height: 40px;
    float: left;
	margin: 16px 0px;
}
#header-account-img .user-blk-img {
    position: relative;
    display: inline-block;
    width: 40px;
    height: 40px;
    margin: 0;
    vertical-align: top;
    padding: 2px;
}
#header-account-img .user-blk-img span.img-empty {
    padding: 0%;
    line-height: 30px;
}
#header-account-img .user-blk-img span i {
    font-size: 20px;
}
#header-account{
    position: relative;
    display: block;
	margin: 12px 0px;
	height: 48px;
    padding: 4px 0px 4px 16px;
    min-width: 120px;
	line-height: 20px;
    text-align: left;
    float: left;
    cursor: pointer;
    box-shadow: none;
    background: none;
}
#header-account div{
    font-weight: 400;
}
#header-account span{
	display: inline-block;
    text-transform: uppercase;
    color: var(--grey-color);
    font-size: 14px;
}
#header-account span i{
	width: 20px;
	height: 20px;
	text-align: center;
	font-size: 20px;
	float: right;
/*	margin-left: 8px;*/
}
.header-dropdown-icon{
    position: absolute;
    right: 0px;
    top: 0;
    width: 48px;
    height: 48px;
    line-height: 48px;
    text-align: center;
    font-size: 26px;
    color: var(--grey-color);
}
.dropdown-toggle::after {
    display: none;
}
.dropdown{

}
/*
.dropdown-menu{
    position: absolute;
    z-index: 1000;
    min-width: 160px;
    width: calc(100% - 40px);
    font-size: 14px;
    text-align: left;
    list-style: none;
    background-color: #fff;
    border-radius: 4px;
    border-radius: 0px 0px 4px 4px;
    left: inherit;
    right: -1px;
    top: -1px;
    margin: 0;
    padding: 0;
    border: none;
    max-height: 0px;
    -webkit-box-shadow: 1px 1px 3px 0px rgba(0,0,0,0.2);
    box-shadow: 1px 1px 3px 0px rgba(0,0,0,0.2);
    overflow: hidden;
    -webkit-transition: all 0.15s ease-out;
    transition: all 0.15s ease-out;
}

.dropdown-menu li{
    display: block;
    border-bottom:1px solid rgba(0,0,0,0.05);
}
.dropdown-menu li:last-child{
    border-bottom:none;
}
.dropdown-menu li a{
    display: block;
    padding: 10px 15px;
}
.dropdown-menu li a i{
    margin-right: 10px;
}
.show .dropdown-menu {
    max-height: 200px;
    opacity: 1;
    -webkit-transition: max-height 0.3s ease;
    transition: max-height 0.3s ease;
}

*/
#header-right .dropdown-menu{
    position: absolute;
    z-index: 1000;
    min-width: 120px;
    width: calc(100% - 40px);
    font-size: 14px;
    background-color: #fff;
    border-radius: 0px 0px 4px 4px;
    left: inherit;
    margin: 0;
    padding: 0;
    border: none;
    max-height: 0px;
    -webkit-box-shadow: 1px 1px 3px 0px rgba(0,0,0,0.2);
    box-shadow: 1px 1px 3px 0px rgba(0,0,0,0.2);
    width: calc(100% - 40px);

    top: 50px!important;
    top: 72px!important;
    left: 40px!important;
    -webkit-transform: none!important;
    transform:  none!important;
}
#header-right .dropdown-menu li{
    display: block;
    border-bottom:1px solid rgba(0,0,0,0.05);
}
#header-right .dropdown-menu li:last-child{
    border-bottom:none;
}
#header-right .dropdown-menu li a{
    display: block;
    padding: 10px 16px;
}
#header-right .dropdown-menu li a i{
    margin-right: 8px;
}
#header-right.show .dropdown-menu {
    max-height: 200px;
    opacity: 1;
    -webkit-transition: max-height 0.3s ease;
    transition: max-height 0.3s ease;
}




/* MAIN STYLES *****************************/

#outer-wrapper{
	position: relative;
   	display: flex;
	flex-direction: column;
	flex-grow: 1;
	min-height: 100vh;
}

#main-wrapper{
	position: relative;
   	display: flex;
	flex: 1;
	height: 100%;
	padding: 72px 0px;
	flex-direction: column;
}
#main-wrapper .container{
	display: flex;
	flex-direction: column;
	flex-grow: 1;
	height: 100%;
	min-height: 100%;
}

#content-main{
    position: relative;
    display: flex;
	height: 100%;
	flex: 1;
	flex-direction: column;
	justify-content: center;
}
.content-block{
    position: relative;
    display: flex;
	flex-direction: column;
	margin: auto;
	width: 50%;
    padding: 48px;
    border-radius: 13px;
    margin-top: 48px;
    margin-bottom: 48px;
    background: var(--white-color);
    -webkit-box-shadow: 1px 1px 3px 0px rgba(0,0,0,0.2);
    box-shadow: 1px 1px 3px 0px rgba(0,0,0,0.2);
}
.content-block p{
	line-height: 1.6;
	color: var(--grey-color);
	margin-bottom: 24px;
	font-weight: 300;
}

.login-copyright{
	position: absolute;
	display: block;
    align-self: center;
	width:100%;
    bottom: 24px;
    font-size: 12px;
    text-align: left;
    margin: 24px 0px;
    padding: 0 48px;
    color: #bbbbbb;
    line-height: 1;
}
.login-copyright-img{
    display: inline-block;
    margin-right: 16px;
    line-height: 24px;
    float: left;
}
.login-copyright-img img{
    height: 16px;
    width: auto;
}
.login-copyright-txt{
    display: inline-block;
    padding-left: 16px;
    border-left: 1px solid #bdbdc0;
}


#recaptcha{
	position: absolute;
	z-index: -1;
	left: 9999px;
	opacity: 0;
}

/* SUCCESS STYLES *****************************/

.complete-block{
	min-height: 320px;
	min-height: 282px;
}

.form-success{
    position: relative;
    display: none;
    justify-content: center;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    border-radius: 13px;
    flex-direction: column;
    text-align: center;
    background: #FFFFFF;
    z-index: 9;
}

.complete.form-success{
	position: absolute;
    display: flex;
	padding: 0 48px;
}
.form-success-block{
    position: relative;
    display: flex;
    flex-direction: column;
	justify-content: center;
    height: 100%;
	text-align: center;
/*    width: 50%;*/
/*    align-self: center;*/
    padding: 48px 0;
    z-index: 9;
}
.form-success-block h2{
	margin-bottom: 16px;
	font-size: 26px;
    color: var(--main-color);
}
.form-success-block p{
    color: var(--grey-color);
    margin-bottom: 48px;
	padding:0 5%; 
}
.form-success-img{
    position: relative;
    text-align: center;
    margin: 0px 0px 24px 0px;
}
.form-success-img img{
    width: 60%;
    height: auto;
}
.form-success-button{
/*
    display: flex;
    align-self: flex-end;
    margin-top: auto;
*/
/*    float: right;*/
}
.form-success-button .button{
    display: inline-block;
    align-self: flex-end;
}
.form-success-icon{
    display: flex;
	flex-direction: column;
	justify-content: center;
    text-align: center;
    width: 80px;
    height: 80px;
    line-height: 74px;
    border-radius: 50%;
    border: 3px solid var(--green-color);
    font-size: 60px;
	margin: 0 auto;
}
.form-other-icon-i{
	display: flex;
	flex-direction: column;
	justify-content: center;
    text-align: center;
    width: 80px;
    height: 80px;
    line-height: 76px;
    border-radius: 50%;
    border: none;
    border: 3px solid var(--grey-color);
    font-size: 36px;
	margin: 0 auto;
    color: var(--grey-color);	
}
.form-other-icon-i i{
    color: var(--grey-color);
}
.form-success-icon img{
	display: none;
	margin: 0 auto;
}
.complete.form-success .form-success-icon img{
	display: flex;
}



/* MODAL STYLES *****************************/

body.modal-open {
    padding: 0px !important;
}
/*
body.modal-open #header{
    padding-right: 57px ;
}
*/
.modal {
    z-index: 9999;
	text-align: center;
	padding: 0!important;
}
.modal-backdrop {
    z-index: 9998;
    background-color: #fff;
}
.modal-backdrop.in {
    opacity: 0.9;
/*	opacity: 1;*/
}
.modal-backdrop.show{
	opacity: 0.8;
}
.full-modal{
    background: #fff;
}
.modal:before {
	content: '';
	display: inline-block;
	height: 100%;
	vertical-align: middle;
	margin-right: -4px; /* Adjusts for spacing */
}
.modal-dialog {
	width:640px;
	width:560px;
	margin: 0px;
    max-width: 100%;
	display: inline-block;
	text-align: left;
	vertical-align: middle;
}

.modal-large .modal-dialog {
	width:780px;
}
.modal .close {
    position: absolute;
    top: 30px;
    right: 30px;
    z-index: 9;
    font-size: 16px;
    border:1px solid #4393e4;
    padding: 5px;
    border-radius: 50%;
    opacity: 1;
    color: #4393e4;
}
.modal .close img{
    width: 20px;
    height: 20px;
}
.modal .close:hover {
    opacity: 0.5;
}
.modal-content {
	border-radius: 24px;
/*	border-radius: 3px;*/
	border: none;
	padding: 24px;
    /* -webkit-box-shadow: 20px 20px 50px 0px rgba(0,0,0,0.3); */
    /* box-shadow: 20px 20px 50px 0px rgba(0,0,0,0.3); */
    -webkit-box-shadow: 0px 8px 33px 0px rgba(0,0,0,0.15);
    box-shadow: 0px 8px 33px 0px rgba(0,0,0,0.15);
}
.modal-content.no-pad{
    padding: 0px;
}
.full-modal .modal-content{
    -webkit-box-shadow: none;
    box-shadow: none;
    min-height: 300px;
}
.modal-header{
	border: 0px;
    padding: 20px;
}
.modal-header h2, .modal-header h3 {
	margin: 0px;
	font-weight: 700;
}

.modal-body{
	position: relative;
    padding: 20px;
}
.modal-footer{
	border: 0px;
    padding: 20px;
}
.modal-footer .button{
	margin-left: 10px;
}
.modal-footer .button.pull-left{
	margin-left: 0px;
}

.modal-loading{
    position: absolute;
    display: none;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    z-index: 2;
    background: var(--white-color);
    text-align: center;
}

.modal-loading span{
    display: block;
    position: absolute;
    height: 30%;
    top: 35%;
    width: 20%;
    left: 40%;
}
.modal-loading span img{
    height: 100%;
    width: auto;
}
.modal-logo{
    position: relative;
    display: block;
    text-align: center;
    margin-bottom: 20px;
}
.modal-logo img{
    height: 120px;
}
.modal-buttons{
    position: relative;
    display: block;
    width: 100%;
}
.modal-buttons .button, .modal-buttons .l-btn{
    width: 100%;
    margin: 0px;
    float: right;
}
.modal-buttons .single-btn{
    width: initial;
}
.modal-buttons-left, .modal-buttons-right{
    display: block;
    float: left;
    width: 50%;
}
.modal-buttons-left{
    padding-right: 20px;
}
.modal-buttons-right{
    float: right;
    padding-left: 20px;
}

.modal-columns{
    position: relative;
    display: flex;
    flex-wrap: wrap;
}
.modal-col{
    width: 50%;
    margin-bottom: 16px;
}
#delete-confirm-body.modal-body {
	padding-bottom: 40px;
}

.modal-body .form-btns{
    border-bottom: 1px solid var(--border-color);
    margin-bottom: 24px;
}
.modal-body .form-btns .txt-btn{
    margin-right: 24px;
    padding: 0;
}

/* MODAL LIST *****************************/

.modal-body-header{
    position: relative;
    display: block;
    margin-bottom: 24px;
}
.modal-body-header h3{
    margin: 0;
}

.modal-option-select{
    position: relative;
    display: block;
}
.modal-option-value{
    position: relative;
    display: block;
}
.modal-list{
    position: relative;
    margin-left: -48px;
    margin-right: -48px;
    margin-bottom: 10px;
    border-top: 1px solid var(--light-accent2-color);
    min-height: 240px;
}
.modal-list-line{
    position: relative;
    display: block;
    border-bottom: 1px solid var(--light-accent2-color);
    line-height: 47px;
    padding: 0px 48px;
}
/*
.modal-list .modal-list-line:nth-child(2n-1) {
    background: rgba(19,22,48,0.03);
}
*/
.modal-list div .modal-list-line:nth-child(2n-1) {
    background: rgba(19,22,48,0.03);
    background: var(--light-accent-color);
}
.modal-list-col{
    position: relative;
    display: inline-block;
    float: left;
    width: 40%;
    overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
    padding-right: 10px;
}
.modal-list-line .modal-list-col:first-child{
    width: 30%;
    overflow: initial;
}
.modal-list-line span{
    display: inline-block;
}
.modal-list-line-end{
    display: inline-block;
    float: right;
    width: 30%;
    text-align: right;
}
.modal-list-line-end span{
    color: #1f9bde;
}
.modal-form{
    margin-bottom: 0px;
}
.modal-list .b-button.i-btn {
    height: 47px;
    line-height: 0px;
}

.modal-forms{

}
.modal-forms .form-group{

}

.modal-carousel{

}

.modal-carousel .carousel-item.active{
    height: 100%;
}
.modal-carousel .carousel-item{
    padding: 24px;
}
.modal-carousel .carousel-item .modal-body{
    position: relative;
    display: block;
    width: 100%;
    min-height: 560px;
    min-height: 820px;
}

.modal-medium .modal-carousel .carousel-item .modal-body{
    min-height: 570px;
}

.modal-carousel .carousel-item .modal-footer{
    padding-top: 0px;
/*
    align-self: flex-end;
    margin-top: auto;
*/
}
/* MODAL TABS *****************************/

.modal-nav-tabs{
	margin-bottom: 24px;
	margin-top: -16px;
	border-bottom: 1px solid #dee2e6;
}
.modal-nav-tabs.nav-tabs .nav-link{
	padding: 8px 24px;
	border-bottom: 4px solid transparent;
}
.modal-nav-tabs.nav-tabs .nav-item{
	margin-bottom: -1px;
}
.modal-nav-tabs.nav-tabs .nav-link.active{
	border-bottom: 4px solid var(--sub-color);
}

/* MODAL BLOCKS *****************************/

.modal-blocks{
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    margin-left: -12px;
    margin-right: -12px;
    margin-bottom: -24px;
}

.modal-block{
    width: 33.3333%;
    padding: 0px 12px;
    margin-bottom: 24px;
    cursor: pointer;
}
.modal-block-img{
    position: relative;
    display: block;
}
.modal-block-img img{
    max-width: 100%;
}
.modal-block-title{
    line-height: 1.6;
    font-size: 12px;
}
.modal-block:hover .modal-block-title{
    color: #4393e4;
}

.modal-choose-template .form-group{
    margin-bottom: 0px;
}

/* LOADING ANIMATION *****************************/

.waiting{
	position: absolute;
	top: 0;
	left: 0;
}
.waiting{
	position: absolute;
	display: block;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	background: rgba(255,255,255,1);
    border-radius: 3px;
	z-index: 9;
	text-align: center;
    vertical-align: middle;
}

#contentright.contentright-padding > .waiting{
	width: calc(100% + 96px);
	height: calc(100% + 240px);
	top: -120px;
	left: -48px;
}
.tab-col-blk .waiting{
    border-radius: 13px;
}
.waiting .loader-cube {
	position: relative;
	display: block;
	margin: 0;
	width: 40px;
	height: 40px;
	top: 50%;
    left: 50%;
    margin-right: -50%;
	-webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}
.waiting .loader-cube img{
    width: 40px;
    height: 40px;
}
.modal .waiting{
    border-radius: 25px;
}

.loader-cube {
	width: 20px;
	height: 20px;
	margin: 100px auto;
}

.loader-cube .l-cube {
	width: 33%;
	height: 33%;
	background-color: #4393e4;
	float: left;
	-webkit-animation: l-cubeGridScaleDelay 1.3s infinite ease-in-out;
		    animation: l-cubeGridScaleDelay 1.3s infinite ease-in-out;
}
.loader-cube .l-cube1 {
  -webkit-animation-delay: 0.2s;
          animation-delay: 0.2s; }
.loader-cube .l-cube2 {
  -webkit-animation-delay: 0.3s;
          animation-delay: 0.3s; }
.loader-cube .l-cube3 {
  -webkit-animation-delay: 0.4s;
          animation-delay: 0.4s; }
.loader-cube .l-cube4 {
  -webkit-animation-delay: 0.1s;
          animation-delay: 0.1s; }
.loader-cube .l-cube5 {
  -webkit-animation-delay: 0.2s;
          animation-delay: 0.2s; }
.loader-cube .l-cube6 {
  -webkit-animation-delay: 0.3s;
          animation-delay: 0.3s; }
.loader-cube .l-cube7 {
  -webkit-animation-delay: 0s;
          animation-delay: 0s; }
.loader-cube .l-cube8 {
  -webkit-animation-delay: 0.1s;
          animation-delay: 0.1s; }
.loader-cube .l-cube9 {
  -webkit-animation-delay: 0.2s;
          animation-delay: 0.2s; }

@-webkit-keyframes l-cubeGridScaleDelay {
    0%, 70%, 100% {
      -webkit-transform: scale3D(1, 1, 1);
              transform: scale3D(1, 1, 1);
    } 35% {
      -webkit-transform: scale3D(0, 0, 1);
              transform: scale3D(0, 0, 1);
    }
}

@keyframes l-cubeGridScaleDelay {
    0%, 70%, 100% {
      -webkit-transform: scale3D(1, 1, 1);
              transform: scale3D(1, 1, 1);
    } 35% {
      -webkit-transform: scale3D(0, 0, 1);
              transform: scale3D(0, 0, 1);
    }
}

/* ANIMATIONS *****************************/

@-webkit-keyframes opac-in-animate {
    0% { opacity: 0; }
    100% { opacity: 1; }
}
@keyframes opac-in-animate {
  	0% { opacity: 0; }
  	100% { opacity: 1; }
}
@-webkit-keyframes opac-out-animate {
    0% { opacity: 1; }
    100% { opacity: 0; }
}
@keyframes opac-out-animate {
  	0% { opacity: 1; }
  	100% { opacity: 0; }
}

@-webkit-keyframes toast-in-animate {
  	0% { opacity: 0;
  		-webkit-transform: translateY(20%);
  	}
  	100% { opacity: 1;
  		-webkit-transform: translateY(0%);
  	}
}
@keyframes toast-in-animate {
  	0% { opacity: 0;
  		transform: translateY(20%);
  	}
  	100% { opacity: 1;
  		transform: translateY(0%);
  	}
}

@-webkit-keyframes shimmer {
    0% {background-position: -468px 0;}
    100% {background-position: 350px 0;}
}
@keyframes shimmer {
    0% {background-position: -468px 0;}
    100% {background-position: 350px 0;}
}


/* OTHER STYLES *****************************/

#mainwrapper:after, #content-top:after, .content-block-full:after{
	content: '';
	display: block;
	clear: both;
}

/* ANIMATION *****************************/

@-webkit-keyframes login-animate {
	0% { opacity: 0;
		-webkit-transform:translateY(-40%); }
	100% { opacity: 1;
		-webkit-transform:translateY(0%); }
}

@keyframes login-animate {
	0% { opacity: 0;
		transform:translateY(-40%); }
	100% { opacity: 1;
		transform:translateY(0%); }
}

@-webkit-keyframes rotate-animate {
  	0% { -webkit-transform: rotate(0deg); }
  	100% { -webkit-transform: rotate(360deg); }
}
@keyframes rotate-animate {
  	0% { transform: rotate(0deg); }
  	100% { transform: rotate(360deg); }
}

/* RESPONSIVE STYLES *****************************/

@media (min-width: 1200px) {


}

@media (min-width: 992px) and (max-width: 1199px) {


}

@media (min-width: 768px) and (max-width: 991px) {

}

@media (max-width: 767px) {
	body{
		background: #FFFFFF;
		font-size: 14px;
	}
	h2{
		font-size: 20px;
		margin-bottom: 16px;
	}
	.container{
		padding-left: 24px;
		padding-right: 24px;
	}
	#header{
		padding: 0;
		height: 56px;
	}
	#header-logo {
		padding: 18px 0px;
		height: 56px;
		width: initial;
	}
	#header-logo img{
		height: 20px;	
	}
	#header-right{
		padding: 0;	
	}
	#header-right .selectric{
		min-width: initial;
	}
	.selectric .label{
		margin-right: 28px;
	}
	
	#main-wrapper{
		padding: 56px 0px;
	}
	#content-main{
		justify-content: flex-start;
	}
	
	.content-block{
		background: none;
		box-shadow: none;
		width: 100%;
/*		margin-top: 24px;*/
		padding: 0;
	}
	
	.form-success{
		border-radius: 0;
	}
	
	.login-copyright{
		display: none;
	}
	.form-group.form-button{
		justify-content: initial;
		padding-top: 0;
	}
	.form-group.form-button .btn-load{
		max-width: 100%;
		width: 100%;
	}
}