@charset "UTF-8";

/**
	*
	* ---------------------------------------------------------
	*
	* Template : Form bootstrap 4
	* Author : sodedar10  
	* Email: sodedar10@meta.ua or sldedar1984@gmail.com
	
	* ---------------------------------------------------------
	*
*/

/*--------------------------------------
    Modal style
----------------------------------------*/

.modal-form.modal-open .modal {
    padding-right: 0!important;
}

.modal-form  .modal-content {    
    background: #202641;    
    border: none;
    -webkit-border-radius: 0;
            border-radius: 0;
    outline: 0;
	color: #fff;
	font-family: 'Montserrat', sans-serif;
	box-shadow: none;
}
.modal-form  .modal-header {
    border-bottom: none;
	padding: 0;
	padding-left: 15px;
	padding-right: 15px;
	padding-top: 15px;
}
.modal-form  .modal-body {   
    padding: 0;
}

.modal-form  .modal-header .close {
	outline: none;
    color: rgba(255, 255, 255, 0.302);    
    text-shadow: none;
    opacity: 1;
	font-size: 32px;
	font-weight: 400;
	position: relative;
	z-index: 1;
}
.modal-form  .modal-header .close:hover,
.modal-form  .modal-header .close:focus{
	color: #FD6347;
}




/*--------------------------------------
   Form style
----------------------------------------*/

.form-default{
	padding: 20px 25px;
	padding-top: 0;
	background: #202641;  
	color: rgba(255, 255, 255, 0.5);
	text-align: center;
}
.form-default .form-logo{
	text-align: center;
	font-size: 40px;
	margin-bottom: .5rem;
	color: rgba(255, 255, 255, 0.5); 
}
.form-default .form-title{	
	text-align: center;
	font-size: 28px;
	margin-top: 5px;
	margin-bottom: 25px;
	font-weight: 300;
	color: #fff;
}
.form-default .form-title + p{
	margin: -1rem 0 1.5rem;	
}


.form-default .form-text-success{
	text-align: center;
}
.form-default .form-text-success-title{
	text-align: center;
	margin-bottom: 20px;
	font-weight: 300;
	font-size: 16px;
	color: rgba(255, 255, 255, 0.302); 
}


/* form style link */

.form-default .form-link{
	color: #29CB9A;
	text-decoration: underline;
	display: inline-block;
	vertical-align: top;
	font-size: 13px;
	font-weight: 300;
	margin: 10px 0;
}
.form-default .form-link:hover,
.form-default .form-link:focus,
.form-default .form-link:active{
	text-decoration: none;
	color: #29CB9A;
}


/* input style */
.form-default .form-control{
	border-color: rgba(255, 255, 255, 0.302); 
	-webkit-border-radius: 0; 
	        border-radius: 0;
	background: transparent;	
	-webkit-box-shadow: none;
	        box-shadow: none;
	color: #fff;
	font-size: 15px;
	height: 46px;
}
.form-default textarea.form-control {
    min-height: 66px;
}
.form-default .form-control:focus{	
	background: transparent;
	color: rgba(255, 255, 255, 1);
	border-color: #29CB9A; 
	-webkit-box-shadow: none; 
	        box-shadow: none;
}


/* select style */
.form-default select.form-control{
	height: 46px!important;
	color: rgba(255, 255, 255, 0.302); 
}
.form-default select.form-control option{
	color: rgba(0, 0, 0,.7); 	
}


/* input radio, checkbox style */

