@charset "utf-8";
/* hbz bootstrap customization */

html,body { height:100%; }

/* row - satırlar */
.row.hbz-0 { margin-right:-0px; margin-left: -0px; }
.row.hbz-5 { margin-right:-5px; margin-left: -5px; }
.row.hbz-10 { margin-right:-10px; margin-left: -10px; }

/* col - sütunlar */
[class*='col-'].hbz-0 { padding-left: 0px;padding-right: 0px; }
[class*='col-'].hbz-5 { padding-left: 5px;padding-right: 5px; }
[class*='col-'].hbz-10 { padding-left: 10px;padding-right: 10px; }

/* alert - uyarı pencereleri */
.alert.hbz-0 { margin-bottom: 0px; }
.alert.hbz-5 { margin-bottom: 5px; }
.alert.hbz-10 { margin-bottom: 10px; }
.alert.hbz-15 { margin-bottom: 15px; }
.alert-white { color: #333; background-color: #FFF; border-color: #999; }

/* form - form elemanları */
.form-horizontal .form-group { margin-left: 0px; margin-right: 0px;}
.form-group.hbz-0 { margin-bottom: 0px; }
.form-group.hbz-5 { margin-bottom: 5px; }
.form-group.hbz-10 { margin-bottom: 10px; }
.checkbox.hbz-0, .radio.hbz-0 { margin-bottom: 0px; margin-top:0px; }
.checkbox.hbz-5, .radio.hbz-5 { margin-bottom: 5px; margin-top:5px; }
.checkbox.hbz-0 + .checkbox.hbz-0, .radio.hbz-0 + .radio.hbz-0 { margin-top: 0px; }
.checkbox.hbz-5 + .checkbox.hbz-5, .radio.hbz-5 + .radio.hbz-5 { margin-top: 5px; }
.checkbox + .checkbox, .radio + .radio { margin-top: 10px; }
label.form-control { padding-left: 30px; }
input[type="checkbox"], input[type="radio"] { margin: 2px 0 0; }
textarea { resize:vertical; }
.form-control { height:auto; }

/* headings */
h1.hbz-0, h2.hbz-0, h3.hbz-0, h4.hbz-0, h5.hbz-0, h6.hbz-0 { margin-bottom: 0px; margin-top: 0px; }
h1.hbz-5, h2.hbz-5, h3.hbz-5, h4.hbz-5, h5.hbz-5, h6.hbz-5 { margin-bottom: 5px; margin-top: 5px; }
h1.hbz-10, h2.hbz-10, h3.hbz-10, h4.hbz-10, h5.hbz-10, h6.hbz-10 { margin-bottom: 10px; margin-top: 10px; }
h1.hbz-15, h2.hbz-15, h3.hbz-15, h4.hbz-15, h5.hbz-15, h6.hbz-15 { margin-bottom: 15px; margin-top: 15px; }

/* labels */
span.label.hbz-5 { padding:5px; }
span.label.hbz-10 { padding:10px; }

/* listeler */
ul.hbz-0 { padding-left: 0px; }
ul.hbz-5 { padding-left: 5px; }
ul.hbz-10 { padding-left: 10px; }

/* yatay cizgi */
hr { border:1px solid #999; border-width: 1px 0px 0px 0px; clear:both; }
hr.hbz-0 { margin-bottom: 0px; margin-top: 0px; }
hr.hbz-5 { margin-bottom: 5px; margin-top: 5px; }

/* tooltip */
.hbz-tt-5 .tooltip .tooltip-inner { max-width:100%; padding:5px; font-size:14px; }
.hbz-tt-10 .tooltip .tooltip-inner { max-width:100%; padding:10px; font-size:14px; }

/* validation */
.has-error .form-control { background-color:#FFF6F6; }

/* general */
.hbz-block { display:block; }

/* hidden & visible */
@media screen and (max-width:400px){.hidden-400{display:none!important}}
@media screen and (max-width:500px){.hidden-500{display:none!important}}
@media screen and (max-width:600px){.hidden-600{display:none!important}}
@media screen and (max-width:700px){.hidden-700{display:none!important}}
@media screen and (max-width:800px){.hidden-800{display:none!important}}
@media screen and (max-width:900px){.hidden-900{display:none!important}}
@media screen and (max-width:1000px){.hidden-1000{display:none!important}}
@media screen and (min-width:401px){.visible-400{display:none!important}}
@media screen and (min-width:501px){.visible-500{display:none!important}}
@media screen and (min-width:601px){.visible-600{display:none!important}}
@media screen and (min-width:701px){.visible-700{display:none!important}}
@media screen and (min-width:801px){.visible-800{display:none!important}}
@media screen and (min-width:901px){.visible-900{display:none!important}}
@media screen and (min-width:1001px){.visible-1000{display:none!important}}