html {
    height: 100%;
    box-sizing: border-box;
}

body {
    position: relative;
    margin: 0;
    padding-bottom: 6rem;
    min-height: 100%;
}

.bgksu {
    background: url(../images/pattern.png) repeat;
    position: absolute;
    width: 100%;
    height: 100%;
    z-index: -1;
}

.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;
    position: absolute;
    right: 0;
    bottom: 0;
    left: 0;
    padding: 1rem;
}

.btnmia {
    height: 24px !important;
    line-height: 12px !important;
    font-weight: bold !important;
}

.mt-20 {
    margin-top: 20px !important;
}

.mt-10 {
    margin-top: 10px !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;
}

.well {
    background: #f9f9f9 !important;
}

.ptb-20 {
    padding: 15px 0;
}

.tabpadding0 .panel-heading {
    padding: 0px !important;
}

.nav-pills > li.active > a {
    border-radius: 0 !important;
    background: #8ca1c6 !important;
}

.nav-pills > li > a {
    border-radius: 0 !important;
}

.panel-heading {
    padding: 2px 10px !important;
    font-weight: 600;
    font-size: 16px;
}

h3 {
    margin-top: 9px !important
}

.nav-tabs a {
    color: #fff !important;
}

.nav-tabs > li.active > a {
    background: #8ca1c6 !important;
}

.nav-tabs > li:hover a {
    background: #3498db !important;
}

.nav > li > a {
    padding: 2px 15px !important;
}

.caption {
    display: block;
}

    .caption a {
        display: block;
    }

.thumbnail:hover {
    background: #dcdcdc;
}

.circle {
    width: 18px;
    height: 18px;
    border-radius: 50%;
    display: inline-block;
}

.infotext {
    margin: -24px 0 0 26px;
}

.form-group {
    margin-top: 10px !important;
    margin-bottom: 5px !important;
}
/*.modal.in .modal-dialog {width:90% !important;}*/
hr {
    margin-bottom: 10px !important;
}



.tabpadding0 .form-group {
    margin-top: 5px !important;
}

.tabpadding0 .form-control {
    height: 28px !important;
    font-size: 12px !important;
}

.customtext {
    font-size: 18px;
}

.highcharts-credits {
    display: none !important;
}

.table {
    margin-bottom: 0 !important;
}

.box {
    background-color: #313348;
    padding: 10px 15px;
    overflow: hidden;
}

    .box .info {
        width: 75%;
        color: #EEE;
        float: left;
    }

        .box .info h3 {
            font-size: 36px
        }

        .box .info p {
            color: #fff;
            font-size: 18px
        }

.box2 {
    background-color: #274c06;
    padding: 10px 15px;
    overflow: hidden;
}

    .box2 .info {
        width: 75%;
        color: #EEE;
        float: left;
    }

        .box2 .info h3 {
            font-size: 36px
        }

        .box2 .info p {
            color: #fff;
            font-size: 18px
        }

.box3 {
    background-color: #8c0808;
    padding: 10px 15px;
    overflow: hidden;
}

    .box3 .info {
        width: 75%;
        color: #EEE;
        float: left;
    }

        .box3 .info h3 {
            font-size: 36px
        }

        .box3 .info p {
            color: #fff;
            font-size: 18px
        }

.box4 {
    background-color: #100098;
    padding: 10px 15px;
    overflow: hidden;
}

    .box4 .info {
        width: 75%;
        color: #EEE;
        float: left;
    }

        .box4 .info h3 {
            font-size: 36px
        }

        .box4 .info p {
            color: #fff;
            font-size: 18px
        }

.box5 {
    background-color: #8c085d;
    padding: 10px 15px;
    overflow: hidden;
}

    .box5 .info {
        width: 75%;
        color: #EEE;
        float: left;
    }

        .box5 .info h3 {
            font-size: 36px
        }

        .box5 .info p {
            color: #fff;
            font-size: 18px
        }

.box6 {
    background-color: #2b7cd8;
    padding: 10px 15px;
    overflow: hidden;
}

    .box6 .info {
        width: 75%;
        color: #EEE;
        float: left;
    }

        .box6 .info h3 {
            font-size: 36px
        }

        .box6 .info p {
            color: #fff;
            font-size: 18px
        }

.box7 {
    background-color: #3e0101;
    padding: 10px 15px;
    overflow: hidden;
}

    .box7 .info {
        width: 75%;
        color: #EEE;
        float: left;
    }

        .box7 .info h3 {
            font-size: 36px
        }

        .box7 .info p {
            color: #fff;
            font-size: 18px
        }

