@import url('https://fonts.googleapis.com/css?family=Roboto');

html, body {
    min-height: 98%;
}

body {
    margin: 0;
    padding: 0;
    background: #f8faff url(../Image/bg.jpg) no-repeat top;
    font-family: Arial;
    font-size: 12px;
    min-height: 98%;
    font-family: 'Roboto', sans-serif;
    font-size: 12px;
}

.divz {
    margin-top: 15px;
}

.clear {
    clear: both;
}

.radius {
    border-radius: 7px;
}

.hidden {
    display: none;
}

* {
    color: #525e63;
}

a.back {
    display: block;
    width: 85px;
    height: 33px;
    background: url(../Image/back.png) no-repeat top left;
    margin: 10px 0;
    cursor: pointer;
}

    a.back:hover {
        background-position: left bottom;
    }

div#wrapper {
    /*width: 1000px;*/
    width: 85%;
    margin-bottom: 30px !important;
    margin: 0 auto;
    min-height: 96%;
}

.FloatLeft {
    float: left;
}

.FloatRight {
    float: right;
}

h4#logo {
    padding: 20px 0 10px 85px;
    margin: 0;
    background: url(../Image/logo.png) no-repeat left;
    line-height: 17px;
    font-size: 17px;
    margin-bottom: 35px;
    /*color:#45311f;*/
    /*color:#003e7e;*/
    color: #000;
}

div#identity {
    padding-top: 10px;
    text-align: right;
    font-weight: bold;
    font-size: 12px;
    /*color:#45311f !important;*/
}

    div#identity span {
        color: #45311f !important;
    }

        div#identity span.personel {
            color: #476200 !important;
        }

    div#identity a {
        margin-top: 7px;
        display: inline-block;
        font-size: 14px;
        margin-left: 7px;
        font-weight: normal;
    }

.ProButton {
    background: url(../Image/button_bg.png) repeat-x top left;
    padding: 6px 10px;
    color: #fff;
    text-decoration: none;
    border-radius: 3px;
    line-height: normal;
    border: none;
    cursor: pointer;
}

.randevuiptal {
    white-space: nowrap;
}

.ProButtonBig {
    font-size: 16px;
    font-weight: normal;
}

.ProButtonReverse {
    background: url(../Image/button_bg_hover.png) repeat-x top left !important;
}

a.ProButton:hover {
    background: url(../Image/button_bg_hover.png) repeat-x top left;
}

#PoliklinikListesi {
}

/*Misc*/
.labShadowBox {
    background: #fff;
    border-radius: 8px;
    margin-bottom: 10px;
    box-shadow: 0 0 5px #ccc;
}

.PageHeader, .PageBody {
    margin: 0;
    padding: 0;
    padding: 10px;
}



.PageHeader {
    /*background:#fff url(../Image/light-gradient.png) repeat-x bottom;*/
    /*border-bottom:#d1d1d1 1px solid;*/
    /*background:#75d0c4;*/
    /*background:#85796f;*/
    background: #91cbca;
    /*background:url(../Image/button_bg_hover.png) repeat-x top left;*/
    font-size: 19px;
    border-radius: 7px;
    color: #fff;
    /*color:#45311f;*/
    /*border:#ebeff7 2px solid;*/
    /*border-top-left-radius:7px;*/
    /*border-top-right-radius:7px;*/
    /*text-align:center;*/
}

    .PageHeader > span {
        color: #fff;
        vertical-align: top;
    }

    .PageHeader a.ChangeStepx {
        color: #fff;
        font-size: 15px;
        cursor: pointer;
    }

.PageBody {
    border-radius: 7px;
    min-height: 175px;
    padding: 0px;
}

/*Branş Listesi*/
ul.BransListesi {
    margin: 0;
    padding: 0;
    list-style: none;
    display: table;
}

    ul.BransListesi li {
        border: #647378 1px solid;
        border-radius: 5px;
        margin: 8px;
        margin-left: 0;
        margin-bottom: 0;
        float: left;
        font-size: 16px;
        font-weight: bold;
        background-color: #fed7b0;
        border: #cab80a 1px solid;
        overflow: hidden;
        cursor: pointer;
        list-style: none;
        word-break: break-word;
    }

        ul.BransListesi li.disabled {
            background: #fff url(../Image/light-red-gradient.png) repeat-x bottom;
            border: #dbb2b2 1px solid;
            cursor: not-allowed;
            pointer-events: none;
            background-size: contain;
        }


        ul.BransListesi li a {
            display: table-cell;
            width: 153px;
            vertical-align: middle;
            height: 110px;
            text-align: center;
            font-size: 15px;
            color: #545454 !important;
        }

        ul.BransListesi li span {
            color: #545454 !important;
        }

#poliklinikler ul.BransListesi li a {
    padding: 22px 0 0;
}


ul.BransListesi li .bransInfo {
    /*position: absolute;
            font-size: 20px;
            color: #ff8108;
            cursor: pointer;
            border-radius: 50%;
            background-color: white;*/
    position: absolute;
    border-bottom-right-radius: 50%;
    border-top-left-radius: 5px;
    font-size: 18px;
    color: white !important;
    cursor: pointer;
    text-align: center;
    line-height: 25px;
    pointer-events: visible;
    margin-top: -1px;
    margin-left: -1px;
    background-color: darkblue;
    width: 25px;
    height: 25px;
}

ul.BransListesi li .bransDolu {
    color: #c60000 !important;
    font-size: 24px;
    float: right;
    opacity: 0;
}


ul.BransListesi li .bransInfo:hover {
    background-color: blue;
}

ul.BransListesi li:hover {
    background-color: #ffda54;
    border: #eb8f00 1px solid;
    color: #fff;
}

ul.BransListesi li.disabled span {
    color: #d1d1d1 !important;
    /*text-decoration:line-through;*/
    /*background:url(../Image/clock_gray.png) no-repeat top left;*/
}

ul.BransListesi li.disabled .bransDolu {
    opacity: 1;
    color: #c60000 !important;
}

/*Saat Listesi*/
ul.SaatListesi {
    margin: 0;
    padding: 0;
    list-style: none;
    display: table;
}

    ul.SaatListesi li {
        border: #647378 1px solid;
        border-radius: 5px;
        margin: 8px;
        margin-left: 0;
        margin-bottom: 0;
        float: left;
        padding: 10px;
        font-size: 15px;
        font-weight: bold;
        background: #fff url(../Image/light-green.png) repeat-x bottom;
        border: #b4be96 1px solid;
        overflow: hidden;
        cursor: pointer;
        list-style: none;
    }

    ul.SaatListesi .uzaktan {
        background: rgba(0, 128, 255, 0.6);
    }

        ul.SaatListesi .uzaktan a {
            color: white;
        }

    ul.SaatListesi li.disabled {
        cursor: not-allowed;
        background: #fff url(../Image/light-red-gradient.png) repeat-x bottom;
        border: #dbb2b2 1px solid;
        /*text-decoration:line-through;*/
    }

    ul.SaatListesi li a {
        display: table-cell;
        width: 110px;
        vertical-align: top;
        height: 50px;
        text-align: right;
        color: #14b042;
        background: url(../Image/clock_blue.png) no-repeat top left;
        font-size: 17px;
    }

        ul.SaatListesi li a .saat {
            font-size: 23px;
        }

    ul.SaatListesi li.disabled a {
        /*text-decoration:line-through;*/
        /*color:#ff7575 !important;*/
        color: #c60000 !important;
        background: url(../Image/clock_gray.png) no-repeat top left;
        font-size: 24px;
    }

        ul.SaatListesi li.disabled a .saat {
            color: #d1d1d1 !important;
            font-size: 14px;
        }

    ul.SaatListesi li:hover {
        background: #ffda54 url("../Image/yellow.png") repeat-x bottom;
        border: #eb8f00 1px solid;
        color: #fff;
    }



ul.GunListesi {
    margin: 0;
    padding: 0;
    list-style: none;
    display: table;
}

    ul.GunListesi li {
        border: #647378 1px solid;
        border-radius: 5px;
        margin: 8px;
        margin-left: 0;
        margin-bottom: 0;
        float: left;
        padding: 10px;
        font-size: 16px;
        font-weight: bold;
        background: #fff url(../Image/light-green.png) repeat-x bottom;
        border: #b4be96 1px solid;
        overflow: hidden;
        cursor: pointer;
        list-style: none;
    }

        ul.GunListesi li.disabled {
            cursor: not-allowed;
            background: #fff url(../Image/light-red-gradient.png) repeat-x bottom;
            border: #dbb2b2 1px solid;
            /*text-decoration:line-through;*/
        }

        ul.GunListesi li a {
            display: table-cell;
            width: 120px;
            vertical-align: top;
            height: 63px;
            text-align: right;
            background: url(../Image/calendar.png) no-repeat top left;
            color: #14b042 !important;
            font-size: 16px;
        }

            ul.GunListesi li a .randAl {
                color: #14b042 !important;
                font-size: 21px;
            }
        /*ul.GunListesi li a .gun {
                color: #14b042 !important;
            }*/

        ul.GunListesi li.disabled a {
            color: #c60000 !important;
            background: url(../Image/calendar_gray.png) no-repeat top left;
            font-size: 24px;
        }

        ul.GunListesi li.disabled .doluSpan {
            color: #c60000 !important;
        }

        ul.GunListesi li.disabled a .gun {
            color: #d1d1d1 !important;
            font-size: 14px;
        }

        ul.GunListesi li:hover {
            background: #ffda54 url("../Image/yellow.png") repeat-x bottom;
            border: #eb8f00 1px solid;
            color: #fff;
        }

div.BreadCrump {
    margin-bottom: 25px;
    border-bottom: #ebeff7 2px solid;
    padding-bottom: 25px;
}

    div.BreadCrump a {
        width: 250px;
        display: block;
        float: left;
        height: 89px;
        background: url(../Image/BreadCrump.png) no-repeat top left;
        cursor: no-drop;
    }

        div.BreadCrump a.ok {
            cursor: pointer !important;
        }

        div.BreadCrump a#bc1 {
            width: 262px;
        }

            div.BreadCrump a#bc1.current {
                background-position: 0 -100px;
            }

            div.BreadCrump a#bc1.ok {
                background-position: 0 bottom;
            }

        div.BreadCrump a#bc2 {
            width: 260px;
            background-position: -262px 0;
        }

            div.BreadCrump a#bc2.current {
                background-position: -262px -100px;
            }

            div.BreadCrump a#bc2.ok {
                background-position: -262px bottom;
            }

        div.BreadCrump a#bc3 {
            width: 292px;
            background-position: -522px 0;
        }

            div.BreadCrump a#bc3.current {
                background-position: -522px -100px;
            }

            div.BreadCrump a#bc3.ok {
                background-position: -522px bottom;
            }

        div.BreadCrump a#bc4 {
            width: 176px;
            background-position: -812px 0;
        }

            div.BreadCrump a#bc4.current {
                background-position: right -100px;
            }

            div.BreadCrump a#bc4.ok {
                background-position: right bottom;
            }

div.welcome {
    line-height: 18px;
}

div.lwelcome, div.login {
    margin-top: 100px;
}

div.welcome .title {
    /*background: url(../Image/logo.png) no-repeat left top;
    min-height: 69px;
    padding-left: 85px;*/
    padding-top: 10px;
}

div.welcome h3, div.welcome h1 {
    margin: 0;
    padding: 0;
    color: #45311f;
}

div.welcome h1 {
    font-size: 18px;
    line-height: 1;
}

.kurum-logo{
	margin-right:5px;
	max-height:75px;
}

div.welcome h3 {
    font-size: 13px;
    margin-bottom: 15px;
    line-height: 17px;
    margin-top: 5px;
}

.ExplainText {
    display: block;
    margin: 10px 0;
}

/*****************Datepicker Main******************/
.DatePickerMain {
    position: absolute;
    margin-left: 625px;
    width: 350px;
}

    .DatePickerMain .ui-datepicker td span, .DatePickerMain .ui-datepicker td a {
        padding: 14px 6px;
    }

    .DatePickerMain .ui-datepicker .ui-datepicker-title {
        font-size: 18px;
    }

    .DatePickerMain .ui-datepicker th {
        padding: .7em .3em;
        border-bottom: #fff 10px solid;
        background: #fff;
        font-size: 14px;
    }



/*****************Datepicker Side******************/
.DatePickerSide {
    position: absolute;
    width: 250px;
    font-size: 11px;
    float: left;
}

.odd a.ui-state-default {
    color: white;
    background-color: red;
    background: red;
}

.DatePickerSide .ui-datepicker td span, .DatePickerSide .ui-datepicker td a {
    padding: 7px 7px;
}

.DatePickerSide .ui-datepicker .ui-datepicker-title {
    font-size: 13px;
}

.DatePickerSide .ui-datepicker th {
    padding: .7em .3em;
    border-bottom: #fff 10px solid;
    background: #fff;
    font-size: 12px;
}

/*Poliklinik seçimi*/

#PolTypeSelect {
    /*display:none;
    display:table;*/
    list-style: none;
}

    #PolTypeSelect ul {
        margin: 0;
        padding: 0;
        list-style: none;
    }

        #PolTypeSelect ul li {
        }

a#PolTypeS0, a#PolTypeS1, a#PolTypeS2 {
    display: table-cell;
    vertical-align: middle;
    /*background:url(../Image/PolTypeSelectButtons.png) no-repeat;*/
    background: #fff url(../Image/polselect.png) repeat-x bottom;
    border: #d1d1d1 1px solid;
    padding: 10px;
    float: left;
    margin-top: 20px;
    cursor: pointer;
    border-radius: 7px;
    text-align: center;
    min-height: 150px;
    margin-right: 10px;
}

a#PolTypeS1 {
    background: #fff url(../Image/polselect2.png) repeat-x bottom;
}

a#PolTypeS0 {
}

a#PolTypeS2 {
    margin-right: 0px;
    background: #fff url(../Image/polselect3.png) repeat-x bottom;
}

    a#PolTypeS1 h1, a#PolTypeS0 h1, a#PolTypeS2 h1 {
        margin: 0;
        margin-bottom: 10px;
        color: #7c3b5b;
    }

a#PolTypeS0 h1 {
    color: #3793c3;
}

a#PolTypeS2 h1 {
    color: #782914;
}

ul.StepInfo {
    background: #ebebeb;
    padding: 10px;
    border-radius: 4px;
    list-style: none;
    margin: 5px 0;
}

    ul.StepInfo li {
    }

        ul.StepInfo li label {
            width: 80px;
            display: inline-block;
            font-weight: bold;
        }

.PolExplain {
    background: #edf5f8;
    padding: 10px;
    text-align: center;
    font-size: 17px;
    border-radius: 7px;
    color: #000;
}

.RandevuOnayBilgiText {
    text-align: center;
    color: #ff4800;
    font-size: 17px;
    border-radius: 7px;
}

/*Randevularım*/

table.Randevularim {
    width: 100%;
    border-spacing: 0px;
    min-width: 475px;
}

    table.Randevularim th, table.Randevularim td {
        padding: 10px;
    }

    table.Randevularim th {
        text-align: left;
        background: #dcdcdc;
        border: 1px solid #a2a2a2;
    }

        table.Randevularim th:first-child {
            border-top-left-radius: 7px;
        }

        table.Randevularim th:last-child {
            border-top-right-radius: 7px;
        }

    table.Randevularim td {
        border: 1px solid #a2a2a2;
    }

input.onaykodu {
    border-radius: 3px;
    border: #a8793c 1px solid;
    padding: 6px;
}

.success_icon {
    background: url(../Image/thick.png) no-repeat top left;
    padding: 0px 0 0px 31px;
}

.reset, .reset li {
    margin: 0;
    padding: 0;
    list-style: none;
}

.login {
    /*background:url(../Image/login.png);*/
    /*height:404px;*/
    background: #fff url(../Image/light-gradient.png) repeat-x bottom;
}

    .login h2 {
        text-align: center;
        margin: 0;
        padding: 0;
        padding: 10px 0;
        background: url(../Image/light-gradient.png) repeat-x bottom;
        border-bottom: #e1e1e1 1px solid;
    }

    .login h3 {
        padding: 20px;
        margin: 0;
        background: url(../Image/light-gradient.png) repeat-x bottom;
        border-bottom: #e1e1e1 1px solid;
        color: #909090;
        font-size: 12px;
    }

.login-elements {
    width: 400px;
    background-position: 140px -3px;
    margin: 0 auto;
    margin-top: 20px;
    margin-bottom: 20px;
    font-weight: bold;
}

    .login-elements .element {
        padding: 9px;
    }

    .login-elements .command {
        text-align: right;
        margin-top: 15px;
        padding-right: 13px;
    }

    .login-elements .element label {
        width: 129px;
        display: inline-block;
        /*background:url(../Image/login-label-bg.png) no-repeat left;*/
        /*background-size: 135px;*/
        background-color: #e7f1f5;
        padding: 5px;
        font-size: 12px;
        color: #45311f;
        /*border:#ccc 1px solid;*/
    }

    .login-elements .element input {
        border: none;
        /*background:#ccc;*/
        background: none;
        padding: 4px;
        width: 150px;
        box-shadow: 0 0 5px #ccc;
        line-height: 16px;
        margin-left: 25px;
        padding-left: 35px;
    }

    .login-elements .element .inputIcon {
        vertical-align: middle;
    }

    .login-elements .element input:focus {
        /*border-bottom:#666 1px solid;*/
    }

    .login-elements .phonenumber {
        margin-top: 2px;
    }

    .login-elements .selectBirth {
        box-shadow: 0 0 5px #ccc;
        margin-left: 25px;
        width: 75px;
    }

    .login-elements .securitycode {
        /*margin-top:0px;
    line-height: 25px;*/
    }

        .login-elements .securitycode #SecureImage {
            width: 83px !important;
            height: 24px;
            background: #ccc;
            display: inline-block;
            vertical-align: middle;
            margin-left: 25px;
            position: absolute;
        }

        .login-elements .securitycode .labelImg {
            display: inline-block;
            vertical-align: middle;
            cursor: pointer;
            width: 16px !important;
            height: 16px !important;
            background: none !important;
        }

        .login-elements .securitycode input {
            width: 100px;
            padding-left: 85px;
        }

.login-elements .hes input {
  width:85px;
}

.login-elements .hes a {
    font-size:12px;
    float:right;
}

.footer {
    display: block;
    margin: 5px 0;
    height: 24px;
    background: url(../Image/probel.png) no-repeat right;
}

.listesayilari {
    /*position:absolute;*/
}

.listesayi {
    padding: 0 7px 2px 7px;
    display: inline-block;
    margin-top: 4px;
    margin-right: 1px;
    border-radius: 4px;
    font-size: 12px;
}

.maxl {
    /*text-overflow: ellipsis;overflow: hidden;white-space: nowrap;*/
}

.listesayibos {
    color: #005c10;
    background: #f0ffc9;
    border: #b4be96 1px solid;
}

.listesayidolu {
    color: #810f0f;
    background: #ffe3e3;
    border: #dbb2b2 1px solid;
}


.printtable {
    background: #ced3df;
    border-spacing: 1px;
    width: 100%;
}

    .printtable td, .printtable th {
        background: #fff;
        text-align: left;
        padding: 5px 10px;
        font-weight: bold;
    }

    .printtable th {
        background: #e5f1c1;
    }

td.tatilgunu a, td.tatilgunu span {
    background: red !important;
    font-weight: bold !important;
    cursor: not-allowed;
}

td.haftasonuOff a, td.haftasonu span {
    background-image: none;
    opacity: .55;
    cursor: not-allowed;
}

td.haftasonuOn a, td.haftasonu span {
    background-color: lightgray !important;
    font-weight: bold !important;
    cursor: not-allowed;
}



.info {
    background: url(../Image/info.png) no-repeat left;
    padding-left: 20px;
    padding: 3px 20px;
    padding-right: 0;
    color: #3f95b2;
    text-decoration: underline;
    cursor: pointer;
}

.building {
    background: url(../Image/building.png) no-repeat left;
    padding-left: 40px !important;
}

.RandevularimDiv {
    overflow: auto;
}




.ustnav, .ortaAdim1 {
    text-align: center;
    padding: 4px;
    line-height: 1.42857143;
    -webkit-transition: border .2s ease-in-out;
    -o-transition: border .2s ease-in-out;
    transition: border .2s ease-in-out;
    list-style: none;
    font-family: Arial;
    font-weight: bold;
}

    .ustnav > li {
        display: table-cell;
        position: relative;
        box-sizing: border-box;
        width: 1%;
        text-align: center;
        height: 50px;
        border-radius: 4px;
        border: 1px solid #ddd;
    }

    .ortaAdim1 > li {
        display: inline-block;
        position: relative;
        box-sizing: border-box;
        width: 50%;
        text-align: center;
        border-radius: 4px;
        border: 1px solid #bfd9fe;
        cursor: pointer;
        margin: 10px;
        background-image: linear-gradient(#bfe0df, #f8faff);
        color: #476868;
        font-size: 25px;
        vertical-align: top;
    }

        .ortaAdim1 > li > h3 {
            margin-bottom: 5px;
            font-size: 16px;
        }

        .ortaAdim1 > li > i {
            font-size: 35px;
        }

        .ortaAdim1 > li:hover {
            background-image: linear-gradient( #f8faff,#bfe0df);
            border-color: #476868;
            cursor: pointer;
        }


    .ustnav > li.active {
        background-color: orange;
    }


    .ortaAdim1 > .uzaktan-btn {
        background-image: linear-gradient(#4abd25, #fafff8);
    }

        .ortaAdim1 > .uzaktan-btn:hover {
            background-image: linear-gradient( #fafff8,#4abd25);
            border-color: #476868;
            cursor: pointer;
        }


/*--------------------------------------------------------------*/

.progress {
    counter-reset: my-badass-counter;
    background: #ebebeb;
    width: 100%;
    min-height: 35px;
}

    .progress .progress-step {
        width: 14%;
        text-align: center;
        border-left: 1px solid #c0c0c0;
        font-size: 16px;
        cursor: pointer;
    }

        .progress .progress-step:first-child {
            border-left: none;
        }

        .progress .progress-step.is-active {
            color: #ff8108;
            font-size: 18px;
            animation: pulse 2s infinite;
        }

        .progress .progress-step.is-complete {
            color: #91cbca;
        }


@keyframes pulse {
    0% {
        box-shadow: 0 0 0 0 rgba(33, 131, 221, 0.4);
    }

    70% {
        box-shadow: 0 0 0 10px rgba(33, 131, 221, 0);
    }

    100% {
        box-shadow: 0 0 0 0 rgba(33, 131, 221, 0);
    }
}

@keyframes nextStep {
    0% {
        width: 0%;
    }

    100% {
        width: 100%;
    }
}

.bransFilterInput, .polFilterInput {
    width: 100%;
    height: 30px;
    outline: 0;
    border: none;
}

.BransListesiParent {
    margin-top: 5px;
}

.bransFilterInput_Container, .polFilterInput_Container {
    display: flex;
    border: 1px solid #ebebeb;
    background-color: white;
    border-radius: 7px;
    margin-top: 10px;
    padding: 0 10px;
}


.filterIcon {
    font-size: 20px;
    vertical-align: middle;
    padding-top: 6px;
    text-align: center;
}

.pol-exclamation {
    margin-top: 5px;
}

    .pol-exclamation > i {
        color: #a60505;
        font-size: 20px;
        float: left;
        margin-right: 3px;
    }

    .pol-exclamation > div {
        line-height: 20px;
        vertical-align: middle;
    }

        .pol-exclamation > div > span {
            color: #a60505;
        }

.ChangeStepx > div {
    float: left;
    margin-right: 5px;
    font-size: 25px;
}

    .ChangeStepx > div > i {
        color: white;
    }

.renk_yesil {
    color: #000000 !important;
    background-color: #7cb155 !important;
    padding: 2px 15px !important;
    line-height: 30px !important;
}


.calendar-PolName {
    background: #91cbca;
    padding: 5px 10px;
    color: white;
    font-size: 1.75em;
    margin: 0;
    border-bottom: 1px solid #ddd;
    border-radius: 7px 7px 0 0;
}

.calendarFilter {
    background: #91cbca;
    color: white;
    font-size: 15px;
    float: right;
}

.hidden {
    visibility: hidden;
}

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

    .RandInfo > h1, .RandInfo > h2, .RandInfo > h3 {
        font-size: 16px !important;
    }

.dotted {
    border-top: 1px dotted #647378;
    width: 50%;
    margin-left: auto;
    margin-right: auto;
}

.rand-type-header {
    margin: 0;
    margin-top: 15px;
    color: #ff8108;
    font-weight: normal;
}

    .rand-type-header > i {
        margin-right: 3px;
        color: #ff8108;
    }

.login-info {
    display: block;
    margin-top: 15px;
    color: #ff8f09;
    font-size: 15px;
    cursor: pointer;
}

    .login-info > i {
        color: #ff8f09;
        margin-right: 3px;
    }

@-webkit-keyframes text-shadow-drop-center {
    0% {
        text-shadow: 0 0 0 rgba(0, 0, 0, 0);
    }

    100% {
        text-shadow: 0 0 18px rgba(0, 0, 0, 0.35);
    }
}

@keyframes text-shadow-drop-center {
    0% {
        text-shadow: 0 0 0 rgba(0, 0, 0, 0);
    }

    100% {
        text-shadow: 0 0 18px rgba(0, 0, 0, 0.35);
    }
}

@-webkit-keyframes text-shadow-drop-center-red {
    0% {
        text-shadow: 0 0 0 rgba(0, 0, 0, 0);
    }

    100% {
        text-shadow: 0 0 18px rgba(166, 5, 5, 0.35);
    }
}

@keyframes text-shadow-drop-center-red {
    0% {
        text-shadow: 0 0 0 rgba(0, 0, 0, 0);
    }

    100% {
        text-shadow: 0 0 18px rgba(166, 5, 5, 0.35);
    }
}


.text-shadow-drop-center {
    -webkit-animation: text-shadow-drop-center 0.6s infinite both;
    animation: text-shadow-drop-center 0.6s infinite both;
}

.text-shadow-drop-center-red {
    -webkit-animation: text-shadow-drop-center-red 0.6s infinite both;
    animation: text-shadow-drop-center-red 0.6s infinite both;
}


#login-info-div {
    font-size: 10pt;
}

    #login-info-div .link {
        color: rgb(0,0,255);
    }

.randevuAlSpan {
    font-size: 18px;
    color: #ff8f09;
    border-bottom: 1px solid #ff8f09;
}

.randevuAlDiv {
    cursor: pointer;
    margin:10px;
}

    .randevuAlDiv:hover {
        box-shadow:0 0 5px #ff8f09;
    }

.randevuAlIcon {
    font-size: 18px;
    color: #ff8f09;
    margin-left: 5px;
}

.doktorBilgi {
    margin-left: 10px;
    font-size: initial;
    font-weight: initial;
    display: inline-block;
}


    .doktorBilgi p {
        margin: 5px;
    }


.doktorResim {
    float: right;
    display: inline-block;
}

    .doktorResim img {
        max-width: 90px;
    }

.headerLink {
    display: inline-block;
    font-size: 14px;
    margin-left: 10px;
    cursor: pointer;
}

    .headerLink i {
        color: darkblue;
        border-bottom: 1px solid darkblue;
        max-width: 300px;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
    }

        .headerLink i:before {
            margin-right: 5px;
        }

        .headerLink i:hover {
            color: blue;
            border-bottom: 1px solid blue;
        }

.overlayLoading {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    text-align: center;
    z-index: 10;
    background-color: rgba(255,255,255,0.5);
}

    .overlayLoading svg {
        /*background: none;
        position: absolute;
        top: calc(50% - 40px);
        left: calc(50% - 40px);*/
        margin: 0;
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
    }


@-webkit-keyframes scale-up-top {
    0% {
        -webkit-transform: scale(0.5);
        transform: scale(0.5);
        -webkit-transform-origin: 50% 0%;
        transform-origin: 50% 0%;
    }

    100% {
        -webkit-transform: scale(1);
        transform: scale(1);
        -webkit-transform-origin: 50% 0%;
        transform-origin: 50% 0%;
    }
}

@keyframes scale-up-top {
    0% {
        -webkit-transform: scale(0.5);
        transform: scale(0.5);
        -webkit-transform-origin: 50% 0%;
        transform-origin: 50% 0%;
    }

    100% {
        -webkit-transform: scale(1);
        transform: scale(1);
        -webkit-transform-origin: 50% 0%;
        transform-origin: 50% 0%;
    }
}


.scale-up-top {
    -webkit-animation: scale-up-top 0.4s cubic-bezier(0.390, 0.575, 0.565, 1.000) both;
    animation: scale-up-top 0.4s cubic-bezier(0.390, 0.575, 0.565, 1.000) both;
}


.LoginInfo {
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.4);
    z-index: 1;
    position: fixed;
}

    .LoginInfo .LoginInfoMessage {
        position: fixed;
        background: #fff;
        width: 70%;
        border-radius: 20px;
        /*top: 22.5%;
    left: 22.5%;*/
        z-index: 2;
        /*padding: 20px;*/
        box-shadow: 5px 5px 11px black;
    }

        .LoginInfo .LoginInfoMessage .message {
            overflow: hidden auto;
            max-height: 90%;
            padding: 20px 20px 5px;
        }

            .LoginInfo .LoginInfoMessage .message img {
                width: 100%;
            }

        .LoginInfo .LoginInfoMessage .LoginInfoClose {
            padding: 10px 0;
            text-align: center;
            width: 100%;
            text-align: right;
        }

            .LoginInfo .LoginInfoMessage .LoginInfoClose button {
                height: 30px;
                width: 50px;
                font-size: 19px;
                background: #67123b;
                color: white;
                border-radius: 5px;
                border: none;
                border-color: white;
                cursor: pointer;
                margin-right: 20px;
            }

.gunListesiPrew {
    overflow: auto hidden;
}

    .gunListesiPrew ul {
        overflow: auto hidden;
        display: flex !important;
        margin-bottom: 5px !important;
    }

    .gunListesiPrew li {
        overflow: visible !important;
        display: flex !important;
        padding: 3px !important;
    }

        .gunListesiPrew li a {
            height: 32px !important;
            width: 110px !important;
        }

            .gunListesiPrew li a span {
                font-size: 14px !important;
            }

.check_block {
    display: block;
    position: relative;
    padding-left: 30px;
    cursor: pointer;
    font-size: 18px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    margin-right: 10px;
}

.inline {
    display: inline-block;
}

.hem_left {
    float: left;
}
/* Hide the browser's default checkbox */
.check_block input {
    position: absolute;
    opacity: 0;
    cursor: pointer;
    height: 0;
    width: 0;
}

/* Create a custom checkbox */
.checkmark {
    position: absolute;
    top: 0;
    left: 0;
    height: 20px;
    width: 20px;
    background-color: #fff;
    border: 1px solid #91cbca;
}

/* When the checkbox is checked, add a blue background */
.check_block input:checked ~ .checkmark {
    background-color: #91cbca;
}

/* Create the checkmark/indicator (hidden when not checked) */
.checkmark:after {
    content: "";
    position: absolute;
    display: none;
}

/* Show the checkmark when checked */
.check_block input:checked ~ .checkmark:after {
    display: block;
}

/* Style the checkmark/indicator */
.check_block .checkmark:after {
    left: 6px;
    top: 2px;
    width: 5px;
    height: 10px;
    border: solid white;
    border-width: 0 3px 3px 0;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
}

.cookie {
    width: 100%;
    display: inline-block;
    position: fixed;
    bottom: 5px;
    text-align: center;
}

.cerez {
    background: #687a81;
    display: inline-block;
    border-radius: 5px;
    font-size: 12px;
    padding: .55rem 1.25rem;
}

    .cerez span {
        color: white;
    }

    .cerez a {
        color: blue;
    }

    .cerez input {
        margin-left: 10px;
        border-radius: 3px;
        background: white;
        border-color: white;
        font-weight: bold;
        cursor: pointer;
        float: right;
    }


@charset "UTF-8";
/* Sass My Functions - Selcan */
@keyframes uyariBorder {
    0% {
        background-color: #f00;
    }

    100% {
        background-color: #fff;
    }
}

/* Renkler */
/* --------------------------------------------------------- */
@keyframes marquee {
    0% {
        text-indent: 95%;
    }

    100% {
        text-indent: -10%;
    }
}

.clear {
    clear: both;
}

.relative {
    position: relative;
}

.clr:after,
.clearfix:after {
    visibility: hidden;
    display: block;
    font-size: 0;
    content: " ";
    clear: both;
    height: 0;
}

.blackText {
    color: #000 !important;
}

.none {
    display: none;
}

.pre {
    white-space: pre-wrap;
}

.boldLabel {
    font-weight: bold;
}

.center {
    text-align: center;
}

/*.dx-ar {
    text-align: center !important;
}*/
/*.dx-ar > * {
    float: none !important;
}*/
.left {
    text-align: left !important;
}

a:visited, a:focus {
    border-color: #9A9A9A;
    outline: 0;
}

.no-margin {
    margin: 0 !important;
}

.no-border {
    border: 0 !important;
}

.border-left {
    border-left: 1px solid #ececec;
}

.border-right {
    border-right: 1px solid #ececec;
}

.border-top {
    border-top: 1px solid #ececec;
}

.border-bottom {
    border-bottom: 1px solid #ececec;
}

.text-right {
    text-align: right;
}

.overX {
    overflow: hidden;
    overflow-x: scroll;
}

.overY {
    overflow: hidden;
    overflow-y: scroll;
}

.overAutoX {
    overflow: hidden;
    overflow-x: auto;
}

.overAutoY {
    overflow: hidden;
    overflow-y: auto;
}

.vamiddle {
    vertical-align: middle;
}

.pageHead {
    font-size: 22px;
    padding: 20px 5px;
}

.pageSubHead {
    font: 16px Helvetica, 'Lucida Sans Unicode';
    border-bottom: 1px solid #dadada;
    padding: 3px 0;
    font-weight: bold;
    margin: 12px 0;
}

.hata {
    outline: 1px solid #e31e24 !important;
}

    .hata.radio + label:before {
        outline: 1px solid #e31e24 !important;
    }

    .hata.chck + label:before {
        outline: 1px solid #e31e24 !important;
    }

.barkodBlock {
    padding: 3px 10px;
    border: 1px solid #eac378;
    border-radius: 3px;
    background: #e8d4ae;
}

.warningText {
    color: #F10C29 !important;
    font-weight: bold;
}

.uyari_icon {
    cursor: pointer;
    font-family: 'tab';
    color: #878786;
    display: inline-block;
    font-size: 23px !important;
    cursor: pointer;
    color: #4999ff;
    font-weight: bold;
}

    .uyari_icon:before {
        content: "\f133";
    }

.formArea {
    font-size: 13px;
}

    .formArea label {
        font-weight: bold;
        min-width: 90px;
        display: inline-block;
    }

    .formArea .slct {
        cursor: pointer;
        min-width: 230px;
    }

    .formArea textarea {
        width: 100%;
        min-height: 30px;
        resize: none;
        padding: 5px;
        border: 1px solid #dedede;
    }

#TABLET_TOOLBAR .inline,
#TABLET_TOOLBAR .LovGroup {
    display: inline-block !important;
    position: relative;
    font-size: 12px;
}

