.bghead { background: -webkit-linear-gradient(left, #34495E, #34495E 5%, #3179C0, #34495E 95%, #34495E) !important; height: 150px; }
.footer { clear: both; margin: 0 auto; text-align: center; }
.btnmia { height: 24px !important; line-height: 12px !important; font-weight: bold !important; }
.mt-20 { margin-top: 20px !important; }

.loadmia { background: #002244; padding: 10px 20px; color: #fff; position: absolute; top: 7%; left: 50%; margin: -50px 0px 0px -50px; z-index: 9999; text-align: center; }
.loader { display: inline-flex; border: 3px solid #f3f3f3; /* Light grey */ border-top: 3px solid #3498db; /* Blue */ border-radius: 50%; width: 24px; height: 24px; animation: spin 0.2s linear infinite; }


.colorinfo { background: #fff5a8; padding: 10px 20px; color: #fff; position: fixed; top:150px; right: 0px; z-index:9999; }

.btn-default { background: #d6d6d6 !important; color: #767676 !important; }
.randevuimage {display:none;}
 .modal {min-height: 1200px; }

 /*datepicker*/
.datepicker {padding:15px !important;}
.datepicker .datepicker-switch { background:#eee; }
.table-condensed > tbody > tr > td {padding:8px !important;}
.datepicker table tr td.highlighted { cursor:no-drop !important; }
.datepicker table tr td.highlighted:hover { background:#d9edf7 !important; }
.datepicker table tr td.old {color:#cecece !important;}
 /*datepicker*/

@keyframes spin {
    0% { transform: rotate(0deg); }
    100% { transform: rotate(360deg); }
}

@media screen and (max-width: 768px) {
    #hastaneadi {display:none;}
    #logo {text-align:center;}
    .colorinfo {display:none; z-index:9999;}
    .randevuimage {display:none;}
    .modal-dialog {margin:0 !important; }
    .modal {min-height: 1200px; }
    .btnuyarimobil { display: block !important; }
    .btnuyariweb { display: none !important; }
}

@media screen and (max-width: 480px) {
    .nav-justified > li {float:left !important; width:15%; text-align:center;}
    .nav-justified > li a p {font-size:10px; margin:0 !important}
    .table > thead:first-child > tr:first-child > th {padding:3px !important; font-size:10px !important; }
    .table > tbody > tr > td {padding:3px !important; font-size:10px !important; }
    .btn {padding:3px 1px !important; font-size:10px !important; padding-top:6px !important}
    .randevutext {display:none;}
    .randevuimage {display:block;}
    .randevuimage img {width:100%;}
    .nav > li  { margin:2px 0 0 10px !important;}
    .nav > li > a { padding:0 !important;}
    .active {background:#002244 !important;}
}