/* marimi text */
.text-xs{font-size: .7rem}
.text-sm{font-size: .9rem}
.text-md{font-size: 1.05rem}
.text-lg{font-size: 1.4rem}
.text-xl{font-size: 1.8rem}
.bold{font-weight: bold}
.text-indent{text-indent: 20px}
/* sfarsit marimi text */

label.error, input[type="radio"].error{font-size: 12px !important; color: red !important; position: absolute !important; left: 1%; top: 100%; z-index: 10; padding: 4px 10px}
input.error, textarea: .error;{border: 1px solid red !important}
.opacity-25{opacity: .25}
.opacity-50{opacity: .50}
.opacity-75{opacity: .75}

.scrolled-y{overflow-y: auto}
.list-container-h25{max-height: 25%}
.list-container-h30{max-height: 30%}
.list-container-h50{max-height: 50%}
.list-container-h70{max-height: 70%}
.list-container-h300p{max-height: 300px}
.list-container-h400p{max-height: 400px}
.list-container-h500p{max-height: 500px}

.shadow-100{box-shadow: 0 0 20px 0 rgba(0,0,0,1)}
.shadow-75{box-shadow: 0 0 20px 0 rgba(0,0,0,.75)}
.shadow-50{box-shadow: 0 0 20px 0 rgba(0,0,0,.5)}
.shadow-25{box-shadow: 0 0 20px 0 rgba(0,0,0,.25)}
.card-shadow{box-shadow: 0 0 6px 0 rgba(0,0,0,.2)}
.vertical-middle{top: 50%; transform: translateY(-50%)}
.left{left: 0px}
.z-1{z-index: 10}
.z-2{z-index: 20}

a, a:hover, a:visited, a:active{text-decoration: none}
a.flat-link{color: rgba(23,95,147,1.00); text-decoration: none; transition: all .25s ease-out}
a.flat-link:hover{color: rgba(205,112,7,1.00); text-shadow: 0 0 4px white}

.overlay, .overlay-sec{position: fixed; top: 0; left: 0; right: 0; bottom: 0; background-color: rgba(0,0,0,.75); display: none}
.overlay{z-index: 120}
.overlay-sec{z-index: 110}
.popup-info, .popup-container{position: fixed; top: 40%; left: 50%; transform: translate(-50%,-50%); box-shadow: 0 0 10px 0 white; display: none; border-radius: 4px}
.popup-info{z-index: 125; max-width: 90%; min-width: 300px}
.popup-container{z-index: 115; max-height: 95% !important; max-width: 95%; min-width: 300px}
.hand{cursor: pointer}
.forbiden{cursor: not-allowed}
.help{cursor: help}
.scrolled-y{overflow-y: auto; overflow-x: hidden}
.h-35i{height: 35px !important}
.text-shadow-dark{text-shadow: 1px 1px 2px rgba(0,0,0,.75)}
.fixed-top{z-index: 100 !important}

/* radio buttons */
.radio-styled[type="radio"]:checked, .radio-styled[type="radio"]:not(:checked), [type="checkbox"]:checked, [type="checkbox"]:not(:checked){position: absolute; left: -9999px}
.radio-styled[type="radio"]:checked + label, .radio-styled[type="radio"]:not(:checked) + label, [type="checkbox"]:checked + label, [type="checkbox"]:not(:checked) + label{position: relative; padding-left: 28px; line-height: 20px; display: inline-block; color: #666}
.radio-styled[type="radio"]:checked + label:before, .radio-styled[type="radio"]:not(:checked) + label:before, [type="checkbox"]:checked + label:before, [type="checkbox"]:not(:checked) + label:before{content: ''; position: absolute; left: 0; top: 2px; width: 18px; height: 18px; border: 1px solid #ddd; background: #fff}
.radio-styled[type="radio"]:checked + label:before, .radio-styled[type="radio"]:not(:checked) + label:before{border-radius: 100%}
.radio-styled[type="radio"]:checked + label:after, .radio-styled[type="radio"]:not(:checked) + label:after, [type="checkbox"]:checked + label:after, [type="checkbox"]:not(:checked) + label:after{content: ''; width: 12px; height: 12px; background: rgba(27,104,33,1.00); position: absolute; top: 5px; left: 3px; -webkit-transition: all 0.2s ease; transition: all 0.2s ease}
.radio-styled[type="radio"]:checked + label:after, .radio-styled[type="radio"]:not(:checked) + label:after{border-radius: 100%}
.radio-styled[type="radio"]:not(:checked) + label:after, [type="checkbox"]:not(:checked) + label:after {opacity: 0; -webkit-transform: scale(0); transform: scale(0)}
.radio-styled[type="radio"]:checked + label:after, [type="checkbox"]:checked + label:after{opacity: 1; -webkit-transform: scale(1); transform: scale(1)}
.radio-styled.error + label{border: 2px solid red}
/* radio buttons end */

.chosen-container-single .chosen-single{height: 30px; border-radius: 4px; line-height: 30px}
.bg-none{background: none}
.btn-xs{padding: 2px 6px !important; font-size: .8rem; line-height: 1.1rem}
.top-fix{top: -2px; position: relative}


@media (max-width: 650px){
	.text-xs{font-size: .5rem}
	.text-sm{font-size: .7rem}
	.text-md{font-size: .9rem}
	.text-lg{font-size: 1.2rem}
	.text-xl{font-size: 1.4rem}
}