#TABLET_TOOLBAR .lbl {
    font-size: 12px !important;
    display: inline-block;
    margin-right: 5px;
    font-weight: bold;
}

.slct {
    font-size: 12px !important;
    padding: 2px 5px;
}

.chck {
    width: 15px;
    height: 15px;
}

.inpt {
    font-size: 12px !important;
    padding: 3px 4px;
    height: 22px !important;
    border: 1px solid #DED9D9;
    outline: none;
}

    .inpt:focus {
        box-shadow: rgba(255, 255, 255, 0.4) 3px 3px inherit;
    }

.txtar {
    font-size: 12px !important;
    padding: 3px 4px;
    width: 100%;
    resize: none;
    min-height: 40px;
    border: 1px solid #DED9D9;
    outline: none;
    margin: 3px 0;
}

    .txtar:focus {
        border: 1px solid #DED9D9 !important;
    }

.transparent {
    background: none !important;
    border: none !important;
}

.datepicker {
    position: relative;
    display: inline-block;
}

    .datepicker input {
        padding-right: 20px;
    }

    .datepicker:before {
        font-family: 'ProSet';
        color: #878786;
        display: inline-block;
        font-size: 17px;
        cursor: pointer;
        content: "\e003";
        position: absolute;
        top: 3px;
        right: 0;
    }

    .datepicker .clear {
        position: absolute;
        top: 1px;
        right: 1px;
        font-family: 'tab';
        color: #ff0000;
        display: inline-block;
        font-size: 14px;
        font-weight: bold;
        cursor: pointer;
        background-color: #fff;
        width: 19px;
        height: 20px;
        z-index: 100;
        text-align: center;
        padding: 1px 0;
    }

        .datepicker .clear:before {
            content: "\f10c";
        }

.datetimepicker {
    position: relative;
    display: inline-block;
}

    .datetimepicker input {
        padding-right: 20px;
    }

    .datetimepicker:before {
        font-family: 'ProSet';
        color: #878786;
        display: inline-block;
        font-size: 17px;
        cursor: pointer;
        content: "\e003";
        position: absolute;
        top: 3px;
        right: 0;
        font-weight: normal;
    }

    .datetimepicker .clear {
        position: absolute;
        right: 1px;
        top: 1px;
        font-family: 'tab';
        color: #ff0000;
        display: inline-block;
        font-size: 14px;
        font-weight: bold;
        cursor: pointer;
        background-color: #fff;
        width: 19px;
        height: 20px;
        z-index: 100;
        text-align: center;
        padding: 1px 0;
    }

        .datetimepicker .clear:before {
            content: "\f10c";
        }

.datetimepickerx {
    position: relative;
    display: inline-block;
}

    .datetimepickerx input {
        padding-right: 20px;
    }

    .datetimepickerx:before {
        font-family: 'ProSet';
        color: #878786;
        display: inline-block;
        font-size: 17px;
        cursor: pointer;
        content: "\e003";
        position: absolute;
        top: 3px;
        right: 0;
        font-weight: normal;
    }

    .datetimepickerx .clear {
        position: absolute;
        right: 1px;
        top: 1px;
        font-family: 'tab';
        color: #ff0000;
        display: inline-block;
        font-size: 14px;
        font-weight: bold;
        cursor: pointer;
        background-color: #fff;
        width: 19px;
        height: 20px;
        z-index: 100;
        text-align: center;
        padding: 1px 0;
    }

        .datetimepickerx .clear:before {
            content: "\f10c";
        }

.multiDatePicker {
    position: relative;
    display: inline-block;
}

    .multiDatePicker input {
        padding-right: 20px;
    }

    .multiDatePicker:before {
        font-family: 'ProSet';
        color: #878786;
        display: inline-block;
        font-size: 17px;
        cursor: pointer;
        content: "\e003";
        position: absolute;
        top: 3px;
        right: 0;
    }

    .multiDatePicker .clear {
        position: absolute;
        right: 1px;
        top: 1px;
        font-family: 'tab';
        color: #ff0000;
        display: inline-block;
        font-size: 14px;
        font-weight: bold;
        cursor: pointer;
        background-color: #fff;
        width: 19px;
        height: 20px;
        z-index: 100;
        text-align: center;
        padding: 1px 0;
    }

        .multiDatePicker .clear:before {
            content: "\f10c";
        }

.divDateTime {
    width: 140px;
    position: relative;
    display: inline-block;
}

    .divDateTime .inpt {
        width: 100%;
    }

    .divDateTime:before {
        font-family: 'ProSet';
        color: #878786;
        display: inline-block;
        font-size: 17px;
        cursor: pointer;
        content: "\e003";
        position: absolute;
        top: 3px;
        right: 0;
    }

.timepicker {
    position: relative;
    display: inline-block;
}

    .timepicker input {
        padding-right: 20px;
    }

    .timepicker:before {
        font-family: 'ProSet';
        color: #878786;
        display: inline-block;
        font-size: 17px;
        cursor: pointer;
        content: "\e008";
        position: absolute;
        top: 2px;
        right: 2px;
        z-index: 8;
        font-weight: normal;
    }

    .timepicker .clear {
        position: absolute;
        right: 1px;
        top: 1px;
        font-family: 'tab';
        color: #ff0000;
        display: inline-block;
        font-size: 14px;
        font-weight: bold;
        cursor: pointer;
        background-color: #fff;
        width: 19px;
        height: 20px;
        z-index: 100;
        text-align: center;
        padding: 1px 0;
    }

        .timepicker .clear:before {
            content: "\f10c";
        }

.timepickerinput {
    position: relative;
    display: inline-block;
}

    .timepickerinput input {
        padding-right: 20px;
    }

    .timepickerinput:before {
        font-family: 'ProSet';
        color: #878786;
        display: inline-block;
        font-size: 17px;
        cursor: pointer;
        content: "\e008";
        position: absolute;
        top: 2px;
        right: 2px;
        z-index: 15;
        font-weight: normal;
    }

.imzaLoading {
    width: 100%;
    height: 100%;
    position: fixed;
    z-index: 999;
    top: 0;
    left: 0;
    background: rgba(0, 0, 0, 0.7);
}

    .imzaLoading .receteLoad {
        z-index: 9999;
        position: absolute;
        top: 50%;
        left: 50%;
        margin: -125px;
    }

.sorguShow {
    white-space: pre-wrap;
    border: 2px solid #ddd;
    padding: 10px;
    font-weight: bold;
    font-family: sans-serif;
    height: 100%;
    overflow-y: auto;
}

/* Hata Block */
.proHata {
    width: 60%;
    margin: 0 auto;
    padding: 2px 10px 2px 50px;
    border: 2px solid #ac6f6f;
    border-radius: 5px;
    white-space: pre-line;
    background: #ffeaed;
    position: relative;
    font-weight: bold;
    color: #481818;
}

    .proHata:before {
        font-family: 'ProSet';
        color: #878786;
        display: inline-block;
        font-size: 30px;
        cursor: pointer;
        position: absolute;
        top: 9px;
        left: 10px;
        content: "\e02a";
        color: #F10C29;
    }

    .proHata strong {
        margin-bottom: 8px;
        display: block;
    }

.proWarning {
    width: 60%;
    margin: 0 auto;
    padding: 10px 10px 10px 50px;
    border: 2px solid #ec9819;
    border-radius: 5px;
    white-space: pre-line;
    background: #fff8c7;
    position: relative;
}

    .proWarning:before {
        font-family: 'ProSet';
        color: #878786;
        display: inline-block;
        font-size: 30px;
        cursor: pointer;
        position: absolute;
        top: 9px;
        left: 10px;
        content: "\e02a";
        color: #ec9819;
    }

    .proWarning strong {
        margin-bottom: 8px;
        display: block;
    }

/* icon Set */
#TABLET_TOOLBAR #ustBlock {
    background: #FDF4F4;
}

#TABLET_TOOLBAR .btnSet, #TABLET_TOOLBAR .uBlck {
    padding: 3px 5px;
    position: relative;
}

/* Button */
/* Radio button group */
.tarihBlock {
    margin: 0 20px;
    position: relative;
    padding: 0 20px;
}

    .tarihBlock i {
        font-family: 'tab';
        color: #878786;
        display: inline-block;
        font-size: 17px;
        cursor: pointer;
    }

        .tarihBlock i#NextDay {
            position: absolute;
            top: 2px;
            right: -20px;
        }

        .tarihBlock i#PrevDay {
            position: absolute;
            top: 2px;
            left: -20px;
        }

            .tarihBlock i#PrevDay:before {
                content: "\f105";
            }

        .tarihBlock i#NextDay:before {
            content: "\f104";
        }

#TABLET_TOOLBAR #ustBlock #servisTuru {
    padding-left: 20px;
    border-left: 1px solid #dadada;
    min-width: 322px;
}

#TABLET_TOOLBAR #ustBlock .buttons {
    position: absolute;
    top: 4px;
    right: 4px;
}

#TABLET_TOOLBAR .btnSet input {
    display: none;
}

#TABLET_TOOLBAR .btnSet label {
    position: relative;
    cursor: pointer;
    margin: 5px 0;
    padding: 3px 5px;
}

#TABLET_TOOLBAR .btnSet input[type="radio"] {
    display: none;
}

    #TABLET_TOOLBAR .btnSet input[type="radio"] + label {
        color: #292321;
        font-size: 12px;
    }

        #TABLET_TOOLBAR .btnSet input[type="radio"] + label span {
            display: inline-block;
            width: 19px;
            height: 19px;
            margin: -1px 4px 0 0;
            vertical-align: middle;
            cursor: pointer;
            -moz-border-radius: 50%;
            border-radius: 50%;
            background-color: #BDB8B4;
        }

    #TABLET_TOOLBAR .btnSet input[type="radio"]:checked + label span {
        background-color: #ED1C24;
    }

    #TABLET_TOOLBAR .btnSet input[type="radio"]:checked + label span {
        -webkit-transition: background-color 0.2s linear;
        -o-transition: background-color 0.2s linear;
        -moz-transition: background-color 0.2s linear;
        transition: background-color 0.2s linear;
    }

    #TABLET_TOOLBAR .btnSet input[type="radio"] + label span {
        -webkit-transition: background-color 0.2s linear;
        -o-transition: background-color 0.2s linear;
        -moz-transition: background-color 0.2s linear;
        transition: background-color 0.2s linear;
    }

#TABLET_TOOLBAR .btnSet #KlinikRadio {
    margin-right: 15px;
    min-width: 376px;
}

#TABLET_TOOLBAR .btnSet #PoliklinikRadio {
    padding-left: 20px;
    border-left: 1px solid #dadada;
}

/* Radio Group */
#CB_SAYFA_KAYIT_ADET_DEGERLER {
    position: absolute;
    bottom: 5px;
    right: 4px;
}

/* Tablet Button Block */
#tablet_buton_blocks {
    position: fixed;
    bottom: 30px;
    width: 100%;
    padding-left: 40px;
}

.butonBackBlack {
    position: fixed;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 101;
    display: none;
    background: rgba(0, 0, 0, 0.2);
}

/* hasta liste icon size */
.goruntuBlock {
    background: #bfbfbf;
    text-align: right;
    display: inline-block;
    position: absolute;
    top: 0;
    left: 0;
}

    .goruntuBlock .icon {
        cursor: pointer;
        display: block;
        padding: 3px 10px;
    }

        .goruntuBlock .icon:before {
            font-family: "fileIcon";
            font-size: 17px;
            display: inline-block;
        }

    .goruntuBlock .buyukSimge:before {
        content: "\f101";
    }

    .goruntuBlock .kucukSimge:before {
        content: "\f102";
    }

    .goruntuBlock .icon.slc, .goruntuBlock .icon.active {
        color: #f00;
    }

    .goruntuBlock .winButtons:before {
        font-family: "fileIcon";
        content: "\f100";
        font-size: 17px;
    }

.hem_tab_block .proButton {
    padding: 10px 10px 10px 30px !important;
    position: relative;
    cursor: pointer;
    display: inline-block;
    border: none;
    color: #fff !important;
    height: 38px;
}

    .hem_tab_block .proButton:before {
        color: #fff !important;
        top: 10px;
        font-size: 19px;
    }

    .hem_tab_block .proButton span {
        float: none !important;
        display: inline-block;
        color: #fff !important;
    }

    .hem_tab_block .proButton:hover {
        background: rgba(0, 0, 0, 0.8) !important;
    }

        .hem_tab_block .proButton:hover:before {
            color: #fff !important;
        }

        .hem_tab_block .proButton:hover span {
            color: #fff !important;
        }

        .hem_tab_block .proButton:hover .icon:before {
            color: #fff !important;
        }

.hem_tab_block .moveBtn {
    width: 30px;
    height: 50px;
    border: 1px solid #dadada;
    border-radius: 3px;
    display: none;
}

    .hem_tab_block .moveBtn:before {
        font-family: 'Flaticon';
        color: #878786;
        display: inline-block;
        font-size: 18px;
        cursor: pointer;
        content: "\f102";
        color: #333;
        padding: 15px 5px;
    }

.hem_tab_block .backButton {
    position: absolute;
    top: 0;
    left: 5px;
}

    .hem_tab_block .backButton:before {
        filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=2);
        -webkit-transform: rotate(180deg);
        -moz-transform: rotate(180deg);
    }

.hem_tab_block .nextButton {
    position: absolute;
    top: 0;
    right: 5px;
}

.hem_tab_block .altButtons {
    width: 80%;
    position: absolute;
    bottom: -40px;
    left: -3px;
    background: rgba(0, 0, 0, 0.8);
    height: 0;
    z-index: 1000;
    opacity: 0;
    transition: all .25s;
    overflow-y: auto;
    overflow-x: hidden;
    -webkit-box-shadow: 0px -5px 20px 0px rgba(0, 0, 0, 0.52);
    -moz-box-shadow: 0px -5px 20px 0px rgba(0, 0, 0, 0.52);
    box-shadow: 0px -5px 20px 0px rgba(0, 0, 0, 0.52);
}

    .hem_tab_block .altButtons.active {
        opacity: 1;
    }

    .hem_tab_block .altButtons #TabletButonBlockV2 {
        width: 100%;
        margin-left: 5px;
        padding: 10px 5px;
    }

        .hem_tab_block .altButtons #TabletButonBlockV2 #LISTE_TABLO_BUTON_BLOCK .BUTON_KOLON {
            width: 180px;
            float: left;
            cursor: pointer;
            margin: 0 2px 5px 2px;
            display: inline-block;
            background: #fff;
        }

            .hem_tab_block .altButtons #TabletButonBlockV2 #LISTE_TABLO_BUTON_BLOCK .BUTON_KOLON .btn {
                border: 1px solid #dadada;
                border-radius: 3px;
                padding: 5px 5px 5px 60px;
                min-height: 50px;
                position: relative;
            }

                .hem_tab_block .altButtons #TabletButonBlockV2 #LISTE_TABLO_BUTON_BLOCK .BUTON_KOLON .btn span {
                    font-size: 12px !important;
                    line-height: 14px;
                    padding: 5px 0;
                }

            .hem_tab_block .altButtons #TabletButonBlockV2 #LISTE_TABLO_BUTON_BLOCK .BUTON_KOLON .img {
                display: inline-block;
                font-family: 'icomoon' !important;
                speak: none;
                font-style: normal;
                font-weight: normal;
                font-variant: normal;
                text-transform: none;
                line-height: 1;
                position: absolute;
                top: -1px;
                left: -2px;
            }

            .hem_tab_block .altButtons #TabletButonBlockV2 #LISTE_TABLO_BUTON_BLOCK .BUTON_KOLON:hover .btn {
                -webkit-box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.3);
                -moz-box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.3);
                box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.3);
                color: #E63636;
            }

            .hem_tab_block .altButtons #TabletButonBlockV2 #LISTE_TABLO_BUTON_BLOCK .BUTON_KOLON .img:before {
                font-size: 56px;
            }

            .hem_tab_block .altButtons #TabletButonBlockV2 #LISTE_TABLO_BUTON_BLOCK .BUTON_KOLON .img.icon1 {
                position: absolute;
                top: 5px;
                left: 5px;
            }

                .hem_tab_block .altButtons #TabletButonBlockV2 #LISTE_TABLO_BUTON_BLOCK .BUTON_KOLON .img.icon1:before {
                    content: "\e900";
                    font-size: 38px;
                }

            .hem_tab_block .altButtons #TabletButonBlockV2 #LISTE_TABLO_BUTON_BLOCK .BUTON_KOLON .img.icon2:before {
                content: "\e901";
            }

            .hem_tab_block .altButtons #TabletButonBlockV2 #LISTE_TABLO_BUTON_BLOCK .BUTON_KOLON .img.icon3:before {
                content: "\e902";
            }

            .hem_tab_block .altButtons #TabletButonBlockV2 #LISTE_TABLO_BUTON_BLOCK .BUTON_KOLON .img.icon4:before {
                content: "\e903";
            }

            .hem_tab_block .altButtons #TabletButonBlockV2 #LISTE_TABLO_BUTON_BLOCK .BUTON_KOLON .img.icon5:before {
                content: "\e904";
            }

            .hem_tab_block .altButtons #TabletButonBlockV2 #LISTE_TABLO_BUTON_BLOCK .BUTON_KOLON .img.icon6:before {
                content: "\e905";
            }

            .hem_tab_block .altButtons #TabletButonBlockV2 #LISTE_TABLO_BUTON_BLOCK .BUTON_KOLON .img.icon7:before {
                content: "\e906";
            }

            .hem_tab_block .altButtons #TabletButonBlockV2 #LISTE_TABLO_BUTON_BLOCK .BUTON_KOLON .img.icon8:before {
                content: "\e907";
            }

            .hem_tab_block .altButtons #TabletButonBlockV2 #LISTE_TABLO_BUTON_BLOCK .BUTON_KOLON .img.icon9:before {
                content: "\e908";
            }

            .hem_tab_block .altButtons #TabletButonBlockV2 #LISTE_TABLO_BUTON_BLOCK .BUTON_KOLON .img.icon10:before {
                content: "\e909";
            }

            .hem_tab_block .altButtons #TabletButonBlockV2 #LISTE_TABLO_BUTON_BLOCK .BUTON_KOLON .img.icon11:before {
                content: "\e90a";
            }

            .hem_tab_block .altButtons #TabletButonBlockV2 #LISTE_TABLO_BUTON_BLOCK .BUTON_KOLON .img.icon12:before {
                content: "\e90b";
            }

            .hem_tab_block .altButtons #TabletButonBlockV2 #LISTE_TABLO_BUTON_BLOCK .BUTON_KOLON .img.icon13:before {
                content: "\e90c";
            }

            .hem_tab_block .altButtons #TabletButonBlockV2 #LISTE_TABLO_BUTON_BLOCK .BUTON_KOLON .img.icon14:before {
                content: "\e90d";
            }

            .hem_tab_block .altButtons #TabletButonBlockV2 #LISTE_TABLO_BUTON_BLOCK .BUTON_KOLON .img.icon15:before {
                content: "\e90e";
            }

            .hem_tab_block .altButtons #TabletButonBlockV2 #LISTE_TABLO_BUTON_BLOCK .BUTON_KOLON .img.icon16:before {
                content: "\e90f";
            }

            .hem_tab_block .altButtons #TabletButonBlockV2 #LISTE_TABLO_BUTON_BLOCK .BUTON_KOLON .img.icon17:before {
                content: "\e910";
            }

            .hem_tab_block .altButtons #TabletButonBlockV2 #LISTE_TABLO_BUTON_BLOCK .BUTON_KOLON .img.icon18:before {
                content: "\e911";
            }

            .hem_tab_block .altButtons #TabletButonBlockV2 #LISTE_TABLO_BUTON_BLOCK .BUTON_KOLON .img.icon19:before {
                content: "\e912";
            }

            .hem_tab_block .altButtons #TabletButonBlockV2 #LISTE_TABLO_BUTON_BLOCK .BUTON_KOLON .img.icon20:before {
                content: "\e913";
            }

            .hem_tab_block .altButtons #TabletButonBlockV2 #LISTE_TABLO_BUTON_BLOCK .BUTON_KOLON .img.icon21:before {
                content: "\e914";
            }

            .hem_tab_block .altButtons #TabletButonBlockV2 #LISTE_TABLO_BUTON_BLOCK .BUTON_KOLON .img.icon22:before {
                content: "\e915";
            }

            .hem_tab_block .altButtons #TabletButonBlockV2 #LISTE_TABLO_BUTON_BLOCK .BUTON_KOLON .img.icon23:before {
                content: "\e916";
            }

            .hem_tab_block .altButtons #TabletButonBlockV2 #LISTE_TABLO_BUTON_BLOCK .BUTON_KOLON .img.icon24:before {
                content: "\e917";
            }

            .hem_tab_block .altButtons #TabletButonBlockV2 #LISTE_TABLO_BUTON_BLOCK .BUTON_KOLON .img.icon25:before {
                content: "\e918";
            }

            .hem_tab_block .altButtons #TabletButonBlockV2 #LISTE_TABLO_BUTON_BLOCK .BUTON_KOLON .img.icon26:before {
                content: "\e919";
            }

            .hem_tab_block .altButtons #TabletButonBlockV2 #LISTE_TABLO_BUTON_BLOCK .BUTON_KOLON .img.icon27:before {
                content: "\e91a";
                font-size: 50px;
                margin-left: 4px;
            }

            .hem_tab_block .altButtons #TabletButonBlockV2 #LISTE_TABLO_BUTON_BLOCK .BUTON_KOLON .img.icon28:before {
                content: "\e91b";
                font-size: 48px;
            }

            .hem_tab_block .altButtons #TabletButonBlockV2 #LISTE_TABLO_BUTON_BLOCK .BUTON_KOLON .img.icon29:before {
                content: "\e91c";
                font-size: 50px;
            }

            .hem_tab_block .altButtons #TabletButonBlockV2 #LISTE_TABLO_BUTON_BLOCK .BUTON_KOLON .img.icon30:before {
                content: "\e91d";
                font-size: 42px;
                margin-left: 7px;
            }

            .hem_tab_block .altButtons #TabletButonBlockV2 #LISTE_TABLO_BUTON_BLOCK .BUTON_KOLON .img.icon31 {
                top: 3px;
            }

                .hem_tab_block .altButtons #TabletButonBlockV2 #LISTE_TABLO_BUTON_BLOCK .BUTON_KOLON .img.icon31:before {
                    content: "\e91e";
                    font-size: 42px;
                    margin-left: 4px;
                }

            .hem_tab_block .altButtons #TabletButonBlockV2 #LISTE_TABLO_BUTON_BLOCK .BUTON_KOLON .img.icon32:before {
                content: "\e91f";
                font-size: 45px;
                margin-left: 7px;
            }

            .hem_tab_block .altButtons #TabletButonBlockV2 #LISTE_TABLO_BUTON_BLOCK .BUTON_KOLON .img.icon33:before {
                content: "\e920";
            }

            .hem_tab_block .altButtons #TabletButonBlockV2 #LISTE_TABLO_BUTON_BLOCK .BUTON_KOLON .img.icon34:before {
                content: "\e921";
            }

            .hem_tab_block .altButtons #TabletButonBlockV2 #LISTE_TABLO_BUTON_BLOCK .BUTON_KOLON .img.icon35:before {
                content: "\e922";
            }

            .hem_tab_block .altButtons #TabletButonBlockV2 #LISTE_TABLO_BUTON_BLOCK .BUTON_KOLON .img.icon36:before {
                content: "\e923";
            }

            .hem_tab_block .altButtons #TabletButonBlockV2 #LISTE_TABLO_BUTON_BLOCK .BUTON_KOLON .img.icon37:before {
                content: "\e924";
                font-size: 48px;
                margin-left: 6px;
            }

            .hem_tab_block .altButtons #TabletButonBlockV2 #LISTE_TABLO_BUTON_BLOCK .BUTON_KOLON .img.icon38:before {
                content: "\e925";
                font-size: 50px;
                margin-left: 6px;
            }

            .hem_tab_block .altButtons #TabletButonBlockV2 #LISTE_TABLO_BUTON_BLOCK .BUTON_KOLON .img.icon39 {
                top: -7px;
            }

                .hem_tab_block .altButtons #TabletButonBlockV2 #LISTE_TABLO_BUTON_BLOCK .BUTON_KOLON .img.icon39:before {
                    content: "\e926";
                    font-size: 65px;
                    margin-left: 0px;
                }

            .hem_tab_block .altButtons #TabletButonBlockV2 #LISTE_TABLO_BUTON_BLOCK .BUTON_KOLON .img.icon40:before {
                content: "\e927";
            }

            .hem_tab_block .altButtons #TabletButonBlockV2 #LISTE_TABLO_BUTON_BLOCK .BUTON_KOLON .img.icon41 {
                top: 1px;
                left: 3px;
            }

                .hem_tab_block .altButtons #TabletButonBlockV2 #LISTE_TABLO_BUTON_BLOCK .BUTON_KOLON .img.icon41:before {
                    font-size: 50px;
                    content: "\e928";
                }

            .hem_tab_block .altButtons #TabletButonBlockV2 #LISTE_TABLO_BUTON_BLOCK .BUTON_KOLON .img.icon42 {
                top: 1px;
                left: 3px;
            }

                .hem_tab_block .altButtons #TabletButonBlockV2 #LISTE_TABLO_BUTON_BLOCK .BUTON_KOLON .img.icon42:before {
                    font-size: 50px;
                    content: "\e929";
                }

            .hem_tab_block .altButtons #TabletButonBlockV2 #LISTE_TABLO_BUTON_BLOCK .BUTON_KOLON .img.icon43 {
                top: -1px;
                left: 0px;
            }

                .hem_tab_block .altButtons #TabletButonBlockV2 #LISTE_TABLO_BUTON_BLOCK .BUTON_KOLON .img.icon43:before {
                    font-size: 60px;
                    content: "\e92a";
                }

            .hem_tab_block .altButtons #TabletButonBlockV2 #LISTE_TABLO_BUTON_BLOCK .BUTON_KOLON .img.icon44 {
                top: -1px;
                left: 3px;
            }

                .hem_tab_block .altButtons #TabletButonBlockV2 #LISTE_TABLO_BUTON_BLOCK .BUTON_KOLON .img.icon44:before {
                    font-size: 50px;
                    content: "\e92b";
                }

            .hem_tab_block .altButtons #TabletButonBlockV2 #LISTE_TABLO_BUTON_BLOCK .BUTON_KOLON .img.icon45 {
                top: 1px;
                left: 3px;
            }

                .hem_tab_block .altButtons #TabletButonBlockV2 #LISTE_TABLO_BUTON_BLOCK .BUTON_KOLON .img.icon45:before {
                    font-size: 50px;
                    content: "\e92c";
                }

            .hem_tab_block .altButtons #TabletButonBlockV2 #LISTE_TABLO_BUTON_BLOCK .BUTON_KOLON .img.icon46 {
                top: 1px;
                left: 3px;
            }

                .hem_tab_block .altButtons #TabletButonBlockV2 #LISTE_TABLO_BUTON_BLOCK .BUTON_KOLON .img.icon46:before {
                    font-size: 50px;
                    content: "\e92d";
                }

            .hem_tab_block .altButtons #TabletButonBlockV2 #LISTE_TABLO_BUTON_BLOCK .BUTON_KOLON .img.icon47 {
                top: 1px;
                left: 3px;
            }

                .hem_tab_block .altButtons #TabletButonBlockV2 #LISTE_TABLO_BUTON_BLOCK .BUTON_KOLON .img.icon47:before {
                    font-size: 50px;
                    content: "\e92e";
                }

            .hem_tab_block .altButtons #TabletButonBlockV2 #LISTE_TABLO_BUTON_BLOCK .BUTON_KOLON .img.icon48 {
                top: 1px;
                left: 3px;
            }

                .hem_tab_block .altButtons #TabletButonBlockV2 #LISTE_TABLO_BUTON_BLOCK .BUTON_KOLON .img.icon48:before {
                    font-size: 50px;
                    content: "\e92f";
                }

            .hem_tab_block .altButtons #TabletButonBlockV2 #LISTE_TABLO_BUTON_BLOCK .BUTON_KOLON .img.icon49 {
                top: 1px;
                left: 3px;
            }

                .hem_tab_block .altButtons #TabletButonBlockV2 #LISTE_TABLO_BUTON_BLOCK .BUTON_KOLON .img.icon49:before {
                    font-size: 50px;
                    content: "\e930";
                }

            .hem_tab_block .altButtons #TabletButonBlockV2 #LISTE_TABLO_BUTON_BLOCK .BUTON_KOLON .img.icon50 {
                top: 1px;
                left: 3px;
            }

                .hem_tab_block .altButtons #TabletButonBlockV2 #LISTE_TABLO_BUTON_BLOCK .BUTON_KOLON .img.icon50:before {
                    font-size: 50px;
                    content: "\e931";
                }

            .hem_tab_block .altButtons #TabletButonBlockV2 #LISTE_TABLO_BUTON_BLOCK .BUTON_KOLON .img.icon51 {
                top: 1px;
                left: 3px;
            }

                .hem_tab_block .altButtons #TabletButonBlockV2 #LISTE_TABLO_BUTON_BLOCK .BUTON_KOLON .img.icon51:before {
                    font-size: 50px;
                    content: "\e932";
                }

            .hem_tab_block .altButtons #TabletButonBlockV2 #LISTE_TABLO_BUTON_BLOCK .BUTON_KOLON .img.icon52 {
                top: 1px;
                left: 3px;
            }

                .hem_tab_block .altButtons #TabletButonBlockV2 #LISTE_TABLO_BUTON_BLOCK .BUTON_KOLON .img.icon52:before {
                    font-size: 50px;
                    content: "\e933";
                }

            .hem_tab_block .altButtons #TabletButonBlockV2 #LISTE_TABLO_BUTON_BLOCK .BUTON_KOLON .img.icon53 {
                top: 1px;
                left: 3px;
            }

                .hem_tab_block .altButtons #TabletButonBlockV2 #LISTE_TABLO_BUTON_BLOCK .BUTON_KOLON .img.icon53:before {
                    font-size: 50px;
                    content: "\e934";
                }

            .hem_tab_block .altButtons #TabletButonBlockV2 #LISTE_TABLO_BUTON_BLOCK .BUTON_KOLON .img.icon54 {
                top: 1px;
                left: 3px;
            }

                .hem_tab_block .altButtons #TabletButonBlockV2 #LISTE_TABLO_BUTON_BLOCK .BUTON_KOLON .img.icon54:before {
                    font-size: 50px;
                    content: "\e935";
                }

            .hem_tab_block .altButtons #TabletButonBlockV2 #LISTE_TABLO_BUTON_BLOCK .BUTON_KOLON .img.icon55 {
                top: 1px;
                left: 3px;
            }

                .hem_tab_block .altButtons #TabletButonBlockV2 #LISTE_TABLO_BUTON_BLOCK .BUTON_KOLON .img.icon55:before {
                    font-size: 50px;
                    content: "\e936";
                }

            .hem_tab_block .altButtons #TabletButonBlockV2 #LISTE_TABLO_BUTON_BLOCK .BUTON_KOLON .img.icon56 {
                top: 1px;
                left: 3px;
            }

                .hem_tab_block .altButtons #TabletButonBlockV2 #LISTE_TABLO_BUTON_BLOCK .BUTON_KOLON .img.icon56:before {
                    font-size: 50px;
                    content: "\e937";
                }

            .hem_tab_block .altButtons #TabletButonBlockV2 #LISTE_TABLO_BUTON_BLOCK .BUTON_KOLON .img.icon57 {
                top: 1px;
                left: 3px;
            }

                .hem_tab_block .altButtons #TabletButonBlockV2 #LISTE_TABLO_BUTON_BLOCK .BUTON_KOLON .img.icon57:before {
                    font-size: 50px;
                    content: "\e938";
                }

            .hem_tab_block .altButtons #TabletButonBlockV2 #LISTE_TABLO_BUTON_BLOCK .BUTON_KOLON .img.icon58 {
                top: -2px;
                left: -1px;
            }

                .hem_tab_block .altButtons #TabletButonBlockV2 #LISTE_TABLO_BUTON_BLOCK .BUTON_KOLON .img.icon58:before {
                    font-size: 60px;
                    content: "\e939";
                }

            .hem_tab_block .altButtons #TabletButonBlockV2 #LISTE_TABLO_BUTON_BLOCK .BUTON_KOLON .img.icon59 {
                top: -2px;
                left: -1px;
            }

                .hem_tab_block .altButtons #TabletButonBlockV2 #LISTE_TABLO_BUTON_BLOCK .BUTON_KOLON .img.icon59:before {
                    font-size: 56px;
                    content: "\e93a";
                }

            .hem_tab_block .altButtons #TabletButonBlockV2 #LISTE_TABLO_BUTON_BLOCK .BUTON_KOLON .img.icon60 {
                top: -2px;
                left: -1px;
            }

                .hem_tab_block .altButtons #TabletButonBlockV2 #LISTE_TABLO_BUTON_BLOCK .BUTON_KOLON .img.icon60:before {
                    font-size: 56px;
                    content: "\e93b";
                }

            .hem_tab_block .altButtons #TabletButonBlockV2 #LISTE_TABLO_BUTON_BLOCK .BUTON_KOLON .img.icon61 {
                top: -2px;
                left: -1px;
            }

                .hem_tab_block .altButtons #TabletButonBlockV2 #LISTE_TABLO_BUTON_BLOCK .BUTON_KOLON .img.icon61:before {
                    font-size: 56px;
                    content: "\e93c";
                }

            .hem_tab_block .altButtons #TabletButonBlockV2 #LISTE_TABLO_BUTON_BLOCK .BUTON_KOLON .img.icon62 {
                top: -2px;
                left: 2px;
            }

                .hem_tab_block .altButtons #TabletButonBlockV2 #LISTE_TABLO_BUTON_BLOCK .BUTON_KOLON .img.icon62:before {
                    font-size: 50px;
                    content: "\e93d";
                }

            .hem_tab_block .altButtons #TabletButonBlockV2 #LISTE_TABLO_BUTON_BLOCK .BUTON_KOLON .img.icon63 {
                top: -2px;
                left: -1px;
            }

                .hem_tab_block .altButtons #TabletButonBlockV2 #LISTE_TABLO_BUTON_BLOCK .BUTON_KOLON .img.icon63:before {
                    font-size: 50px;
                    content: "\e93e";
                }

            .hem_tab_block .altButtons #TabletButonBlockV2 #LISTE_TABLO_BUTON_BLOCK .BUTON_KOLON .img.icon64 {
                top: -2px;
                left: -1px;
            }

                .hem_tab_block .altButtons #TabletButonBlockV2 #LISTE_TABLO_BUTON_BLOCK .BUTON_KOLON .img.icon64:before {
                    font-size: 50px;
                    content: "\e93f";
                }

            .hem_tab_block .altButtons #TabletButonBlockV2 #LISTE_TABLO_BUTON_BLOCK .BUTON_KOLON .img.icon65 {
                top: -2px;
                left: -1px;
            }

                .hem_tab_block .altButtons #TabletButonBlockV2 #LISTE_TABLO_BUTON_BLOCK .BUTON_KOLON .img.icon65:before {
                    font-size: 50px;
                    content: "\e940";
                }

            .hem_tab_block .altButtons #TabletButonBlockV2 #LISTE_TABLO_BUTON_BLOCK .BUTON_KOLON .img.icon66 {
                top: 2px;
                left: 2px;
            }

                .hem_tab_block .altButtons #TabletButonBlockV2 #LISTE_TABLO_BUTON_BLOCK .BUTON_KOLON .img.icon66:before {
                    font-size: 43px;
                    content: "\e941";
                }

            .hem_tab_block .altButtons #TabletButonBlockV2 #LISTE_TABLO_BUTON_BLOCK .BUTON_KOLON .img.icon67 {
                top: -2px;
                left: -1px;
            }

                .hem_tab_block .altButtons #TabletButonBlockV2 #LISTE_TABLO_BUTON_BLOCK .BUTON_KOLON .img.icon67:before {
                    font-size: 50px;
                    content: "\e942";
                }

            .hem_tab_block .altButtons #TabletButonBlockV2 #LISTE_TABLO_BUTON_BLOCK .BUTON_KOLON .img.icon68 {
                top: 2px;
                left: 4px;
            }

                .hem_tab_block .altButtons #TabletButonBlockV2 #LISTE_TABLO_BUTON_BLOCK .BUTON_KOLON .img.icon68:before {
                    font-size: 43px;
                    content: "\e943";
                }

            .hem_tab_block .altButtons #TabletButonBlockV2 #LISTE_TABLO_BUTON_BLOCK .BUTON_KOLON .img.icon69 {
                top: 6px;
                left: 4px;
            }

                .hem_tab_block .altButtons #TabletButonBlockV2 #LISTE_TABLO_BUTON_BLOCK .BUTON_KOLON .img.icon69:before {
                    font-size: 38px !important;
                    content: "\e944";
                }

            .hem_tab_block .altButtons #TabletButonBlockV2 #LISTE_TABLO_BUTON_BLOCK .BUTON_KOLON .img.icon70 {
                top: 6px;
                left: 4px;
            }

                .hem_tab_block .altButtons #TabletButonBlockV2 #LISTE_TABLO_BUTON_BLOCK .BUTON_KOLON .img.icon70:before {
                    font-size: 38px !important;
                    content: "\e945";
                }

            .hem_tab_block .altButtons #TabletButonBlockV2 #LISTE_TABLO_BUTON_BLOCK .BUTON_KOLON .img.icon71 {
                top: 6px;
                left: 4px;
            }

                .hem_tab_block .altButtons #TabletButonBlockV2 #LISTE_TABLO_BUTON_BLOCK .BUTON_KOLON .img.icon71:before {
                    font-size: 38px !important;
                    content: "\e946";
                }

            .hem_tab_block .altButtons #TabletButonBlockV2 #LISTE_TABLO_BUTON_BLOCK .BUTON_KOLON .img.icon72 {
                top: 6px;
                left: 4px;
            }

                .hem_tab_block .altButtons #TabletButonBlockV2 #LISTE_TABLO_BUTON_BLOCK .BUTON_KOLON .img.icon72:before {
                    font-size: 38px !important;
                    content: "\e947";
                }

            .hem_tab_block .altButtons #TabletButonBlockV2 #LISTE_TABLO_BUTON_BLOCK .BUTON_KOLON .img.icon73 {
                top: 6px;
                left: 4px;
            }

                .hem_tab_block .altButtons #TabletButonBlockV2 #LISTE_TABLO_BUTON_BLOCK .BUTON_KOLON .img.icon73:before {
                    font-size: 38px !important;
                    content: "\e948";
                }

            .hem_tab_block .altButtons #TabletButonBlockV2 #LISTE_TABLO_BUTON_BLOCK .BUTON_KOLON .img.icon74 {
                top: 0px;
                left: 4px;
            }

                .hem_tab_block .altButtons #TabletButonBlockV2 #LISTE_TABLO_BUTON_BLOCK .BUTON_KOLON .img.icon74:before {
                    font-size: 45px !important;
                    content: "\e949";
                }

            .hem_tab_block .altButtons #TabletButonBlockV2 #LISTE_TABLO_BUTON_BLOCK .BUTON_KOLON .img.icon75 {
                top: 3px;
                left: 4px;
            }

                .hem_tab_block .altButtons #TabletButonBlockV2 #LISTE_TABLO_BUTON_BLOCK .BUTON_KOLON .img.icon75:before {
                    font-size: 40px !important;
                    content: "\e94a";
                }

            .hem_tab_block .altButtons #TabletButonBlockV2 #LISTE_TABLO_BUTON_BLOCK .BUTON_KOLON:focus {
                background: #ffdada;
            }