.form-default .form-check{
	padding: 0;
	margin: 10px 0;
	text-align: left;
}
.form-default .form-check .form-check-input{
	display: none;
}
.form-default .form-check .form-check-input + .form-check-label{
	font-size: 13px;
	font-weight: 300;
	display: block;
	padding-left: 30px;
	position: relative;
	color: rgba(255, 255, 255, 0.302); 
}
.form-default .form-check input[type="checkbox"] + .form-check-label:before,
.form-default .form-check input[type="radio"] + .form-check-label:before{
	content: '';
	position: absolute; top: 0; left: 0;
	width: 20px;
	height: 20px;
	border: 1px solid rgba(255, 255, 255, 0.302); 
}
.form-default .form-check input[type="checkbox"] + .form-check-label:after,
.form-default .form-check input[type="radio"] + .form-check-label:after{
	content: '\f00c';
	font-family: 'FontAwesome';
	position: absolute; top: 0; left: -.5px;
	width: 20px;
	height: 20px;
	line-height: 20px;
	text-align: center;
	color: #29CB9A;
	-webkit-transform: scale(0);
	    -ms-transform: scale(0);
	        transform: scale(0);
	-webkit-transition: -webkit-transform .3s linear;
	transition: -webkit-transform .3s linear;
	-o-transition: transform .3s linear;
	transition: transform .3s linear;
	transition: transform .3s linear, -webkit-transform .3s linear;
}
.form-default .form-check input[type="radio"] + .form-check-label:after{
	content: '\f111';
}
.form-default .form-check input[type="radio"] + .form-check-label:before{	
	-webkit-border-radius: 50%;	
	        border-radius: 50%;
}
.form-default .form-check input[type="checkbox"]:checked + .form-check-label,
.form-default .form-check input[type="radio"]:checked + .form-check-label{
	color: #29CB9A;
}
.form-default .form-check input[type="checkbox"]:checked + .form-check-label:before,
.form-default .form-check input[type="radio"]:checked + .form-check-label:before{
	border-color: #29CB9A;
}
.form-default .form-check input[type="checkbox"]:checked + .form-check-label:after,
.form-default .form-check input[type="radio"]:checked + .form-check-label:after{
	-webkit-transform: scale(1);
	    -ms-transform: scale(1);
	        transform: scale(1);
}


/* input radio, checkbox style for card type */

.form-default .form-card-type{
	margin: 10px 0;	
}
.form-default .form-card-type-title{
	font-size: 16px;	
	font-weight: 300;
	text-align: left;	
}

.form-default .card-type-list{
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-webkit-align-items: center;
	    -ms-flex-align: center;
	        align-items: center;
	-webkit-box-pack: justify;
	-webkit-justify-content: space-between;
	    -ms-flex-pack: justify;
	        justify-content: space-between;
	padding: 0;
}
.form-default .card-type-list > li{	
	margin: 5px 0 10px;
	list-style: none;
}

.form-default .card-type-label{
	display: block;	
}
.form-default .card-type-label input{
	display: none;
}
.form-default .card-type-label input + span{
	display: block;
	border: 1px solid rgba(255, 255, 255, 0.302); 
	font-size: 30px;
	padding: 0;
	height: 46px;
	line-height: 46px;
	width: 51px;
}
.form-default .card-type-label input:checked + span{
	color: #29CB9A;
	border-color: #29CB9A;
}



/* button submit style */

.form-default .btn-submit{
	width: 100%;
	font-size: 15px;
	color: #fff;
	background: #29CB9A;
	-webkit-border-radius: 0;
	        border-radius: 0;	
	padding-top: 12px;
	padding-bottom: 12px;
	margin-top: 15px;
	margin-bottom: 25px;
	-webkit-box-shadow: none;
	        box-shadow: none;
}
.form-default .btn-submit:hover,
.form-default .btn-submit:focus,
.form-default .btn-submit:active{
	background: #00A372;
	-webkit-box-shadow: none;
	        box-shadow: none;
}



/* social networks */

.form-default .form-social-networks{
	margin: 15px 0;	
}
.form-default .form-social-networks-title{
	font-size: 13px;	
	font-weight: 300;
	text-align: center;	
}