.box8 {
    background-color: #080840;
    padding: 10px 15px;
    overflow: hidden;
}

    .box8 .info {
        width: 75%;
        color: #EEE;
        float: left;
    }

        .box8 .info h3 {
            font-size: 36px
        }

        .box8 .info p {
            color: #fff;
            font-size: 18px
        }



.acolor2 {
    color: #333 !important;
}

    .acolor2:hover {
        color: #333 !important;
        text-decoration: underline;
    }

.table > tbody > tr > td {
    padding: 7px 5px 0px 5px !important;
    vertical-align: middle !important;
}

.table > tbody > tr > th {
    padding: 7px 5px 0px 5px !important;
    vertical-align: middle !important;
}


/*Vizit ekranları 01.10.2019*/
.doluyatakerkek {
    background: url(../images/doluyatakerkek.png) no-repeat;
    width: 100px;
    height: 110px;
}

.doluyatakkadin {
    background: url(../images/doluyatakkadin.png) no-repeat;
    width: 100px;
    height: 110px;
}

.bosyatak {
    background: url(../images/bosyatak.png) no-repeat;
    width: 100px;
    height: 110px;
}

.yatakno {
    position: absolute;
    left: 30px;
    bottom: 25px;
    color: #177785;
    background: #ffd8a7;
    padding: 1px 5px;
}

.bosyataktext {
    font-size: 36px;
    margin-top: 25px;
    color: #177785;
}

.hastatext {
    margin-left: 80px;
}

.hastaimg {
    position: absolute;
}

.hastaimg {
    width: 60px;
    height: 60px;
    border-radius: 50%;
    border: 1px solid #bfbfbf;
    padding: 1px;
}

.hastaimg2 {
    width: 32px;
    height: 32px;
    border-radius: 50%;
    border: 1px solid #bfbfbf;
    padding: 1px;
    margin-top: -9px;
}


.vizit .panel {
    background: #f9f9f9;
    min-height: 170px;
}

    .vizit .panel:hover {
        background: #fff;
    }

.hastatext hr {
    margin-bottom: 5px !important;
    margin-top: 5px !important;
}

.vizitdetay .nav-tabs a {
    color: #447a88 !important;
}

    .vizitdetay .nav-tabs a:hover {
        background: #fff !important;
    }

.vizitdetay .nav-tabs > li.active > a {
    background: -webkit-linear-gradient(top, #64829e, #326aa0 0%, #d6e6f5, #335a81 95%, #34495E) !important;
    color: #224a71 !important;
}

.vizitdetay .tab-content {
    border: 1px solid #ddd;
    border-top: 0;
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;
    padding: 10px 10px 40px 10px;
    min-height: 500px;
}

.vizitdetay .nav > li > a {
    padding: 30px 5px !important;
    border: 1px solid #ddd;
}

.col-label2 {
    padding-right: 0;
    font-weight: 700;
    text-align: right;
}

#anamnez .row {
    min-height: 60px;
}

.vizitdetay .text-warning {
    color: #ffa201;
}

.mt-3 {
    margin-top: 30px;
}

.vizitdetay .alert {
    padding: 5px 10px !important;
    margin: 5px 0 !important;
}


.vizitdetay .panel-title {
    padding: 7px;
    font-size: 15px;
    font-weight: 400;
    color: #3b9a9a;
}

.panel-title > a:before {
    font-family: FontAwesome;
    content: "\f068";
    padding-right: 5px;
}

.panel-title > a.collapsed:before {
    content: "\f067";
}

.panel-title > a:hover, .panel-title > a:active, .panel-title > a:focus {
    text-decoration: none;
}


.printpage {
    width: 20cm;
    height: 100%;
    margin: auto;
    padding: 1cm;
    border: 1px solid #ddd;
}

.iconizolasyonlar {
    position: absolute;
    top: 0;
    left: 80px;
}

    .iconizolasyonlar ul li {
        list-style-type: none;
        margin-bottom: 2px;
    }

        .iconizolasyonlar ul li img {
            width: 26px;
        }

.iconizolasyonlar2 {
    position: absolute !important;
    top: 80px;
}

    .iconizolasyonlar2 img {
        width: 28px;
        display: block;
        margin-left: 14px;
        margin-bottom: 1px;
    }