.hem_tab_block .tabletButtonsSearch {
    display: none;
    position: absolute;
    bottom: -75px;
    left: -3px;
    z-index: 999;
    transition: all .50s;
}

    .hem_tab_block .tabletButtonsSearch .tabletButtonSearchText {
        padding: 5px 15px;
        width: calc(100% - 35px);
        font-size: 18px;
        font-weight: bold;
        color: #cc0000;
        outline: 0;
    }

        .hem_tab_block .tabletButtonsSearch .tabletButtonSearchText:focus {
            border-color: #cc0000;
        }

    .hem_tab_block .tabletButtonsSearch .tabletButtonSearchButton {
        display: inline-block;
        width: 35px;
        height: 35px;
        background: #cc0000;
        color: #fff;
        position: relative;
    }

        .hem_tab_block .tabletButtonsSearch .tabletButtonSearchButton:before {
            font-family: 'tab';
            color: #878786;
            display: inline-block;
            font-size: 22px;
            cursor: pointer;
            content: "\f13a";
            position: absolute;
            top: 8px;
            left: 6px;
            color: #fff !important;
        }

.hem_tab_blockX {
    background: #fff;
}

    .hem_tab_blockX .moveBtn {
        width: 30px;
        height: 50px;
        border: 1px solid #dadada;
        border-radius: 3px;
        display: none;
    }

        .hem_tab_blockX .moveBtn:before {
            font-family: 'Flaticon';
            color: #878786;
            display: inline-block;
            font-size: 18px;
            cursor: pointer;
            content: "\f102";
            color: #333;
            padding: 15px 5px;
        }

    .hem_tab_blockX .backButton {
        position: absolute;
        top: 0;
        left: 5px;
    }

        .hem_tab_blockX .backButton:before {
            filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=2);
            -webkit-transform: rotate(180deg);
            -moz-transform: rotate(180deg);
        }

    .hem_tab_blockX .nextButton {
        position: absolute;
        top: 0;
        right: 5px;
    }

    .hem_tab_blockX .altButtonsX {
        width: 100%;
        height: 90px;
        overflow: hidden;
        overflow-x: auto;
        margin-left: 5px;
    }

        .hem_tab_blockX .altButtonsX #LISTE_TABLO_BUTON .BUTON_KOLON {
            width: 200px;
            float: left;
            cursor: pointer;
            margin-top: 10px;
            padding: 0 2px;
            display: inline-block;
        }

            .hem_tab_blockX .altButtonsX #LISTE_TABLO_BUTON .BUTON_KOLON .btn {
                border: 1px solid #dadada;
                border-radius: 3px;
                padding: 5px 5px 5px 60px;
                min-height: 50px;
                position: relative;
            }

                .hem_tab_blockX .altButtonsX #LISTE_TABLO_BUTON .BUTON_KOLON .btn span {
                    font-size: 12px !important;
                    line-height: 14px;
                    padding: 5px 0;
                }

            .hem_tab_blockX .altButtonsX #LISTE_TABLO_BUTON .BUTON_KOLON .img {
                display: inline-block;
                font-family: 'icomoon' !important;
                speak: none;
                font-style: normal;
                font-weight: normal;
                font-variant: normal;
                text-transform: none;
                line-height: 1;
                position: absolute;
                top: -1px;
                left: -2px;
            }

            .hem_tab_blockX .altButtonsX #LISTE_TABLO_BUTON .BUTON_KOLON:hover .btn {
                -webkit-box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.3);
                -moz-box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.3);
                box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.3);
                color: #E63636;
            }

            .hem_tab_blockX .altButtonsX #LISTE_TABLO_BUTON .BUTON_KOLON .img:before {
                font-size: 56px !important;
            }

            .hem_tab_blockX .altButtonsX #LISTE_TABLO_BUTON .BUTON_KOLON .img.icon1 {
                position: absolute;
                top: 5px;
                left: 5px;
            }

                .hem_tab_blockX .altButtonsX #LISTE_TABLO_BUTON .BUTON_KOLON .img.icon1:before {
                    content: "\e900";
                    font-size: 38px !important;
                }

            .hem_tab_blockX .altButtonsX #LISTE_TABLO_BUTON .BUTON_KOLON .img.icon2:before {
                content: "\e901";
            }

            .hem_tab_blockX .altButtonsX #LISTE_TABLO_BUTON .BUTON_KOLON .img.icon3:before {
                content: "\e902";
            }

            .hem_tab_blockX .altButtonsX #LISTE_TABLO_BUTON .BUTON_KOLON .img.icon4:before {
                content: "\e903";
            }

            .hem_tab_blockX .altButtonsX #LISTE_TABLO_BUTON .BUTON_KOLON .img.icon5:before {
                content: "\e904";
            }

            .hem_tab_blockX .altButtonsX #LISTE_TABLO_BUTON .BUTON_KOLON .img.icon6:before {
                content: "\e905";
            }

            .hem_tab_blockX .altButtonsX #LISTE_TABLO_BUTON .BUTON_KOLON .img.icon7:before {
                content: "\e906";
            }

            .hem_tab_blockX .altButtonsX #LISTE_TABLO_BUTON .BUTON_KOLON .img.icon8:before {
                content: "\e907";
            }

            .hem_tab_blockX .altButtonsX #LISTE_TABLO_BUTON .BUTON_KOLON .img.icon9:before {
                content: "\e908";
            }

            .hem_tab_blockX .altButtonsX #LISTE_TABLO_BUTON .BUTON_KOLON .img.icon10:before {
                content: "\e909";
            }

            .hem_tab_blockX .altButtonsX #LISTE_TABLO_BUTON .BUTON_KOLON .img.icon11:before {
                content: "\e90a";
            }

            .hem_tab_blockX .altButtonsX #LISTE_TABLO_BUTON .BUTON_KOLON .img.icon12:before {
                content: "\e90b";
            }

            .hem_tab_blockX .altButtonsX #LISTE_TABLO_BUTON .BUTON_KOLON .img.icon13:before {
                content: "\e90c";
            }

            .hem_tab_blockX .altButtonsX #LISTE_TABLO_BUTON .BUTON_KOLON .img.icon14:before {
                content: "\e90d";
            }

            .hem_tab_blockX .altButtonsX #LISTE_TABLO_BUTON .BUTON_KOLON .img.icon15:before {
                content: "\e90e";
            }

            .hem_tab_blockX .altButtonsX #LISTE_TABLO_BUTON .BUTON_KOLON .img.icon16:before {
                content: "\e90f";
            }

            .hem_tab_blockX .altButtonsX #LISTE_TABLO_BUTON .BUTON_KOLON .img.icon17:before {
                content: "\e910";
            }

            .hem_tab_blockX .altButtonsX #LISTE_TABLO_BUTON .BUTON_KOLON .img.icon18:before {
                content: "\e911";
            }

            .hem_tab_blockX .altButtonsX #LISTE_TABLO_BUTON .BUTON_KOLON .img.icon19:before {
                content: "\e912";
            }

            .hem_tab_blockX .altButtonsX #LISTE_TABLO_BUTON .BUTON_KOLON .img.icon20:before {
                content: "\e913";
            }

            .hem_tab_blockX .altButtonsX #LISTE_TABLO_BUTON .BUTON_KOLON .img.icon21:before {
                content: "\e914";
            }

            .hem_tab_blockX .altButtonsX #LISTE_TABLO_BUTON .BUTON_KOLON .img.icon22:before {
                content: "\e915";
            }

            .hem_tab_blockX .altButtonsX #LISTE_TABLO_BUTON .BUTON_KOLON .img.icon23:before {
                content: "\e916";
            }

            .hem_tab_blockX .altButtonsX #LISTE_TABLO_BUTON .BUTON_KOLON .img.icon24:before {
                content: "\e917";
            }

            .hem_tab_blockX .altButtonsX #LISTE_TABLO_BUTON .BUTON_KOLON .img.icon25:before {
                content: "\e918";
            }

            .hem_tab_blockX .altButtonsX #LISTE_TABLO_BUTON .BUTON_KOLON .img.icon26:before {
                content: "\e919";
            }

            .hem_tab_blockX .altButtonsX #LISTE_TABLO_BUTON .BUTON_KOLON .img.icon27:before {
                content: "\e91a";
                font-size: 50px !important;
                margin-left: 4px;
            }

            .hem_tab_blockX .altButtonsX #LISTE_TABLO_BUTON .BUTON_KOLON .img.icon28:before {
                content: "\e91b";
                font-size: 48px !important;
            }

            .hem_tab_blockX .altButtonsX #LISTE_TABLO_BUTON .BUTON_KOLON .img.icon29:before {
                content: "\e91c";
                font-size: 50px !important;
            }

            .hem_tab_blockX .altButtonsX #LISTE_TABLO_BUTON .BUTON_KOLON .img.icon30:before {
                content: "\e91d";
                font-size: 42px !important;
                margin-left: 7px;
            }

            .hem_tab_blockX .altButtonsX #LISTE_TABLO_BUTON .BUTON_KOLON .img.icon31 {
                top: 3px;
            }

                .hem_tab_blockX .altButtonsX #LISTE_TABLO_BUTON .BUTON_KOLON .img.icon31:before {
                    content: "\e91e";
                    font-size: 42px !important;
                    margin-left: 4px;
                }

            .hem_tab_blockX .altButtonsX #LISTE_TABLO_BUTON .BUTON_KOLON .img.icon32:before {
                content: "\e91f";
                font-size: 45px !important;
                margin-left: 7px;
            }

            .hem_tab_blockX .altButtonsX #LISTE_TABLO_BUTON .BUTON_KOLON .img.icon33:before {
                content: "\e920";
            }

            .hem_tab_blockX .altButtonsX #LISTE_TABLO_BUTON .BUTON_KOLON .img.icon34:before {
                content: "\e921";
            }

            .hem_tab_blockX .altButtonsX #LISTE_TABLO_BUTON .BUTON_KOLON .img.icon35:before {
                content: "\e922";
            }

            .hem_tab_blockX .altButtonsX #LISTE_TABLO_BUTON .BUTON_KOLON .img.icon36:before {
                content: "\e923";
            }

            .hem_tab_blockX .altButtonsX #LISTE_TABLO_BUTON .BUTON_KOLON .img.icon37:before {
                content: "\e924";
                font-size: 48px !important;
                margin-left: 6px;
            }

            .hem_tab_blockX .altButtonsX #LISTE_TABLO_BUTON .BUTON_KOLON .img.icon38:before {
                content: "\e925";
                font-size: 50px !important;
                margin-left: 6px;
            }

            .hem_tab_blockX .altButtonsX #LISTE_TABLO_BUTON .BUTON_KOLON .img.icon39 {
                top: -7px;
            }

                .hem_tab_blockX .altButtonsX #LISTE_TABLO_BUTON .BUTON_KOLON .img.icon39:before {
                    content: "\e926";
                    font-size: 65px !important;
                    margin-left: 0px;
                }

            .hem_tab_blockX .altButtonsX #LISTE_TABLO_BUTON .BUTON_KOLON .img.icon40:before {
                content: "\e927";
            }

            .hem_tab_blockX .altButtonsX #LISTE_TABLO_BUTON .BUTON_KOLON .img.icon41 {
                top: 1px;
                left: 3px;
            }

                .hem_tab_blockX .altButtonsX #LISTE_TABLO_BUTON .BUTON_KOLON .img.icon41:before {
                    font-size: 50px !important;
                    content: "\e928";
                }

            .hem_tab_blockX .altButtonsX #LISTE_TABLO_BUTON .BUTON_KOLON .img.icon42 {
                top: 1px;
                left: 3px;
            }

                .hem_tab_blockX .altButtonsX #LISTE_TABLO_BUTON .BUTON_KOLON .img.icon42:before {
                    font-size: 50px !important;
                    content: "\e929";
                }

            .hem_tab_blockX .altButtonsX #LISTE_TABLO_BUTON .BUTON_KOLON .img.icon43 {
                top: -1px;
                left: 0px;
            }

                .hem_tab_blockX .altButtonsX #LISTE_TABLO_BUTON .BUTON_KOLON .img.icon43:before {
                    font-size: 60px !important;
                    content: "\e92a";
                }

            .hem_tab_blockX .altButtonsX #LISTE_TABLO_BUTON .BUTON_KOLON .img.icon44 {
                top: -1px;
                left: 3px;
            }

                .hem_tab_blockX .altButtonsX #LISTE_TABLO_BUTON .BUTON_KOLON .img.icon44:before {
                    font-size: 50px !important;
                    content: "\e92b";
                }

            .hem_tab_blockX .altButtonsX #LISTE_TABLO_BUTON .BUTON_KOLON .img.icon45 {
                top: 1px;
                left: 3px;
            }

                .hem_tab_blockX .altButtonsX #LISTE_TABLO_BUTON .BUTON_KOLON .img.icon45:before {
                    font-size: 50px !important;
                    content: "\e92c";
                }

            .hem_tab_blockX .altButtonsX #LISTE_TABLO_BUTON .BUTON_KOLON .img.icon46 {
                top: 1px;
                left: 3px;
            }

                .hem_tab_blockX .altButtonsX #LISTE_TABLO_BUTON .BUTON_KOLON .img.icon46:before {
                    font-size: 50px !important;
                    content: "\e92d";
                }

            .hem_tab_blockX .altButtonsX #LISTE_TABLO_BUTON .BUTON_KOLON .img.icon47 {
                top: 1px;
                left: 3px;
            }

                .hem_tab_blockX .altButtonsX #LISTE_TABLO_BUTON .BUTON_KOLON .img.icon47:before {
                    font-size: 50px !important;
                    content: "\e92e";
                }

            .hem_tab_blockX .altButtonsX #LISTE_TABLO_BUTON .BUTON_KOLON .img.icon48 {
                top: 1px;
                left: 3px;
            }

                .hem_tab_blockX .altButtonsX #LISTE_TABLO_BUTON .BUTON_KOLON .img.icon48:before {
                    font-size: 50px !important;
                    content: "\e92f";
                }

            .hem_tab_blockX .altButtonsX #LISTE_TABLO_BUTON .BUTON_KOLON .img.icon49 {
                top: 1px;
                left: 3px;
            }

                .hem_tab_blockX .altButtonsX #LISTE_TABLO_BUTON .BUTON_KOLON .img.icon49:before {
                    font-size: 50px !important;
                    content: "\e930";
                }

            .hem_tab_blockX .altButtonsX #LISTE_TABLO_BUTON .BUTON_KOLON .img.icon50 {
                top: 1px;
                left: 3px;
            }

                .hem_tab_blockX .altButtonsX #LISTE_TABLO_BUTON .BUTON_KOLON .img.icon50:before {
                    font-size: 50px;
                    content: "\e931";
                }

            .hem_tab_blockX .altButtonsX #LISTE_TABLO_BUTON .BUTON_KOLON .img.icon51 {
                top: 1px;
                left: 3px;
            }

                .hem_tab_blockX .altButtonsX #LISTE_TABLO_BUTON .BUTON_KOLON .img.icon51:before {
                    font-size: 50px;
                    content: "\e932";
                }

            .hem_tab_blockX .altButtonsX #LISTE_TABLO_BUTON .BUTON_KOLON .img.icon52 {
                top: 1px;
                left: 3px;
            }

                .hem_tab_blockX .altButtonsX #LISTE_TABLO_BUTON .BUTON_KOLON .img.icon52:before {
                    font-size: 50px;
                    content: "\e933";
                }

            .hem_tab_blockX .altButtonsX #LISTE_TABLO_BUTON .BUTON_KOLON .img.icon53 {
                top: 1px;
                left: 3px;
            }

                .hem_tab_blockX .altButtonsX #LISTE_TABLO_BUTON .BUTON_KOLON .img.icon53:before {
                    font-size: 50px;
                    content: "\e934";
                }

            .hem_tab_blockX .altButtonsX #LISTE_TABLO_BUTON .BUTON_KOLON .img.icon54 {
                top: 1px;
                left: 3px;
            }

                .hem_tab_blockX .altButtonsX #LISTE_TABLO_BUTON .BUTON_KOLON .img.icon54:before {
                    font-size: 50px;
                    content: "\e935";
                }

            .hem_tab_blockX .altButtonsX #LISTE_TABLO_BUTON .BUTON_KOLON .img.icon55 {
                top: 1px;
                left: 3px;
            }

                .hem_tab_blockX .altButtonsX #LISTE_TABLO_BUTON .BUTON_KOLON .img.icon55:before {
                    font-size: 50px;
                    content: "\e936";
                }

            .hem_tab_blockX .altButtonsX #LISTE_TABLO_BUTON .BUTON_KOLON .img.icon56 {
                top: 1px;
                left: 3px;
            }

                .hem_tab_blockX .altButtonsX #LISTE_TABLO_BUTON .BUTON_KOLON .img.icon56:before {
                    font-size: 50px;
                    content: "\e937";
                }

            .hem_tab_blockX .altButtonsX #LISTE_TABLO_BUTON .BUTON_KOLON .img.icon57 {
                top: 1px;
                left: 3px;
            }

                .hem_tab_blockX .altButtonsX #LISTE_TABLO_BUTON .BUTON_KOLON .img.icon57:before {
                    font-size: 50px;
                    content: "\e938";
                }

            .hem_tab_blockX .altButtonsX #LISTE_TABLO_BUTON .BUTON_KOLON .img.icon58 {
                top: 1px;
                left: 3px;
            }

                .hem_tab_blockX .altButtonsX #LISTE_TABLO_BUTON .BUTON_KOLON .img.icon58:before {
                    font-size: 50px;
                    content: "\e939";
                }

            .hem_tab_blockX .altButtonsX #LISTE_TABLO_BUTON .BUTON_KOLON .img.icon59 {
                top: 1px;
                left: 3px;
            }

                .hem_tab_blockX .altButtonsX #LISTE_TABLO_BUTON .BUTON_KOLON .img.icon59:before {
                    font-size: 50px;
                    content: "\e93a";
                }

            .hem_tab_blockX .altButtonsX #LISTE_TABLO_BUTON .BUTON_KOLON .img.icon60 {
                top: 1px;
                left: 3px;
            }

                .hem_tab_blockX .altButtonsX #LISTE_TABLO_BUTON .BUTON_KOLON .img.icon60:before {
                    font-size: 50px;
                    content: "\e93b";
                }

            .hem_tab_blockX .altButtonsX #LISTE_TABLO_BUTON .BUTON_KOLON .img.icon61 {
                top: 1px;
                left: 3px;
            }

                .hem_tab_blockX .altButtonsX #LISTE_TABLO_BUTON .BUTON_KOLON .img.icon61:before {
                    font-size: 50px;
                    content: "\e93c";
                }

            .hem_tab_blockX .altButtonsX #LISTE_TABLO_BUTON .BUTON_KOLON .img.icon62 {
                top: 1px;
                left: 3px;
            }

                .hem_tab_blockX .altButtonsX #LISTE_TABLO_BUTON .BUTON_KOLON .img.icon62:before {
                    font-size: 45px !important;
                    content: "\e93d";
                }

            .hem_tab_blockX .altButtonsX #LISTE_TABLO_BUTON .BUTON_KOLON .img.icon63 {
                top: 1px;
                left: 3px;
            }

                .hem_tab_blockX .altButtonsX #LISTE_TABLO_BUTON .BUTON_KOLON .img.icon63:before {
                    font-size: 45px !important;
                    content: "\e93e";
                }

            .hem_tab_blockX .altButtonsX #LISTE_TABLO_BUTON .BUTON_KOLON .img.icon65 {
                top: 1px;
                left: 3px;
            }

                .hem_tab_blockX .altButtonsX #LISTE_TABLO_BUTON .BUTON_KOLON .img.icon65:before {
                    font-size: 45px !important;
                    content: "\e940";
                }

            .hem_tab_blockX .altButtonsX #LISTE_TABLO_BUTON .BUTON_KOLON .img.icon66 {
                top: 1px;
                left: 3px;
            }

                .hem_tab_blockX .altButtonsX #LISTE_TABLO_BUTON .BUTON_KOLON .img.icon66:before {
                    font-size: 45px !important;
                    content: "\e941";
                }

            .hem_tab_blockX .altButtonsX #LISTE_TABLO_BUTON .BUTON_KOLON .img.icon67 {
                top: 1px;
                left: 3px;
            }

                .hem_tab_blockX .altButtonsX #LISTE_TABLO_BUTON .BUTON_KOLON .img.icon67:before {
                    font-size: 45px !important;
                    content: "\e942";
                }

            .hem_tab_blockX .altButtonsX #LISTE_TABLO_BUTON .BUTON_KOLON .img.icon68 {
                top: 2px;
                left: 5px;
            }

                .hem_tab_blockX .altButtonsX #LISTE_TABLO_BUTON .BUTON_KOLON .img.icon68:before {
                    font-size: 43px !important;
                    content: "\e943";
                }

            .hem_tab_blockX .altButtonsX #LISTE_TABLO_BUTON .BUTON_KOLON .img.icon69 {
                top: 6px;
                left: 4px;
            }

                .hem_tab_blockX .altButtonsX #LISTE_TABLO_BUTON .BUTON_KOLON .img.icon69:before {
                    font-size: 38px !important;
                    content: "\e944";
                }

            .hem_tab_blockX .altButtonsX #LISTE_TABLO_BUTON .BUTON_KOLON .img.icon70 {
                top: 6px;
                left: 4px;
            }

                .hem_tab_blockX .altButtonsX #LISTE_TABLO_BUTON .BUTON_KOLON .img.icon70:before {
                    font-size: 38px !important;
                    content: "\e945";
                }

            .hem_tab_blockX .altButtonsX #LISTE_TABLO_BUTON .BUTON_KOLON .img.icon71 {
                top: 6px;
                left: 4px;
            }

                .hem_tab_blockX .altButtonsX #LISTE_TABLO_BUTON .BUTON_KOLON .img.icon71:before {
                    font-size: 38px !important;
                    content: "\e946";
                }

            .hem_tab_blockX .altButtonsX #LISTE_TABLO_BUTON .BUTON_KOLON .img.icon72 {
                top: 6px;
                left: 4px;
            }

                .hem_tab_blockX .altButtonsX #LISTE_TABLO_BUTON .BUTON_KOLON .img.icon72:before {
                    font-size: 38px !important;
                    content: "\e947";
                }

            .hem_tab_blockX .altButtonsX #LISTE_TABLO_BUTON .BUTON_KOLON .img.icon73 {
                top: 6px;
                left: 4px;
            }

                .hem_tab_blockX .altButtonsX #LISTE_TABLO_BUTON .BUTON_KOLON .img.icon73:before {
                    font-size: 38px !important;
                    content: "\e948";
                }

            .hem_tab_blockX .altButtonsX #LISTE_TABLO_BUTON .BUTON_KOLON .img.icon74 {
                top: 0px;
                left: 4px;
            }

                .hem_tab_blockX .altButtonsX #LISTE_TABLO_BUTON .BUTON_KOLON .img.icon74:before {
                    font-size: 45px !important;
                    content: "\e949";
                }

            .hem_tab_blockX .altButtonsX #LISTE_TABLO_BUTON .BUTON_KOLON .img.icon75 {
                top: 3px;
                left: 4px;
            }

                .hem_tab_blockX .altButtonsX #LISTE_TABLO_BUTON .BUTON_KOLON .img.icon75:before {
                    font-size: 40px !important;
                    content: "\e94a";
                }

        .hem_tab_blockX .altButtonsX #LISTE_TABLO_BUTON.min {
            height: 88px;
            overflow-y: auto;
        }

            .hem_tab_blockX .altButtonsX #LISTE_TABLO_BUTON.min .BUTON_KOLON {
                width: auto;
                margin: 0 0 5px 0;
            }

                .hem_tab_blockX .altButtonsX #LISTE_TABLO_BUTON.min .BUTON_KOLON .btn {
                    padding: 2px 5px;
                    min-height: auto;
                }

                    .hem_tab_blockX .altButtonsX #LISTE_TABLO_BUTON.min .BUTON_KOLON .btn .img {
                        position: relative;
                    }

                        .hem_tab_blockX .altButtonsX #LISTE_TABLO_BUTON.min .BUTON_KOLON .btn .img:before {
                            font-size: 32px !important;
                        }

                    .hem_tab_blockX .altButtonsX #LISTE_TABLO_BUTON.min .BUTON_KOLON .btn .icon29:before, .hem_tab_blockX .altButtonsX #LISTE_TABLO_BUTON.min .BUTON_KOLON .btn .icon28:before {
                        font-size: 32px !important;
                    }

                    .hem_tab_blockX .altButtonsX #LISTE_TABLO_BUTON.min .BUTON_KOLON .btn .icon39 {
                        top: -1px;
                    }

                    .hem_tab_blockX .altButtonsX #LISTE_TABLO_BUTON.min .BUTON_KOLON .btn .icon63 {
                        left: 0 !important;
                    }

                    .hem_tab_blockX .altButtonsX #LISTE_TABLO_BUTON.min .BUTON_KOLON .btn .icon66 {
                        left: 0 !important;
                    }

                    .hem_tab_blockX .altButtonsX #LISTE_TABLO_BUTON.min .BUTON_KOLON .btn .icon68 {
                        left: 0 !important;
                    }

                    .hem_tab_blockX .altButtonsX #LISTE_TABLO_BUTON.min .BUTON_KOLON .btn .icon68 {
                        left: 0 !important;
                        top: 0 !important;
                    }

                    .hem_tab_blockX .altButtonsX #LISTE_TABLO_BUTON.min .BUTON_KOLON .btn .icon69 {
                        left: 0 !important;
                        top: 2px !important;
                    }

                    .hem_tab_blockX .altButtonsX #LISTE_TABLO_BUTON.min .BUTON_KOLON .btn .icon70 {
                        left: 0 !important;
                        top: 1px !important;
                    }

                    .hem_tab_blockX .altButtonsX #LISTE_TABLO_BUTON.min .BUTON_KOLON .btn .icon71 {
                        left: 0 !important;
                        top: 1px !important;
                    }

                    .hem_tab_blockX .altButtonsX #LISTE_TABLO_BUTON.min .BUTON_KOLON .btn .icon72 {
                        left: 0 !important;
                        top: 1px !important;
                    }

                    .hem_tab_blockX .altButtonsX #LISTE_TABLO_BUTON.min .BUTON_KOLON .btn .icon73 {
                        left: 0 !important;
                        top: 1px !important;
                    }

                    .hem_tab_blockX .altButtonsX #LISTE_TABLO_BUTON.min .BUTON_KOLON .btn .icon74 {
                        left: 0 !important;
                        top: 0px !important;
                    }

                    .hem_tab_blockX .altButtonsX #LISTE_TABLO_BUTON.min .BUTON_KOLON .btn .icon75 {
                        left: 1 !important;
                        top: 0px !important;
                    }

                    .hem_tab_blockX .altButtonsX #LISTE_TABLO_BUTON.min .BUTON_KOLON .btn span {
                        display: none;
                    }

