
.sima_checkbox {
 display: none;
}

.sima_checkbox + label {
 margin-top:3px;
 background-color: #fafafa;
 border: 1px solid #cacece;
 box-shadow: 0 1px 2px rgba(0,0,0,0.05), inset 0px -15px 10px -12px rgba(0,0,0,0.05);
 padding: 9px;
 border-radius: 3px;
 display: inline-block;
 position: relative;
}

.sima_checkbox + label:active, .sima_checkbox:checked + label:active {
 box-shadow: 0 1px 2px rgba(0,0,0,0.05), inset 0px 1px 3px rgba(0,0,0,0.1);
}

.sima_checkbox:checked + label {
 background-color: #226997;
 border: 1px solid #adb8c0;
 box-shadow: 0 1px 2px rgba(0,0,0,0.05), inset 0px -15px 10px -12px rgba(0,0,0,0.05), inset 15px 10px -12px rgba(255,255,255,0.1);
 color: #fff;
}

.sima_checkbox:checked + label:after {
 content: '\2714';
 font-size: 14px;
 position: absolute;
 top: 0px;
 left: 3px;
 color: #fff;
}

.sima_radio {
 display: none;
}

.sima_radio + label {
 -webkit-appearance: none;
 background-color: #fafafa;
 border: 1px solid #cacece;
 box-shadow: 0 1px 2px rgba(0,0,0,0.05), inset 0px -15px 10px -12px rgba(0,0,0,0.05);
 padding: 9px;
 border-radius: 50px;
 display: inline-block;
 position: relative;
}

.sima_radio:checked + label:after {
 content: ' ';
 width: 12px;
 height: 12px;
 border-radius: 50px;
 position: absolute;
 top: 3px;
 background: #99a1a7;
 box-shadow: inset 0px 0px 10px rgba(0,0,0,0.3);
 text-shadow: 0px;
 left: 3px;
 font-size: 32px;
}

.sima_radio:checked + label {
 background-color: #e9ecee;
 color: #99a1a7;
 border: 1px solid #adb8c0;
 box-shadow: 0 1px 2px rgba(0,0,0,0.05), inset 0px -15px 10px -12px rgba(0,0,0,0.05), inset 15px 10px -12px rgba(255,255,255,0.1), inset 0px 0px 10px rgba(0,0,0,0.1);
}

.sima_radio + label:active, sima_radio:checked + label:active {
 box-shadow: 0 1px 2px rgba(0,0,0,0.05), inset 0px 1px 3px rgba(0,0,0,0.1);
}

.vez_felirat {
 position:absolute;
 line-height:21px;
 font-size:12px;
 margin-top:-10px;
 margin-left:15px;
 color:#2B7BAF;
}

.checkbox_divs, .radio_divs {
 float:left;
 margin-right:10px;
}

.form_textarea {
 width:90%;
 max-width:90%;
 height:100px;
 max-height:100px;
}

.input_group {
 display:block;
 float:left;
 min-width:200px;
 margin-bottom:10px;
 margin-top:10px;
 background-color: #fbfbfb;
 padding: 10px;
 border-style: solid;
 border-width: 1px;
 border-color: #e6e6e6;
}

.input_group_content {
 display:none;
 margin-top:10px;
}

.input_group_control {
 cursor:pointer;
}

.input_group_control_img {
 width:20px;
 height:20px;

 -ms-transform: rotate(-90deg); 
 -webkit-transform: rotate(-90deg); 
 -o-transform: rotate(-90deg); 
 -moz-transform: rotate(-90deg);
 transform: rotate(-90deg);

 -moz-transition: all .3s; 
 -webkit-transition: all .3s; 
 -o-transition: all .3s; 
 transition: all .3s; 
}

.input_group_control_label {
 position: absolute;
 font-size: 14px;
 margin-top: 3px;
 margin-left: 5px;
}

.forgas90 { 
 -ms-transform: rotate(0deg); 
 -webkit-transform: rotate(0deg); 
 -o-transform: rotate(0deg); 
 -moz-transform: rotate(0deg); 
 transform: rotate(0deg);
}

.hiba {
 display:none;
 color:#ff0000;
 font-weight:bold;
}


.hasab {
 margin-bottom:10px;
 width:100%;
}

.input_label {
 line-height:36px;
}

.ertek {
 line-height:28px;
 font-weight:bold;
}

.dupla_hasab_left {
 float:left;
 width:49%;
 margin-right:1%;
 text-align:right;
}

.dupla_hasab_right {
 float:left;
 width:49%;
 text-align:left;
}


.tripla_hasab_left {
 float:left;
 width:33%;
 padding-left:1%;
 text-align:left;
}

.tripla_hasab_center {
 float:left;
 width:33%;
 text-align:center;
}

.tripla_hasab_right {
 float:left;
 width:33%;
 text-align:left;
}

.cimsor {
 font-size: 20px;
 text-transform: uppercase;
 color: #186af4;
}

.cimsor:after {
 display:block;
 content: '';
 border-style:solid;
 border-width:1px;
 margin-top:10px;
 margin-bottom:10px;
 border-left:0;
 border-right:0px;
 border-top:0px;
 border-color:#c0c0c0;
}


@media screen and (max-width: 400px) {
 .hasab input {
	max-width:75%;
 }
 .dupla_hasab_left {
	width:99%;
	text-align:center;
 }
 .dupla_hasab_right {
	width:99%;
	text-align:center;
 }
}