.form-default .social-networks-list{
	padding: 0;
	text-align: center;
}
.form-default .social-networks-list > li{
	display: inline-block;
	vertical-align: top;
	margin: 10px;
}
.form-default .social-networks-list > li > a{
	text-decoration: none;
	display: block;
	width: 40px;
	height: 40px;
	line-height: 40px;
	text-align: center;
	color: rgba(255, 255, 255, 0.302); 
	border: 1px solid rgba(255, 255, 255, 0.302); 
	-webkit-border-radius: 50%; 
	        border-radius: 50%;	
	-webkit-transition: color .3s linear, border-color .3s linear;	
	-o-transition: color .3s linear, border-color .3s linear;	
	transition: color .3s linear, border-color .3s linear;
}
.form-default .social-networks-list > li > a:hover,
.form-default .social-networks-list > li > a:focus,
.form-default .social-networks-list > li > a:active{
	text-decoration: none;
	color: #29CB9A;
	border-color: #29CB9A;
}




/* form theme-danger */

.form-default.theme-danger{}

.form-default.theme-danger .form-control:focus {
    border-color: #E84945;
}
.form-default.theme-danger .form-check input[type="checkbox"]:checked + .form-check-label,
.form-default.theme-danger .form-check input[type="radio"]:checked + .form-check-label,
.form-default.theme-danger .form-check input[type="checkbox"] + .form-check-label:after,
.form-default.theme-danger .form-check input[type="radio"] + .form-check-label:after{
	color: #E84945;
}
.form-default.theme-danger .form-check input[type="checkbox"]:checked + .form-check-label:before,
.form-default.theme-danger .form-check input[type="radio"]:checked + .form-check-label:before{
	border-color: #E84945;
}
.form-default.theme-danger .form-link,
.form-default.theme-danger .form-link:hover,
.form-default.theme-danger .form-link:focus,
.form-default.theme-danger .form-link:active{
	color: #E84945;	
}

.form-default.theme-danger .card-type-label input:checked + span{
	color: #E84945;	
	border-color: #E84945;	
}
.form-default.theme-danger .btn-submit{
	background: #E84945;
}
.form-default.theme-danger .btn-submit:hover,
.form-default.theme-danger .btn-submit:focus,
.form-default.theme-danger .btn-submit:active{
	background: #E72926;
}

.form-default.theme-danger .social-networks-list > li > a:hover,
.form-default.theme-danger .social-networks-list > li > a:focus,
.form-default.theme-danger .social-networks-list > li > a:active{
	color: #E72926;
	border-color: #E72926;
}



/* form theme-golden */

.form-default.theme-golden{}

.form-default.theme-golden .form-control:focus {
    border-color: #B8860B;
}
.form-default.theme-golden .form-check input[type="checkbox"]:checked + .form-check-label,
.form-default.theme-golden .form-check input[type="radio"]:checked + .form-check-label,
.form-default.theme-golden .form-check input[type="checkbox"] + .form-check-label:after,
.form-default.theme-golden .form-check input[type="radio"] + .form-check-label:after{
	color: #B8860B;
}
.form-default.theme-golden .form-check input[type="checkbox"]:checked + .form-check-label:before,
.form-default.theme-golden .form-check input[type="radio"]:checked + .form-check-label:before{
	border-color: #B8860B;
}
.form-default.theme-golden .form-link,
.form-default.theme-golden .form-link:hover,
.form-default.theme-golden .form-link:focus,
.form-default.theme-golden .form-link:active{
	color: #B8860B;	
}

.form-default.theme-golden .card-type-label input:checked + span{
	color: #B8860B;	
	border-color: #B8860B;	
}
.form-default.theme-golden .btn-submit{
	background: #B8860B;
}
.form-default.theme-golden .btn-submit:hover,
.form-default.theme-golden .btn-submit:focus,
.form-default.theme-golden .btn-submit:active{
	background: #DEA81F;
}

.form-default.theme-golden .social-networks-list > li > a:hover,
.form-default.theme-golden .social-networks-list > li > a:focus,
.form-default.theme-golden .social-networks-list > li > a:active{
	color: #B8860B;
	border-color: #B8860B;
}



/* form theme-blue */

.form-default.theme-blue{}