/* Tablet Hasta Liste Table */
#content_tablet_hasta_liste {
    margin: 0 0 40px 0;
}

    #content_tablet_hasta_liste .tabIcons {
        width: 30px;
        height: 30px;
    }

    #content_tablet_hasta_liste .btn {
        padding: 3px;
        border: 1px solid #999;
        border-radius: 2px;
        min-width: 60px;
        min-height: 23px;
        text-align: center;
        cursor: pointer;
        font-size: 12px;
        font-weight: bold;
        position: relative;
        background: #fff;
    }

        #content_tablet_hasta_liste .btn:hover {
            border-color: #ED1C24;
        }

            #content_tablet_hasta_liste .btn:hover:before {
                color: #ED1C24;
            }

    #content_tablet_hasta_liste .proButton {
        width: 25px;
        height: 25px;
        padding: 1px 0;
        color: #000 !important;
        -webkit-border-top-left-radius: 5px;
        -webkit-border-bottom-right-radius: 5px;
        -moz-border-radius-topleft: 5px;
        -moz-border-radius-bottomright: 5px;
        border-top-left-radius: 5px;
        border-bottom-right-radius: 5px;
    }

.tablet_table_list {
    width: 100%;
    overflow: hidden;
    font-size: 12px;
    border: 1px solid #ECF0F5;
}

    .tablet_table_list .icn {
        font-family: 'tab';
        color: #878786;
        display: inline-block;
        font-size: 10px;
        cursor: pointer;
        filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=1);
        -webkit-transform: rotate(90deg);
        -moz-transform: rotate(90deg);
        position: absolute;
        right: 5px;
    }

    .tablet_table_list .sirala:before {
        content: "\f104";
    }

    .tablet_table_list .inpt_icon {
        font-family: 'tab';
        color: #878786;
        display: inline-block;
        font-size: 15px;
        cursor: pointer;
        border: 1px solid #C3C3C1;
        padding: 3px;
        min-width: 27px;
        text-align: center;
    }

        .tablet_table_list .inpt_icon:hover {
            color: #F10C29;
        }

        .tablet_table_list .inpt_icon input {
            display: none;
        }

    .tablet_table_list .yenile:before {
        content: "\f134";
    }

    .tablet_table_list .duzenle:before {
        content: "\f12b";
    }

    .tablet_table_list .sil:before {
        content: "\f114";
    }

    .tablet_table_list thead {
        border-top: 1px solid #c0c0c0;
        border-bottom: 1px solid #c0c0c0;
        border-right: 1px solid #c0c0c0;
        color: #615d5d;
    }

        .tablet_table_list thead tr {
            background: #ECECEC;
        }

            .tablet_table_list thead tr th {
                padding: 2px 4px;
                border-left: 1px solid #c0c0c0;
                border-bottom: 1px solid #c0c0c0;
                position: relative;
                font-weight: bold;
            }

                .tablet_table_list thead tr th span {
                    font: 12px/14px Helvetica, "Lucida Sans Unicode" !important;
                    font-weight: bold !important;
                }

            .tablet_table_list thead tr .delete {
                font-family: 'tab';
                color: #878786;
                display: inline-block;
                font-size: 16px !important;
                cursor: pointer;
                z-index: 0;
            }

                .tablet_table_list thead tr .delete:after {
                    content: "\f114";
                }

                .tablet_table_list thead tr .delete:hover {
                    color: #E00A19;
                }

                    .tablet_table_list thead tr .delete:hover input {
                        border-color: #E00A19;
                    }

                .tablet_table_list thead tr .delete input {
                    width: 25px;
                    height: 25px;
                    position: absolute;
                    top: -3px;
                    left: -5px;
                    z-index: -1;
                }

            .tablet_table_list thead tr .center {
                text-align: center;
            }

            .tablet_table_list thead tr .rotateHeader {
                height: 75px;
                border-left: 1px solid #E2E2E2;
            }

                .tablet_table_list thead tr .rotateHeader span {
                    -moz-transform: rotate(-90deg);
                    -moz-transform-origin: top left;
                    -webkit-transform: rotate(-90deg);
                    -webkit-transform-origin: top left;
                    -o-transform: rotate(-90deg);
                    -o-transform-origin: top left;
                    position: absolute;
                    bottom: -25px;
                    width: 64px;
                    height: 30px;
                }

    .tablet_table_list tbody tr {
        cursor: pointer;
        color: #333;
    }

        .tablet_table_list tbody tr td {
            border: 1px solid #c0c0c0;
            padding: 3px 6px 4px;
        }

            .tablet_table_list tbody tr td img {
                display: block;
                margin: 0 auto;
            }

            .tablet_table_list tbody tr td.rowCSS {
                background: #FFDDDE;
            }

                .tablet_table_list tbody tr td.rowCSS .spanCSS {
                    font-weight: bold !important;
                    color: #D20911 !important;
                }

            .tablet_table_list tbody tr td.rightTh {
                background: #ECECEC;
            }

        .tablet_table_list tbody tr .rowCSS, .tablet_table_list tbody tr .clickable, .tablet_table_list tbody tr .BUTON_KISAYOL {
            text-align: center;
        }

        .tablet_table_list tbody tr:hover {
            background: #FFDDDE;
        }

    .tablet_table_list tfoot tr {
        background: #ddd;
        border: 1px solid #5a5a5a;
    }

        .tablet_table_list tfoot tr td {
            border: 1px solid #8a8a8a;
            padding: 2px;
        }

    .tablet_table_list .vHeader {
        font-weight: bold;
        color: #615d5d;
        background: #ECECEC;
    }

.tablet_ul_list li {
    border-left: 1px solid #E2E2E2;
    border-right: 1px solid #E2E2E2;
    border-bottom: 1px solid #E2E2E2;
    padding: 2px 3px;
    position: relative;
}

/* ------------------------ */
.chck_block {
    display: inline-block;
    position: relative;
}

    .chck_block .chck {
        opacity: 0;
        position: absolute;
        display: inline-block;
        vertical-align: middle;
        margin: 5px;
        cursor: pointer;
    }

    .chck_block .lbl_check {
        display: inline-block;
        vertical-align: middle;
        margin: 5px;
        cursor: pointer;
        position: relative;
    }

    .chck_block .chck + .lbl_check:before {
        content: '';
        background: #e6e6e6;
        border: 2px solid #9e9e9e;
        display: inline-block;
        vertical-align: middle;
        width: 16px;
        height: 16px;
        margin-right: 5px;
        text-align: center;
    }

    .chck_block .chck:checked + .lbl_check:before {
        content: "\f10f";
        font-family: 'tab';
        background: #EA3939;
        color: #fff;
        border: 2px solid #EA3939;
        font-weight: bold;
    }

/* Radio group */
.radio_block {
    display: inline-block;
}

    .radio_block .radio {
        opacity: 0;
        position: absolute;
        display: inline-block;
        vertical-align: middle;
        margin: 5px;
        cursor: pointer;
    }

    .radio_block .lbl_radio {
        display: inline-block;
        vertical-align: middle;
        cursor: pointer;
        position: relative;
        width: auto !important;
    }

    .radio_block .radio + .lbl_radio:before {
        content: '';
        background: #e6e6e6;
        border: 2px solid #9e9e9e;
        display: inline-block;
        vertical-align: middle;
        width: 14px;
        height: 14px;
        margin-right: 5px;
        text-align: center;
        border-radius: 50%;
    }

    .radio_block .radio:checked + .lbl_radio:before {
        content: "";
        background: #EA3939;
        border: 2px solid #EA3939;
    }

    .radio_block .radio:checked + .lbl_radio:after {
        content: "";
        background: #fff;
        width: 10px;
        height: 10px;
        border-radius: 50%;
        position: absolute;
        top: 5px;
        left: 4px;
    }

/* IOS radio block */
.tgl_block {
    cursor: pointer;
}

    .tgl_block .tgl {
        display: none;
    }

    .tgl_block .tgl_btn {
        display: inline-block;
    }

        .tgl_block .tgl_btn:after {
            position: relative;
            display: inline-block;
            content: "";
            width: 50%;
            height: 100%;
        }

    .tgl_block .tgl + .tgl_btn {
        outline: 0;
        display: inline-block;
        width: 38px;
        height: 20px;
        position: relative;
        cursor: pointer;
        -webkit-user-select: none;
        -moz-user-select: none;
        -ms-user-select: none;
        user-select: none;
        box-sizing: border-box;
        background: #fbfbfb;
        border-radius: 2em;
        padding: 2px;
        -webkit-transition: all .4s ease;
        transition: all .4s ease;
        border: 1px solid #e8eae9;
    }

        .tgl_block .tgl + .tgl_btn:after {
            border-radius: 2em;
            background: #fbfbfb;
            -webkit-transition: left 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275), padding 0.3s ease, margin 0.3s ease;
            transition: left 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275), padding 0.3s ease, margin 0.3s ease;
            box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.1), 0 4px 0 rgba(0, 0, 0, 0.08);
        }

        .tgl_block .tgl + .tgl_btn:active {
            box-shadow: inset 0 0 0 2em #e8eae9;
        }

            .tgl_block .tgl + .tgl_btn:active:before {
                padding-right: .8em;
                display: inline-block;
            }

        .tgl_block .tgl + .tgl_btn:hover:after {
            will-change: padding;
            display: inline-block;
        }

    .tgl_block .tgl:checked + .tgl_btn {
        background: #86d993;
    }

        .tgl_block .tgl:checked + .tgl_btn:after {
            left: 50%;
        }

        .tgl_block .tgl:checked + .tgl_btn:active {
            box-shadow: none;
        }

            .tgl_block .tgl:checked + .tgl_btn:active:after {
                display: inline-block;
                margin-left: -.8em;
            }

    .tgl_block span {
        color: #606161 !important;
        margin-left: 3px;
    }

/* Resim goster */
.slide-buton {
    position: fixed;
    right: -150px;
    z-index: 10;
    top: 46px;
    width: 150px;
    height: 100%;
    padding: 10px;
    background: #fff;
}

    .slide-buton .cikis {
        font-family: 'tab';
        color: #878786;
        display: inline-block;
        font-size: 20px !important;
        cursor: pointer;
        float: right;
        margin-bottom: 10px;
    }

        .slide-buton .cikis:before {
            content: "\f10c";
        }

        .slide-buton .cikis input {
            width: 20px;
            height: 20px;
            position: absolute;
            top: 0;
            left: 0;
            border: none !important;
            background: none;
        }

    .slide-buton img {
        width: 100%;
        height: auto;
        min-height: 120px;
    }

    .slide-buton span {
        display: block;
    }

    .slide-buton strong {
        font-weight: bold;
        display: block;
    }

/* Toolbar container */
.toolbar_container {
    background: #dadada !important;
    border-bottom: 1px solid #A9A8A8 !important;
    min-height: 25px;
}

    .toolbar_container li:hover {
        background: none !important;
    }

        .toolbar_container li:hover .cikis {
            color: #ff0000;
        }

    .toolbar_container li.last span {
        display: none !important;
    }

    .toolbar_container .cikis {
        font-family: 'tab';
        color: #878786;
        display: inline-block;
        font-size: 20px !important;
        cursor: pointer;
        float: right;
        margin: 3px 5px 0 0;
    }

        .toolbar_container .cikis:before {
            content: "\f10c";
        }

/* Tab Menu Start */
/* Tab style 1 */
.seciliTabHead {
    width: 25px;
    height: 25px;
    position: absolute;
    top: -13px;
    right: -2px;
    border-radius: 50%;
    font-size: 11px !important;
    padding: 2px 7px;
    background: #89c9ef;
    text-align: center;
}

.tabHead {
    background: #fff;
}

    .tabHead li {
        display: inline-block;
        cursor: pointer;
        margin: 0 0 -1px;
        border: 1px solid transparent;
        box-sizing: border-box;
        position: relative;
        z-index: 10;
    }

        .tabHead li a {
            padding: 10px 15px;
        }

            .tabHead li a.active {
                border: 1px solid #ddd;
                border-top: 2px solid #fbccac;
                border-bottom: 1px solid #fff;
                font-weight: bold;
                background: #fff;
            }

.tabcontents {
    border-top: 1px solid #dadada;
    margin-top: -1px;
    padding: 5px 10px;
}

/* Tab style 2*/
.tabHead2 {
    background: #fff;
    margin-top: 5px;
    width: 100%;
}

    .tabHead2 li {
        display: inline-block;
        cursor: pointer;
        margin: 0 0 -1px;
        box-sizing: border-box;
        position: relative;
        z-index: 9;
        background: #d9d9d9;
    }

        .tabHead2 li a {
            padding: 8px 4px;
            font-size: 11px;
            white-space: nowrap;
        }

            .tabHead2 li a.active {
                border-top: 5px solid #fbccac;
                border-bottom: 1px solid #fbccac;
                font-weight: bold;
                background: #fbccac;
            }

        .tabHead2 li .tumSonucButonBos {
            color: #696969;
        }

    .tabHead2 .smMenuHead {
        display: none;
    }

.tabcontents2 {
    border-top: 3px solid #fbccac;
    padding: 5px 0;
}

/* Tab style 3 */
.tabInput {
    background: #fff;
}

    .tabInput li {
        display: inline-block;
    }

        .tabInput label,
        .tabInput li a {
            display: inline-block;
            padding: 5px 15px;
            cursor: pointer;
            margin: 0 0 -1px;
            border: 1px solid transparent;
            box-sizing: border-box;
            position: relative;
            z-index: 10;
            font-size: 13px !important;
        }

        .tabInput li a {
            padding: 10px 15px;
        }

            .tabInput input[type="radio"]:checked + label,
            .tabInput li a.active {
                border: 1px solid #ddd;
                border-top: 3px solid #fbccac;
                border-bottom: 1px solid #fff;
                font-weight: bold;
                background: #fff;
            }

    .tabInput .inpt {
        display: none;
    }

/* Tab Left Menu */
.leftTabMenuBlock h2 {
    font-size: 18px;
    font-weight: bold;
    padding: 9px 5px 10px 10px !important;
}

.leftTabMenuBlock .leftTabMenu li {
    cursor: pointer;
    border-bottom: 1px solid #b9b7b7;
    background: #eaeaea;
    position: relative;
}

    .leftTabMenuBlock .leftTabMenu li.slc {
        font-weight: bold;
        color: #333;
        background: #fbccac;
    }

        .leftTabMenuBlock .leftTabMenu li.slc:before {
            font-family: 'tab';
            color: #878786;
            display: inline-block;
            font-size: 10px;
            cursor: pointer;
            content: "\f138";
            position: absolute;
            top: 5px;
            left: 3px;
        }

    .leftTabMenuBlock .leftTabMenu li a {
        padding: 5px 5px 5px 15px;
    }

/* fieldset legend */
.fieldset {
    position: relative;
    border: 1px solid #134586;
    padding: 20px 5px 5px 5px;
}

    .fieldset .legent {
        position: absolute;
        top: 0;
        left: 10px;
        font-size: 14px;
        line-height: 1;
        margin: -9px 0 0;
        /* half of font-size */
        background: #fff;
        color: #134586;
        padding: 0 3px;
    }

/* hasta bilgi start */
.hastaBilgi {
    color: #222 !important;
}

    .hastaBilgi h2 {
        font-size: 18px !important;
        padding: 10px 0;
        border-bottom: 1px solid #dadada;
        margin-bottom: 10px;
        font-weight: normal !important;
    }

    .hastaBilgi label {
        min-width: 200px;
        display: inline-block;
        background: #F3F3F3;
        padding: 3px 5px;
        margin: 0;
        font-weight: normal !important;
        font-size: 12px;
        float: left;
    }

    .hastaBilgi textarea {
        resize: none;
        min-width: 200px;
        min-height: 40px;
    }

    .hastaBilgi select {
        padding: 3px 4px;
        border-color: #DED9D9;
    }

    .hastaBilgi .bl {
        margin: 3px 0;
    }

    .hastaBilgi .cift {
        margin-top: 10px;
    }

        .hastaBilgi .cift .bl {
            width: 50%;
            float: left;
        }

    .hastaBilgi .uclu {
        margin-top: 10px;
    }

        .hastaBilgi .uclu .bl {
            width: 33.3%;
            float: left;
        }

            .hastaBilgi .uclu .bl label {
                width: 140px;
                min-width: 140px;
            }

/* ust bilgi start */
#ustBilgi {
    background: #F5ECDA;
    padding: 5px 10px;
    border-top: 1px solid #E2DED5;
    border-bottom: 1px solid #E2DED5;
    position: relative;
}

    #ustBilgi .cl {
        margin: 4px 0;
        padding: 0 10px;
        border-bottom: 1px solid #E2DED5;
        position: relative;
    }

    #ustBilgi .cl-3 {
        width: 25%;
        float: left;
    }

    #ustBilgi .cl-6 {
        width: 50%;
        float: left;
    }

    #ustBilgi .cl strong {
        font-weight: bold;
        font-size: 11px !important;
        min-width: 80px;
        display: inline-block;
        float: left;
    }

    #ustBilgi .cl span {
        font-size: 12px !important;
        float: left;
    }

    #ustBilgi .cl img {
        width: 20px;
        margin-left: 80px;
    }

    #ustBilgi h3 {
        font-size: 17px !important;
        font-weight: bold;
        color: #ED1C24;
        padding: 2px 0 0 30px;
    }

    #ustBilgi .head {
        border: 0 !important;
        cursor: pointer;
        position: relative;
    }

        #ustBilgi .head .b {
            font-size: 11px !important;
        }

            #ustBilgi .head .b i {
                margin: 0 3px;
            }

        #ustBilgi .head .p {
            font-size: 15px !important;
        }

    #ustBilgi.min .head:after, #ustBilgi.detay .head:after {
        font-family: 'tab';
        color: #878786;
        display: inline-block;
        font-size: 14px;
        cursor: pointer;
        content: "\f104";
        filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=1);
        -webkit-transform: rotate(90deg);
        -moz-transform: rotate(90deg);
        position: absolute;
        top: 4px;
        right: 2px;
        color: #5A5A5A;
    }

    #ustBilgi .head .ekButtons {
        position: absolute;
        top: -1px;
        right: 30px;
    }

        #ustBilgi .head .ekButtons .icn {
            font-weight: normal;
            z-index: 100;
            margin-top: 3px;
        }

            #ustBilgi .head .ekButtons .icn:before {
                color: #5A5A5A;
            }

        #ustBilgi .head .ekButtons .gecmis:before {
            font-family: 'tab';
            color: #878786;
            display: inline-block;
            font-size: 23px;
            cursor: pointer;
            content: "\f123";
        }

        #ustBilgi .head .ekButtons .icdTani:before {
            font-family: 'icomoon' !important;
            display: inline-block;
            font-size: 31px;
            cursor: pointer;
            content: "\e91a";
        }

        #ustBilgi .head .ekButtons .islemDurumu {
            padding: 2px 5px;
            border: #ccc 1px solid;
            background: #fff;
            font-size: 10px;
        }

    #ustBilgi .cont {
        margin-top: 10px;
    }

    #ustBilgi.min .cont, #ustBilgi.detay .cFull {
        display: none;
    }

    #ustBilgi.slc .cont, #ustBilgi.slc .cFull {
        display: block;
    }

    #ustBilgi.slc .head:after {
        filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=4);
        -webkit-transform: rotate(-90deg);
        -moz-transform: rotate(-90deg);
    }

    #ustBilgi.bay {
        background: #DAECF5;
    }

        #ustBilgi.bay .cinsiyet:before {
            font-family: 'tab';
            color: #878786;
            display: inline-block;
            font-size: 13px;
            cursor: pointer;
            content: "\f149";
            margin: 0 5px 0 0;
            color: #30647D !important;
        }

        #ustBilgi.bay .icon {
            float: left;
        }

            #ustBilgi.bay .icon:before {
                font-family: 'tab';
                color: #878786;
                display: inline-block;
                font-size: 22px;
                cursor: pointer;
                content: "\f149";
                margin: 0 5px 0 0;
                color: #30647D !important;
            }

        #ustBilgi.bay h3 {
            color: #30647D !important;
        }

    #ustBilgi.bayan {
        background: #FBEBEF;
    }

        #ustBilgi.bayan .cinsiyet:before {
            font-family: 'tab';
            color: #878786;
            display: inline-block;
            font-size: 13px;
            cursor: pointer;
            content: "\f11c";
            margin: 0 5px 0 0;
            color: #ED1C24 !important;
        }

        #ustBilgi.bayan .icon {
            float: left;
        }

            #ustBilgi.bayan .icon:before {
                font-family: 'tab';
                color: #878786;
                display: inline-block;
                font-size: 22px;
                cursor: pointer;
                content: "\f11c";
                margin: 0 5px 0 0;
                color: #F5686D !important;
            }

        #ustBilgi.bayan h3 {
            color: #F5686D !important;
        }

#hastaFotoBlock {
    width: 100px;
}

    #hastaFotoBlock img {
        width: 100%;
    }

/* ust bilgi end */
/* List buttons */
.hem_button {
    cursor: pointer;
    font-weight: normal !important;
    padding: 1px 3px;
}

.hem_border {
    border: 1px solid #878786;
}

.hem_duzenle {
    font-family: 'tab';
    color: #878786;
    display: inline-block;
    font-size: 16px !important;
    cursor: pointer;
}

    .hem_duzenle:before {
        content: "\f12b";
    }

.hem_sepet {
    font-family: 'NoticeIcon';
    display: inline-block;
    font-size: 16px !important;
    cursor: pointer;
}

    .hem_sepet:before {
        content: "\f103";
    }

.hem_mesaj {
    font-family: 'NoticeIcon';
    display: inline-block;
    font-size: 16px !important;
    cursor: pointer;
    color: #878786;
}

    .hem_mesaj:before {
        content: "\f106";
    }

.hem_alarm {
    font-family: 'NoticeIcon';
    display: inline-block;
    font-size: 16px !important;
    cursor: pointer;
}

    .hem_alarm:before {
        content: "\f10b";
    }

.hem_gecmis {
    font-family: 'tab';
    color: #878786;
    display: inline-block;
    font-size: 16px !important;
    cursor: pointer;
}

    .hem_gecmis:before {
        content: "\f123";
    }

.hem_gonder {
    font-family: 'docIcon';
    color: #878786;
    display: inline-block;
    font-size: 16px !important;
    cursor: pointer;
}

    .hem_gonder:before {
        content: "\f114";
    }

.hem_telefon {
    font-family: 'Icons';
    color: #878786;
    display: inline-block;
    font-size: 16px !important;
    cursor: pointer;
}

    .hem_telefon:before {
        content: "\f101";
    }

.hem_uyari {
    font-family: 'ProSet';
    color: #878786;
    display: inline-block;
    font-size: 16px !important;
    cursor: pointer;
}

    .hem_uyari:before {
        content: "\e02a";
    }

.hem_sonuc {
    font-family: 'tab';
    color: #878786;
    display: inline-block;
    font-size: 16px !important;
    cursor: pointer;
}

    .hem_sonuc:before {
        content: "\f11a";
    }

.hem_sil {
    font-family: 'tab';
    color: #878786;
    display: inline-block;
    font-size: 16px !important;
    cursor: pointer;
}

    .hem_sil:before {
        content: "\f114";
    }

.hem_temizle {
    font-family: 'tab';
    color: #878786;
    display: inline-block;
    font-size: 16px !important;
    cursor: pointer;
}

    .hem_temizle:before {
        content: "\f108";
    }

.hem_temizle_pro {
    font-family: 'ProSet';
    color: #878786;
    display: inline-block;
    font-size: 16px !important;
    cursor: pointer;
}

    .hem_temizle_pro:before {
        content: "\e02b";
    }

.hem_durdur_pro {
    font-family: 'ProSet';
    color: #878786;
    display: inline-block;
    font-size: 16px !important;
    cursor: pointer;
}

    .hem_durdur_pro:before {
        content: "\e020";
    }

.hem_ok_pro {
    font-family: 'ProSet';
    color: #878786;
    display: inline-block;
    font-size: 16px !important;
    cursor: pointer;
}

    .hem_ok_pro:before {
        content: "\e005";
    }

.hem_bul {
    font-family: 'tab';
    color: #878786;
    display: inline-block;
    font-size: 14px !important;
    cursor: pointer;
    padding: 3px 3px 1px;
}

    .hem_bul:before {
        content: "\f13a";
    }

.hem_yazdir {
    font-family: 'tab';
    color: #878786;
    display: inline-block;
    font-size: 16px !important;
    cursor: pointer;
}

    .hem_yazdir:before {
        content: "\f130";
    }

.hem_analiz {
    font-family: 'tab';
    color: #878786;
    display: inline-block;
    font-size: 16px !important;
    cursor: pointer;
}

    .hem_analiz:before {
        content: "\f10b";
    }

.hem_skala {
    font-family: 'icomoon';
    color: #878786;
    display: inline-block;
    font-size: 28px;
    cursor: pointer;
    padding: 4px 0px;
}

    .hem_skala:before {
        content: "\e915";
    }

.hem_grafik {
    font-family: 'tab';
    color: #878786;
    display: inline-block;
    font-size: 16px !important;
    cursor: pointer;
}

    .hem_grafik:before {
        content: "\f107";
    }

.hem_ekle {
    font-family: 'tab';
    color: #878786;
    display: inline-block;
    font-size: 16px !important;
    cursor: pointer;
    padding: 1px 2px;
}

    .hem_ekle:before {
        content: "\f12f";
    }

.hem_yenile {
    font-family: 'tab';
    color: #878786;
    display: inline-block;
    font-size: 16px !important;
    cursor: pointer;
}

    .hem_yenile:before {
        content: "\f111";
    }

.hem_ciftok {
    font-family: 'tab';
    color: #878786;
    display: inline-block;
    font-size: 16px !important;
    cursor: pointer;
}

    .hem_ciftok:before {
        content: "\f135";
        -webkit-transform: rotate(90deg);
        -moz-transform: rotate(90deg);
        -ms-transform: rotate(90deg);
        -o-transform: rotate(90deg);
        transform: rotate(90deg);
    }

.hem_islem {
    font-family: 'tab';
    color: #878786;
    display: inline-block;
    font-size: 16px !important;
    cursor: pointer;
}

    .hem_islem:before {
        content: "\f13c";
    }

.hem_kadin {
    font-family: 'tab';
    color: #878786;
    display: inline-block;
    font-size: 16px;
    cursor: pointer;
}

    .hem_kadin:before {
        content: "\f11c";
        margin: 0;
        color: #F5686D !important;
    }

.hem_erkek {
    font-family: 'tab';
    color: #878786;
    display: inline-block;
    font-size: 16px;
    cursor: pointer;
}

    .hem_erkek:before {
        content: "\f149";
        margin: 0;
        color: #30647D !important;
    }

.hem_belirsiz {
    font-family: 'tab';
    color: #878786;
    display: inline-block;
    font-size: 16px;
    cursor: pointer;
}

    .hem_belirsiz:before {
        content: "\f149";
        margin: 0;
        color: #565656 !important;
    }

.hem_okey {
    font-family: 'tab';
    color: #878786;
    display: inline-block;
    font-size: 16px !important;
    cursor: pointer;
    color: #28B520 !important;
    border-color: #28B520 !important;
    padding: 1px 3px;
}

    .hem_okey:before {
        content: "\f10f";
    }

.hem_onay {
    font-family: 'tab';
    color: #878786;
    display: inline-block;
    font-size: 16px !important;
    cursor: pointer;
    padding: 1px 3px;
}

    .hem_onay:before {
        content: "\f10f";
    }

.hem_check {
    font-family: 'ProSet';
    color: #28B520 !important;
    display: inline-block;
    font-size: 23px;
    cursor: pointer;
    padding: 0;
}

    .hem_check:before {
        content: "\e00f";
    }

.hem_iptal {
    border-color: #ff0000;
    font-family: 'tab';
    color: #878786;
    display: inline-block;
    font-size: 16px !important;
    cursor: pointer;
    color: #ff0000 !important;
    padding: 1px 3px;
}

    .hem_iptal:before {
        content: "\f10d";
    }

.hem_yildiz {
    color: #caba46 !important;
    font-family: 'tab';
    color: #878786;
    display: inline-block;
    font-size: 19px !important;
    cursor: pointer;
    padding: 0 2px;
}

    .hem_yildiz:before {
        content: "\f14a";
    }

.hem_ilac {
    color: #333 !important;
    font-family: 'tab';
    color: #878786;
    display: inline-block;
    font-size: 16px !important;
    cursor: pointer;
}

    .hem_ilac:before {
        content: "\f12e";
    }

.hem_imza {
    color: #333 !important;
    font-family: 'Flaticon';
    color: #878786;
    display: inline-block;
    font-size: 16px !important;
    cursor: pointer;
}

    .hem_imza:before {
        content: "\f11a";
    }

.hem_anasayfa {
    font-family: 'Flaticon';
    color: #878786;
    display: inline-block;
    font-size: 16px !important;
    cursor: pointer;
}

    .hem_anasayfa:before {
        content: "\f109";
    }

.hem_aciklama {
    font-family: 'tab';
    color: #878786;
    display: inline-block;
    font-size: 16px !important;
    cursor: pointer;
}

    .hem_aciklama:before {
        content: "\f147";
    }

.hem_ske {
    font-family: 'tab';
    color: #878786;
    display: inline-block;
    font-size: 15px !important;
    cursor: pointer;
}

    .hem_ske:before {
        content: "\f13f";
    }

.hem_liste {
    font-family: 'tab';
    color: #878786;
    display: inline-block;
    font-size: 17px;
    cursor: pointer;
    padding: 0 2px 0 3px;
}

    .hem_liste:before {
        content: "\f137";
    }

.hem_eslestir {
    font-family: 'tab';
    color: #878786;
    display: inline-block;
    font-size: 16px !important;
    cursor: pointer;
}

    .hem_eslestir:before {
        content: "\f11b";
    }

.hem_cikis {
    font-family: 'tab';
    color: #878786;
    display: inline-block;
    font-size: 18px !important;
    cursor: pointer;
    padding: 1px 2px;
}

    .hem_cikis:before {
        content: "\f10c";
    }

.hem_ileri {
    font-family: 'tab';
    color: #878786;
    display: inline-block;
    font-size: 14px !important;
    cursor: pointer;
    padding: 2px;
    position: relative;
}

    .hem_ileri:before {
        content: "\f104";
        margin-right: -10px;
    }

    .hem_ileri:after {
        content: "\f104";
    }

.hem_geri {
    font-family: 'tab';
    color: #878786;
    display: inline-block;
    font-size: 14px !important;
    cursor: pointer;
    padding: 2px;
    position: relative;
    -webkit-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    -o-transform: rotate(180deg);
    transform: rotate(180deg);
}

    .hem_geri:before {
        content: "\f104";
        margin-right: -10px;
    }

    .hem_geri:after {
        content: "\f104";
    }

.hem_yukari {
    font-family: 'tab';
    color: #878786;
    display: inline-block;
    font-size: 14px !important;
    cursor: pointer;
    padding: 2px;
    position: relative;
    -webkit-transform: rotate(-90deg);
    -moz-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    -o-transform: rotate(-90deg);
    transform: rotate(-90deg);
}

    .hem_yukari:before {
        content: "\f104";
        margin-right: -10px;
    }

    .hem_yukari:after {
        content: "\f104";
    }

.hem_asagi {
    font-family: 'tab';
    color: #878786;
    display: inline-block;
    font-size: 14px !important;
    cursor: pointer;
    padding: 2px;
    position: relative;
    -webkit-transform: rotate(90deg);
    -moz-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    -o-transform: rotate(90deg);
    transform: rotate(90deg);
}

    .hem_asagi:before {
        content: "\f104";
        margin-right: -10px;
    }

    .hem_asagi:after {
        content: "\f104";
    }

.next_btn {
    font-family: 'tab';
    color: #878786;
    display: inline-block;
    font-size: 18px !important;
    cursor: pointer;
    padding: 2px 3px;
    width: 40px;
    height: 40px;
    border: 2px solid #878786;
    position: relative;
}

    .next_btn:before {
        content: "\f104";
        position: absolute;
        top: 11px;
        left: 11px;
    }

    .next_btn:after {
        content: "\f104";
        position: absolute;
        top: 11px;
        left: 18px;
    }

.hem_supurge {
    font-family: 'tab';
    color: #878786;
    display: inline-block;
    font-size: 16px !important;
    cursor: pointer;
}

    .hem_supurge:before {
        content: "\f144";
    }

/* yeni icon */
.hem_dosya_indir {
    font-family: 'tab';
    color: #878786;
    display: inline-block;
    font-size: 16px !important;
    cursor: pointer;
}

    .hem_dosya_indir:before {
        content: "\f106";
    }

.hem_indir {
    font-family: 'tab';
    color: #878786;
    display: inline-block;
    font-size: 16px !important;
    cursor: pointer;
}

    .hem_indir:before {
        content: "\f118";
    }

.hem_kardiyo {
    font-family: 'tab';
    color: #878786;
    display: inline-block;
    font-size: 16px;
    cursor: pointer;
    color: #f00;
    font-weight: normal !important;
}

    .hem_kardiyo:before {
        content: "\f10e";
    }