ul.gozlemtarih {
    padding-left: 5px;
}

    ul.gozlemtarih li {
        margin-bottom: 5px;
        padding: 5px 5px 2px 5px;
        border-bottom: 1px solid #ddd;
        font-weight: 600;
        list-style-type: none;
        font-size: 15px;
    }

        ul.gozlemtarih li a {
            display: block;
            cursor: pointer;
        }

        ul.gozlemtarih li.active {
            background: #eee;
        }

.ilacadi {
    font-size: 13px !important;
    margin-top: 8px;
}

.ilacdozsaat {
    margin-left: 20px;
}

    .ilacdozsaat .col-md-12 {
        margin-top: 7px;
    }

.vitalbulgu td {
    text-align: center;
}

.hemsireliksurecleri li a {
    font-size: 12px !important;
    height: 130px;
}

.himssbg {
    background: linear-gradient(90deg, rgba(18,114,157,1) 0%, rgba(255,255,255,1) 90%);
    margin-right: 6px;
    width: 99% !important;
    padding: 5px 0 10px 0;
}

.himssbg2 {
    background: linear-gradient(90deg, rgba(18,114,157,1) 0%, rgb(186, 205, 224) 90%);
    margin-right: 6px;
    width: 99% !important;
    padding: 5px;
    color: whitesmoke;
    overflow: hidden;
}


.mobilhemsiresurec .baslikbg {
    color: #ff8300;
    padding: 5px 10px;
    border-radius: 5px;
    font-weight: 600;
}

.mobilhemsiresurec label {
    font-weight: 400;
}

.baslikbg {
    color: #ff8300;
    padding: 5px 10px;
    border-radius: 5px;
    font-weight: 600;
}


.mobilhemsiresurec .labelcustom {
    font-weight: 600;
    text-align: right;
}

.form-check {
    display: inline-block;
    margin-right: 35px;
}

.mobilhemsiresurec .form-control {
    height: 27px !important;
    padding: 2px 12px !important;
    margin-top: -3px;
    margin-bottom: 5px;
}

.textarea {
    display: block;
    width: 100%;
    padding: 6px 12px;
    font-size: 14px;
    line-height: 1.42857143;
    color: #555;
    background-color: #fff;
    background-image: none;
    border: 1px solid #ccc;
    border-radius: 4px;
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
    box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
    -webkit-transition: border-color ease-in-out .15s,-webkit-box-shadow ease-in-out .15s;
    -o-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
}

.nonetextarea {
    display: none;
}

.mt-0 {
    margin-top: 0 !important;
}

.mb-0 {
    margin-bottom: 0 !important;
}

#hemsistem .form-check {
    margin-right: 10px !important;
}

.modal .form-group {
    border-bottom: 1px solid #f5f5f5 !important;
    margin-left: 0;
    margin-right: 0;
}


.modal .table > tbody > tr > td {
    padding-top: 0 !important;
}

    .modal .table > tbody > tr > td:last-child {
        text-align: center;
    }

.table > tbody > tr > td a {
    color: #000 !important;
}

.table > tbody > tr > td .form-group {
    margin-top: 3px !important;
    margin-bottom: 0px !important;
}

.vizitdetay .modal .nav > li > a {
    padding: 5px 5px !important;
}

#btn-back {
    display: none;
}

.table {
    font-size: 12px !important;
}

.ml-10 {
    margin-left: 10px;
}

.rating__star {
    font-size: 50px;
    display: inline-block;
    margin-right: 11px;
    margin-left: 7px;
}

.rating__star {
    -webkit-filter: grayscale(100%);
    filter: grayscale(100%);
}

.radiobutons .form-check {
    margin-right: 7px !important;
}


.hizmetdurum_1 {
    background: none !important;
}

.hizmetdurum_2 {
    background: none !important;
}

.hizmetdurum_3 {
    background: none !important;
}

.hizmetdurum_4 {
    background: none !important;
}

.hizmetdurum_5 {
    background: #ff0000 !important;
}

.hizmetdurum_6 {
    background: #ffff00 !important;
}

.hizmetdurum_7 {
    background: #aaf97c !important;
}

.hizmetdurum_8 {
    background: #00c000 !important;
}

.hizmetdurum_9 {
    background: #c000c0 !important;
}


.hastabilgicollapse {
    display: block !important;
    height: 41px !important;
    overflow: hidden !important;
    margin-bottom: 10px;
}

.hastabilgicollapse2 {
    display: block !important;
    height: 41px !important;
    overflow: hidden !important;
    margin-bottom: 10px;
    position: fixed;
    z-index: 2;
    top: 0;
    background: #ffefc4;
}