.form-default.theme-blue .form-control:focus {
    border-color: #00CED1;
}
.form-default.theme-blue .form-check input[type="checkbox"]:checked + .form-check-label,
.form-default.theme-blue .form-check input[type="radio"]:checked + .form-check-label,
.form-default.theme-blue .form-check input[type="checkbox"] + .form-check-label:after,
.form-default.theme-blue .form-check input[type="radio"] + .form-check-label:after{
	color: #00CED1;
}
.form-default.theme-blue .form-check input[type="checkbox"]:checked + .form-check-label:before,
.form-default.theme-blue .form-check input[type="radio"]:checked + .form-check-label:before{
	border-color: #00CED1;
}
.form-default.theme-blue .form-link,
.form-default.theme-blue .form-link:hover,
.form-default.theme-blue .form-link:focus,
.form-default.theme-blue .form-link:active{
	color: #00CED1;
}

.form-default.theme-blue .card-type-label input:checked + span{
	color: #00CED1;
	border-color: #00CED1;
}
.form-default.theme-blue .btn-submit{
	background: #00CED1;
}
.form-default.theme-blue .btn-submit:hover,
.form-default.theme-blue .btn-submit:focus,
.form-default.theme-blue .btn-submit:active{
	background: #00BEC1;
}

.form-default.theme-blue .social-networks-list > li > a:hover,
.form-default.theme-blue .social-networks-list > li > a:focus,
.form-default.theme-blue .social-networks-list > li > a:active{
	color: #00CED1;
	border-color: #00CED1;
}


/* form theme-violet */

.form-default.theme-violet{}

.form-default.theme-violet .form-control:focus {
    border-color: #BA55D3;
}
.form-default.theme-violet .form-check input[type="checkbox"]:checked + .form-check-label,
.form-default.theme-violet .form-check input[type="radio"]:checked + .form-check-label,
.form-default.theme-violet .form-check input[type="checkbox"] + .form-check-label:after,
.form-default.theme-violet .form-check input[type="radio"] + .form-check-label:after{
	color: #BA55D3;
}
.form-default.theme-violet .form-check input[type="checkbox"]:checked + .form-check-label:before,
.form-default.theme-violet .form-check input[type="radio"]:checked + .form-check-label:before{
	border-color: #BA55D3;
}
.form-default.theme-violet .form-link,
.form-default.theme-violet .form-link:hover,
.form-default.theme-violet .form-link:focus,
.form-default.theme-violet .form-link:active{
	color: #BA55D3;
}

.form-default.theme-violet .card-type-label input:checked + span{
	color: #BA55D3;
	border-color: #BA55D3;
}
.form-default.theme-violet .btn-submit{
	background: #BA55D3;
}
.form-default.theme-violet .btn-submit:hover,
.form-default.theme-violet .btn-submit:focus,
.form-default.theme-violet .btn-submit:active{
	background: #F31FF3;
}

.form-default.theme-violet .social-networks-list > li > a:hover,
.form-default.theme-violet .social-networks-list > li > a:focus,
.form-default.theme-violet .social-networks-list > li > a:active{
	color: #BA55D3;
	border-color: #BA55D3;
}



/* form theme-silver */

.form-default.theme-silver{}

.form-default.theme-silver .form-control:focus {
    border-color: #C0C0C0;
}
.form-default.theme-silver .form-check input[type="checkbox"]:checked + .form-check-label,
.form-default.theme-silver .form-check input[type="radio"]:checked + .form-check-label,
.form-default.theme-silver .form-check input[type="checkbox"] + .form-check-label:after,
.form-default.theme-silver .form-check input[type="radio"] + .form-check-label:after{
	color: #C0C0C0;
}
.form-default.theme-silver .form-check input[type="checkbox"]:checked + .form-check-label:before,
.form-default.theme-silver .form-check input[type="radio"]:checked + .form-check-label:before{
	border-color: #C0C0C0;
}
.form-default.theme-silver .form-link,
.form-default.theme-silver .form-link:hover,
.form-default.theme-silver .form-link:focus,
.form-default.theme-silver .form-link:active{
	color: #C0C0C0;
}