.hem_kalp {
    font-family: 'tab';
    color: #878786;
    display: inline-block;
    font-size: 16px !important;
    cursor: pointer;
}

    .hem_kalp:before {
        content: "\f121";
    }

.hem_kaydet {
    font-family: 'tab';
    color: #878786;
    display: inline-block;
    font-size: 16px !important;
    cursor: pointer;
}

    .hem_kaydet:before {
        content: "\f115";
    }

.hem_doktor {
    font-family: 'tab';
    color: #878786;
    display: inline-block;
    font-size: 16px !important;
    cursor: pointer;
}

    .hem_doktor:before {
        content: "\f116";
    }

.hem_doktor1 {
    font-family: 'tab';
    color: #878786;
    display: inline-block;
    font-size: 16px !important;
    cursor: pointer;
}

    .hem_doktor1:before {
        content: "\f141";
    }

.hem_kapi_giris {
    font-family: 'tab';
    color: #878786;
    display: inline-block;
    font-size: 16px !important;
    cursor: pointer;
}

    .hem_kapi_giris:before {
        content: "\f117";
    }

.hem_not {
    font-family: 'tab';
    color: #878786;
    display: inline-block;
    font-size: 16px !important;
    cursor: pointer;
}

    .hem_not:before {
        content: "\f119";
    }

.hem_ilac_kutu {
    font-family: 'tab';
    color: #878786;
    display: inline-block;
    font-size: 16px !important;
    cursor: pointer;
}

    .hem_ilac_kutu:before {
        content: "\f127";
    }

.hem_kapi {
    font-family: 'tab';
    color: #878786;
    display: inline-block;
    font-size: 16px !important;
    cursor: pointer;
}

    .hem_kapi:before {
        content: "\f12a";
    }

.hem_img {
    font-family: 'tab';
    color: #878786;
    display: inline-block;
    font-size: 16px !important;
    cursor: pointer;
}

    .hem_img:before {
        content: "\f12c";
    }

.hem_galeri {
    font-family: 'tab';
    color: #878786;
    display: inline-block;
    font-size: 16px !important;
    cursor: pointer;
}

    .hem_galeri:before {
        content: "\f12d";
    }

.hem_soru {
    font-family: 'tab';
    color: #878786;
    display: inline-block;
    font-size: 16px !important;
    cursor: pointer;
}

    .hem_soru:before {
        content: "\f132";
    }

.hem_kilitli {
    font-family: 'ProSet';
    color: #878786;
    display: inline-block;
    font-size: 16px !important;
    cursor: pointer;
}

    .hem_kilitli:before {
        content: "\e015";
    }

.hem_kilit_acik {
    font-family: 'ProSet';
    color: #878786;
    display: inline-block;
    font-size: 16px !important;
    cursor: pointer;
}

    .hem_kilit_acik:before {
        content: "\e017";
    }

.hem_not {
    font-family: 'Flaticon';
    color: #878786;
    display: inline-block;
    font-size: 16px !important;
    cursor: pointer;
}

    .hem_not:before {
        content: "\f11d";
    }

.hem_excel {
    font-family: 'docIcon';
    color: #878786;
    display: inline-block;
    font-size: 18px;
    cursor: pointer;
    color: #666;
}

    .hem_excel:before {
        content: "\f119";
    }

.hem_xlsx {
    font-family: 'docIcon';
    color: #878786;
    display: inline-block;
    font-size: 18px;
    cursor: pointer;
    color: #666;
}

    .hem_xlsx:before {
        content: "\f119";
    }

.hem_xls {
    font-family: 'docIcon';
    color: #878786;
    display: inline-block;
    font-size: 18px;
    cursor: pointer;
    color: #666;
}

    .hem_xls:before {
        content: "\f11b";
    }

.hem_log {
    font-family: 'docIcon';
    color: #878786;
    display: inline-block;
    font-size: 18px;
    cursor: pointer;
    color: #666;
}

    .hem_log:before {
        content: "\f10c";
    }

.hem_doc {
    font-family: 'docIcon';
    color: #878786;
    display: inline-block;
    font-size: 18px;
    cursor: pointer;
    color: #666;
}

    .hem_doc:before {
        content: "\f103";
    }

.hem_docx {
    font-family: 'docIcon';
    color: #878786;
    display: inline-block;
    font-size: 18px;
    cursor: pointer;
    color: #666;
}

    .hem_docx:before {
        content: "\f104";
    }

.hem_gif {
    font-family: 'docIcon';
    color: #878786;
    display: inline-block;
    font-size: 18px;
    cursor: pointer;
    color: #666;
}

    .hem_gif:before {
        content: "\f107";
    }

.hem_jpg {
    font-family: 'docIcon';
    color: #878786;
    display: inline-block;
    font-size: 18px;
    cursor: pointer;
    color: #666;
}

    .hem_jpg:before {
        content: "\f109";
    }

.hem_pdf {
    font-family: 'docIcon';
    color: #878786;
    display: inline-block;
    font-size: 18px;
    cursor: pointer;
    color: #666;
}

    .hem_pdf:before {
        content: "\f110";
    }

.hem_png {
    font-family: 'docIcon';
    color: #878786;
    display: inline-block;
    font-size: 18px;
    cursor: pointer;
    color: #666;
}

    .hem_png:before {
        content: "\f112";
    }

.hem_ppt {
    font-family: 'docIcon';
    color: #878786;
    display: inline-block;
    font-size: 18px;
    cursor: pointer;
    color: #666;
}

    .hem_ppt:before {
        content: "\f113";
    }

.hem_pptx {
    font-family: 'docIcon';
    color: #878786;
    display: inline-block;
    font-size: 18px;
    cursor: pointer;
    color: #666;
}

    .hem_pptx:before {
        content: "\f11c";
    }

.hem_camera {
    font-family: 'docIcon';
    color: #878786;
    display: inline-block;
    font-size: 18px;
    cursor: pointer;
    color: #666;
}

    .hem_camera:before {
        content: "\f11d";
    }

.hem_progress {
    font-family: 'docIcon';
    color: #878786;
    display: inline-block;
    font-size: 18px;
    cursor: pointer;
    color: #666;
}

    .hem_progress:before {
        content: "\f11e";
    }

.hem_hemsire {
    font-family: 'docIcon';
    color: #878786;
    display: inline-block;
    font-size: 18px;
    cursor: pointer;
    color: #666;
}

    .hem_hemsire:before {
        content: "\f11f";
    }

.hem_txt {
    font-family: 'docIcon';
    color: #878786;
    display: inline-block;
    font-size: 18px;
    cursor: pointer;
    color: #666;
}

    .hem_txt:before {
        content: "\f118";
    }

.hem_zip {
    font-family: 'docIcon';
    color: #878786;
    display: inline-block;
    font-size: 18px;
    cursor: pointer;
    color: #666;
}

    .hem_zip:before {
        content: "\f11a";
    }

.hem_esle {
    font-family: 'docIcon';
    color: #878786;
    display: inline-block;
    font-size: 16px;
    cursor: pointer;
}

    .hem_esle:before {
        content: "\f105";
        top: 3px;
        left: 5px;
    }

.hem_arrow {
    display: inline-block;
}

    .hem_arrow:before {
        font-family: 'Flaticon2';
        color: #878786;
        display: inline-block;
        font-size: 14px;
        cursor: pointer;
        content: "\f100";
        top: 3px;
        left: 5px;
    }

.hem_onizle {
    display: inline-block;
}

    .hem_onizle:before {
        font-family: 'docIcon';
        color: #878786;
        display: inline-block;
        font-size: 16px;
        cursor: pointer;
        content: "\f120";
        color: #666;
    }

.hem_cekmece {
    font-family: 'docIcon';
    color: #878786;
    display: inline-block;
    font-size: 18px;
    cursor: pointer;
    color: #666;
}

    .hem_cekmece:before {
        content: "\f122";
    }

.hem_cart {
    font-family: 'docIcon';
    color: #878786;
    display: inline-block;
    font-size: 20px;
    cursor: pointer;
    color: #666;
}

    .hem_cart:before {
        content: "\f123";
    }

.hem_arrow2 {
    display: inline-block;
}

    .hem_arrow2:before {
        font-family: 'Flaticon2';
        color: #878786;
        display: inline-block;
        font-size: 14px;
        cursor: pointer;
        content: "\f101";
        top: 3px;
        left: 5px;
    }

.hem_sec {
    display: inline-block;
}

    .hem_sec:before {
        font-family: 'Flaticon2';
        color: #878786;
        display: inline-block;
        font-size: 14px;
        cursor: pointer;
        content: "\f102";
        top: 3px;
        left: 5px;
    }

.hem_sec2 {
    display: inline-block;
}

    .hem_sec2:before {
        font-family: 'Flaticon2';
        color: #878786;
        display: inline-block;
        font-size: 14px;
        cursor: pointer;
        content: "\f103";
        top: 3px;
        left: 5px;
    }

.hem_pause {
    display: inline-block;
}

    .hem_pause:before {
        font-family: 'Flaticon2';
        color: #878786;
        display: inline-block;
        font-size: 14px;
        cursor: pointer;
        content: "\f104";
        top: 3px;
        left: 5px;
    }

.hem_pause2 {
    display: inline-block;
}

    .hem_pause2:before {
        font-family: 'Flaticon2';
        color: #878786;
        display: inline-block;
        font-size: 14px;
        cursor: pointer;
        content: "\f105";
        top: 3px;
        left: 5px;
    }

.hem_play {
    display: inline-block;
}

    .hem_play:before {
        font-family: 'Flaticon2';
        color: #878786;
        display: inline-block;
        font-size: 14px;
        cursor: pointer;
        content: "\f106";
        top: 3px;
        left: 5px;
    }

.hem_play2 {
    display: inline-block;
}

    .hem_play2:before {
        font-family: 'Flaticon2';
        color: #878786;
        display: inline-block;
        font-size: 14px;
        cursor: pointer;
        content: "\f107";
        top: 3px;
        left: 5px;
    }

.hem_stop {
    display: inline-block;
}

    .hem_stop:before {
        font-family: 'Flaticon2';
        color: #878786;
        display: inline-block;
        font-size: 14px;
        cursor: pointer;
        content: "\f108";
        top: 3px;
        left: 5px;
    }

.hem_stop2 {
    display: inline-block;
}

    .hem_stop2:before {
        font-family: 'Flaticon2';
        color: #878786;
        display: inline-block;
        font-size: 14px;
        cursor: pointer;
        content: "\f109";
        top: 3px;
        left: 5px;
    }

.hem_pause3 {
    display: inline-block;
}

    .hem_pause3:before {
        font-family: 'Flaticon2';
        color: #878786;
        display: inline-block;
        font-size: 14px;
        cursor: pointer;
        content: "\f10a";
        top: 3px;
        left: 5px;
    }

.hem_detail {
    display: inline-block;
}

    .hem_detail:before {
        font-family: 'Flaticon2';
        color: #878786;
        display: inline-block;
        font-size: 14px;
        cursor: pointer;
        content: "\f10b";
        top: 3px;
        left: 5px;
    }

.hem_kopyala {
    font-family: 'tab';
    color: #878786;
    display: inline-block;
    font-size: 16px !important;
    cursor: pointer;
}

    .hem_kopyala:before {
        content: "\f145";
    }

.hem_rontgen {
    display: inline-block;
}

    .hem_rontgen:before {
        font-family: 'Flaticon2';
        color: #878786;
        display: inline-block;
        font-size: 14px;
        cursor: pointer;
        content: "\f10c";
        top: 3px;
        left: 5px;
    }

.hem_lab {
    display: inline-block;
}

    .hem_lab:before {
        font-family: 'Flaticon2';
        color: #878786;
        display: inline-block;
        font-size: 14px;
        cursor: pointer;
        content: "\f10f";
        top: 3px;
        left: 5px;
    }

.hem_onemli {
    display: inline-block;
    border-color: #ff0000 !important;
}

    .hem_onemli:before {
        font-family: 'ProSet';
        color: #878786;
        display: inline-block;
        font-size: 16px;
        cursor: pointer;
        content: "\e02a";
        color: #ff0000 !important;
    }

.hem_steteskop {
    display: inline-block;
}

    .hem_steteskop:before {
        font-family: 'Flaticon2';
        color: #878786;
        display: inline-block;
        font-size: 14px;
        cursor: pointer;
        content: "\f112";
        top: 3px;
        left: 5px;
    }

.hem_filtre {
    display: inline-block;
}

    .hem_filtre:before {
        font-family: 'Flaticon2';
        color: #878786;
        display: inline-block;
        font-size: 14px;
        cursor: pointer;
        content: "\f113";
        top: 3px;
        left: 5px;
    }

.hem_filtre2 {
    display: inline-block;
}

    .hem_filtre2:before {
        font-family: 'Flaticon2';
        color: #878786;
        display: inline-block;
        font-size: 14px;
        cursor: pointer;
        content: "\f114";
        top: 3px;
        left: 5px;
    }

.hem_barkod {
    width: 24px;
    height: 22px;
    position: relative;
}

    .hem_barkod:before {
        display: inline-block;
        content: "";
        height: 13px;
        width: 0;
        margin: 0px 10px 0 0;
        position: absolute;
        top: 1px;
        left: 3px;
        box-shadow: 1px 3px 0 1px #343434, 5px 3px 0 1px #343434, 10px 3px 0 1px #343434, 11px 3px 0 1px #343434, 15px 3px 0 1px #343434;
    }

/* yeni icon */
.hem_rght {
    position: absolute;
    top: 0px;
    right: 2px;
}

.hem_right {
    float: right;
}

.hem_left {
    float: left;
}

/* bilgi icon set */
.bilgi_icon {
    display: initial;
    position: relative;
}

.bilgi_protez:before {
    font-family: 'bilgiIcon';
    display: inline;
    color: #878786;
    cursor: pointer;
    vertical-align: top;
    content: "\e90d";
}

.bilgi_alerji:before {
    font-family: 'bilgiIcon';
    display: inline;
    color: #878786;
    cursor: pointer;
    vertical-align: top;
    content: "\e900";
}

.bilgi_bulasici_hastalik:before {
    font-family: 'bilgiIcon';
    display: inline;
    color: #878786;
    cursor: pointer;
    vertical-align: top;
    content: "\e901";
}

.bilgi_dets:before {
    font-family: 'bilgiIcon';
    display: inline;
    color: #878786;
    cursor: pointer;
    vertical-align: top;
    content: "\e902";
}

.bilgi_gebelik:before {
    font-family: 'bilgiIcon';
    display: inline;
    color: #878786;
    cursor: pointer;
    vertical-align: top;
    content: "\e903";
}

.bilgi_izole_bc:before {
    font-family: 'bilgiIcon';
    display: inline;
    color: #878786;
    cursor: pointer;
    vertical-align: top;
    content: "\e904";
}

.bilgi_izole_damlacik:before {
    font-family: 'bilgiIcon';
    display: inline;
    color: #878786;
    cursor: pointer;
    vertical-align: top;
    content: "\e905";
}

.bilgi_izole_dusme_riski:before {
    font-family: 'bilgiIcon';
    display: inline;
    color: #878786;
    cursor: pointer;
    vertical-align: top;
    content: "\e906";
}

.bilgi_izole_siki_temas:before {
    font-family: 'bilgiIcon';
    display: inline;
    color: #878786;
    cursor: pointer;
    vertical-align: top;
    content: "\e907";
}

.bilgi_izole_solunum:before {
    font-family: 'bilgiIcon';
    display: inline;
    color: #878786;
    cursor: pointer;
    vertical-align: top;
    content: "\e908";
}

.bilgi_izole_standart_onlem:before {
    font-family: 'bilgiIcon';
    display: inline;
    color: #878786;
    cursor: pointer;
    vertical-align: top;
    content: "\e909";
}

.bilgi_izole_temas:before {
    font-family: 'bilgiIcon';
    display: inline;
    color: #878786;
    cursor: pointer;
    vertical-align: top;
    content: "\e90a";
}

.bilgi_onkolojik_hasta:before {
    font-family: 'bilgiIcon';
    display: inline;
    color: #878786;
    cursor: pointer;
    vertical-align: top;
    content: "\e90b";
}

.bilgi_palyatif_hasta:before {
    font-family: 'bilgiIcon';
    display: inline;
    color: #878786;
    cursor: pointer;
    vertical-align: top;
    content: "\e90c";
}

.bilgi_taahutnameli_hasta:before {
    font-family: 'bilgiIcon';
    display: inline;
    color: #878786;
    cursor: pointer;
    vertical-align: top;
    content: "\e90e";
}

.bilgi_uyari:before {
    font-family: 'bilgiIcon';
    display: inline;
    color: #878786;
    cursor: pointer;
    vertical-align: top;
    content: "\e90f";
}

.bilgi_border {
    border: 5px solid #878786;
    border-radius: 50%;
    padding: 6px 10px;
    text-align: center;
}

.bilgi_siyah {
    color: #000 !important;
    border-color: #000 !important;
}

    .bilgi_siyah:before {
        color: #000 !important;
    }

.bilgi_kirmizi {
    color: #e7050b !important;
    border-color: #e7050b !important;
}

    .bilgi_kirmizi:before {
        color: #e7050b !important;
    }

.bilgi_sari {
    color: #ffd93d !important;
    border-color: #ffd93d !important;
}

    .bilgi_sari:before {
        color: #ffd93d !important;
    }

.bilgi_yesil {
    color: #4ec500 !important;
    border-color: #4ec500 !important;
}

    .bilgi_yesil:before {
        color: #4ec500 !important;
    }

.bilgi_mavi {
    color: #0060ef !important;
    border-color: #0060ef !important;
}

    .bilgi_mavi:before {
        color: #0060ef !important;
    }

.text_button {
    padding: 3px 5px 3px 30px;
    border: 1px solid #9A9A9A;
    border-radius: 3px;
    min-width: 32px;
    color: #606161;
    cursor: pointer;
    position: relative;
}

    .text_button:before {
        font-family: 'tab';
        color: #878786;
        display: inline-block;
        font-size: 17px;
        cursor: pointer;
        position: absolute;
        top: 3px;
        left: 5px;
    }

    .text_button:hover {
        color: #ff0000;
    }

.gecmis:before {
    content: "\f123";
}

.backWhite {
    background: #fff;
}

.butonBackRed {
    background: #ed1c24;
    color: #fff;
    border-color: #f00 !important;
}

    .butonBackRed:before {
        color: #fff;
    }

    .butonBackRed:hover {
        background: rgba(0, 0, 0, 0.2);
        border-color: #9a9a9a !important;
    }

.butonBackGreen {
    background: green;
    color: #fff;
    border-color: green !important;
}

    .butonBackGreen:before {
        color: #fff;
    }

    .butonBackGreen:hover {
        background: rgba(0, 0, 0, 0.2);
        border-color: green !important;
    }

colorGray {
    color: #878787 !important;
}

.btn_group_rght {
    text-align: right;
    margin: 0 0 10px 0;
}

.btn_group {
    margin: 5px 0;
}

.text_btn {
    padding: 2px 5px 2px 30px;
    border: 1px solid #9A9A9A !important;
    border-radius: 3px;
    min-width: 32px;
    color: #606161;
    cursor: pointer;
    position: relative;
    display: inline-block;
    text-align: left;
    font-weight: normal;
}

    .text_btn:before {
        font-family: 'tab';
        color: #878786;
        display: inline-block;
        font-size: 18px;
        cursor: pointer;
        position: absolute;
        top: 2px;
        left: 7px;
    }

    .text_btn:hover {
        color: #D20911;
        border-color: #D20911;
    }

        .text_btn:hover:before {
            color: #D20911 !important;
        }

    .text_btn:focus {
        border-color: #D20911;
    }

.text_btn_kilitle:before {
    font-family: 'ProSet';
    color: #878786;
    display: inline-block;
    font-size: 18px;
    cursor: pointer;
    content: "\e015";
}

.text_btn_barkod:before {
    display: inline-block;
    content: "";
    height: 13px;
    width: 0;
    margin: 0px 10px 0 0;
    position: absolute;
    top: 1px;
    left: 3px;
    box-shadow: 1px 3px 0 1px #343434, 5px 3px 0 1px #343434, 10px 3px 0 1px #343434, 11px 3px 0 1px #343434, 15px 3px 0 1px #343434;
}

.text_btn_sms:before {
    font-family: 'NoticeIcon';
    display: inline-block;
    font-size: 16px;
    cursor: pointer;
    content: "\f106";
}

.text_btn_randevu:before {
    font-family: 'ProSet';
    color: #878786;
    display: inline-block;
    font-size: 18px;
    cursor: pointer;
    content: "\e004";
}

.text_btn_saat:before {
    font-family: 'ProSet';
    color: #878786;
    display: inline-block;
    font-size: 18px;
    cursor: pointer;
    content: "\e008";
    position: absolute;
    top: 2px;
    left: 5px;
}

.text_btn_resim:before {
    content: "\f12d";
    font-family: 'tab';
    color: #878786;
    display: inline-block;
    font-size: 22px;
    cursor: pointer;
}

.text_btn_gonder:before {
    font-family: 'docIcon';
    color: #878786;
    display: inline-block;
    font-size: 16px;
    cursor: pointer;
    content: "\f114";
    top: 3px;
    left: 5px;
}

.text_btn_camera:before {
    font-family: 'docIcon';
    color: #878786;
    display: inline-block;
    font-size: 21px;
    cursor: pointer;
    content: "\f11d";
    top: 3px;
    left: 5px;
}

.text_btn_cart:before {
    font-family: 'docIcon';
    color: #878786;
    display: inline-block;
    font-size: 20px;
    cursor: pointer;
    content: "\f123";
    top: 3px;
    left: 5px;
}

.text_btn_cekmece:before {
    font-family: 'docIcon';
    color: #878786;
    display: inline-block;
    font-size: 21px;
    cursor: pointer;
    content: "\f122";
    top: 4px;
    left: 5px;
}

.text_btn_pasif:before {
    font-family: 'ProSet';
    color: #878786;
    display: inline-block;
    font-size: 18px;
    cursor: pointer;
    content: "\e00a";
}

.text_btn_kilit_kaldir:before {
    font-family: 'ProSet';
    color: #878786;
    display: inline-block;
    font-size: 18px;
    cursor: pointer;
    content: "\e017";
}

.text_btn_takvim:before {
    font-family: 'ProSet';
    color: #878786;
    display: inline-block;
    font-size: 18px;
    cursor: pointer;
    content: "\e003";
}

.text_btn_istisna:before {
    font-family: 'docIcon';
    color: #878786;
    display: inline-block;
    font-size: 18px;
    cursor: pointer;
    content: "\f115";
}

.text_btn_ata:before {
    font-family: 'docIcon';
    color: #878786;
    display: inline-block;
    font-size: 16px;
    cursor: pointer;
    top: 2px;
    content: "\f105";
}

.text_btn_aylik:before {
    font-family: 'tab';
    color: #878786;
    display: inline-block;
    font-size: 16px;
    cursor: pointer;
    top: 2px;
    content: "\f124";
}

.text_btn_rapor:before {
    font-family: 'tab';
    color: #878786;
    display: inline-block;
    font-size: 16px;
    cursor: pointer;
    top: 2px;
    content: "\f145";
}

.text_btn_ileri:before {
    font-family: 'tab';
    color: #878786;
    display: inline-block;
    font-size: 16px;
    cursor: pointer;
    top: 2px;
    content: "\f104";
}

.text_btn_yukari:before {
    font-family: 'tab';
    color: #878786;
    display: inline-block;
    font-size: 16px;
    cursor: pointer;
    top: 2px;
    content: "\f104";
    transform: rotate(-90deg);
}

.text_btn_asagi:before {
    font-family: 'tab';
    color: #878786;
    display: inline-block;
    font-size: 16px;
    cursor: pointer;
    top: 2px;
    content: "\f104";
    transform: rotate(90deg);
}

.text_btn_ileri_ciftok:before {
    content: "\f104";
    position: absolute;
    top: 2px;
    left: 3px;
    font-size: 16px !important;
}

.text_btn_ileri_ciftok:after {
    content: "\f104";
    font-family: 'tab';
    color: #878786;
    display: inline-block;
    font-size: 16px;
    cursor: pointer;
    position: absolute;
    top: 2px;
    left: 10px;
}

.text_btn_ileri_ciftok:hover:after {
    color: #D20911 !important;
}

.text_btn_geri_ciftok:before {
    content: "\f104";
    position: absolute;
    top: 2px;
    left: 3px;
    -webkit-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    -o-transform: rotate(180deg);
    transform: rotate(180deg);
    font-size: 16px !important;
}

.text_btn_geri_ciftok:after {
    content: "\f104";
    font-family: 'tab';
    color: #878786;
    display: inline-block;
    font-size: 16px;
    cursor: pointer;
    position: absolute;
    top: 2px;
    left: 10px;
    -webkit-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    -o-transform: rotate(180deg);
    transform: rotate(180deg);
}

.text_btn_geri_ciftok:hover:after {
    color: #D20911 !important;
}

.text_btn_doktor:before {
    top: 2px;
    content: "\f116";
}

.text_btn_yildiz:before {
    content: "\f14a";
}

.text_btn_geri:before {
    top: 2px;
    content: "\f105";
}

.text_btn_dosya_indir:before {
    top: 2px;
    content: "\f106";
}

.text_btn_cizelge:before {
    font-family: 'docIcon';
    color: #878786;
    display: inline-block;
    font-size: 21px;
    cursor: pointer;
    top: 2px;
    left: 4px;
    content: "\f10b";
}

.text_btn_border {
    padding: 2px 5px;
    border: 1px solid #9A9A9A;
    border-radius: 3px;
    cursor: pointer;
    color: #333;
}

    .text_btn_border.pasif {
        color: #c3c3c3 !important;
        border-color: #c3c3c3 !important;
        cursor: not-allowed;
    }

.text_btn_yeni:before {
    content: "\f102";
}

.text_btn_eslestir:before {
    font-family: 'docIcon';
    color: #878786;
    display: inline-block;
    font-size: 16px;
    cursor: pointer;
    content: "\f105";
    top: 3px;
    left: 5px;
}

.text_btn_bul:before {
    content: "\f13a";
    font-size: 16px;
}

.text_btn_sil:before {
    content: "\f114";
}

.text_btn_guncelle:before {
    content: "\f134";
}

.text_btn_giris:before {
    content: "\f12a";
}

.text_btn_kaydet:before {
    content: "\f115";
}

.text_btn_kart:before {
    font-family: 'Flaticon';
    color: #878786;
    display: inline-block;
    font-size: 18px;
    cursor: pointer;
    content: "\f104";
    left: 6px;
}

.text_btn_ok:before {
    content: "\f10f";
}

.text_btn_cancel:before {
    content: "\f10d";
    font-size: 14px;
    top: 2px;
}

.text_btn_kopyala:before {
    content: "\f145";
}

.text_btn_eskiForm:before {
    content: "\f124";
}

.text_btn_pacs:before {
    content: "\f11a";
}

.text_btn_bildir:before {
    content: "\f11b";
}

.text_btn_iptal:before {
    content: "\f146";
}

.text_btn_al:before {
    content: "\f118";
}

.text_btn_gecmis:before {
    content: "\f123";
}

.text_btn_toplam:before {
    content: "\f109";
    font-size: 20px;
    top: 3px;
    left: 4px;
}

.text_btn_yenile:before {
    content: "\f111";
}

.text_btn_yazdir:before {
    content: "\f130";
}

.text_btn_islem:before {
    content: "\f13c";
}

.text_btn_devam:before {
    content: "\f148";
}

.text_btn_liste:before {
    content: "\f137";
}

.text_btn_grafik:before {
    content: "\f107";
}

.text_btn_duzenle:before {
    content: "\f12b";
}

.text_btn_ske:before {
    content: "\f13f";
}

.text_btn_user:before {
    content: "\f149";
}

.text_btn_ekle:before {
    content: "\f100";
    font-size: 17px;
}

.text_btn_kapat:before {
    content: "\f117";
}

.text_btn_analiz {
    top: 0;
}

    .text_btn_analiz:before {
        content: "\f11f";
    }

.text_btn_tum_sonuclar:before {
    font-family: 'icomoon' !important;
    content: "\e901";
    font-size: 30px !important;
    top: 3px !important;
    left: 1px !important;
}

.text_btn_hemsire:before {
    font-family: 'icomoon' !important;
    content: "\e902";
    font-size: 30px !important;
    top: 3px !important;
    left: 0px !important;
}

.text_btn_ilac_tedavi:before {
    font-family: 'icomoon' !important;
    content: "\e903";
    font-size: 30px !important;
    top: 3px !important;
    left: 0px !important;
}

.text_btn_asi_takip:before {
    font-family: 'icomoon' !important;
    content: "\e92c";
    font-size: 30px !important;
    top: 3px !important;
    left: 0px !important;
}

.text_btn_skala:before {
    font-family: 'icomoon' !important;
    content: "\e915";
    font-size: 30px !important;
    top: 3px !important;
    left: 0px !important;
}

.text_btn_img:before {
    font-family: 'tab';
    color: #878786;
    display: inline-block;
    font-size: 22px;
    cursor: pointer;
    content: "\f12c";
    margin-top: 1px;
    left: 4px;
}

.text_btn_excel:before {
    font-family: 'docIcon';
    color: #878786;
    display: inline-block;
    font-size: 20px;
    cursor: pointer;
    content: "\f119";
    margin-top: 1px;
    left: 4px;
}

.text_btn_xls:before {
    font-family: 'docIcon';
    color: #878786;
    display: inline-block;
    font-size: 20px;
    cursor: pointer;
    content: "\f11b";
    margin-top: 1px;
    left: 4px;
}

.text_btn_jpg:before {
    font-family: 'docIcon';
    color: #878786;
    display: inline-block;
    font-size: 22px;
    cursor: pointer;
    content: "\f109";
    margin-top: 1px;
    left: 4px;
}

.text_btn_png:before {
    font-family: 'docIcon';
    color: #878786;
    display: inline-block;
    font-size: 22px;
    cursor: pointer;
    content: "\f112";
    margin-top: 1px;
    left: 4px;
}

.text_btn_pdf:before {
    font-family: 'docIcon';
    color: #878786;
    display: inline-block;
    font-size: 22px;
    cursor: pointer;
    content: "\f110";
    margin-top: 1px;
    left: 4px;
}

.text_btn_doc:before {
    font-family: 'docIcon';
    color: #878786;
    display: inline-block;
    font-size: 22px;
    cursor: pointer;
    content: "\f103";
    margin-top: 1px;
    left: 4px;
}

.text_btn_arrow:before {
    font-family: 'Flaticon2';
    color: #878786;
    display: inline-block;
    font-size: 18px;
    cursor: pointer;
    content: "\f100";
    margin-top: 1px;
    left: 4px;
}

.text_btn_arrow2:before {
    font-family: 'Flaticon2';
    color: #878786;
    display: inline-block;
    font-size: 18px;
    cursor: pointer;
    content: "\f101";
    margin-top: 1px;
    left: 4px;
}

.text_btn_sec:before {
    font-family: 'Flaticon2';
    color: #878786;
    display: inline-block;
    font-size: 18px;
    cursor: pointer;
    content: "\f102";
    margin-top: 1px;
    left: 4px;
}

.text_btn_sec2:before {
    font-family: 'Flaticon2';
    color: #878786;
    display: inline-block;
    font-size: 18px;
    cursor: pointer;
    content: "\f103";
    margin-top: 1px;
    left: 4px;
}

.text_btn_pause:before {
    font-family: 'Flaticon2';
    color: #878786;
    display: inline-block;
    font-size: 18px;
    cursor: pointer;
    content: "\f104";
    margin-top: 1px;
    left: 4px;
}

.text_btn_pause2:before {
    font-family: 'Flaticon2';
    color: #878786;
    display: inline-block;
    font-size: 18px;
    cursor: pointer;
    content: "\f105";
    margin-top: 1px;
    left: 4px;
}

.text_btn_pause3:before {
    font-family: 'Flaticon2';
    color: #878786;
    display: inline-block;
    font-size: 18px;
    cursor: pointer;
    content: "\f10a";
    margin-top: 1px;
    left: 4px;
}

.text_btn_play:before {
    font-family: 'Flaticon2';
    color: #878786;
    display: inline-block;
    font-size: 15px;
    cursor: pointer;
    content: "\f106";
    margin-top: 1px;
    left: 4px;
}

.text_btn_play2:before {
    font-family: 'Flaticon2';
    color: #878786;
    display: inline-block;
    font-size: 18px;
    cursor: pointer;
    content: "\f107";
    margin-top: 1px;
    left: 4px;
}

.text_btn_stop:before {
    font-family: 'Flaticon2';
    color: #878786;
    display: inline-block;
    font-size: 18px;
    cursor: pointer;
    content: "\f108";
    margin-top: 1px;
    left: 4px;
}

.text_btn_stop2:before {
    font-family: 'Flaticon2';
    color: #878786;
    display: inline-block;
    font-size: 18px;
    cursor: pointer;
    content: "\f109";
    margin-top: 1px;
    left: 4px;
}

.text_btn_detail:before {
    font-family: 'Flaticon2';
    color: #878786;
    display: inline-block;
    font-size: 18px;
    cursor: pointer;
    content: "\f10b";
    margin-top: 1px;
    left: 4px;
}

.text_btn_rontgen:before {
    font-family: 'Flaticon2';
    color: #878786;
    display: inline-block;
    font-size: 18px;
    cursor: pointer;
    content: "\f10c";
    margin-top: 1px;
    left: 4px;
}

.text_btn_lab:before {
    font-family: 'Flaticon2';
    color: #878786;
    display: inline-block;
    font-size: 18px;
    cursor: pointer;
    content: "\f10f";
    margin-top: 1px;
    left: 4px;
}