#HastaBilgi {
    position: absolute;
    right: 20px;
    top: 20px;
    z-index: 9;
    font-size: 26px;
}

.reflesh img {
    width: 24px;
    height: 24px;
    cursor: pointer;
}

.active2 {
    background: #ff8d00 !important;
}

#hemsurec .modal.in .modal-dialog {
    width: 90% !important;
}

.navbar-fixed-top {
    background: #fff;
    top: 40px !important;
    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
    -webkit-transition: width 0.3s;
    transition: width 0.3s;
}

.navbar {
    top: 60px;
}

.dataTables_length, .dataTables_filter {
    margin-top: 15px;
}

thead {
    background: #ffefc4;
}

.fa-trash {
    cursor: pointer;
}

tbody#tbodyvitalgulgu tr td .form-control {
    margin-top: 6px !important;
}

#tablevitalbulgu .vitalinpt {
    min-width: 50px !important;
}

    #tablevitalbulgu .vitalinpt input {
        min-width: 50px !important;
    }

#tablevitalbulgu .vitalinptgozlem {
    width: 200px !important;
}

    #tablevitalbulgu .vitalinptgozlem input {
        width: 200px !important;
    }

tbody#tbodysiviizlem tr td .form-control {
    margin-top: 6px !important;
}

#tablesiviizlem .vitalinpt {
    min-width: 50px !important;
}

    #tablesiviizlem .vitalinpt input {
        min-width: 50px !important;
    }

#tablesiviizlem .vitalinptgozlem {
    width: 200px !important;
}

    #tablesiviizlem .vitalinptgozlem input {
        width: 200px !important;
    }


.modal-dialog2 {
    margin: auto;
    width: 96%;
    margin-top: 20px;
}

.width190 {
    width: 190px !important;
}

#hastabilgilersmall {
    display: none;
}

.hastabilgilersmall {
    width: 1140px;
    display: block !important;
    position: fixed;
    z-index: 9;
    top: 0 !important;
}




@media print {
    body * {
        visibility: hidden;
    }

    .printdiv, .printdiv *, .printdivuser, .printdivuser *, .printdiv2, .printdiv2 * {
        visibility: visible;
    }

    .printdiv {
        position: absolute;
        left: 0;
        top: 0;
    }

    .printdivuser {
        position: relative;
        left: 0;
        top: 150px;
        margin-top: -200px;
    }

    .printdiv2 {
        position: absolute;
        left: 0;
        top: 350px;
    }


    .btn-print {
        display: none !important;
    }

    .nav-tabs {
        display: none !important;
    }
}



/*Vizit ekranları 01.10.2019 end*/
.arrow {
    text-align: right;
    margin: 6px 0;
}

.bounce {
    -moz-animation: bounce 1s infinite;
    -webkit-animation: bounce 1s infinite;
    animation: bounce 1s infinite;
}

@keyframes bounce {
    0%, 20%, 50%, 80%, 100% {
        transform: translateY(0);
    }

    40% {
        transform: translateY(-10px);
    }

    60% {
        transform: translateY(-5px);
    }
}



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

    100% {
        transform: rotate(360deg);
    }
}


@media screen and (max-width: 768px) {
    #hastaneadi {
        display: none;
    }

    #btn-back {
        display: block !important;
    }

    #logo {
        text-align: center;
    }

    .colorinfo {
        display: none;
        z-index: 9999;
    }

    .randevuimage {
        display: none;
    }

    .nav-tabs > li {
        width: 100% !important;
    }

    .order {
        margin-top: 30px;
    }

    .iconizolasyonlar2 {
        margin-top: 20px !important;
    }

    .modal.in .modal-dialog {
        width: 95% !important;
    }

    .mobilhemsiresurec {
        margin-top: 70px !important;
    }

    .printpage {
        width: 100% !important;
    }

    .vizitdetay .nav-tabs a {
        height: 130px !important
    }

    .col-label2 {
        text-align: left;
    }

    .nav > li {
        position: relative !important;
        display: inline-flex !important;
        width: auto !important;
    }

    #vitalbulgu .table-responsive {
        display: block !important;
    }

    #siviizlem .table-responsive {
        display: block !important;
    }
}


