.ehr-loading {
    z-index: 2000;
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    display: block;
    background-color: black;
    opacity: 0.8;
}

.top-bar-icon {
    padding: 18px 16px 0px 14px !important;
}

.custom-icon {
    max-height: 100%;
    max-width: 100%;
    float: right !important;
    position: inherit !important;
    margin-top: 4px !important;
    margin-right: 5px;
}

@media only screen and (max-width:767px) {
    .top-bar-icon {
        padding: 11px 14px 0px 14px !important;
    }

    .custom-icon {
        position: absolute !important;
        left: 92% !important;
        margin-right: 231px;
    }
}

.welcome-panel {
    padding-left: 15px !important;
    padding-right: 15px !important;
    margin-bottom: 5px !important;
}

.welcome-container {
    padding-left: 15px !important;
    padding-right: 15px !important;
}


.login-row {
    margin-right: -15px !important;
    margin-left: -15px !important;
}

    .login-row .slogan-panel {
        padding-left: 15px;
        padding-right: 15px;
    }

.login-submit {
    padding: 6px 16px !important;
}

.ehr-loading::after {
    z-index: 1999;
    position: absolute;
    top: 50%;
    left: 50%;
    width: 60px;
    height: 20px;
    margin-left: -30px;
    margin-top: -10px;
    content: 'Loading...';
    background-color: black;
    color: white;
    text-align: center;
}

.custom-item .product-name {
    display: inline-block;
    padding-left: 45px;
    text-indent: 0;
    line-height: 30px;
}

.language-selectbox .dx-selectbox-container {
    height: 26px;
}

.language-name .dx-texteditor-container .dx-texteditor-input {
    font-size: 14px;
    padding: 1px 5.5px 5px;
    font-family: "Source Sans Pro", sans-serif;
    font-weight: 400;
    color: #3a3f51;
}

.language-selectbox {
    height: 30px;
}

.custom-item {
    position: relative;
    min-height: 30px;
    height: 30px;
}

    .custom-item .dx-texteditor-buttons-container {
        display: none;
    }

    .custom-item > img {
        left: 1px;
        position: absolute;
        top: 50%;
        margin-top: -13px;
        height: 25px;
        margin-left: 5px;
    }

.input-icon {
    position: absolute;
    left: 93%;
    top: 9px;
}

.form-control {
    height: 30px;
    padding: 4px 10px;
}