.text_btn_filtre:before {
    font-family: 'Flaticon2';
    color: #878786;
    display: inline-block;
    font-size: 18px;
    cursor: pointer;
    content: "\f113";
    margin-top: 1px;
    left: 4px;
}

.text_btn_filtre2:before {
    font-family: 'Flaticon2';
    color: #878786;
    display: inline-block;
    font-size: 18px;
    cursor: pointer;
    content: "\f114";
    margin-top: 1px;
    left: 4px;
}

.text_btn_temizle:before {
    font-family: 'Flaticon2';
    color: #878786;
    display: inline-block;
    font-size: 18px;
    cursor: pointer;
    content: "\f108";
    margin-top: 1px;
    left: 4px;
}

.text_btn_supurge:before {
    font-family: 'tab';
    color: #878786;
    display: inline-block;
    font-size: 16px;
    cursor: pointer;
    content: "\f108";
    margin-top: 1px;
    left: 4px;
}

.text_btn_imza:before {
    font-family: 'Flaticon';
    color: #878786;
    display: inline-block;
    font-size: 16px !important;
    cursor: pointer;
    content: "\f11a";
}

.text_btn_optik_recete:before {
    font-family: 'icomoon' !important;
    font-size: 27px;
    margin-top: 1px;
    left: 2px;
    content: "\e938";
}

.text_btn_recete:before {
    font-family: 'icomoon' !important;
    font-size: 27px;
    margin-top: 0;
    left: 2px;
    content: "\e924";
}

.text_btn_tetkik:before {
    font-family: 'icomoon' !important;
    font-size: 29px;
    margin-top: 0;
    left: 0;
    content: "\e90a";
}

.text_btn_megafon:before {
    font-family: 'Icons' !important;
    font-size: 21px;
    margin-top: 1px;
    left: 4px;
    content: "\f102";
}

.ekleButton {
    background: #3aa089;
    color: #fff;
    line-height: 20px;
    font-size: 14px;
    overflow: hidden;
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    backface-visibility: hidden;
    padding: 3px 20px;
    font-weight: bold;
    position: relative;
    border-radius: 5px;
}

    .ekleButton span {
        display: inline-block;
        width: 100%;
        height: 100%;
        -webkit-transition: all 0.3s;
        -webkit-backface-visibility: hidden;
        -moz-transition: all 0.3s;
        -moz-backface-visibility: hidden;
        transition: all 0.3s;
        backface-visibility: hidden;
    }

    .ekleButton:before {
        font-family: 'tab';
        color: #878786;
        display: inline-block;
        font-size: 18px;
        cursor: pointer;
        content: "\f12f";
        position: absolute;
        width: 100%;
        height: 100%;
        -webkit-transition: all 0.3s;
        -moz-transition: all 0.3s;
        transition: all 0.3s;
        left: 0;
        top: -25px;
        color: #fff;
        font-weight: normal;
        text-align: center;
    }

    .ekleButton:after {
        content: '';
        position: absolute;
        z-index: -1;
        -webkit-transition: all 0.3s;
        -moz-transition: all 0.3s;
        transition: all 0.3s;
    }

    .ekleButton:active {
        background: #2e7b6a;
        top: 2px;
    }

    .ekleButton:hover span {
        -webkit-transform: translateY(300%);
        -moz-transform: translateY(300%);
        -ms-transform: translateY(300%);
        transform: translateY(300%);
        color: #fff;
    }

    .ekleButton:hover:before {
        top: 3px;
    }

.pasifButton {
    color: #c3c3c3 !important;
    border-color: #c3c3c3 !important;
    cursor: not-allowed;
}

    .pasifButton:before {
        color: #c3c3c3 !important;
    }

/* ------------------------ */
/*28.03.2023 Bilgi ikonlar*/
[class^="bilgi-icon-"], [class*=" bilgi-icon-"] {
    /* use !important to prevent issues with browser extensions that change fonts */
    font-family: 'bilgiIcon' !important;
    font-size: 18px;
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    /* Better Font Rendering =========== */
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.bilgi-icon-alerji_var:before {
    content: "\e900";
    color: #515151;
}

.bilgi-icon-bulasici_hastalik:before {
    content: "\e901";
    color: #515151;
}

.bilgi-icon-dets:before {
    content: "\e902";
    color: #515151;
}

.bilgi-icon-gebelik_var:before {
    content: "\e903";
    color: #515151;
}

.bilgi-icon-izole_bc:before {
    content: "\e904";
    color: #515151;
}

.bilgi-icon-izole_damlacik:before {
    content: "\e905";
    color: #515151;
}

.bilgi-icon-izole_dusme_riski:before {
    content: "\e906";
    color: #515151;
}

.bilgi-icon-izole_siki_temas:before {
    content: "\e907";
    color: #515151;
}

.bilgi-icon-izole_solunum:before {
    content: "\e908";
    color: #515151;
}

.bilgi-icon-izole_standart_onlem:before {
    content: "\e909";
    color: #515151;
}

.bilgi-icon-izole_temas:before {
    content: "\e90a";
    color: #515151;
}

.bilgi-icon-onkolojik_hasta:before {
    content: "\e90b";
    color: #515151;
}

.bilgi-icon-palyatif_hasta:before {
    content: "\e90c";
    color: #515151;
}

.bilgi-icon-protez_var:before {
    content: "\e90d";
    color: #515151;
}

.bilgi-icon-taahutnameli_hasta:before {
    content: "\e90e";
    color: #515151;
}

.bilgi-icon-uyari_var:before {
    content: "\e90f";
    color: #515151;
}

/*28.03.2023 Docıcon ikonlar*/
[class^="docicon-"]:before, [class*=" docicon-"]:before,
[class^="docicon-"]:after, [class*=" docicon-"]:after {
    font-family: docIcon !important;
    font-size: 18px;
    font-style: normal;
    /*margin-left: 20px;*/
}

.docicon-loop:before {
    content: "\f100";
}

.docicon-calendar-with-check-mark:before {
    content: "\f101";
}

.docicon-csv-file-format-extension:before {
    content: "\f102";
}

.docicon-doc:before {
    content: "\f103";
}

.docicon-docx:before {
    content: "\f104";
}

.docicon-arrow:before {
    content: "\f105";
}

.docicon-arrow-1:before {
    content: "\f106";
}

.docicon-gif-file-format-symbol:before {
    content: "\f107";
}

.docicon-html-file-extension-interface-symbol:before {
    content: "\f108";
}

.docicon-jpg-file-format-variant:before {
    content: "\f109";
}

.docicon-list:before {
    content: "\f10a";
}

.docicon-list-1:before {
    content: "\f10b";
}

.docicon-log:before {
    content: "\f10c";
}

.docicon-log-file-format-symbol:before {
    content: "\f10d";
}

.docicon-paper-plane:before {
    content: "\f10e";
}

.docicon-paper-plane-1:before {
    content: "\f10f";
}

.docicon-pdf-file-format-symbol:before {
    content: "\f110";
}

.docicon-photoshop-file-format:before {
    content: "\f111";
}

.docicon-png-file-format-symbol:before {
    content: "\f112";
}

.docicon-ppt-business-presentation-file-format-symbol:before {
    content: "\f113";
}

.docicon-sent-mail:before {
    content: "\f114";
}

.docicon-star:before {
    content: "\f115";
}

.docicon-shooting-star:before {
    content: "\f116";
}

.docicon-rotation:before {
    content: "\f117";
}

.docicon-txt-file-symbol:before {
    content: "\f118";
}

.docicon-xlsx-file-format-extension:before {
    content: "\f119";
}

.docicon-zip-file-format:before {
    content: "\f11a";
}

.docicon-xls-file-format-symbol:before {
    content: "\f11b";
}

.docicon-pptx-file-format:before {
    content: "\f11c";
}

.docicon-dslr-camera:before {
    content: "\f11d";
}

.docicon-time:before {
    content: "\f11e";
}

.docicon-hemsire:before {
    content: "\f11f";
}

.docicon-preview:before {
    content: "\f120";
}

.docicon-menu:before {
    content: "\f121";
}

.docicon-9upbt8fj9z:before {
    content: "\f122";
}

.docicon-shopping-cart:before {
    content: "\f123";
}

/*28.03.2023 flaticon*/
[class^="flaticon-"]:before, [class*=" flaticon-"]:before,
[class^="flaticon-"]:after, [class*=" flaticon-"]:after {
    font-family: Flaticon !important;
    font-size: 18px;
    font-style: normal;
    /*margin-left: 20px;*/
}

.flaticon-add:before {
    content: "\f100";
}

.flaticon-add-song:before {
    content: "\f101";
}

.flaticon-arrow-point-to-right:before {
    content: "\f102";
}

.flaticon-avatar:before {
    content: "\f103";
}

.flaticon-credit-card:before {
    content: "\f104";
}

.flaticon-credit-card-1:before {
    content: "\f105";
}

.flaticon-credit-cards:before {
    content: "\f106";
}

.flaticon-file:before {
    content: "\f107";
}

.flaticon-file-1:before {
    content: "\f108";
}

.flaticon-home-button:before {
    content: "\f109";
}

.flaticon-location-pointer:before {
    content: "\f10a";
}

.flaticon-lock-icon:before {
    content: "\f10b";
}

.flaticon-locked-padlock:before {
    content: "\f10c";
}

.flaticon-man-user:before {
    content: "\f10d";
}

.flaticon-new-file:before {
    content: "\f10e";
}

.flaticon-padlock:before {
    content: "\f10f";
}

.flaticon-pen-writing-a-line:before {
    content: "\f110";
}

.flaticon-pencil:before {
    content: "\f111";
}

.flaticon-pencil-striped-symbol-for-interface-edit-buttons:before {
    content: "\f112";
}

.flaticon-placeholder:before {
    content: "\f113";
}

.flaticon-plus:before {
    content: "\f114";
}

.flaticon-power:before {
    content: "\f115";
}

.flaticon-power-button-outline:before {
    content: "\f116";
}

.flaticon-power-button-sign:before {
    content: "\f117";
}

.flaticon-remove-button:before {
    content: "\f118";
}

.flaticon-right-thin-arrowheads:before {
    content: "\f119";
}

.flaticon-signature-with-a-pen:before {
    content: "\f11a";
}

.flaticon-speech-bubbles:before {
    content: "\f11b";
}

.flaticon-speech-bubbles-chat:before {
    content: "\f11c";
}

.flaticon-two-speech-bubbles:before {
    content: "\f11d";
}

.flaticon-user:before {
    content: "\f11e";
}

.flaticon-user-1:before {
    content: "\f11f";
}

.flaticon-user-silhouette:before {
    content: "\f120";
}

.flaticon-web-page-home:before {
    content: "\f121";
}

.flaticon-windows:before {
    content: "\f122";
}

.flaticon-windows-8:before {
    content: "\f123";
}

.flaticon-windows-logo:before {
    content: "\f124";
}

.flaticon-windows-logo-1:before {
    content: "\f125";
}

/*28.03.2023 flaticon2*/
[class^="Flaticon2-"]:before, [class*=" Flaticon2-"]:before,
[class^="Flaticon2-"]:after, [class*=" Flaticon2-"]:after {
    font-family: Flaticon2 !important;
    font-size: 18px;
    font-style: normal;
    /*margin-left: 20px;*/
}

.Flaticon2-arrow:before {
    content: "\f100";
}

.Flaticon2-select-area:before {
    content: "\f101";
}

.Flaticon2-move-option:before {
    content: "\f102";
}

.Flaticon2-precision:before {
    content: "\f103";
}

.Flaticon2-power-button:before {
    content: "\f104";
}

.Flaticon2-power:before {
    content: "\f105";
}

.Flaticon2-play-button-sing:before {
    content: "\f106";
}

.Flaticon2-play-button:before {
    content: "\f107";
}

.Flaticon2-hand:before {
    content: "\f108";
}

.Flaticon2-stop-1:before {
    content: "\f109";
}

.Flaticon2-stop:before {
    content: "\f10a";
}

.Flaticon2-search:before {
    content: "\f10b";
}

.Flaticon2-standing-man-holding-an-x-rays-image:before {
    content: "\f10c";
}

.Flaticon2-cardiogram:before {
    content: "\f10d";
}

.Flaticon2-heart-with-electrocardiogram:before {
    content: "\f10e";
}

.Flaticon2-lab-microscope:before {
    content: "\f10f";
}

.Flaticon2-pills:before {
    content: "\f110";
}

.Flaticon2-health-care:before {
    content: "\f111";
}

.Flaticon2-doctor-stethoscope:before {
    content: "\f112";
}

.Flaticon2-filter-filled-tool-symbol:before {
    content: "\f113";
}

.Flaticon2-filter:before {
    content: "\f114";
}

/*28.03.2023 Noticeicon*/
[class^="NoticeIcon-"]:before, [class*=" NoticeIcon-"]:before,
[class^="NoticeIcon-"]:after, [class*=" NoticeIcon-"]:after {
    font-family: NoticeIcon !important;
    font-size: 18px;
    font-style: normal;
    /*margin-left: 20px;*/
}

.NoticeIcon-writing:before {
    content: "\f100";
}

.NoticeIcon-text-document:before {
    content: "\f101";
}

.NoticeIcon-document:before {
    content: "\f102";
}

.NoticeIcon-folder:before {
    content: "\f103";
}

.NoticeIcon-contact:before {
    content: "\f104";
}

.NoticeIcon-email:before {
    content: "\f105";
}

.NoticeIcon-close-envelope:before {
    content: "\f106";
}

.NoticeIcon-chat-comment-oval-speech-bubble-with-text-lines:before {
    content: "\f107";
}

.NoticeIcon-bell:before {
    content: "\f108";
}

.NoticeIcon-notifications-bell-button:before {
    content: "\f109";
}

.NoticeIcon-notification:before {
    content: "\f10a";
}

.NoticeIcon-alarm:before {
    content: "\f10b";
}

.NoticeIcon-calendar:before {
    content: "\f10c";
}

.NoticeIcon-calendar-with-a-clock-time-tools:before {
    content: "\f10d";
}

.NoticeIcon-calendar-1:before {
    content: "\f10e";
}

.NoticeIcon-gear:before {
    content: "\f10f";
}

.NoticeIcon-work:before {
    content: "\f110";
}

.NoticeIcon-repair:before {
    content: "\f111";
}

.NoticeIcon-heartbeat:before {
    content: "\f112";
}

.NoticeIcon-heart:before {
    content: "\f113";
}

.NoticeIcon-hospital:before {
    content: "\f114";
}

.NoticeIcon-hostpital-building:before {
    content: "\f115";
}

.NoticeIcon-hospital-1:before {
    content: "\f116";
}

.NoticeIcon-hospital-2:before {
    content: "\f117";
}

/*28.03.2023 ProSet*/
[class^="ProSet-"]:before, [class*=" ProSet-"]:before,
[class^="ProSet-"]:after, [class*=" ProSet-"]:after {
    font-family: ProSet !important;
    font-size: 18px;
    font-style: normal;
    /*margin-left: 20px;*/
}

.ProSet-active4:before {
    content: "\e000";
}

.ProSet-add157:before {
    content: "\e001";
}

.ProSet-archive44:before {
    content: "\e002";
}

.ProSet-calendar133:before {
    content: "\e003";
}

.ProSet-calendar69:before {
    content: "\e004";
}

.ProSet-check60:before {
    content: "\e005";
}

.ProSet-clean11:before {
    content: "\e006";
}

.ProSet-clock104:before {
    content: "\e007";
}

.ProSet-clock151:before {
    content: "\e008";
}

.ProSet-document302:before {
    content: "\e009";
}

.ProSet-error1:before {
    content: "\e00a";
}

.ProSet-file11:before {
    content: "\e00b";
}

.ProSet-file126:before {
    content: "\e00c";
}

.ProSet-find6:before {
    content: "\e00d";
}

.ProSet-gears10:before {
    content: "\e00e";
}

.ProSet-good1:before {
    content: "\e00f";
}

.ProSet-health3:before {
    content: "\e010";
}

.ProSet-info:before {
    content: "\e011";
}

.ProSet-info24:before {
    content: "\e012";
}

.ProSet-information51:before {
    content: "\e013";
}

.ProSet-key192:before {
    content: "\e014";
}

.ProSet-lock26:before {
    content: "\e015";
}

.ProSet-medical66:before {
    content: "\e016";
}

.ProSet-open98:before {
    content: "\e017";
}

.ProSet-padlock71:before {
    content: "\e018";
}

.ProSet-padlock86:before {
    content: "\e019";
}

.ProSet-print44:before {
    content: "\e01a";
}

.ProSet-printer96:before {
    content: "\e01b";
}

.ProSet-question13:before {
    content: "\e01c";
}

.ProSet-question49:before {
    content: "\e01d";
}

.ProSet-question5:before {
    content: "\e01e";
}

.ProSet-questionmark8:before {
    content: "\e01f";
}

.ProSet-road-sign2:before {
    content: "\e020";
}

.ProSet-save33:before {
    content: "\e021";
}

.ProSet-save33:before {
    content: "\e022";
}

.ProSet-search7:before {
    content: "\e023";
}

.ProSet-stop36:before {
    content: "\e024";
}

.ProSet-tick14:before {
    content: "\e025";
}

.ProSet-tool305:before {
    content: "\e026";
}

.ProSet-tool606:before {
    content: "\e027";
}

.ProSet-track4:before {
    content: "\e028";
}

.ProSet-warning39:before {
    content: "\e029";
}

.ProSet-warning45:before {
    content: "\e02a";
}

.ProSet-wiping16:before {
    content: "\e02b";
}

/*28.03.2023 tab*/
.fi:before {
    display: inline-block;
    font-family: "tab" !important;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    line-height: 1;
    text-decoration: inherit;
    text-rendering: optimizeLegibility;
    text-transform: none;
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    font-smoothing: antialiased;
    font-size: 18px;
}

.tab-add:before {
    content: "\f100";
}

.tab-add-new-page:before {
    content: "\f101";
}

.tab-add-page:before {
    content: "\f102";
}

.tab-analytic-report:before {
    content: "\f103";
}

.tab-arrow-point-to-right:before {
    content: "\f104";
}

.tab-arrowhead-thin-outline-to-the-left:before {
    content: "\f105";
}

.tab-arrows:before {
    content: "\f106";
}

.tab-bar-graph:before {
    content: "\f107";
}

.tab-broom:before {
    content: "\f108";
}

.tab-calculator:before {
    content: "\f109";
}

.tab-calculator-1:before {
    content: "\f10a";
}

.tab-calculator-2:before {
    content: "\f10b";
}

.tab-cancel:before {
    content: "\f10c";
}

.tab-cancel-1:before {
    content: "\f10d";
}

.tab-cardiogram:before {
    content: "\f10e";
}

.tab-check:before {
    content: "\f10f";
}

.tab-check-mark:before {
    content: "\f110";
}

.tab-circular-arrow:before {
    content: "\f111";
}

.tab-confirm:before {
    content: "\f112";
}

.tab-correct:before {
    content: "\f113";
}

.tab-delete-button:before {
    content: "\f114";
}

.tab-diskette:before {
    content: "\f115";
}

.tab-doctor:before {
    content: "\f116";
}

.tab-door-exit:before {
    content: "\f117";
}

.tab-download-arrow:before {
    content: "\f118";
}

.tab-edit:before {
    content: "\f119";
}

.tab-electrocardiogram-report:before {
    content: "\f11a";
}

.tab-exit-door:before {
    content: "\f11b";
}

.tab-female-avatar:before {
    content: "\f11c";
}

.tab-folder:before {
    content: "\f11d";
}

.tab-garbage:before {
    content: "\f11e";
}

.tab-graphic:before {
    content: "\f11f";
}

.tab-graphic-1:before {
    content: "\f120";
}

.tab-heart-beats:before {
    content: "\f121";
}

.tab-heart-insurance-symbol:before {
    content: "\f122";
}

.tab-history:before {
    content: "\f123";
}

.tab-history-1:before {
    content: "\f124";
}

.tab-infographic-bars:before {
    content: "\f125";
}

.tab-left-arrow:before {
    content: "\f126";
}

.tab-medical:before {
    content: "\f127";
}

.tab-medical-1:before {
    content: "\f128";
}

.tab-new-file:before {
    content: "\f129";
}

.tab-opened-door-aperture:before {
    content: "\f12a";
}

.tab-pencil:before {
    content: "\f12b";
}

.tab-picture:before {
    content: "\f12c";
}

.tab-pictures:before {
    content: "\f12d";
}

.tab-pills:before {
    content: "\f12e";
}

.tab-plus-button:before {
    content: "\f12f";
}

.tab-printer:before {
    content: "\f130";
}

.tab-printer-1:before {
    content: "\f131";
}

.tab-question-mark:before {
    content: "\f132";
}

.tab-questions-circular-button:before {
    content: "\f133";
}

.tab-refresh:before {
    content: "\f134";
}

.tab-refresh-button:before {
    content: "\f135";
}

.tab-report:before {
    content: "\f136";
}

.tab-reporting:before {
    content: "\f137";
}

.tab-right-arrow:before {
    content: "\f138";
}

.tab-search-in-document:before {
    content: "\f139";
}

.tab-searching-magnifying-glass:before {
    content: "\f13a";
}

.tab-settings:before {
    content: "\f13b";
}

.tab-settings-1:before {
    content: "\f13c";
}

.tab-settings-work-tool:before {
    content: "\f13d";
}

.tab-short-broom:before {
    content: "\f13e";
}

.tab-star:before {
    content: "\f13f";
}

.tab-star-1:before {
    content: "\f140";
}

.tab-stethoscope:before {
    content: "\f141";
}

.tab-stethoscope-1:before {
    content: "\f142";
}

.tab-summary:before {
    content: "\f143";
}

.tab-sweeping-broom:before {
    content: "\f144";
}

.tab-text-document-button-accepted:before {
    content: "\f145";
}

.tab-text-document-cancel-button:before {
    content: "\f146";
}

.tab-text-document-information:before {
    content: "\f147";
}

.tab-text-file-editor:before {
    content: "\f148";
}

.tab-user-male-black-shape:before {
    content: "\f149";
}

.tab-web:before {
    content: "\f14a";
}

/*28.03.2023 typicons*/
.typcn:before {
    font-family: typicons !important;
    font-style: normal;
    font-weight: normal !important;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-size: 18px;
}

.typcn-lg {
    font-size: 1.33333333em;
    line-height: 0.75em;
    vertical-align: -15%;
}

.typcn-2x {
    font-size: 2em;
}

.typcn-3x {
    font-size: 3em;
}

.typcn-4x {
    font-size: 4em;
}

.typcn-5x {
    font-size: 5em;
}

.typcn-adjust-brightness:before {
    content: "\e000";
}

.typcn-adjust-contrast:before {
    content: "\e001";
}

.typcn-anchor-outline:before {
    content: "\e002";
}

.typcn-anchor:before {
    content: "\e003";
}

.typcn-archive:before {
    content: "\e004";
}

.typcn-arrow-back-outline:before {
    content: "\e005";
}

.typcn-arrow-back:before {
    content: "\e006";
}

.typcn-arrow-down-outline:before {
    content: "\e007";
}

.typcn-arrow-down-thick:before {
    content: "\e008";
}

.typcn-arrow-down:before {
    content: "\e009";
}

.typcn-arrow-forward-outline:before {
    content: "\e00a";
}

.typcn-arrow-forward:before {
    content: "\e00b";
}

.typcn-arrow-left-outline:before {
    content: "\e00c";
}

.typcn-arrow-left-thick:before {
    content: "\e00d";
}

.typcn-arrow-left:before {
    content: "\e00e";
}

.typcn-arrow-loop-outline:before {
    content: "\e00f";
}

.typcn-arrow-loop:before {
    content: "\e010";
}

.typcn-arrow-maximise-outline:before {
    content: "\e011";
}

.typcn-arrow-maximise:before {
    content: "\e012";
}

.typcn-arrow-minimise-outline:before {
    content: "\e013";
}

.typcn-arrow-minimise:before {
    content: "\e014";
}

.typcn-arrow-move-outline:before {
    content: "\e015";
}

.typcn-arrow-move:before {
    content: "\e016";
}

.typcn-arrow-repeat-outline:before {
    content: "\e017";
}

.typcn-arrow-repeat:before {
    content: "\e018";
}

.typcn-arrow-right-outline:before {
    content: "\e019";
}

.typcn-arrow-right-thick:before {
    content: "\e01a";
}

.typcn-arrow-right:before {
    content: "\e01b";
}

.typcn-arrow-shuffle:before {
    content: "\e01c";
}

.typcn-arrow-sorted-down:before {
    content: "\e01d";
}

.typcn-arrow-sorted-up:before {
    content: "\e01e";
}

.typcn-arrow-sync-outline:before {
    content: "\e01f";
}

.typcn-arrow-sync:before {
    content: "\e020";
}

.typcn-arrow-unsorted:before {
    content: "\e021";
}

.typcn-arrow-up-outline:before {
    content: "\e022";
}

.typcn-arrow-up-thick:before {
    content: "\e023";
}

.typcn-arrow-up:before {
    content: "\e024";
}

.typcn-at:before {
    content: "\e025";
}

.typcn-attachment-outline:before {
    content: "\e026";
}

.typcn-attachment:before {
    content: "\e027";
}

.typcn-backspace-outline:before {
    content: "\e028";
}

.typcn-backspace:before {
    content: "\e029";
}

.typcn-battery-charge:before {
    content: "\e02a";
}

.typcn-battery-full:before {
    content: "\e02b";
}

.typcn-battery-high:before {
    content: "\e02c";
}

.typcn-battery-low:before {
    content: "\e02d";
}

.typcn-battery-mid:before {
    content: "\e02e";
}

.typcn-beaker:before {
    content: "\e02f";
}

.typcn-beer:before {
    content: "\e030";
}

.typcn-bell:before {
    content: "\e031";
}

.typcn-book:before {
    content: "\e032";
}

.typcn-bookmark:before {
    content: "\e033";
}

.typcn-briefcase:before {
    content: "\e034";
}

.typcn-brush:before {
    content: "\e035";
}

.typcn-business-card:before {
    content: "\e036";
}

.typcn-calculator:before {
    content: "\e037";
}

.typcn-calendar-outline:before {
    content: "\e038";
}

.typcn-calendar:before {
    content: "\e039";
}

.typcn-camera-outline:before {
    content: "\e03a";
}

.typcn-camera:before {
    content: "\e03b";
}

.typcn-cancel-outline:before {
    content: "\e03c";
}

.typcn-cancel:before {
    content: "\e03d";
}

.typcn-chart-area-outline:before {
    content: "\e03e";
}

.typcn-chart-area:before {
    content: "\e03f";
}

.typcn-chart-bar-outline:before {
    content: "\e040";
}

.typcn-chart-bar:before {
    content: "\e041";
}

.typcn-chart-line-outline:before {
    content: "\e042";
}

.typcn-chart-line:before {
    content: "\e043";
}

.typcn-chart-pie-outline:before {
    content: "\e044";
}

.typcn-chart-pie:before {
    content: "\e045";
}

.typcn-chevron-left-outline:before {
    content: "\e046";
}

.typcn-chevron-left:before {
    content: "\e047";
}

.typcn-chevron-right-outline:before {
    content: "\e048";
}

.typcn-chevron-right:before {
    content: "\e049";
}

.typcn-clipboard:before {
    content: "\e04a";
}

.typcn-cloud-storage:before {
    content: "\e04b";
}

.typcn-cloud-storage-outline:before {
    content: "\e054";
}

.typcn-code-outline:before {
    content: "\e04c";
}

.typcn-code:before {
    content: "\e04d";
}

.typcn-coffee:before {
    content: "\e04e";
}

.typcn-cog-outline:before {
    content: "\e04f";
}

.typcn-cog:before {
    content: "\e050";
}

.typcn-compass:before {
    content: "\e051";
}

.typcn-contacts:before {
    content: "\e052";
}

.typcn-credit-card:before {
    content: "\e053";
}

.typcn-css3:before {
    content: "\e055";
}

.typcn-database:before {
    content: "\e056";
}

.typcn-delete-outline:before {
    content: "\e057";
}

.typcn-delete:before {
    content: "\e058";
}

.typcn-device-desktop:before {
    content: "\e059";
}

.typcn-device-laptop:before {
    content: "\e05a";
}

.typcn-device-phone:before {
    content: "\e05b";
}

.typcn-device-tablet:before {
    content: "\e05c";
}

.typcn-directions:before {
    content: "\e05d";
}

.typcn-divide-outline:before {
    content: "\e05e";
}

.typcn-divide:before {
    content: "\e05f";
}

.typcn-document-add:before {
    content: "\e060";
}

.typcn-document-delete:before {
    content: "\e061";
}

.typcn-document-text:before {
    content: "\e062";
}

.typcn-document:before {
    content: "\e063";
}

.typcn-download-outline:before {
    content: "\e064";
}

.typcn-download:before {
    content: "\e065";
}

.typcn-dropbox:before {
    content: "\e066";
}

.typcn-edit:before {
    content: "\e067";
}

.typcn-eject-outline:before {
    content: "\e068";
}

.typcn-eject:before {
    content: "\e069";
}

.typcn-equals-outline:before {
    content: "\e06a";
}

.typcn-equals:before {
    content: "\e06b";
}

.typcn-export-outline:before {
    content: "\e06c";
}

.typcn-export:before {
    content: "\e06d";
}

.typcn-eye-outline:before {
    content: "\e06e";
}

.typcn-eye:before {
    content: "\e06f";
}

.typcn-feather:before {
    content: "\e070";
}

.typcn-film:before {
    content: "\e071";
}

.typcn-filter:before {
    content: "\e072";
}

.typcn-flag-outline:before {
    content: "\e073";
}

.typcn-flag:before {
    content: "\e074";
}

.typcn-flash-outline:before {
    content: "\e075";
}

.typcn-flash:before {
    content: "\e076";
}

.typcn-flow-children:before {
    content: "\e077";
}

.typcn-flow-merge:before {
    content: "\e078";
}

.typcn-flow-parallel:before {
    content: "\e079";
}

.typcn-flow-switch:before {
    content: "\e07a";
}

.typcn-folder-add:before {
    content: "\e07b";
}

.typcn-folder-delete:before {
    content: "\e07c";
}

.typcn-folder-open:before {
    content: "\e07d";
}

.typcn-folder:before {
    content: "\e07e";
}

.typcn-gift:before {
    content: "\e07f";
}

.typcn-globe-outline:before {
    content: "\e080";
}

.typcn-globe:before {
    content: "\e081";
}

.typcn-group-outline:before {
    content: "\e082";
}

.typcn-group:before {
    content: "\e083";
}

.typcn-headphones:before {
    content: "\e084";
}

.typcn-heart-full-outline:before {
    content: "\e085";
}

.typcn-heart-half-outline:before {
    content: "\e086";
}

.typcn-heart-outline:before {
    content: "\e087";
}

.typcn-heart:before {
    content: "\e088";
}

.typcn-home-outline:before {
    content: "\e089";
}

.typcn-home:before {
    content: "\e08a";
}

.typcn-html5:before {
    content: "\e08b";
}

.typcn-image-outline:before {
    content: "\e08c";
}

.typcn-image:before {
    content: "\e08d";
}

.typcn-infinity-outline:before {
    content: "\e08e";
}

.typcn-infinity:before {
    content: "\e08f";
}

.typcn-info-large-outline:before {
    content: "\e090";
}

.typcn-info-large:before {
    content: "\e091";
}

.typcn-info-outline:before {
    content: "\e092";
}

.typcn-info:before {
    content: "\e093";
}

.typcn-input-checked-outline:before {
    content: "\e094";
}

.typcn-input-checked:before {
    content: "\e095";
}

.typcn-key-outline:before {
    content: "\e096";
}

.typcn-key:before {
    content: "\e097";
}

.typcn-keyboard:before {
    content: "\e098";
}

.typcn-leaf:before {
    content: "\e099";
}

.typcn-lightbulb:before {
    content: "\e09a";
}

.typcn-link-outline:before {
    content: "\e09b";
}

.typcn-link:before {
    content: "\e09c";
}

.typcn-location-arrow-outline:before {
    content: "\e09d";
}

.typcn-location-arrow:before {
    content: "\e09e";
}

.typcn-location-outline:before {
    content: "\e09f";
}

.typcn-location:before {
    content: "\e0a0";
}

.typcn-lock-closed-outline:before {
    content: "\e0a1";
}

.typcn-lock-closed:before {
    content: "\e0a2";
}

.typcn-lock-open-outline:before {
    content: "\e0a3";
}

.typcn-lock-open:before {
    content: "\e0a4";
}

.typcn-mail:before {
    content: "\e0a5";
}

.typcn-map:before {
    content: "\e0a6";
}

.typcn-media-eject-outline:before {
    content: "\e0a7";
}

.typcn-media-eject:before {
    content: "\e0a8";
}

.typcn-media-fast-forward-outline:before {
    content: "\e0a9";
}

.typcn-media-fast-forward:before {
    content: "\e0aa";
}

.typcn-media-pause-outline:before {
    content: "\e0ab";
}

.typcn-media-pause:before {
    content: "\e0ac";
}

.typcn-media-play-outline:before {
    content: "\e0ad";
}

.typcn-media-play-reverse-outline:before {
    content: "\e0ae";
}

.typcn-media-play-reverse:before {
    content: "\e0af";
}

.typcn-media-play:before {
    content: "\e0b0";
}

.typcn-media-record-outline:before {
    content: "\e0b1";
}

.typcn-media-record:before {
    content: "\e0b2";
}

.typcn-media-rewind-outline:before {
    content: "\e0b3";
}

.typcn-media-rewind:before {
    content: "\e0b4";
}

.typcn-media-stop-outline:before {
    content: "\e0b5";
}

.typcn-media-stop:before {
    content: "\e0b6";
}

.typcn-message-typing:before {
    content: "\e0b7";
}

.typcn-message:before {
    content: "\e0b8";
}

.typcn-messages:before {
    content: "\e0b9";
}

.typcn-microphone-outline:before {
    content: "\e0ba";
}

.typcn-microphone:before {
    content: "\e0bb";
}

.typcn-minus-outline:before {
    content: "\e0bc";
}

.typcn-minus:before {
    content: "\e0bd";
}

.typcn-mortar-board:before {
    content: "\e0be";
}

.typcn-news:before {
    content: "\e0bf";
}

.typcn-notes-outline:before {
    content: "\e0c0";
}

.typcn-notes:before {
    content: "\e0c1";
}

.typcn-pen:before {
    content: "\e0c2";
}

.typcn-pencil:before {
    content: "\e0c3";
}

.typcn-phone-outline:before {
    content: "\e0c4";
}

.typcn-phone:before {
    content: "\e0c5";
}

.typcn-pi-outline:before {
    content: "\e0c6";
}

.typcn-pi:before {
    content: "\e0c7";
}

.typcn-pin-outline:before {
    content: "\e0c8";
}

.typcn-pin:before {
    content: "\e0c9";
}

.typcn-pipette:before {
    content: "\e0ca";
}

.typcn-plane-outline:before {
    content: "\e0cb";
}

.typcn-plane:before {
    content: "\e0cc";
}

.typcn-plug:before {
    content: "\e0cd";
}

.typcn-plus-outline:before {
    content: "\e0ce";
}

.typcn-plus:before {
    content: "\e0cf";
}

.typcn-point-of-interest-outline:before {
    content: "\e0d0";
}

.typcn-point-of-interest:before {
    content: "\e0d1";
}

.typcn-power-outline:before {
    content: "\e0d2";
}

.typcn-power:before {
    content: "\e0d3";
}

.typcn-printer:before {
    content: "\e0d4";
}

.typcn-puzzle-outline:before {
    content: "\e0d5";
}

.typcn-puzzle:before {
    content: "\e0d6";
}

.typcn-radar-outline:before {
    content: "\e0d7";
}

.typcn-radar:before {
    content: "\e0d8";
}

.typcn-refresh-outline:before {
    content: "\e0d9";
}

.typcn-refresh:before {
    content: "\e0da";
}

.typcn-rss-outline:before {
    content: "\e0db";
}

.typcn-rss:before {
    content: "\e0dc";
}

.typcn-scissors-outline:before {
    content: "\e0dd";
}

.typcn-scissors:before {
    content: "\e0de";
}

.typcn-shopping-bag:before {
    content: "\e0df";
}

.typcn-shopping-cart:before {
    content: "\e0e0";
}

.typcn-social-at-circular:before {
    content: "\e0e1";
}

.typcn-social-dribbble-circular:before {
    content: "\e0e2";
}

.typcn-social-dribbble:before {
    content: "\e0e3";
}

.typcn-social-facebook-circular:before {
    content: "\e0e4";
}

.typcn-social-facebook:before {
    content: "\e0e5";
}

.typcn-social-flickr-circular:before {
    content: "\e0e6";
}

.typcn-social-flickr:before {
    content: "\e0e7";
}

.typcn-social-github-circular:before {
    content: "\e0e8";
}

.typcn-social-github:before {
    content: "\e0e9";
}

.typcn-social-google-plus-circular:before {
    content: "\e0ea";
}

.typcn-social-google-plus:before {
    content: "\e0eb";
}

.typcn-social-instagram-circular:before {
    content: "\e0ec";
}

.typcn-social-instagram:before {
    content: "\e0ed";
}

.typcn-social-last-fm-circular:before {
    content: "\e0ee";
}

.typcn-social-last-fm:before {
    content: "\e0ef";
}

.typcn-social-linkedin-circular:before {
    content: "\e0f0";
}

.typcn-social-linkedin:before {
    content: "\e0f1";
}

.typcn-social-pinterest-circular:before {
    content: "\e0f2";
}

.typcn-social-pinterest:before {
    content: "\e0f3";
}

.typcn-social-skype-outline:before {
    content: "\e0f4";
}

.typcn-social-skype:before {
    content: "\e0f5";
}

.typcn-social-tumbler-circular:before {
    content: "\e0f6";
}

.typcn-social-tumbler:before {
    content: "\e0f7";
}

.typcn-social-twitter-circular:before {
    content: "\e0f8";
}

.typcn-social-twitter:before {
    content: "\e0f9";
}

.typcn-social-vimeo-circular:before {
    content: "\e0fa";
}

.typcn-social-vimeo:before {
    content: "\e0fb";
}

.typcn-social-youtube-circular:before {
    content: "\e0fc";
}

.typcn-social-youtube:before {
    content: "\e0fd";
}

.typcn-sort-alphabetically-outline:before {
    content: "\e0fe";
}

.typcn-sort-alphabetically:before {
    content: "\e0ff";
}

.typcn-sort-numerically-outline:before {
    content: "\e100";
}

.typcn-sort-numerically:before {
    content: "\e101";
}

.typcn-spanner-outline:before {
    content: "\e102";
}

.typcn-spanner:before {
    content: "\e103";
}

.typcn-spiral:before {
    content: "\e104";
}

.typcn-star-full-outline:before {
    content: "\e105";
}

.typcn-star-half-outline:before {
    content: "\e106";
}

.typcn-star-half:before {
    content: "\e107";
}

.typcn-star-outline:before {
    content: "\e108";
}

.typcn-star:before {
    content: "\e109";
}

.typcn-starburst-outline:before {
    content: "\e10a";
}

.typcn-starburst:before {
    content: "\e10b";
}

.typcn-stopwatch:before {
    content: "\e10c";
}

.typcn-support:before {
    content: "\e10d";
}

.typcn-tabs-outline:before {
    content: "\e10e";
}

.typcn-tag:before {
    content: "\e10f";
}

.typcn-tags:before {
    content: "\e110";
}

.typcn-th-large-outline:before {
    content: "\e111";
}

.typcn-th-large:before {
    content: "\e112";
}

.typcn-th-list-outline:before {
    content: "\e113";
}

.typcn-th-list:before {
    content: "\e114";
}

.typcn-th-menu-outline:before {
    content: "\e115";
}

.typcn-th-menu:before {
    content: "\e116";
}

.typcn-th-small-outline:before {
    content: "\e117";
}

.typcn-th-small:before {
    content: "\e118";
}

.typcn-thermometer:before {
    content: "\e119";
}

.typcn-thumbs-down:before {
    content: "\e11a";
}

.typcn-thumbs-ok:before {
    content: "\e11b";
}

.typcn-thumbs-up:before {
    content: "\e11c";
}

.typcn-tick-outline:before {
    content: "\e11d";
}

.typcn-tick:before {
    content: "\e11e";
}

.typcn-ticket:before {
    content: "\e11f";
}

.typcn-time:before {
    content: "\e120";
}

.typcn-times-outline:before {
    content: "\e121";
}

.typcn-times:before {
    content: "\e122";
}

.typcn-trash:before {
    content: "\e123";
}

.typcn-tree:before {
    content: "\e124";
}

.typcn-upload-outline:before {
    content: "\e125";
}

.typcn-upload:before {
    content: "\e126";
}

.typcn-user-add-outline:before {
    content: "\e127";
}

.typcn-user-add:before {
    content: "\e128";
}

.typcn-user-delete-outline:before {
    content: "\e129";
}

.typcn-user-delete:before {
    content: "\e12a";
}

.typcn-user-outline:before {
    content: "\e12b";
}

.typcn-user:before {
    content: "\e12c";
}

.typcn-vendor-android:before {
    content: "\e12d";
}

.typcn-vendor-apple:before {
    content: "\e12e";
}

.typcn-vendor-microsoft:before {
    content: "\e12f";
}

.typcn-video-outline:before {
    content: "\e130";
}

.typcn-video:before {
    content: "\e131";
}

.typcn-volume-down:before {
    content: "\e132";
}

.typcn-volume-mute:before {
    content: "\e133";
}

.typcn-volume-up:before {
    content: "\e134";
}

.typcn-volume:before {
    content: "\e135";
}

.typcn-warning-outline:before {
    content: "\e136";
}

.typcn-warning:before {
    content: "\e137";
}

.typcn-watch:before {
    content: "\e138";
}

.typcn-waves-outline:before {
    content: "\e139";
}

.typcn-waves:before {
    content: "\e13a";
}

.typcn-weather-cloudy:before {
    content: "\e13b";
}

.typcn-weather-downpour:before {
    content: "\e13c";
}

.typcn-weather-night:before {
    content: "\e13d";
}

.typcn-weather-partly-sunny:before {
    content: "\e13e";
}

.typcn-weather-shower:before {
    content: "\e13f";
}

.typcn-weather-snow:before {
    content: "\e140";
}

.typcn-weather-stormy:before {
    content: "\e141";
}

.typcn-weather-sunny:before {
    content: "\e142";
}

.typcn-weather-windy-cloudy:before {
    content: "\e143";
}

.typcn-weather-windy:before {
    content: "\e144";
}

.typcn-wi-fi-outline:before {
    content: "\e145";
}

.typcn-wi-fi:before {
    content: "\e146";
}

.typcn-wine:before {
    content: "\e147";
}

.typcn-world-outline:before {
    content: "\e148";
}

.typcn-world:before {
    content: "\e149";
}

.typcn-zoom-in-outline:before {
    content: "\e14a";
}

.typcn-zoom-in:before {
    content: "\e14b";
}

.typcn-zoom-out-outline:before {
    content: "\e14c";
}

.typcn-zoom-out:before {
    content: "\e14d";
}

.typcn-zoom-outline:before {
    content: "\e14e";
}

.typcn-zoom:before {
    content: "\e14f";
}

/*12.10.2024 genel ikonlar*/
@font-face {
    font-family: "genel";
    src: url("genel.eot");
    src: url("genel.eot?#iefix") format("embedded-opentype"), url("genel.woff") format("woff"), url("genel.ttf") format("truetype"), url("genel.svg#genel") format("svg");
    font-weight: normal;
    font-style: normal;
}

@media screen and (-webkit-min-device-pixel-ratio: 0) {
    @font-face {
        font-family: "genel";
        src: url("genel.svg#genel") format("svg");
    }
}

.fi:before {
    display: inline-block;
    font-family: "genel";
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    line-height: 1;
    text-decoration: inherit;
    text-rendering: optimizeLegibility;
    text-transform: none;
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    font-smoothing: antialiased;
}

.genel-study:before {
    content: "\f100";
}

.genel-search:before {
    content: "\f101";
}

.genel-pencil:before {
    content: "\f102";
}

.genel-book:before {
    content: "\f103";
}

.genel-consult:before {
    content: "\f104";
}

.genel-video-call:before {
    content: "\f105";
}

.genel-consulting:before {
    content: "\f106";
}

.genel-mentor:before {
    content: "\f107";
}

.genel-discussion:before {
    content: "\f108";
}

.genel-client:before {
    content: "\f109";
}

.genel-nurse:before {
    content: "\f10a";
}

.genel-nurse-1:before {
    content: "\f10b";
}

.genel-nurse-2:before {
    content: "\f10c";
}

.genel-user:before {
    content: "\f10d";
}

.genel-user-1:before {
    content: "\f10e";
}

.genel-user-2:before {
    content: "\f10f";
}

.genel-woman:before {
    content: "\f110";
}

.genel-user-3:before {
    content: "\f111";
}

.genel-woman-1:before {
    content: "\f112";
}

.genel-filter:before {
    content: "\f113";
}

.genel-filter-1:before {
    content: "\f114";
}

.genel-photo-camera:before {
    content: "\f115";
}

.genel-camera:before {
    content: "\f116";
}

.genel-cancel:before {
    content: "\f117";
}

.genel-signal:before {
    content: "\f118";
}

.genel-cancel-1:before {
    content: "\f119";
}

.genel-close:before {
    content: "\f11a";
}

.genel-check:before {
    content: "\f11b";
}

.genel-add:before {
    content: "\f11c";
}

.genel-download:before {
    content: "\f11d";
}

.genel-play:before {
    content: "\f11e";
}

.genel-pause:before {
    content: "\f11f";
}

.genel-success:before {
    content: "\f120";
}

.genel-menu:before {
    content: "\f121";
}

.genel-left-arrow:before {
    content: "\f122";
}

.genel-left-arrow-1:before {
    content: "\f123";
}

.genel-left-curve-arrow:before {
    content: "\f124";
}

.genel-loop:before {
    content: "\f125";
}

.genel-left:before {
    content: "\f126";
}

.genel-reload:before {
    content: "\f127";
}

/* Devex grid styles */
#LISTE_TABLO_HASTA_TABLET .dxgv {
    font-size: 15px !important;
    color: #000 !important;
}