@media screen and (max-width: 768px) {
    #hastaneadi {
        display: none;
    }

    #btn-back {
        display: block !important;
    }

    #logo {
        text-align: center;
    }

    .colorinfo {
        display: none;
        z-index: 9999;
    }

    .randevuimage {
        display: none;
    }

    .nav-tabs > li {
        width: 100% !important;
    }

    .order {
        margin-top: 30px;
    }

    .iconizolasyonlar2 {
        margin-top: 20px !important;
    }

    .modal.in .modal-dialog {
        width: 95% !important;
    }

    .mobilhemsiresurec {
        margin-top: 70px !important;
    }

    .printpage {
        width: 100% !important;
    }

    .vizitdetay .nav-tabs a {
        height: 130px !important
    }

    .col-label2 {
        text-align: left;
    }

    .nav > li {
        position: relative !important;
        display: inline-flex !important;
        width: auto !important;
    }

    #vitalbulgu .table-responsive {
        display: block !important;
    }

    #siviizlem .table-responsive {
        display: block !important;
    }
}

@media screen and (max-width: 768px) {
    #hastaneadi {
        display: none;
    }

    #btn-back {
        display: block !important;
    }

    #logo {
        text-align: center;
    }

    .colorinfo {
        display: none;
        z-index: 9999;
    }

    .randevuimage {
        display: none;
    }

    .nav-tabs > li {
        width: 100% !important;
    }

    .order {
        margin-top: 30px;
    }

    .iconizolasyonlar2 {
        margin-top: 20px !important;
    }

    .modal.in .modal-dialog {
        width: 95% !important;
    }

    .mobilhemsiresurec {
        margin-top: 70px !important;
    }

    .printpage {
        width: 100% !important;
    }

    .vizitdetay .nav-tabs a {
        height: 130px !important
    }

    .col-label2 {
        text-align: left;
    }

    .nav > li {
        position: relative !important;
        display: inline-flex !important;
        width: auto !important;
    }

    #vitalbulgu .table-responsive {
        display: block !important;
    }

    #siviizlem .table-responsive {
        display: block !important;
    }
}

@media screen and (max-width: 768px) {
    #hastaneadi {
        display: none;
    }

    #btn-back {
        display: block !important;
    }

    #logo {
        text-align: center;
    }

    .colorinfo {
        display: none;
        z-index: 9999;
    }

    .randevuimage {
        display: none;
    }

    .nav-tabs > li {
        width: 100% !important;
    }

    .order {
        margin-top: 30px;
    }

    .iconizolasyonlar2 {
        margin-top: 20px !important;
    }

    .modal.in .modal-dialog {
        width: 95% !important;
    }

    .mobilhemsiresurec {
        margin-top: 70px !important;
    }

    .printpage {
        width: 100% !important;
    }

    .vizitdetay .nav-tabs a {
        height: 130px !important
    }

    .col-label2 {
        text-align: left;
    }

    .nav > li {
        position: relative !important;
        display: inline-flex !important;
        width: auto !important;
    }

    #vitalbulgu .table-responsive {
        display: block !important;
    }

    #siviizlem .table-responsive {
        display: block !important;
    }
}

@media screen and (max-width: 991px) {
    .order {
        margin-top: 30px;
    }

    .iconizolasyonlar2 {
        margin-top: 20px !important;
    }

    .form-control {
        margin-top: 10px !important;
    }

    .labelcustom {
        text-align: left !important;
    }

    h4 {
        font-size: 14px !important;
    }

    .nav > li {
        display: table-cell !important;
    }

    .tabtext {
        display: none;
    }

    .nav > li > a > img {
        width: 22px;
    }

    .vizitdetay .nav > li > a {
        height: 80px !important;
    }

    .col-label2 {
        text-align: left;
    }

    #gozlem .col-lg-2 {
        width: 16.666667% !important;
    }

    #gozlem .col-lg-4 {
        width: 33.33333333% !important;
    }
}

@media screen and (min-width:765px) and (max-width: 1200px) {
    #vitalbulgu .table-responsive {
        display: block !important;
    }
}

@media screen and (min-width: 1199px) {
    #gozlem .col-md-2 {
        width: 11.666667% !important;
    }

    #gozlem .col-md-4 {
        width: 38.33333333% !important;
    }
}

@media screen and (max-width: 300px) {
    .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;
    }

    .iconizolasyonlar2 {
        margin-top: 20px !important;
    }
}




.yuzde {
    position: absolute;
    margin-left: -46px;
    margin-top: 19px;
}




@keyframes fillup {
    from {
        stroke-dasharray: 0 100;
    }
}

svg {
    width: 60px;
    height: 60px;
    transform: rotate(-90deg);
    background: #fff;
    border-radius: 50%;
}