.form-default.theme-silver .card-type-label input:checked + span{
	color: #C0C0C0;
	border-color: #C0C0C0;
}
.form-default.theme-silver .btn-submit{	
	background: #ACACAC;
}
.form-default.theme-silver .btn-submit:hover,
.form-default.theme-silver .btn-submit:focus,
.form-default.theme-silver .btn-submit:active{
	background: #C0C0C0;
}

.form-default.theme-silver .social-networks-list > li > a:hover,
.form-default.theme-silver .social-networks-list > li > a:focus,
.form-default.theme-silver .social-networks-list > li > a:active{
	color: #C0C0C0;
	border-color: #C0C0C0;
}



/* form theme-orange */

.form-default.theme-orange{}

.form-default.theme-orange .form-control:focus {
    border-color: #FFA500;
}
.form-default.theme-orange .form-check input[type="checkbox"]:checked + .form-check-label,
.form-default.theme-orange .form-check input[type="radio"]:checked + .form-check-label,
.form-default.theme-orange .form-check input[type="checkbox"] + .form-check-label:after,
.form-default.theme-orange .form-check input[type="radio"] + .form-check-label:after{
	color: #FFA500;
}
.form-default.theme-orange .form-check input[type="checkbox"]:checked + .form-check-label:before,
.form-default.theme-orange .form-check input[type="radio"]:checked + .form-check-label:before{
	border-color: #FFA500;
}
.form-default.theme-orange .form-link,
.form-default.theme-orange .form-link:hover,
.form-default.theme-orange .form-link:focus,
.form-default.theme-orange .form-link:active{
	color: #FFA500;
}

.form-default.theme-orange .card-type-label input:checked + span{
	color: #FFA500;
	border-color: #FFA500;
}
.form-default.theme-orange .btn-submit{	
	background: #FFA500;
}
.form-default.theme-orange .btn-submit:hover,
.form-default.theme-orange .btn-submit:focus,
.form-default.theme-orange .btn-submit:active{
	background: #ED9A00;
}

.form-default.theme-orange .social-networks-list > li > a:hover,
.form-default.theme-orange .social-networks-list > li > a:focus,
.form-default.theme-orange .social-networks-list > li > a:active{
	color: #FFA500;
	border-color: #FFA500;
}





/* datapicker style */

.datepicker{
	padding: 10px;
}
.datepicker,
.datepicker td, 
.datepicker th,
.datepicker table tr td span{
    -webkit-border-radius: 0!important;
    border-radius: 0!important;
}
.datepicker table tr td span.active:hover, 
.datepicker table tr td span.active:hover:hover, 
.datepicker table tr td span.active.disabled:hover, 
.datepicker table tr td span.active.disabled:hover:hover, 
.datepicker table tr td span.active:active, 
.datepicker table tr td span.active:hover:active, 
.datepicker table tr td span.active.disabled:active, 
.datepicker table tr td span.active.disabled:hover:active, 
.datepicker table tr td span.active.active, 
.datepicker table tr td span.active:hover.active, 
.datepicker table tr td span.active.disabled.active, 
.datepicker table tr td span.active.disabled:hover.active, 
.datepicker table tr td span.active.disabled, 
.datepicker table tr td span.active:hover.disabled, 
.datepicker table tr td span.active.disabled.disabled, 
.datepicker table tr td span.active.disabled:hover.disabled, 
.datepicker table tr td span.active[disabled], 
.datepicker table tr td span.active:hover[disabled], 
.datepicker table tr td span.active.disabled[disabled], 
.datepicker table tr td span.active.disabled:hover[disabled] {
    background: #29CB9A;
}




/* @media screen */

@media screen and (min-width: 576px){

	.modal-form .modal-dialog {
		max-width: 440px;
	}
	
}