body{ font-family: 'Open Sans', sans-serif; }

/*---------------------------------------------------------*/
.td,body { /*font-family:Verdana;*/ font-size:12px; position:static; /*font-weight: 700;*/ color: #003300; /*background:url(http://212.174.75.178:12544/img_ist/bg2.png) no-repeat center center fixed;*/ -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; }
.inpTxt{ border:#666666 1px solid; /*font-family:verdana;*/ font-size:small; letter-spacing:1px; text-align: LEFT; margin-left: 0px; margin-bottom: 0px; }
.inpCmd{ /*font-family:verdana;*/ font-size:small; letter-spacing:1px; font-weight: 700; text-decoration: underline; height: 21px; color: #FFFFFF; background-color: #0000CC; }
.inpCMB{ border:#666666 1px solid; /*font-family:verdana;*/ font-sizE:small; letter-spacing:1px; text-align: right; margin-left: 0px; margin-bottom: 0px; }
.inpLbl{ /*font-family:verdana;*/ font-size:11px; }
.Warn{ /*font-family: Verdana, Arial, Helvetica, sans-serif;*/ font-size: 11px; letter-spacing:1px; color:Red; text-align: center; }
.WarnAd{ /*font-family: Verdana, Arial, Helvetica, sans-serif;*/ font-size: 11px; letter-spacing:1px; }
.WarnKontor{ /*font-family: Verdana, Arial, Helvetica, sans-serif;*/ font-size: 11px; letter-spacing:1px; font-style:oblique; color:Blue; }
.BackColorTab{ /*font-family : Verdana, Arial, Courier New ; font-family: Verdana, Arial, Courier New;*/ font-size : 10px; font-size: 10px; color : Gray; }
/* Background Color */
.tb2 { background-color : #99FFCC; border: 1px solid #008000; width: 230px; }
/* Border Color / Style */
.tb3 { border: 2px dashed #D1C7AC; width: 230px; }
/* Background Image */
.tb4 { background-image: url(images/bg.png); border: 1px solid #6297BC; width: 230px; }
/* Larger Side Border */
.tb8 { width: 230px; border: 1px solid #3366FF; border-left: 4px solid #3366FF; }
/* Rounded Corner */
.tb5 { background: url(images/rounded.gif) no-repeat top left; height: 22px; width: 230px; }
.tb5a { border: 0; width:220px; margin-top:3px; }
/* Double Border */
.tb6 { border: 3px double #CCCCCC; width: 230px; }
/* Gradient 1 */
.tb10 { background-image:url(images/form_bg.jpg); background-repeat:repeat-x; border:1px solid #d1c7ac; width: 230px; color:#333333; padding:3px; margin-right:4px; margin-bottom:8px; /*font-family:tahoma, arial, sans-serif;*/ }
/* Gradient 2 */
.tb7 { width: 221px; background: transparent url('images/bg.jpg') no-repeat; color : #747862; height:20px; border:0; padding:4px 8px; margin-bottom:0px; }
/* Image in Text Box */
.tb11 { background:#FFFFFF url(images/search.png) no-repeat 4px 4px; padding:4px 4px 4px 22px; border:1px solid #CCCCCC; width:230px; height:18px; }
/*---------------------------------------------------------*/

/*------------------  ------------------*/
.style6{ height: 28px; }
.style10{ color: #808080; height: 17px; }
.style14{font-size:small;height:34px;width:206px;color:#00c;text-align:right;text-decoration:underline}
.style22{height:34px}
.style23{color:#009;height:4px}
.style25{background-color:#039}
.style26{font-size:medium;text-align:center;height:24px;background-color:#039}
.style37{height:34px;width:164px;text-align:right;color:#000}
.style48{text-align:center}
.style52{font-size:small;width:206px;color:#00c;height:12px;text-align:right}
.style53{color:#00c;height:12px}
.style54{height:12px}
.style57{height:4px}
.style59{height:4px}
.style64{height:13px}
.style67{height:40px;color:#00c;font-size:x-small;background-color:#cff}
.style71{font-size:small;width:206px;color:#00c;text-align:left;text-decoration:underline}
.style73{width:164px;text-align:right}
.style74{color:#7c8080;text-align:right}
.style77{color:#f00}
.style80{height:17px}
.style81{height:34px;color:#fff;text-align:center;font-size:small}
.style82{height:4px;text-align:left}
.style84{height:12px}
.style85{height:34px;color:#7c8080;text-align:right}
.style87{font-size:small;width:206px;color:#00c;text-align:right}
.style88{color:#00c}
.style90{width:164px}
.style91{height:12px;width:164px}
.style92{width:164px;height:4px}
.style93{width:206px;height:4px}
/*------------------  ------------------*/

.grid-bg{ background-color: #33CCFF; }

.dxeButtonEdit{ background-color: white; border: solid 1px #9F9F9F; width: 170px; }
.dxeEditArea { font-family: Tahoma; font-size: 9pt; border: 1px solid #A0A0A0; }

a{ cursor:pointer; }
.float-left{ float:left; }
.float-right{ float:right; }
.align-left{ text-align:left; }
.align-center{ text-align:center; }
.clearfix{ clear:both !important; }
.tam{ width:100%; }
.yarim{ width:50%; }
.margin-auto{ margin-left:auto !important; margin-right:auto !important; }
hr.tam{ position:relative; float:left; width:100%; margin:4px 0; padding:0; height:1px; background-color:#9f9f9f; }
.font-kirmizi{ color:#ff0000; }
.font-yesil{ color:#00ff00; }
.font-orta{ font-size:14px; }

.btn{ padding:6px 16px; font-size:13px; }
.btn.btn-primary{ background-color:#0093ce; border:1px solid #007cae; color:#ffffff; }
.btn.btn-primary:hover{ background-color:#007cae; border:1px solid #006a95; color:#ffffff; }
.btn.btn-success{ background-color:#008000; color:#ffffff; }
.btn.btn-success:hover{ background-color:#005f00; color:#ffffff; }
.btn.btn-default{ background-color:#e1e1e1; border:1px solid #d1d1d1; color:#454545; padding: 6px 8px; font-weight:bold; }
.btn.btn-default:hover{ background-color:#d1d1d1; border:1px solid #c1c1c1; color:#343434; }
.btn.btn-error{ background-color:rgb(255, 0, 0); border:1px solid rgb(227, 0, 0); color:#ffffff; }
.btn.btn-error:hover{ background-color:rgb(227, 0, 0); border:1px solid rgb(209, 0, 0); color:#ffffff; }
.btn.large{ padding:18px 30px; min-width:160px; position: relative; margin:3px 5px; font-size:15px; }

body{ background-image:url('../img/bg.png'); background-color:rgba(180, 180, 180, 0.3); background-position:top left; background-size: 100% 100%; background-repeat:no-repeat; margin:0; }
.site-header {
    padding-top: 10px;
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: center;
    align-items: center;
}
.site-header-text {
    font-size: 30px;
    line-height: 34px;
    text-align: center;
    display: flex;
    flex-direction: column;
    align-content: center;
    flex-wrap: nowrap;
    justify-content: center;
    align-items: center;
}
.sayfa-baslik{ position:relative; float:left; width:100%; border-bottom:1px groove #787878; padding:12px 0 2px;  }
.sayfa-baslik h4{ font-size:20px;  font-weight:bold; margin:0; padding:0; text-align:left; }
.overlay{ width:100%; height:100%; display:block; position:absolute; z-index:-1; background-color:rgba(255, 255, 255, 0.3); }
.kurum-logo{ position:relative; float:left; max-width:150px; }
.kapsayici{ max-width:1024px; margin:0 auto; padding:15px 20px; }
.kapsayici-ic{}
.kutu{ background-color:rgba(255, 255, 255, 0.8); padding:15px 25px 15px; border-radius:3px; border:1px solid #d1d1d1; margin:5px 0; }
.kutu.padding{ padding:15px 25px 40px;}
.card { margin-top: 10px; margin-bottom:10px;}
.card-header h4 {
    font-size: 16px;
    color: #4a4a4a;
    font-weight: bold;
    padding-top: 3px;
    line-height: 19px;
    margin-bottom: 5px;
    position: relative;
    float: left;
    width: 100%;
}
.card-header h4 span p{ margin-top: 10px; }
.card-body{ padding: 0.5rem 1.25rem; }
.card-footer { padding: .25rem 1.25rem; }
.col-form-label { font-weight: 600; }
.bolum-uclu{ position: relative; float: left; width:33%; }
.sag{ position: relative; float: right; width:49%; }
.sol{ position: relative; float: left; width:49%; }
.form-horizontal .form-group{ margin:6px 0; }
.form-baslik{ font-weight: bold; font-size: 16px; padding-bottom:3px; border-bottom:1px groove #454545; }
.form-horizontal label{ font-size:11px; min-width:180px; position: relative; float: left; text-align:left; font-weight:normal; }
input[type="text"].form-control{ font-size:0.9rem; margin-top:2px; }
select.form-control{ border:1px solid #aaaaaa; padding:5px 4px; color:#787878; border-radius:2px; -webkit-box-shadow: 2px 2px 4px 0px rgba(143, 143, 143, 0.4); -moz-box-shadow: 2px 2px 4px 0px rgba(143, 143, 143, 0.4); box-shadow: 2px 2px 4px 0px rgba(143, 143, 143, 0.4); }
select.form-control:focus{ border:1px solid #989898; }
textarea.form-control{ border:1px solid #aaaaaa; padding:5px 4px; color:#292929; border-radius:2px; }
textarea.form-control:focus{ border:1px solid #989898; }

.aciklama{ clear:both; width:100%; max-height:400px; min-width:800px; min-height:100px; font-size:12px; background-color: #fff !important; }
.aciklama-kisa{ clear:both; width:100%; max-width:1026px; max-height:160px; min-width:800px; min-height:30px; }
.form-aciklama{ position: relative; float: left; width:100%; padding:0 0 15px; }

.metin-aciklama{ font-weight:normal; margin-top:50px; font-size: 13px; }
.metin-mini{ font-size:10px; color:#ababab; }
.liste{ text-align:left; font-size:12px; }

.footer {
    margin-top: 0;
    position: relative;
    float: left;
    padding: 5px 10px;
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: space-between;
    align-content: center;
    align-items: center;
}
.footer-link{ font-size:12px; color:#454545; text-decoration:none; text-align:right; }
.footer-link.trtek{ color:#e20a17; }

.form-group { margin-top: 0.5rem;  margin-bottom: 0.5rem; }
.hidden { display:none !important; }
.btn-randevu-saat {
    margin: 4px;
    border: 1px solid #333333 !important;
    opacity: 1 !important;
    padding: 6px 6px;
    letter-spacing: 1px;
    font-weight: bold;
    min-width: 64px;
}
.alt-bolum-baslik { position: relative; float: left; width: 100%; border-bottom: 1px groove #787878; padding: 4px 0 2px; font-weight:bold; }
.card-body.randevu-tipi-secimi { min-height: 300px; }
.btn-randevu-tipi {
    color: #ffffff !important;
    width: 100%;
    font-size: 24px;
    min-height: 180px;
    margin-top: 15px;
    padding-top: 15px;
    transition: background-color 0.5s ease;
    display: flex;
    flex-direction: column;
    justify-content: space-evenly;
    padding-left: 20px;
    padding-right: 20px;
}
.btn-randevu-tipi span {
    position:relative;
    float:left;
    width: 100%;
    white-space: break-spaces;
}
.btn-randevu-tipi i.fa{
    font-size: 40px;
    width: 100%;
    margin-bottom: 5px;
}
.btn-randevu-tipi.NORMAL_RANDEVU {
    background-color: #0093ce;
    border: 1px solid #007cae;
}
.btn-randevu-tipi.NORMAL_RANDEVU:hover {
    background-color: #007cae;
    border: 1px solid #00658e;
}
.btn-randevu-tipi.MESAI_DISI_OGRETIM_UYESI_RANDEVUSU {
    background-color: #c50052;
    border: 1px solid #9c0041;
}
.btn-randevu-tipi.MESAI_DISI_OGRETIM_UYESI_RANDEVUSU:hover {
    background-color: #9c0041;
    border: 1px solid #5d0027;
}
.btn-randevu-tipi.UCRETLI_RANDEVU {
    background-color: #dc2900;
    border: 1px solid #ab2000;
}

    .btn-randevu-tipi.TOMOGRAFI_RANDEVU {
        background-color: #00dc5c;
        border: 1px solid #ab2000;
    }

    .btn-randevu-tipi.INTERNET_RANDEVUSU_PERSONEL {
        background-color: #00c8dc;
        border: 1px solid #ab2000;
    }

.btn-randevu-tipi.UCRETLI_RANDEVU:hover {
    background-color: #ab2000;
    border: 1px solid #8e1b00;
}


    .btn-randevu-tipi.TOMOGRAFI_RANDEVU:hover {
        background-color: #00dc5c;
        border: 1px solid #ab2000;
    }

    .btn-randevu-tipi.INTERNET_RANDEVUSU_PERSONEL:hover {
        background-color: #00c8dc;
        border: 1px solid #ab2000;
    }
.randevu-tipi-aciklama {
    width: 100%;
    text-align: center;
    position: relative;
    float: left;
    font-size: 14px;
    margin-top: 10px;
    color: #848484;
}
.text-align-right {
    text-align:right;
}
.command-column-td { padding: 5px; }
.multi-spinner-container {
    width: 150px;
    height: 150px;
    position: relative;
    margin: 30px auto;
    overflow: hidden;
    align-self: center;
}
.multi-spinner {
    position: absolute;
    width: calc(100% - 9.9px);
    height: calc(100% - 9.9px);
    border: 5px solid transparent;
    border-top-color: #263544;
    border-radius: 50%;
    -webkit-animation: spin 3s cubic-bezier(0.17, 0.49, 0.96, 0.76) infinite;
    animation: spin 3s cubic-bezier(0.17, 0.49, 0.96, 0.76) infinite;
}

@-webkit-keyframes spin {
    from {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }

    to {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}

@keyframes spin {
    from {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }

    to {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}
#MbYukleniyor {
    position: fixed;
    left: 0px;
    top: 0px;
    width: 100%;
    height: 100%;
    display: flex;
    background: rgba(0, 0, 0, 0.2);
    z-index: 9999;
    justify-content: center;
    visibility: hidden;
}
@media (min-width: 576px) {
    .modal-dialog {
        margin: 5rem auto;
    }
}
@media (max-width: 767px) {
    .site-header-text {
        font-size: 16px;
        line-height: 18px;
        text-align: center;
        display: flex;
        flex-direction: column;
        align-content: center;
        flex-wrap: nowrap;
        justify-content: center;
        align-items: center;
    }
    .kurum-logo {
        max-width: 100px;
    }
}
#modalMessage {
    font-size:14px;
}
.table-striped tbody tr:nth-of-type(odd) {
    background-color: rgba(0,0,0,.02);
}
.table-hover tbody tr:hover {
    background-color: #008CDE50;
}
.btn-randevu-saat-icon {
    background-color: green;
    color: white;
    padding: 6px 6px;
}
.card-hasta-bilgileri {
    font-size:14px;
}
.randevu-sonuc-mesaji {
    font-size: 16px;
    padding: 10px;
    white-space: break-spaces;
}
.hasta-bilgi-alani {
    font-size: 14px;
    padding-top: 10px;
    border: 1px solid #ececec;
    font-weight: normal;
    margin: 3px 15px;
    display: grid;
}
.table.table-bordered.table-striped tr td {
    vertical-align:middle;
}
.form-control::-webkit-input-placeholder {
    color: #adadad;
}
.form-control:-moz-placeholder {
    color: #adadad; /* For Firefox 18- */
}
.form-control::-moz-placeholder {
    color: #adadad; /* For Firefox 19+ */
}
.form-control:-ms-input-placeholder {
    color: #adadad;
}
.badge-randevu-tipi {
    margin-left:10px;
    padding: 10px;
    font-size: 15px;
}
.badge-randevu-tipi.NORMAL_RANDEVU {
    background-color: #0093ce;
    border: 1px solid #007cae;
}
.badge-randevu-tipi.MESAI_DISI_OGRETIM_UYESI_RANDEVUSU {
    background-color: #c50052;
    border: 1px solid #9c0041;
}
.badge-randevu-tipi.UCRETLI_RANDEVU {
    background-color: #dc2900;
    border: 1px solid #ab2000;
}
.btn-randevu-tipi.TOMOGRAFI_RANDEVU {
    background-color: #00dc5c;
    border: 1px solid #ab2000;
}

.btn-randevu-tipi.INTERNET_RANDEVUSU_PERSONEL {
    background-color: #00c8dc;
    border: 1px solid #ab2000;
}

.badge-version {
    padding: 6px;
    font-size: 12px;
}
.badge-randevu-kayit-aciklama {
    margin-top: 15px;
    font-size: 16px;
    width: 100%;
    display: inline-block;
    background-color: #ffc107;
    text-align: center;
    white-space: nowrap;
    vertical-align: baseline;
    border-radius: 0.25rem;
    padding: 10px;
}
.sayfa-ortali {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: space-evenly;
    align-items: center;
    height: 100%;
}