#LISTE_HEMSIRE_BAKIM_VE_HIZMETLERI .dxgv {
    position: relative;
}

    #LISTE_HEMSIRE_BAKIM_VE_HIZMETLERI .dxgv .hem_rght {
        top: 6px !important;
    }

.dxgvControl_MetropolisBlue {
    border-width: 1px !important;
}

    .dxgvControl_MetropolisBlue .blueCSS {
        cursor: pointer;
    }

    .dxgvControl_MetropolisBlue [data-kd-hemsirelik-tani-mi="1"] td {
        background: #e5c8ff !important;
    }

.dxgvFocusedRow_MetropolisBlue a {
    color: #000 !important;
    font-weight: normal !important;
}

.dxgvFocusedRow_MetropolisBlue span {
    color: #000 !important;
}

.dxgvControl_MetropolisBlue a, .dxgvControl_MetropolisBlue span {
    color: #333 !important;
}

.dxgvControl_MetropolisBlue .hem_button {
    background: #fff;
}

.dxgvControl_MetropolisBlue .hem_yildiz,
.dxgvControl_MetropolisBlue .hem_ok,
.dxgvControl_MetropolisBlue .hem_ekle,
.dxgvControl_MetropolisBlue .hem_ilac,
.dxgvControl_MetropolisBlue .hem_aciklama,
.dxgvControl_MetropolisBlue .hem_imza {
    background: none !important;
}

.dxgvControl_MetropolisBlue .hem_ilac,
.dxgvControl_MetropolisBlue .hem_aciklama {
    margin: 0 2px;
}

    .dxgvControl_MetropolisBlue .hem_ilac:before,
    .dxgvControl_MetropolisBlue .hem_aciklama:before {
        font-size: 18px;
        padding: 1px;
    }

.dxgvHeader_MetropolisBlue,
.dxgvFilterRow_MetropolisBlue {
    background-color: #ececec !important;
    font-size: 12px;
    font-weight: bold !important;
    color: #615d5d;
}

    .dxgvHeader_MetropolisBlue.bandHeader,
    .dxgvFilterRow_MetropolisBlue.bandHeader {
        background: #797cb5 !important;
        background-color: #797cb5 !important;
        color: #fff !important;
    }

    .dxgvHeader_MetropolisBlue:before,
    .dxgvHeader_MetropolisBlue:after {
        font-weight: normal !important;
    }

.dxgvFocusedRow_MetropolisBlue, .dxgvSelectedRow_MetropolisBlue {
    background-color: #FBCCAC !important;
    color: #333 !important;
    font-weight: bold;
}

    .dxgvFocusedRow_MetropolisBlue .hem_button,
    .dxgvFocusedRow_MetropolisBlue .text_btn, .dxgvFocusedRow_MetropolisBlue:before, .dxgvFocusedRow_MetropolisBlue:after, .dxgvSelectedRow_MetropolisBlue .hem_button,
    .dxgvSelectedRow_MetropolisBlue .text_btn, .dxgvSelectedRow_MetropolisBlue:before, .dxgvSelectedRow_MetropolisBlue:after {
        font-weight: normal !important;
    }

    .dxgvFocusedRow_MetropolisBlue .datepicker:before, .dxgvSelectedRow_MetropolisBlue .datepicker:before {
        font-weight: normal !important;
    }

    .dxgvFocusedRow_MetropolisBlue .timepicker:before, .dxgvSelectedRow_MetropolisBlue .timepicker:before {
        font-weight: normal !important;
    }

.dxgvDataRow_MetropolisBlue {
    cursor: pointer;
}

.dxgvStatusBar_MetropolisBlue {
    background: #F5DBAB !important;
}

    .dxgvStatusBar_MetropolisBlue .dx-ar {
        text-align: right !important;
    }

    .dxgvStatusBar_MetropolisBlue a {
        background: white !important;
        padding: 2px 5px !important;
        border: 1px solid #9A9A9A !important;
        border-radius: 3px !important;
        cursor: pointer !important;
        color: #333 !important;
    }

/* Alerts start */
#alertBack {
    width: 100%;
    height: 100%;
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    background: rgba(0, 0, 0, 0.6);
    z-index: 10000;
    display: none;
}

#alerts {
    margin: 20px;
}

    #alerts a {
        padding: 5px 15px;
        background: #dadada;
        color: #666;
        cursor: pointer;
    }

.alert {
    text-align: center;
    display: none;
}

    .alert .alrt {
        border: 1px solid #ddd;
        border-radius: 10px;
        display: inline-block;
        min-width: 410px;
        max-width: 900px;
        min-height: 210px;
        z-index: 10001;
        background: #fff;
        position: absolute;
    }

        .alert .alrt i.getIcon {
            width: 60px;
            height: 60px;
            position: relative;
            margin-top: 10px;
        }

            .alert .alrt i.getIcon:before {
                font-family: 'ProSet';
                color: #878786;
                display: inline-block;
                font-size: 60px;
                cursor: pointer;
                position: absolute;
                top: 23px;
                left: 0;
            }

        .alert .alrt h2 {
            margin: 10px 0 15px 0;
            font-size: 20px;
            border: none;
        }

        .alert .alrt .alertText {
            max-height: 300px;
            overflow-y: auto;
            white-space: pre-line;
        }

            .alert .alrt .alertText p {
                padding-bottom: 25px;
                white-space: pre-line;
                padding-left: 10px;
                padding-right: 10px;
            }

        .alert .alrt .alertButtons {
            border-top: 1px solid #ddd;
        }

            .alert .alrt .alertButtons .item {
                padding: 5px 20px;
                color: #fff;
                border-radius: 5px;
                margin: 10px;
                cursor: pointer;
            }

        .alert .alrt .yes {
            background: #8ed18a;
        }

        .alert .alrt .no {
            background: #e0837f;
        }

        .alert .alrt .info {
            background: #5cbee1;
        }

        .alert .alrt .uyariMesaji {
            background: #ffa500;
        }

        .alert .alrt .cancel {
            background: #808080;
        }

        .alert .alrt .link {
            background: #6aaaf9;
        }

        .alert .alrt .kClose {
            position: absolute;
            top: 1px;
            right: 4px;
            cursor: pointer;
        }

            .alert .alrt .kClose:before {
                font-family: "tab";
                display: inline-block;
                color: #C3C3C3;
                content: "\f10c";
                font-weight: bold;
                font-size: 15px;
            }

#basariliIcerik i:before {
    content: "\e005";
    color: #8ed18a;
}

#onayIcerik i:before {
    content: "\e01d";
    color: #62c4ee;
}

#hataIcerik i.getIcon:before {
    content: "\e00a";
    color: #e0837f;
}

#bilgiIcerik i:before {
    content: "\e012";
    color: #5cbee1;
}

#uyariMesajiIcerik i.getIcon:before {
    content: "\e02a";
    color: #ffa500;
}

#silIcerik i:before {
    content: "\e01d";
    color: #62c4ee;
}

#onayVazgecIcerik i:before {
    content: "\e029";
    color: #f1b04a;
}

/* malzeme - tetkik */
.buttonsIcon {
    transition: .25s ease-in-out;
    width: 30px;
    height: 30px;
    position: relative;
    cursor: pointer;
    z-index: 11;
}

    .buttonsIcon span {
        transition: .25s ease-in-out;
        display: block;
        position: absolute;
        width: 5px;
        height: 5px;
        top: 50%;
        left: 50%;
        margin: -3px 0 0 -3px;
        background: #8b8b8b;
        box-shadow: -10px -10px 0 #8b8b8b, -10px 0 0 #8b8b8b, -10px 10px 0 #8b8b8b, 0 -10px 0 #8b8b8b, 0 10px 0 #8b8b8b, 10px -10px 0 #8b8b8b, 10px 0 0 #8b8b8b, 10px 10px 0 #8b8b8b;
    }

        .buttonsIcon span:before {
            transition: .25s ease-in-out;
            content: '';
            display: block;
            position: absolute;
            top: 0;
            left: 0;
            height: 100%;
            width: 100%;
            background: #8b8b8b;
        }

    .buttonsIcon:hover span {
        transition: .25s ease-in-out;
        box-shadow: -11px -11px 0 #8b8b8b, -11px 0 0 #8b8b8b, -11px 11px 0 #8b8b8b, 0 -11px 0 #8b8b8b, 0 11px 0 #8b8b8b, 11px -11px 0 #8b8b8b, 11px 0 0 #8b8b8b, 11px 11px 0 #8b8b8b;
    }

    .buttonsIcon.active span {
        transition: .25s ease-in-out;
        box-shadow: 0 0 0 #8b8b8b;
        width: 100%;
        height: 4px;
        left: 0%;
        margin: -4px 0 0 0px;
        transform: rotate(45deg);
        background: #0986bf;
    }

        .buttonsIcon.active span:before {
            transition: .25s ease-in-out;
            transform: rotate(90deg);
            background: #0986bf;
        }

.ilacButtons {
    border-radius: 4px;
    font-size: 12px;
    background: #fff;
    z-index: 12;
    display: inline-block;
    position: absolute;
    top: 40px;
    right: -305px;
    box-shadow: 0px 0px 5px 0px white;
}

    .ilacButtons .mlzHeader {
        padding: 7px;
        background: #a09d9d;
        border-bottom: #a09d9d 1px solid;
        font-weight: bold;
    }

        .ilacButtons .mlzHeader .mlzduzenle {
            position: absolute;
            top: 5px;
            right: 10px;
        }

    .ilacButtons .mlzContent {
        padding: 7px;
    }

    .ilacButtons.active {
        display: block;
    }

.buttonsBack {
    width: 100%;
    height: 100%;
    position: fixed;
    top: 0;
    left: 0;
    background: rgba(0, 0, 0, 0.3);
    z-index: 11;
    display: none;
}

    .buttonsBack.active {
        display: block;
    }

.secHeader {
    margin: 0;
    padding: 5px 10px;
    background: #a5d4f0;
    margin-bottom: 2px;
    border-radius: 3px;
    font-weight: bold;
    color: #246392;
}

.taniMessages .SUCCESS, .taniMessages .INFO, .taniMessages .WARNING, .taniMessages .ERROR {
    padding: 3px 10px;
    border: #ccc 1px solid;
    border-radius: 3px;
}

.taniMessages .SUCCESS {
    background: #dff0d8;
    color: #3c763d;
}

.taniMessages .INFO {
    background: #d9edf7;
    color: #3176aa;
}

.taniMessages .WARNING {
    background: #fcf8e3;
    color: #8a6d3b;
}

.taniMessages .ERROR {
    background: #f2dede;
    color: #a94442;
}

.overHidden {
    overflow: hidden;
}

.mlzButton {
    padding: 8px;
    font-weight: bold;
    border: none;
    background: #409b94;
    color: #fff;
    border-radius: 2px;
    cursor: pointer;
}

    .mlzButton:hover {
        opacity: 0.8;
    }

    .mlzButton.red {
        background: #fb6c6c;
    }

.mlzContainer {
    border: #bbb 1px solid;
    font-size: 12px;
}

    .mlzContainer label {
        font-weight: bold;
    }

    .mlzContainer .mlzHeader {
        padding: 7px;
        background: #d7d7d7;
        border-bottom: #bbb 1px solid;
        font-weight: bold;
    }

    .mlzContainer .mlzContent {
        padding: 7px;
    }

        .mlzContainer .mlzContent label {
            margin-right: 5px;
        }

.miktarOver {
    background: #ff9e9e !important;
    border: #e06565 1px solid !important;
}

.sutAciklamaElypsis {
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    width: 70px;
}

.SecilenMalzemelerScroll {
    height: 120px;
    max-height: 120px;
    overflow: auto;
}

    .SecilenMalzemelerScroll table tr td {
        padding: 0 4px;
    }

.nmbrTxtBlck {
    display: inline-block;
}

    .nmbrTxtBlck .inpt {
        text-align: center;
    }

    .nmbrTxtBlck .miktar {
        width: 20px;
        height: 20px;
        border: 1px solid #989898;
        text-align: center;
        margin: 0 3px;
        cursor: pointer;
        background: #fff;
    }

        .nmbrTxtBlck .miktar:before {
            font-family: 'Flaticon';
            color: #878786;
            display: inline-block;
            font-size: 14px;
            cursor: pointer;
            color: #5d5c5c !important;
        }

        .nmbrTxtBlck .miktar.miktarArttir {
            float: right;
        }

            .nmbrTxtBlck .miktar.miktarArttir:before {
                content: "\f114";
                margin-top: 1px;
            }

        .nmbrTxtBlck .miktar.miktarAzalt {
            float: left;
        }

            .nmbrTxtBlck .miktar.miktarAzalt:before {
                content: "-";
                font-size: 30px;
                line-height: 11px;
            }

.btnAcilirMenu {
    cursor: pointer;
}

    .btnAcilirMenu:hover {
        border-color: #d20303 !important;
    }

.blckAcilirMenu li {
    background: #ececec;
    border-bottom: 1px solid #d4d4d4;
    cursor: pointer;
    box-shadow: 5px 5px 30px #384950;
    /*ul {
            display: none;
            left: calc(100% - 4px);
            position: absolute;
            margin-top: -27px;
            min-width: 200px;
        }*/
}

    .blckAcilirMenu li:hover {
        background: #ff9c9c;
        /* ul {
                display: block;
            }*/
    }

    .blckAcilirMenu li a {
        border: none;
    }

/* Color Block */
.colorOpen {
    position: absolute;
    top: 8px;
    right: 7px;
}

    .colorOpen:before {
        content: "\f12d";
        font-family: 'tab';
        color: #878786;
        display: inline-block;
        font-size: 24px;
        cursor: pointer;
        color: #827363;
    }

    .colorOpen.open:before {
        color: #ff0000;
    }

.colorBlock {
    margin-top: 5px;
    display: none;
    width: 350px;
    position: absolute;
    top: 30px;
    right: 0px;
    background: #ffedcb;
    z-index: 10;
    padding: 5px;
    -webkit-box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.4);
    -moz-box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.4);
    box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.4);
}

    .colorBlock .itm {
        display: block;
        margin: 0 5px;
        position: relative;
    }

        .colorBlock .itm .color {
            width: 15px;
            height: 15px;
            position: absolute;
            top: 0;
            left: 0;
        }

        .colorBlock .itm span {
            padding-left: 18px;
            font-size: 12px;
        }

    .colorBlock.slc {
        display: block !important;
    }

.SearchContainer {
    border-radius: 3px;
    border: 2px solid #646C77;
    background: #f0f5f6 none repeat scroll 0% 0%;
    margin-bottom: 10px;
}

    .SearchContainer .searchInput {
        background: none;
        border: none;
        padding: 7px;
        width: 700px;
        font-size: 11px;
        outline: 0;
    }

    .SearchContainer label {
        padding: 3px 5px;
        float: left;
        width: 120px;
        background: #646C77;
        font-size: 11px;
        color: #fff;
    }

        .SearchContainer label span {
            border: none;
            float: right;
        }

            .SearchContainer label span:before {
                color: #fff;
            }

.SearchExcel {
    color: #666;
}

    .SearchExcel:before {
        font-family: 'docIcon';
        color: #878786;
        display: inline-block;
        font-size: 18px;
        cursor: pointer;
        content: "\f119";
    }

    .SearchExcel input {
        border: 0;
        background: none;
    }

    .SearchExcel:hover {
        color: #D20911;
    }

/* Hasta Özet Bilgi */
#TABLET_ANAMNEZ_OZET {
    margin: 0px auto;
    border-top: 0;
}

    #TABLET_ANAMNEZ_OZET .pageHead {
        font-size: 16px;
        padding: 5px;
        font-weight: bold;
        border-bottom: 1px solid #ddd;
    }

#LISTE_TABLO_TABLET_ANAMNEZ_OZET h2 {
    font-weight: bold;
    font-size: 17px;
}

#LISTE_TABLO_TABLET_ANAMNEZ_OZET .blck label {
    background: #ececec;
    padding: 2px;
}

.hgt430 {
    height: 430px;
    overflow-y: scroll;
}

/* Circle */
.circ {
    width: 15px;
    height: 15px;
    border-radius: 30px;
    background: #fff;
}

.circ_yesil {
    border: 4px solid #6ddd51;
}

.circ_kirmizi {
    border: 4px solid #DB1212;
}

.circ_sari {
    border: 4px solid #ecdb1d;
}

.searchBlock {
    position: relative;
    display: inline-block;
}

    .searchBlock:before {
        font-family: 'tab';
        color: #878786;
        display: inline-block;
        font-size: 13px !important;
        cursor: pointer;
        content: "\f13a";
        position: absolute;
        top: 2px;
        right: 4px;
    }

    .searchBlock .inpt {
        padding: 3px 20px 3px 4px;
    }

/* Detayli tarih secimi */
.DateRangePicker .lbl_radio {
    min-width: 110px;
}

/* SliderBlock */
.rslides {
    position: relative;
    list-style: none;
    overflow: hidden;
    width: 100%;
    padding: 0;
    margin: 0;
}

    .rslides li {
        -webkit-backface-visibility: hidden;
        position: absolute;
        display: none;
        width: 100%;
        left: 0;
        top: 0;
    }

        .rslides li:first-child {
            position: relative;
            display: block;
            float: left;
        }

        .rslides li img {
            display: block;
            height: auto;
            float: left;
            width: 100%;
            border: 0;
        }

.callbacks_tabs {
    list-style: none;
    font-size: 14px;
    font-weight: bold;
    list-style: none;
    margin: 0 auto 5px;
    padding: 5px 0;
    text-align: center;
    width: 100%;
}

    .callbacks_tabs li {
        display: inline;
        float: none;
        margin-right: 1px;
    }

        .callbacks_tabs li a {
            width: auto;
            padding: 3px 9px;
            height: auto;
            background: rgba(0, 0, 0, 0.1);
            display: inline;
        }

            .callbacks_tabs li a:hover {
                background: rgba(237, 28, 36, 0.2);
            }

        .callbacks_tabs li:first-child {
            margin-left: 0;
        }

/* Accordion Menu */
.pro-accordion-menu {
    box-shadow: 0 0px 5px #d5e5ec;
    background: #ffe9db;
    padding-bottom: 20px;
}

    .pro-accordion-menu ul {
        display: none;
    }

        .pro-accordion-menu ul label, .pro-accordion-menu ul a {
            padding-left: 82px;
        }

            .pro-accordion-menu ul label:hover, .pro-accordion-menu ul a:hover {
                background: #fff0e7;
            }

            .pro-accordion-menu ul label:before {
                left: 36px;
            }

            .pro-accordion-menu ul label:after {
                left: 59px;
            }

            .pro-accordion-menu ul a:after {
                left: 59px;
            }

        .pro-accordion-menu ul ul label, .pro-accordion-menu ul ul a {
            padding-left: 100px;
        }

            .pro-accordion-menu ul ul label:before {
                left: 54px;
            }

            .pro-accordion-menu ul ul label:after {
                left: 77px;
            }

            .pro-accordion-menu ul ul a:after {
                left: 77px;
            }

        .pro-accordion-menu ul ul ul label, .pro-accordion-menu ul ul ul a {
            padding-left: 118px;
        }

            .pro-accordion-menu ul ul ul label:before {
                left: 72px;
            }

            .pro-accordion-menu ul ul ul label:after {
                left: 95px;
            }

            .pro-accordion-menu ul ul ul a:after {
                left: 95px;
            }

    .pro-accordion-menu li {
        -webkit-user-select: none;
        -moz-user-select: none;
        -ms-user-select: none;
        user-select: none;
    }

        .pro-accordion-menu li .slc {
            background: #f3d0ba;
            font-weight: bold;
        }

            .pro-accordion-menu li .slc:hover {
                background: #f3d0ba;
                font-weight: bold;
            }

        .pro-accordion-menu li:last-of-type label, .pro-accordion-menu li:last-of-type a {
            box-shadow: none;
        }

        .pro-accordion-menu li ul li:last-of-type label, .pro-accordion-menu li ul li:last-of-type a {
            box-shadow: none;
        }

    .pro-accordion-menu input[type=checkbox] {
        position: absolute;
        opacity: 0;
    }

    .pro-accordion-menu label, .pro-accordion-menu a {
        position: relative;
        padding: 18px 18px 18px 64px;
        display: inline-block;
        width: 100%;
        cursor: pointer;
    }

    .pro-accordion-menu label {
        cursor: pointer;
    }

        .pro-accordion-menu label:before, .pro-accordion-menu label:after {
            content: '';
            display: inline-block;
            width: 16px;
            height: 16px;
            position: absolute;
            top: 50%;
            -webkit-transform: translateY(-50%);
            -moz-transform: translateY(-50%);
            -ms-transform: translateY(-50%);
            -o-transform: translateY(-50%);
            transform: translateY(-50%);
            background-image: url(../../Images/cd-icons.svg);
            background-repeat: no-repeat;
        }

        .pro-accordion-menu label:before {
            left: 18px;
            background-position: 0 0;
            -webkit-transform: translateY(-50%) rotate(-90deg);
            -moz-transform: translateY(-50%) rotate(-90deg);
            -ms-transform: translateY(-50%) rotate(-90deg);
            -o-transform: translateY(-50%) rotate(-90deg);
            transform: translateY(-50%) rotate(-90deg);
            -webkit-transition: -webkit-transform 0.3s;
            -moz-transition: -moz-transform 0.3s;
            transition: transform 0.3s;
        }

        .pro-accordion-menu label:after {
            left: 41px;
            background-position: -16px 0;
        }

    .pro-accordion-menu a:after {
        content: '';
        display: inline-block;
        width: 16px;
        height: 16px;
        position: absolute;
        top: 50%;
        -webkit-transform: translateY(-50%);
        -moz-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
        -o-transform: translateY(-50%);
        transform: translateY(-50%);
    }

    .pro-accordion-menu input[type=checkbox]:checked + label:before {
        -webkit-transform: translateY(-50%);
        -moz-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
        -o-transform: translateY(-50%);
        transform: translateY(-50%);
    }

    .pro-accordion-menu input[type=checkbox]:checked + label:after {
        background-position: -32px 0;
    }

    .pro-accordion-menu input[type=checkbox]:checked + label + ul, .pro-accordion-menu input[type=checkbox]:checked + label:nth-of-type(n) + ul {
        display: block;
    }