circle {
    fill: #eee;
    stroke: #428bca;
    stroke-width: 10;
    stroke-dasharray: 0 100; /* for 75% */
    animation: fillup 1s ease-out forwards;
}







@import url("https://maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css");



input[type="checkbox"], input[type="radio"] {
    position: absolute;
    right: 9000px;
}

    /*Check box*/
    input[type="checkbox"] + .label-text:before {
        content: "\f096";
        font-family: "FontAwesome";
        speak: none;
        font-style: normal;
        font-weight: normal;
        font-variant: normal;
        text-transform: none;
        line-height: 1;
        -webkit-font-smoothing: antialiased;
        width: 1em;
        display: inline-block;
        margin-right: 3px;
        margin-left: 2px;
        font-size: 1.7em;
    }

    input[type="checkbox"]:checked + .label-text:before {
        content: "\f14a";
        color: #ff8d00;
        animation: effect 250ms ease-in;
    }

    input[type="checkbox"]:disabled + .label-text {
        color: #aaa;
    }

        input[type="checkbox"]:disabled + .label-text:before {
            content: "\f0c8";
            color: #ccc;
        }

    /*Radio box*/

    input[type="radio"] + .label-text:before {
        content: "\f10c";
        font-family: "FontAwesome";
        speak: none;
        font-style: normal;
        font-weight: normal;
        font-variant: normal;
        text-transform: none;
        line-height: 1;
        -webkit-font-smoothing: antialiased;
        width: 1em;
        display: inline-block;
        margin-right: 5px;
    }

    input[type="radio"]:checked + .label-text:before {
        content: "\f192";
        color: #ff8d00;
        animation: effect 250ms ease-in;
    }

    input[type="radio"]:disabled + .label-text {
        color: #aaa;
    }

        input[type="radio"]:disabled + .label-text:before {
            content: "\f111";
            color: #ccc;
        }

/*Radio Toggle*/

.toggle input[type="radio"] + .label-text:before {
    content: "\f204";
    font-family: "FontAwesome";
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    width: 1em;
    display: inline-block;
    margin-right: 10px;
}

.toggle input[type="radio"]:checked + .label-text:before {
    content: "\f205";
    color: #16a085;
    animation: effect 250ms ease-in;
}

.toggle input[type="radio"]:disabled + .label-text {
    color: #aaa;
}

    .toggle input[type="radio"]:disabled + .label-text:before {
        content: "\f204";
        color: #ccc;
    }


@keyframes effect {
    0% {
        transform: scale(0);
    }

    25% {
        transform: scale(1.3);
    }

    75% {
        transform: scale(1.4);
    }

    100% {
        transform: scale(1);
    }
}






/*oda listleri*/

.navbar-brand {
    position: absolute;
    right: 10px;
    z-index: 1001;
}

#menu-toggle {
    cursor: pointer;
}

#wrapper {
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;
}

#sidebar-wrapper {
    z-index: 1000;
    position: absolute;
    right: 0;
    padding: 20px;
    background: #f7f7f7;
    border: 1px solid #d0d0d0;
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;
}

.sidebar-navs {
    margin-left: 5px;
    padding-left: 5px;
}

    .sidebar-navs li {
        list-style-type: none;
        border-bottom: 1px solid #eee;
        padding: 5px 0;
    }



/* tabları sabitlerken genişlik değerleri*/
@media all and (min-width: 768px) {
    .navbar-fixed-top, .hastabilgicollapse2, theadfixed {
        width: 720px !important;
        margin-left: auto !important;
        margin-right: auto !important;
    }
}

@media all and (min-width: 992px) {
    .navbar-fixed-top, .hastabilgicollapse2, theadfixed {
        width: 941px !important;
        margin-left: auto !important;
        margin-right: auto !important;
    }
}

@media all and (min-width: 1200px) {
    .navbar-fixed-top, .hastabilgicollapse2, theadfixed {
        width: 1140px !important;
        margin-left: auto !important;
        margin-right: auto !important;
    }
}

@media screen and (max-width: 465px) {
    #tablevezne td {
        font-size: 8px;
    }

    #tablevezne a {
        font-size: 8px;
    }
}

@media screen and (max-width: 400px) {
    #tablevezne td {
        font-size: 6px;
    }

    #tablevezne a {
        font-size: 6px;
    }
}

@media screen and (max-width: 360px) {
    #tablevezne td {
        font-size: 5px;
    }

    #tablevezne a {
        font-size: 5px;
    }
}