@media only screen and (min-width:768px) {
    .top-bar-icon {
        padding: 18px 14px 0px 14px !important;
    }

    .welcome-panel {
        padding-left: 15px !important;
        padding-right: 15px !important;
        margin-bottom: 5px !important;
    }

    .welcome-container {
        padding-left: 15px !important;
        padding-right: 15px !important;
    }

    .login-row {
        margin-right: -15px !important;
        margin-left: -15px !important;
    }

    .login-submit {
        padding: 6px 16px !important;
    }

    .ehr-loading::after {
        z-index: 1999;
        position: absolute;
        top: 50%;
        left: 50%;
        width: 60px;
        height: 20px;
        margin-left: -30px;
        margin-top: -10px;
        content: 'Loading...';
        background-color: black;
        color: white;
        text-align: center;
    }

    .custom-item {
        position: relative;
        min-height: 30px;
        height: 30px;
    }

        .custom-item .dx-texteditor-buttons-container {
            display: none;
        }

    .enka-legend {
        font-size: 16px;
        font-weight: 500; /*bold;*/
        color: cadetblue;
        margin-bottom: 15px;
    }

    .form-control {
        height: 30px;
        padding: 4px 10px;
    }

    .btn {
        padding: 4px 16px;
    }


    @media (min-width: 768px) {
        .form-horizontal .control-label {
            text-align: left;
            margin-bottom: 0;
            padding-top: 3px;
        }
    }

    .table > thead > tr > th {
        padding: 4px 6px !important;
    }

    .table > thead > tr > th, .table > tbody > tr > th, .table > tfoot > tr > th, .table > thead > tr > td, .table > tbody > tr > td, .table > tfoot > tr > td {
        padding: 4px;
        line-height: 1.52857143;
        vertical-align: top;
        border-top: 1px solid #eeeeee !important;
    }

    .panel-title h4 {
        font-family: inherit;
        font-weight: 500;
        line-height: 1.1;
        color: #1d386a;
    }

    hr {
        margin-top: 5px;
        margin-bottom: 5px;
    }


    #kip-welcome-text {
        font-size: 21px;
        font-weight: 300;
        line-height: 31px;
        text-align: justify;
    }

    #kip-login-left-panel {
        background-color: #555555;
        opacity: 0.85;
    }

    #ecem-login-logo {
        width: 100%;
        max-width: 239px;
    }

    .input-validation-error,
    select.input-validation-error + span.select2 .select2-selection {
        border: 1px solid #f00 !important;
        background-color: #fee;
    }

    .field-validation-error,
    .validation-summary-errors {
        font-weight: bold;
        color: #f00;
    }

        .validation-summary-errors ul {
            list-style-type: none;
            padding-left: 0;
        }

    .modal-xl {
        width: 90%;
    }

    .modal-header {
        cursor: move;
    }

    .modal-body {
        max-height: calc(100vh - 200px);
        overflow-y: auto;
    }

    .modal-footer.ui-draggable-handle {
        cursor: move;
    }

    .form-group {
        margin-bottom: 5px;
    }

    fieldset .form-group {
        margin-bottom: 5px;
    }

    .col-xs-1, .col-sm-1, .col-md-1, .col-lg-1, .col-xs-2, .col-sm-2, .col-md-2, .col-lg-2, .col-xs-3, .col-sm-3, .col-md-3, .col-lg-3, .col-xs-4, .col-sm-4, .col-md-4, .col-lg-4, .col-xs-5, .col-sm-5, .col-md-5, .col-lg-5, .col-xs-6, .col-sm-6, .col-md-6, .col-lg-6, .col-xs-7, .col-sm-7, .col-md-7, .col-lg-7, .col-xs-8, .col-sm-8, .col-md-8, .col-lg-8, .col-xs-9, .col-sm-9, .col-md-9, .col-lg-9, .col-xs-10, .col-sm-10, .col-md-10, .col-lg-10, .col-xs-11, .col-sm-11, .col-md-11, .col-lg-11, .col-xs-12, .col-sm-12, .col-md-12, .col-lg-12 {
        padding-left: 5px;
        padding-right: 5px;
    }

    .row {
        margin-right: -5px;
        margin-left: -5px;
    }

    .form-horizontal .form-group {
        margin-left: -5px;
        margin-right: -5px;
    }

    .panel-body {
        padding: 10px;
    }

    .panel {
        margin-bottom: 10px;
    }

    @media(max-width:767px) {
        .login-container {
            padding-top: 15px;
        }
    }

    @media(min-width: 768px) {
        .login-container {
            padding-top: 100px;
        }

        .form-horizontal .form-group-sm .ecem-control-label {
            padding-top: 6px;
            font-size: 14px;
            font-weight: 400;
        }

        .form-horizontal .ecem-control-label {
            text-align: left;
            margin-bottom: 0;
        }

        .form-horizontal .form-group-sm .checkbox {
            /*font-size: 12px;*/
            font-weight: 400;
        }

        .form-group-sm .form-control-static {
            font-size: 14px;
        }
    }

    .ecem-tree-item-selected > .dx-treeview-item {
        background-color: #606060;
        color: #fff;
    }

    .lead {
        margin-bottom: 3px;
    }

    .panel-heading {
        padding: 5px 10px 0 10px;
    }

    .activated-dropzone {
        position: absolute;
        background-color: #1faeff;
        z-index: 5000;
        color: white;
    }

        .activated-dropzone::after {
            position: absolute;
            width: 50px;
            height: 50px;
            left: calc(50% - 25px);
            top: calc(50% - 25px);
            content: "\f0ee";
            font-family: FontAwesome;
            font-size: xx-large;
            text-decoration: inherit;
        }

    #equipment-image-container {
        border: 1px solid rgba(0, 0, 0, 0.12);
        border-radius: 3px;
    }

        #equipment-image-container img {
            margin-top: 5px;
            margin-bottom: 5px;
        }

    #equipment-image-delete-btn {
        position: absolute;
        top: 10px;
        right: 10px;
        font-size: 18px;
        font-weight: bolder;
        line-height: 1;
    }

    [data-dz-name] {
        -ms-text-overflow: ellipsis;
        -o-text-overflow: ellipsis;
        text-overflow: ellipsis;
        overflow: hidden;
    }

    [data-dz-errormessage] {
        margin-bottom: unset;
    }

    .select2-container .select2-selection--single .select2-selection__rendered {
        padding-left: 15px;
        font-size: 12px;
    }


    .panel-form-footer {
        padding-top: 10px;
        padding-bottom: 10px;
        background-color: #f5f5f5;
        border-top: 1px solid #ddd;
        border-bottom-right-radius: 3px;
        border-bottom-left-radius: 3px;
    }

    /*.content-wrapper {
    padding: 5px !important;
}*/

    .ecem-unit-label {
        padding-top: 6px;
        font-size: 12px;
        font-weight: normal;
    }

    .dx-overlay-wrapper {
        z-index: 1051 !important;
    }

    @media only screen and (min-width:768px) {

        .row-eq-height {
            display: -webkit-box;
            display: -webkit-flex;
            display: -ms-flexbox;
            display: flex;
            min-height: 100px;
        }

            .row-eq-height .well {
                height: 100%;
                margin-bottom: 0;
            }

            .row-eq-height a {
                height: 100%;
            }

                .row-eq-height a > i {
                    position: absolute;
                    font-size: 20px;
                    top: 50%;
                    left: 50%;
                    width: 20px;
                    height: 20px;
                    margin-left: -10px;
                    margin-top: -10px;
                }
    }

    .tab-content {
        padding: 5px;
    }

    .red-link {
        color: red !important;
    }

    .green-link {
        color: green !important;
    }


    .typeahead-container .tt-menu {
        max-height: 300px;
        overflow-y: auto;
    }

    .lead .small {
        font-size: 65%;
    }

    .lead a {
        margin-left: 10px;
    }

    .pm-bg-change {
        background-color: darkgray;
    }

    .pm-bg-check {
        background-color: lightgray;
    }

    .pm-bg-add {
        background-color: whitesmoke;
    }

    .bg-disabled {
        background-color: lightgray;
    }

    .panel-footer {
        padding: 10px !important;
    }

    /*.table > thead > tr > th {
    padding: 7px 6px !important;
}*/

    .alert {
        margin-bottom: 10px !important;
    }

    th.alert {
        color: #fff !important;
    }

    .dxc-tooltip {
        z-index: 1050 !important;
    }

    .widget-container-heading {
        font-size: 18px;
    }

    nav ul li a {
        overflow: hidden;
        white-space: nowrap;
        -ms-text-overflow: ellipsis;
        -o-text-overflow: ellipsis;
        text-overflow: ellipsis;
    }

    /*whirl*/
    .whirl:before {
        z-index: 3 !important;
    }

    .whirl:after {
        z-index: 4 !important;
    }


    .input-group-addon {
        cursor: pointer;
    }



    /*///////////////////enka.gps css//////////////////////////////*/
    /*///////////////////enka.gps css//////////////////////////////*/
    table {
        display: table;
        border-collapse: separate;
        border-spacing: 1px;
        border-color: grey;
    }

        table.tablesorter {
            /*font-family:arial;*/
            background-color: #CDCDCD;
            margin: 10px 0pt 15px;
            /*font-size: 8pt;*/
            font-size: 12px;
            width: 100%;
            text-align: left;
        }

            table.tablesorter thead tr th, table.tablesorter tfoot tr th {
                background-color: #e6EEEE;
                border: 1px solid #FFF;
                /*font-size: 8pt;*/
                font-size: 12px;
                padding: 4px;
            }

            table.tablesorter thead tr .header {
                background-image: url(bg.gif);
                background-repeat: no-repeat;
                background-position: center right;
                cursor: pointer;
            }

            table.tablesorter tbody td {
                color: #3D3D3D;
                padding: 4px;
                background-color: #FFF;
                vertical-align: top;
            }

            table.tablesorter tbody tr.odd td {
                background-color: #F0F0F6;
            }

            table.tablesorter thead tr .headerSortUp {
                background-image: url(asc.gif);
            }

            table.tablesorter thead tr .headerSortDown {
                background-image: url(desc.gif);
            }

            table.tablesorter thead tr .headerSortDown, table.tablesorter thead tr .headerSortUp {
                background-color: #8dbdd8;
            }


    .listTable {
        margin: 0;
        font-size: 11px;
        padding: 15px 0 0 0;
        border-width: 1px;
        border-spacing: 0px;
        border-style: solid;
        border-collapse: collapse;
    }

        .listTable td {
            border: 1px;
            border-style: solid;
            border-collapse: collapse;
        }

    .listTableTitle {
        color: #333;
        background: #fffde9;
        font-weight: bold;
    }

    table tbody tr.listTableLine td {
        color: #666;
        background-color: #fff;
    }

    table tbody tr.listTableAlternateLine td {
        color: #666;
        background: #FFFADE;
    }

    table tbody tr.listTableGreenLine td {
        color: #666;
        background: #BEEDA2;
    }

    table tbody tr.listTableAlternateGreenLine td {
        color: #666;
        background: #C9F9AD;
    }


    tr.strikethrough td {
        text-decoration: line-through;
    }

    table tbody tr td.alertBackground, table tbody tr.alertBackground td {
        background-color: #FFE1AF;
    }

    .goto-page-input {
        width: 3em;
        text-align: center;
    }

    .warn {
        background-color: #FEEFB3;
        color:#9F6000;
    }


/*///////////////////select 2 css ayarları - egps'den arak//////////////////////////////*/
.select2-container--default .select2-selection--single {
    background-color: #fff;
    border: 1px solid #cfdbe2 /*#aaa*/;
    border-radius: 0px !important;
}

.select2-container .select2-selection--single .select2-selection__rendered {
    padding-left: 15px;
    /* font-size: 12px; */
    /*font-size: inherit !important;*/
}

li.select2-results__option {
    font-size: 12px;
}

.select2-dropdown {
    background-color: white;
    border: 1px solid #aaa;
    /*border: 1px solid #cfdbe2;*/
    border-radius: 4px;
    box-sizing: border-box;
    display: block;
    position: absolute;
    left: -100000px;
    width: 100%;
    /*z-index: 1051;*/
    z-index: 1600;
}

.select2-search__field {
    z-index: 1650;
}

/*bootsrap formlarinin icinde select2 nin widthi  form resize oldugunda degismiyordu*/
.form-group .select2-container {
    position: relative;
    z-index: 2;
    float: left;
    width: 100%;
    margin-bottom: 0;
    display: table;
    table-layout: fixed;
}
/*///////////////////select 2 css ayarları - egps'den arak//////////////////////////////*/