@media only screen and (max-width: 1366px) and (max-height: 768px) {
    .olayAfetBildirimleri {
        height: 29px;
        position: absolute;
        bottom: 0px;
        z-index: 0;
        background: #ff3542;
        right: 0;
        color: #fff;
        font-size: 13px;
        font-weight: bold;
        padding-left: 35px;
        width: 41%;
        margin-right: 180px;
    }

        .olayAfetBildirimleri:before {
            font-family: ProSet;
            display: inline-block;
            content: "\e02a";
            color: #fff;
            position: absolute;
            left: 5px;
            top: 6px;
            font-size: 25px;
            font-weight: normal;
        }

        .olayAfetBildirimleri .marquee {
            -webkit-animation-name: marquee;
            -webkit-animation-timing-function: linear;
            -webkit-animation-duration: 30s;
            -webkit-animation-iteration-count: infinite;
            margin: 0;
            padding: 5px;
            overflow: hidden;
            display: block;
            white-space: nowrap;
        }

        .olayAfetBildirimleri ul {
            margin: 0;
            padding: 0;
        }

            .olayAfetBildirimleri ul li {
                display: inline-block;
                list-style: none;
                padding: 0 30px;
                border-right: #fff 1px solid;
            }

                .olayAfetBildirimleri ul li:last-child {
                    border-right: none;
                }
}

/* olay afet */
.olayAfetBildirimleri {
    height: 29px;
    position: absolute;
    bottom: 0px;
    z-index: 0;
    background: #ff3542;
    right: 0;
    color: #fff;
    font-size: 13px;
    font-weight: bold;
    padding-left: 35px;
    width: 58%;
    margin-right: 180px;
}

    .olayAfetBildirimleri:before {
        font-family: ProSet;
        display: inline-block;
        content: "\e02a";
        color: #fff;
        position: absolute;
        left: 5px;
        top: 6px;
        font-size: 25px;
        font-weight: normal;
    }

    .olayAfetBildirimleri .marquee {
        -webkit-animation-name: marquee;
        -webkit-animation-timing-function: linear;
        -webkit-animation-duration: 30s;
        -webkit-animation-iteration-count: infinite;
        margin: 0;
        padding: 5px;
        overflow: hidden;
        display: block;
        white-space: nowrap;
    }

    .olayAfetBildirimleri ul {
        margin: 0;
        padding: 0;
    }

        .olayAfetBildirimleri ul li {
            display: inline-block;
            list-style: none;
            padding: 0 30px;
            border-right: #fff 1px solid;
        }

            .olayAfetBildirimleri ul li:last-child {
                border-right: none;
            }

.konsColors {
    font-size: 12px;
    font-weight: bold;
    margin-bottom: 5px;
}

    .konsColors .itm {
        display: block;
        margin: 0 5px;
        position: relative;
    }

        .konsColors .itm i {
            display: inline-block;
            width: 16px;
            height: 16px;
            border-radius: 3px;
            border: #5e5e5e 1px solid;
            vertical-align: middle;
            margin-right: 3px;
            margin-left: 20px;
        }

            .konsColors .itm i.onkabul {
                background: #ffca99 !important;
            }

            .konsColors .itm i.kabul {
                background: #ffffb7 !important;
                color: #333 !important;
            }

            .konsColors .itm i.sonuc {
                background: #8e8eff !important;
                color: #333 !important;
            }

            .konsColors .itm i.onaylandi {
                background: #94bc6b !important;
                color: #333 !important;
            }

            .konsColors .itm i.iptal {
                background: #ffd63a !important;
                color: #333 !important;
            }

.title_info {
    border-radius: 50%;
    font-size: 12px !important;
    padding: 0px 3px;
    background: #787896;
    color: white;
}

/* responsive table*/
.rwd-table {
    margin-top: 10px;
    min-width: 100%;
    overflow: hidden;
    font-size: 12px;
}

    .rwd-table thead {
        background: #ddd;
        border: 1px solid #9c9a9a;
    }

    .rwd-table tbody {
        border: 1px solid #ddd;
    }

    .rwd-table tr {
        border-bottom: 1px solid #ddd;
    }

    .rwd-table th {
        font-weight: bold;
        padding: 5px;
        border-left: 1px solid #9c9a9a;
    }

    .rwd-table td {
        display: block;
        padding: 3px;
    }

        .rwd-table td:before {
            content: attr(data-th) ": ";
            font-weight: bold;
            width: 6.5em;
            display: inline-block;
        }

@media (min-width: 480px) {
    .rwd-table td:before {
        display: none;
    }
}

.rwd-table th, .rwd-table td {
    text-align: left;
    margin: .5em 1em;
}

@media (min-width: 480px) {
    .rwd-table th, .rwd-table td {
        display: table-cell;
    }
}

.rwd-table.mobil {
    display: block;
}

    .rwd-table.mobil thead {
        display: none;
    }

    .rwd-table.mobil tbody {
        display: block;
    }

        .rwd-table.mobil tbody tr {
            display: block;
            width: 100%;
        }

            .rwd-table.mobil tbody tr td:before {
                width: 110px;
            }

            .rwd-table.mobil tbody tr td .wper100 {
                width: auto !important;
            }

            .rwd-table.mobil tbody tr td .chck_block, .rwd-table.mobil tbody tr td .radio_block {
                display: inline-block !important;
            }

            .rwd-table.mobil tbody tr:after {
                visibility: hidden;
                display: block;
                font-size: 0;
                content: " ";
                clear: both;
                height: 0;
            }

#mobilHastaListeGor {
    font-size: 13px;
}

    #mobilHastaListeGor .item {
        width: 50px;
        height: 35px;
        float: left;
        background: #e9e9e9;
        margin-right: 1%;
        border: 1px solid #bdbaba;
        line-height: 25px;
        text-align: center;
    }

        #mobilHastaListeGor .item strong {
            width: 130px;
            display: inline-block;
            padding: 8px 5px;
        }

        #mobilHastaListeGor .item span {
            padding: 8px 5px;
        }

        #mobilHastaListeGor .item .tabIcons {
            width: 32px;
            height: 32px;
        }

        #mobilHastaListeGor .item .proButton {
            width: 25px;
            height: 25px;
            padding: 1px 0;
            margin: 5px 0;
            text-align: center;
            -webkit-border-top-left-radius: 5px;
            -webkit-border-bottom-right-radius: 5px;
            -moz-border-radius-topleft: 5px;
            -moz-border-radius-bottomright: 5px;
            border-top-left-radius: 5px;
            border-bottom-right-radius: 5px;
        }

    #mobilHastaListeGor .table_list {
        width: 100%;
        overflow: hidden;
        font-size: 12px;
        border: 1px solid #ECF0F5;
    }

        #mobilHastaListeGor .table_list tbody tr {
            cursor: pointer;
            color: #333;
        }

            #mobilHastaListeGor .table_list tbody tr td {
                border: 1px solid #c0c0c0;
                padding: 3px 6px 4px;
            }

                #mobilHastaListeGor .table_list tbody tr td img {
                    display: block;
                    margin: 0 auto;
                }

            #mobilHastaListeGor .table_list tbody tr .header {
                background-color: #e9e9e9;
                width: 130px;
                font-weight: bold;
            }

            #mobilHastaListeGor .table_list tbody tr .icon {
                width: 65px;
                text-align: center;
            }

            #mobilHastaListeGor .table_list tbody tr:hover {
                background: #FFDDDE !important;
            }

/* danger-warrning block */
.proWrapper.warning .proTitle {
    background: #F3AB44;
    position: relative;
}

    .proWrapper.warning .proTitle * {
        box-sizing: border-box;
    }

    .proWrapper.warning .proTitle .inner {
        width: 100%;
        padding: 6px 12px;
        display: inline-block;
        color: #fff;
        font-size: 23px;
        font-family: Arial;
        text-align: center;
        line-height: 34px;
        position: relative;
        z-index: 3;
        text-shadow: 0px -1px 0px rgba(0, 0, 0, 0.3);
        -webkit-box-shadow: inset 0px 1px 0px rgba(255, 255, 255, 0.2), inset 0px 0px 20px transparent, 0px 1px 1px rgba(0, 0, 0, 0.16);
        -moz-box-shadow: inset 0px 1px 0px rgba(255, 255, 255, 0.2), inset 0px 0px 20px transparent, 0px 1px 1px rgba(0, 0, 0, 0.16);
        box-shadow: inset 0px 1px 0px rgba(255, 255, 255, 0.2), inset 0px 0px 20px transparent, 0px 1px 1px rgba(0, 0, 0, 0.16);
    }

        .proWrapper.warning .proTitle .inner:before, .proWrapper.warning .proTitle .inner:after {
            content: "";
            position: absolute;
            display: block;
            border-style: solid;
            border-color: #c17912 transparent transparent transparent;
        }

        .proWrapper.warning .proTitle .inner:before {
            left: 0;
            top: 100%;
            border-width: 12px 0 0 12px;
        }

        .proWrapper.warning .proTitle .inner:after {
            right: 0;
            top: 100%;
            border-width: 12px 12px 0 0;
        }

.proWrapper.danger .proTitle {
    background: #f00;
    position: relative;
}

    .proWrapper.danger .proTitle * {
        box-sizing: border-box;
    }

    .proWrapper.danger .proTitle .inner {
        width: 100%;
        padding: 6px 12px;
        display: inline-block;
        color: #fff;
        font-size: 23px;
        font-family: Arial;
        text-align: center;
        line-height: 34px;
        position: relative;
        z-index: 3;
        text-shadow: 0px -1px 0px rgba(0, 0, 0, 0.3);
        -webkit-box-shadow: inset 0px 1px 0px rgba(255, 255, 255, 0.2), inset 0px 0px 20px transparent, 0px 1px 1px rgba(0, 0, 0, 0.16);
        -moz-box-shadow: inset 0px 1px 0px rgba(255, 255, 255, 0.2), inset 0px 0px 20px transparent, 0px 1px 1px rgba(0, 0, 0, 0.16);
        box-shadow: inset 0px 1px 0px rgba(255, 255, 255, 0.2), inset 0px 0px 20px transparent, 0px 1px 1px rgba(0, 0, 0, 0.16);
    }

        .proWrapper.danger .proTitle .inner:before, .proWrapper.danger .proTitle .inner:after {
            content: "";
            position: absolute;
            display: block;
            border-style: solid;
            border-color: #cd0000 transparent transparent transparent;
        }

        .proWrapper.danger .proTitle .inner:before {
            left: 0;
            top: 100%;
            border-width: 12px 0 0 12px;
        }

        .proWrapper.danger .proTitle .inner:after {
            right: 0;
            top: 100%;
            border-width: 12px 12px 0 0;
        }

.proWrapper .proCont {
    background: #dedede;
    min-height: 150px;
    padding: 10px 20px;
    margin: 0 12px;
    font-weight: bold;
    text-align: left;
}

/** css of window-width **/
@media (min-width: 992px) and (max-width: 1236px) {
    #TABLET_TOOLBAR #ustBlock .buttons {
        position: relative;
        top: 0;
        right: 0;
    }

    #tablet_buton_blocks {
        bottom: 50px;
    }
}

@media (min-width: 768px) and (max-width: 992px) {
    #TABLET_TOOLBAR #ustBlock .buttons {
        position: relative;
        top: 0;
        right: 0;
    }

        #TABLET_TOOLBAR #ustBlock .buttons .proButton {
            margin: 0 !important;
        }

    #TabletButonBlockV2 .BUTON_KOLON {
        width: 25%;
    }

    #content_itaki_liste,
    #content_sistem_tanilama,
    #content_odem_nabiz {
        width: 100%;
        overflow-x: scroll;
    }

    #ustBilgi .head .b {
        display: none;
    }

    .goruntuBlock {
        top: -20px;
    }
}

/*textarea focus big size*/
.focusAlanBuyut {
    width: 100%;
    height: 100%;
    z-index: 9999;
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: rgba(0, 0, 0, 0.7);
}

    .focusAlanBuyut textarea {
        width: 90% !important;
        height: 90% !important;
        margin-top: calc(5% / 2) !important;
        margin-left: calc(10% / 2) !important;
    }

    .focusAlanBuyut h2 {
        display: none;
    }

@media (max-width: 768px) {
    #TabletButonBlockV2 .BUTON_KOLON {
        width: calc(100% - 5px) !important;
    }

    #TABLET_TOOLBAR .uBlck .btnSet {
        margin: 5px 0 5px 0;
    }

    #TABLET_TOOLBAR .uBlck #TB_POLIKLINIK_ADI,
    #TABLET_TOOLBAR .uBlck #TB_SERVIS_ADI {
        width: 140px !important;
    }

    #TABLET_TOOLBAR #ustBlock .buttons {
        position: relative;
        top: 0;
        right: 115px;
    }

    #TABLET_TOOLBAR .proButton {
        height: 24px;
        padding: 3px 5px 3px 25px !important;
    }

        #TABLET_TOOLBAR .proButton span {
            display: none;
        }

        #TABLET_TOOLBAR .proButton .openMenu {
            min-width: 90px;
        }

    div#ServisTuru, .tarihBlock, #servisTuru {
        margin-bottom: 5px !important;
    }

    #buttons_getir .goruntuBlock .buyukSimge, #buttons_getir .goruntuBlock .kucukSimge {
        display: none;
    }

    #buttons_getir .altButtonsX {
        display: none;
    }

    #tablet_buton_blocks {
        bottom: 75px;
    }

    .hem_tab_block .altButtons {
        bottom: 0;
    }
    /* hasta ustbilgi */
    #ustBilgi .ekButtons {
        display: none;
    }

    #ustBilgi .col-3 {
        width: 100% !important;
    }

    #LISTE_TABLO_HASTA_TABLET .dxgv {
        font-size: 12px !important;
    }

    #content_tablet_hasta_liste {
        margin: 0 0 60px 0;
    }

        #content_tablet_hasta_liste .btn {
            padding: 3px;
            min-width: auto !important;
        }

            #content_tablet_hasta_liste .btn:before {
                background: none;
            }
    /* tabHead2 resize */
    .tabHead2 li {
        width: 100%;
        display: none;
    }

        .tabHead2 li a {
            width: 100%;
        }

        .tabHead2 li.smMenuHead {
            display: block !important;
        }

            .tabHead2 li.smMenuHead a {
                font-weight: bold;
            }

            .tabHead2 li.smMenuHead:after {
                font-family: 'tab';
                color: #878786;
                display: inline-block;
                font-size: 13px;
                cursor: pointer;
                content: "\f100";
                position: absolute;
                top: 11px;
                right: 10px;
                -webkit-transition: all 300ms 0s ease-in-out;
                transition: all 300ms 0s ease-in-out;
            }

            .tabHead2 li.smMenuHead.slc {
                border-bottom: 3px solid #878786;
            }

                .tabHead2 li.smMenuHead.slc:after {
                    -webkit-transform: rotate(45deg);
                    -moz-transform: rotate(45deg);
                    -ms-transform: rotate(45deg);
                    -o-transform: rotate(45deg);
                    transform: rotate(45deg);
                }

    .col-1, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-10, .col-11, .col-12 {
        width: 100% !important;
    }

    .hem_tab_block .tabletButtonsSearch {
        bottom: -35px;
    }

    .goruntuBlock {
        top: 20px;
    }
}

@media (max-width: 1280px) {
    .view_hemsire_view .block {
        width: 100%;
        float: none;
    }

    #ustBilgi .cl-3 {
        width: 50%;
    }
}

@media only screen and (min-width: 600px) {
    .pro-accordion-menu label, .pro-accordion-menu a {
        padding: 5px 5px 5px 50px;
    }

        .pro-accordion-menu label:before {
            left: 8px;
        }

        .pro-accordion-menu label:after {
            left: 29px;
        }

    .pro-accordion-menu ul label, .pro-accordion-menu ul a {
        padding-left: 70px;
    }

        .pro-accordion-menu ul label:before {
            left: 27px;
        }

        .pro-accordion-menu ul label:after {
            left: 47px;
        }

        .pro-accordion-menu ul a:after {
            left: 77px;
        }

    .pro-accordion-menu ul ul label, .pro-accordion-menu ul ul a {
        padding-left: 88px;
    }

        .pro-accordion-menu ul ul label:before {
            left: 47px;
        }

        .pro-accordion-menu ul ul label:after {
            left: 67px;
        }

        .pro-accordion-menu ul ul a:after {
            left: 101px;
        }

    .pro-accordion-menu ul ul ul label, .pro-accordion-menu ul ul ul a {
        padding-left: 104px;
    }

        .pro-accordion-menu ul ul ul label:before {
            left: 67px;
        }

        .pro-accordion-menu ul ul ul label:after {
            left: 87px;
        }

        .pro-accordion-menu ul ul ul a:after {
            left: 125px;
        }
}

.sectionDiv {
    border: #dbdbdb 1px solid;
    margin-right: 5px;
    border-radius: 5px;
    background: #fff;
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
    padding: 10px;
    position: relative;
}

    .sectionDiv .sectionHeader {
        margin-bottom: 5px;
        border-bottom: #eaeaea 1px solid;
        height: 22px;
        position: relative;
    }

        .sectionDiv .sectionHeader label {
            color: #000;
            font-size: 12px;
            display: inline-block;
            font-weight: 700;
            margin-right: 10px;
            padding: 0 0 2px 0;
        }

        .sectionDiv .sectionHeader .chck_block label {
            font-weight: normal;
            padding: 0;
        }

        .sectionDiv .sectionHeader .altBaslik {
            color: #6c5d4e !important;
        }

        .sectionDiv .sectionHeader .links {
            position: absolute;
        }

            .sectionDiv .sectionHeader .links label {
                cursor: pointer;
                color: #000;
                font-size: 12px !important;
                display: inline-block;
                font-weight: 700;
                margin-right: 10px;
                padding: 0 0 2px 0;
                color: #bdbdbd;
            }

                .sectionDiv .sectionHeader .links label:hover {
                    color: #6b6b6b;
                    border-bottom: #cccccc 4px solid;
                }

                .sectionDiv .sectionHeader .links label.active {
                    color: #000;
                    border-bottom: #ff8d00 4px solid;
                }

    .sectionDiv .sectionButtonDiv {
        position: absolute;
        right: 0px;
        z-index: 1;
        top: -5px;
        background: none;
        overflow: visible;
        padding: 0 !important;
    }

        .sectionDiv .sectionButtonDiv .sectionBtn {
            top: -1px;
            vertical-align: middle;
            border-radius: 2px;
            font-weight: 500;
            position: relative;
            color: #000000;
            font-size: 11px;
            box-shadow: inset 0px 1px 1px rgba(255, 255, 255, 0.2), inset 0px -1px 1px rgba(0, 0, 0, 0.2);
            border: #d0d0d0 1px solid;
            border-bottom: none;
            background: #e7ecf0 linear-gradient(0deg, rgba(0, 0, 0, 0.1) 0%, rgba(255, 255, 255, 0) 100%);
            border-bottom: #e3e8ec 0px solid;
        }

            .sectionDiv .sectionButtonDiv .sectionBtn:before {
                color: #000000 !important;
            }

            .sectionDiv .sectionButtonDiv .sectionBtn:hover {
                background-color: #dcdcdc;
                border-bottom: #ff8d00 2px solid !important;
            }

                .sectionDiv .sectionButtonDiv .sectionBtn:hover:before {
                    color: #000000 !important;
                }

        .sectionDiv .sectionButtonDiv.detail {
            right: 1px;
            top: 0px;
        }

    .sectionDiv .grayContent {
        background: #efefef;
        padding: 10px;
        border-radius: 5px;
    }

    .sectionDiv input, .sectionDiv select, .sectionDiv textarea {
        border: #ccc 1px solid;
        border-radius: 2px;
        font-size: 11px !important;
    }

    .sectionDiv .input[type="text"]:not(.hasDatepicker), .sectionDiv .select, .sectionDiv .textarea {
        width: 100px;
        border: #ccc 1px solid;
        border-radius: 2px;
        padding: 4px;
        font-size: 11px !important;
        height: initial !important;
    }

.backGray {
    background: #eaeaea !important;
}

    .backGray .tabHead2 {
        background: none;
    }

input.inp, select.inp {
    width: 100px;
    border: #ccc 1px solid;
    border-radius: 3px;
    padding: 4px;
    font-size: 11px !important;
    /* font-weight: bold; */
    /* font-family: 'Roboto', sans-serif; */
    height: initial !important;
}

textarea.inp {
    width: 100px;
    border: #ccc 1px solid;
    border-radius: 3px;
    padding: 4px;
    font-size: 11px !important;
    /* font-weight: bold; */
    /* font-family: 'Roboto', sans-serif; */
}

.pDiv {
    border: #dbdbdb 1px solid;
    border-radius: 5px;
    background: #fff;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
    color: #555;
    position: relative;
}

    .pDiv .formContainer {
        padding: 10px;
        background: #f2f2f2;
        border-radius: 5px;
    }

    .pDiv input.inp, .pDiv select.inp, .pDiv textarea.inp, .pDiv input.inpt:not([type='button']), .pDiv select.inpt, .pDiv textarea.inpt {
        width: 100px;
        border: #ccc 1px solid;
        border-radius: 3px;
        padding: 4px;
        font-size: 11px !important;
        /* font-weight: bold; */
        /* font-family: 'Roboto', sans-serif; */
        height: initial !important;
    }

    .pDiv select.inp {
        background: #fff;
    }

        .pDiv input.inp:disabled, .pDiv select.inp:disabled, .pDiv textarea.inp:disabled {
            background: #eee;
        }

    .pDiv .inp:focus {
        outline: none;
        border-color: #5ea4ff;
        box-shadow: 0 2PX 10px rgba(0, 0, 0, 0.1);
    }

    .pDiv .pBar {
        padding: 10px;
        background: #ffebd9;
        border-radius: 5px;
        color: #000;
        position: relative;
    }

    .pDiv .pH3 {
        font-weight: bold;
        font-size: 14px;
        color: #000;
    }

    .pDiv.lbBlk label {
        display: block;
    }

        .pDiv.lbBlk label.inline {
            display: inline-block;
        }

.frblk {
    margin-bottom: 3px;
    position: relative;
}

.icoExpand {
    font-family: 'IcoMoon';
    display: inline-block;
    font-size: 16px !important;
    cursor: pointer;
}

    .icoExpand:before {
        content: "\e98b";
    }

.icoTrash {
    font-family: 'IcoMoon';
    display: inline-block;
    font-size: 16px !important;
    cursor: pointer;
}

    .icoTrash:before {
        content: "\e9ac";
    }

.icoShrink {
    font-family: 'IcoMoon';
    display: inline-block;
    font-size: 16px !important;
    cursor: pointer;
}

    .icoShrink:before {
        content: "\e98c";
    }

.typExpand {
    font-family: 'typicons';
    display: inline-block;
    font-size: 21px !important;
    cursor: pointer;
}

    .typExpand:before {
        content: "\e012";
    }

.typShrink {
    font-family: 'typicons';
    display: inline-block;
    font-size: 21px !important;
    cursor: pointer;
}

    .typShrink:before {
        content: "\e014";
    }

.typEye {
    font-family: 'typicons';
    display: inline-block;
    font-size: 21px !important;
    cursor: pointer;
}

    .typEye:before {
        content: '\e06e';
    }

.typGroup {
    font-family: 'typicons';
    display: inline-block;
    font-size: 21px !important;
    cursor: pointer;
}

    .typGroup:before {
        content: "\e083";
    }

.typFlag {
    font-family: 'typicons';
    display: inline-block;
    font-size: 21px !important;
    cursor: pointer;
}

    .typFlag:before {
        content: "\e074";
    }

.typMerge {
    font-family: 'typicons';
    display: inline-block;
    font-size: 21px !important;
    cursor: pointer;
}

    .typMerge:before {
        content: "\e078";
    }

.typUser {
    font-family: 'typicons';
    display: inline-block;
    font-size: 21px !important;
    cursor: pointer;
}

    .typUser:before {
        content: "\e12c";
    }

.typPhone {
    font-family: 'typicons';
    display: inline-block;
    font-size: 21px !important;
    cursor: pointer;
}

    .typPhone:before {
        content: "\e0c5";
    }

input::-webkit-inner-spin-button,
input::-webkit-outer-spin-button {
    -webkit-appearance: none;
    margin: 0;
}

input[type=number] {
    -moz-appearance: textfield;
    /* Firefox */
}

.iblk {
    display: inline-block;
}

.chck_block.minimize .chck + .lbl_check:before {
    width: 12px;
    height: 12px;
    line-height: normal;
    vertical-align: middle;
}

.pBtn {
    background: #fff linear-gradient(0deg, rgba(0, 0, 0, 0.06) 0%, rgba(255, 255, 255, 0) 100%);
    border-color: #ccc !important;
    padding-left: 23px;
}

    .pBtn.text_btn_border {
        padding: 2px 5px;
    }

    .pBtn:hover {
        color: #000;
    }

    .pBtn::before {
        color: #ff8d00;
        font-size: 15px;
        left: 4px;
        top: 2px;
        font-weight: normal;
    }

    .pBtn:hover::before {
        color: #ff8d00 !important;
    }

    .pBtn.big {
        padding: 7px 15px 6px 25px;
        margin-top: 15px !important;
        font-weight: bold;
    }

.pTabs .tabs {
    position: relative;
    /*border-bottom: #eee 3px solid;*/
}

    .pTabs .tabs label {
        cursor: pointer;
        color: #797979;
        font-size: 11px !important;
        display: inline-block;
        font-weight: 700;
        padding: 3px 6px;
    }

        .pTabs .tabs label.active {
            color: #000;
            border-bottom: #fe9616 3px solid;
            background: #fff;
            padding: 3px 10px;
            border-top-left-radius: 3px;
            border-top-right-radius: 3px;
            margin-bottom: -3px;
            box-shadow: 0px -1px 3px rgba(0, 0, 0, 0.15);
            font-size: 11px !important;
        }

.pTabs .content {
    background: #fff;
    padding: 10px;
    border-radius: 0;
    border: none !important;
    box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.15);
    border-top-left-radius: 0px !important;
    min-height: 350px;
}

@media only screen and (max-width: 1366px) {
    .pTabs .content {
        padding: 5px;
    }
}

.zorunlu {
    outline: 1px solid #e31e24;
}

    .zorunlu.star {
        position: absolute;
    }

        .zorunlu.star:after {
            content: "\2605";
            color: #da2311;
            font-weight: bold;
            font-size: 12px;
            position: absolute;
            top: -3px;
        }

.disable_area {
    pointer-events: none;
    background-color: #EAEAEA;
    text-decoration: line-through !important;
}

.highlight {
    background-color: #ffff6f;
}

.dxgv {
    outline: none !important;
}

.gridHeaderMinBtn {
    font-size: 11px;
}

    .gridHeaderMinBtn:before {
        top: 0;
        font-size: calc(100% + 5px);
    }

.gridRowMinBtn {
    font-size: inherit !important;
}

/*Buton Cssleri 19.06.23*/
.btn-ProButton {
    display: inline-block;
    padding: 5px 12px;
    background: #000;
    color: #fff;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    cursor: pointer;
    border: #000 1px solid;
}

    .btn-ProButton:hover {
        color: #ffc000;
        -webkit-box-shadow: 0px 0px 5px 0px #666;
        -moz-box-shadow: 0px 0px 5px 0px #666;
        box-shadow: 0px 0px 5px 0px #666;
    }

.btn-PBYellow {
    color: #000 !important;
    background: #ffc000 !important;
}

.btn-ProButtonBlue {
    text-shadow: 1px 1px #fff;
    border: #80b2cf 1px solid;
    padding: 3px 7px;
    border-radius: 4px;
    background: #bee7ff;
    font-weight: bold;
    cursor: pointer;
    width: auto !important;
}

    .btn-ProButtonBlue:hover {
        border: #a5a5a5 1px solid;
        background-color: #ffebd1 !important;
        -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.3);
        box-shadow: 0 0 5px rgba(0, 0, 0, 0.3);
    }

    .btn-ProButtonBlue:active {
        border: #a5a5a5 1px solid;
        background-color: #ffebd1 !important;
        -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.3);
        box-shadow: 0 0 5px rgba(0, 0, 0, 0.3);
    }

.btn-ProButtonGreen {
    text-shadow: 1px 1px #fff;
    border: #96cf80 1px solid;
    padding: 3px 7px;
    border-radius: 4px;
    background: #c6ecb8;
    font-weight: bold;
    cursor: pointer;
    width: auto !important;
    color: #335f31 !important;
}

    .btn-ProButtonGreen:hover {
        border: #a5a5a5 1px solid;
        background-color: #ffebd1 !important;
        -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.3);
        box-shadow: 0 0 5px rgba(0, 0, 0, 0.3);
    }

    .btn-ProButtonGreen:active {
        border: #a5a5a5 1px solid;
        background-color: #ffebd1 !important;
        -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.3);
        box-shadow: 0 0 5px rgba(0, 0, 0, 0.3);
    }

.btn-ProButtonRed {
    text-shadow: 1px 1px #fff;
    border: #ff6666 1px solid;
    padding: 3px 7px;
    border-radius: 4px;
    background: #ffbbbb;
    font-weight: bold;
    cursor: pointer;
    width: auto !important;
    color: #5f3631 !important;
}

    .btn-ProButtonRed:hover {
        border: #a5a5a5 1px solid;
        background-color: #ffebd1 !important;
        -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.3);
        box-shadow: 0 0 5px rgba(0, 0, 0, 0.3);
    }

    .btn-ProButtonRed:active {
        border: #a5a5a5 1px solid;
        background-color: #ffebd1 !important;
        -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.3);
        box-shadow: 0 0 5px rgba(0, 0, 0, 0.3);
    }

.btn-ProButtonPink {
    text-shadow: 1px 1px #fff;
    border: #de70ce 1px solid;
    padding: 3px 7px;
    border-radius: 4px;
    background: #ffe0fa;
    font-weight: bold;
    cursor: pointer;
    width: auto !important;
    color: #682850 !important;
}

    .btn-ProButtonPink:hover {
        border: #a5a5a5 1px solid;
        background-color: #ffebd1 !important;
        -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.3);
        box-shadow: 0 0 5px rgba(0, 0, 0, 0.3);
    }

    .btn-ProButtonPink:active {
        border: #a5a5a5 1px solid;
        background-color: #ffebd1 !important;
        -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.3);
        box-shadow: 0 0 5px rgba(0, 0, 0, 0.3);
    }

.btn-ProButtonParlement {
    text-shadow: 1px 1px #fff;
    border: #7092de 1px solid;
    padding: 3px 7px;
    border-radius: 4px;
    background: #8cabf2;
    font-weight: bold;
    cursor: pointer;
    width: auto !important;
    color: #282d68 !important;
}

    .btn-ProButtonParlement:hover {
        border: #a5a5a5 1px solid;
        background-color: #ffebd1 !important;
        -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.3);
        box-shadow: 0 0 5px rgba(0, 0, 0, 0.3);
    }

    .btn-ProButtonParlement:active {
        border: #a5a5a5 1px solid;
        background-color: #ffebd1 !important;
        -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.3);
        box-shadow: 0 0 5px rgba(0, 0, 0, 0.3);
    }

.btn-ProButtonYellow {
    text-shadow: 1px 1px #fff;
    border: #dece70 1px solid;
    padding: 3px 7px;
    border-radius: 4px;
    background: #fff9d9;
    font-weight: bold;
    cursor: pointer;
    width: auto !important;
    color: #333 !important;
}

    .btn-ProButtonYellow:hover {
        border: #dece70 1px solid;
        background-color: #ffebd1 !important;
        -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.3);
        box-shadow: 0 0 5px rgba(0, 0, 0, 0.3);
    }

    .btn-ProButtonYellow:active {
        border: #dece70 1px solid;
        background-color: #ffebd1 !important;
        -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.3);
        box-shadow: 0 0 5px rgba(0, 0, 0, 0.3);
    }

.btn-ProButtonGrey {
    text-shadow: 1px 1px #fff;
    border: #a7a7a7 1px solid;
    padding: 3px 7px;
    border-radius: 4px;
    background: #cacaca;
    font-weight: bold;
    cursor: pointer;
    width: auto !important;
    color: #484848 !important;
}

    .btn-ProButtonGrey:hover {
        border: #a5a5a5 1px solid;
        background-color: #ffebd1 !important;
        -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.3);
        box-shadow: 0 0 5px rgba(0, 0, 0, 0.3);
    }

    .btn-ProButtonGrey:active {
        border: #a5a5a5 1px solid;
        background-color: #ffebd1 !important;
        -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.3);
        box-shadow: 0 0 5px rgba(0, 0, 0, 0.3);
    }

@media only screen and (max-width: 600px) {
    #KonsultasyonSonucYaz .konsTanilari #tekTaniEkle #dvTaniAraEkleBTN {
        top: 2px;
        position: relative !important;
    }
}