/**
 * Description: Mac Usato - Forms
 * Version: 1.0.2
 * Last update: 2020-04-12
 * Copyright (C) 2020 Mac Usato
 */

.form-control.is-valid, .was-validated select.form-control:valid,
.form-control.is-valid, .was-validated select.form-control:invalid{background-position: center right 1.3rem!important;}
.novalidate{background-image: none!important;}

.form-signin{max-width: 330px;padding: 15px;margin: 0 auto;}
.errors,.formerror{list-style: none;padding: 5px 0 0 0;color: red;}
.btn{cursor: pointer;}
.zend_form dd{text-align: center;}
.form-check-input{margin-top: .2rem;margin-right: 0.15rem;font-size: 16px;}
.was-validated .form-control:valid{border: 1px solid rgba(0, 0, 0, .15);}
.was-validated .form-control:invalid{border: 1px solid red;}
.was-validated .custom-control-input:valid~.custom-control-label{color: #000000!important;}
.form-control.is-valid, .was-validated .form-control:valid{background-image: none;}

.custom-control-input.is-valid~.custom-control-label::before,
.was-validated .custom-control-input:valid~.custom-control-label::before,
.was-validated .form-control:invalid{border-color: #ced4da!important;}

.form-control:disabled, .form-control[readonly] {border: 1px solid #e9ecef !important;}
.form-control.invalid, .custom-select.invalid{border-color: red!important;}
.fade{opacity: 1;}
.fade-forced{opacity: 1!important;}
.files .preview-contanier{width: 100px; max-width:100px; height: auto; overflow: hidden;}
.files .preview-contanier img, .files .preview-contanier .preview{width: 100px; height: auto;}
.files .filename-contanier {width: 40%; height: auto;}
.files .buttons-contanier {width: 30%; height: auto; text-align: right;}
.files .buttons-contanier .btn{margin-bottom: 10px;}
.files .name{width: 100%!important;}
.fileupload-buttonbar{height: 38px;}
.uploadtable{margin-top: 20px; margin-bottom: 0;}
.fileupload-progress{width: 100%!important;float: left; margin-top: 15px;margin-bottom: 15px;}

/* .form-check-label:before{position: absolute;top: .25rem;left: -1.5rem;display: block;width: 1rem;height: 1rem;pointer-events: none;content: "";background-color: #fff;border: #adb5bd solid 1px!important;}
.form-check-label:after{position: absolute;top: .25rem;left: -1.5rem;display: block;width: 1rem;height: 1rem;content: "";background: no-repeat 50%/50% 50%;}
.form-check-input:checked~.form-check-label::before{color: #fff;border-color: #007bff;background-color: #007bff;} */

.form-check-input.is-valid+.form-check-label, .was-validated .form-check-input:valid+.form-check-label{color: #000000;}
.was-validated .text-success .form-check-label{color:#28a745!important}
.was-validated .text-danger .form-check-label{color:#dc3545!important}

.file-uploader {margin: 20px 0 0 0;width: 320px;cursor: pointer;display: none!important;}
.input-group .form-control label{margin-bottom: 0;}
.select-dropdown{background: #f8f9fa!important;
border: 0;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
color: rgb(17, 17, 17);
outline: none;
display: inline-block;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
cursor: pointer;}
#uploadButton{cursor: pointer;}
#fb-proceed-button{width: 240px;background-color: #2b6aae;height: 40px;font-size: 1rem;border: 0;position: relative;text-align: right;padding-right: 30px;}
#fb-proceed-button img{position: absolute;left: 8px;}
.form-grey .card{border: 0; background-color: #F8F8F8;}
.squared-option{background-color: #FFFFFF!important; color: #666666;font-size: 12px;}
.squared-option .card-body{height: 140px; padding-top: 10px;}
.squared-option .card-body img{width: 50px; height: 50px; margin: 0 auto 10px auto;}
input[type="radio"]{font-size: 16px;}

#loginForm .form-control{position: relative;box-sizing: border-box;height: auto;padding: 10px;font-size: 18px;}
#loginForm #loginUsername{border-bottom: none; border-top-left-radius: 0.3rem;border-top-right-radius: 0.3rem; border-bottom-left-radius: 0;border-bottom-right-radius: 0;}
#loginForm #loginPassword{border-top-left-radius: 0;border-top-right-radius: 0;border-bottom-left-radius: 0.3rem;border-bottom-right-radius: 0.3rem;}

#registrationForm .form-check-label{font-size: 12px;line-height: 20px;}
#registrationForm .form-check-input{margin-top: 0.2rem;}

#itemContact .icon{display: inline;width: 20px;height: 20px;opacity: 0.6;}

.grade-icon{display: inline-block; width: 50px; height: 50px; margin: 0 auto; background-image: url('../../../images/layouts/responsive-4/iphone-icons.png'); border: none; outline: none;}
.grade-icon.icon-1{background-position: 0px 0px;}
.grade-icon.icon-2{background-position: 200px 0px;}
.grade-icon.icon-3{background-position: 150px 0px;}
.grade-icon.icon-4{background-position: 100px 0px;}
.grade-icon.icon-5{background-position: 50px 0px;}

.grade-icon.icon-6{background-position: 0px -50px;}
.grade-icon.icon-7{background-position: 200px -50px;}
.grade-icon.icon-8{background-position: 150px -50px;}
.grade-icon.icon-9{background-position: 100px -50px;}
.grade-icon.icon-10{background-position: 50px -50px;}

.grade-icon.icon-11{background-position: 0px -100px;}
.grade-icon.icon-12{background-position: -50px -100px;}
.grade-icon.icon-13{background-position: -100px -100px;}

.grade-icon.icon-14{background-position: 0px -150px;}
.grade-icon.icon-15{background-position: 200px -150px;}
.grade-icon.icon-16{background-position: 150px -150px;}
.grade-icon.icon-17{background-position: 100px -150px;}
.grade-icon.icon-18{background-position: 50px -150px;}

.grade-icon.icon-19{background-position: 0px -200px;}
.grade-icon.icon-20{background-position: 200px -200px;}

.grade-icon.icon-21{background-position: 0px -250px;}
.grade-icon.icon-22{background-position: 200px -250px;}
.grade-icon.icon-23{background-position: 150px -250px;}

.grade-icon.icon-24{background-position: 0px -300px;}
.grade-icon.icon-25{background-position: 200px -300px;}

.fileupload-processing{width: 100%;text-align: center;}
.fileupload-processing .fileupload-process{float: none;margin: 3rem auto;}