@charset "UTF-8";

@font-face {
    font-family: 'PetroSans-Bold';
    src: url("fonts/PetroSans-Bold.eot?#iefix") format("embedded-opentype"), url("fonts/PetroSans-Bold.woff") format("woff"), url("fonts/PetroSans-Bold.ttf") format("truetype"), url("fonts/PetroSans-Bold.svg#PetroSans-Bold") format("svg");
    font-weight: normal;
    font-style: normal;
}

/* CSS Document */
html {
    width: 100%;
    height: 100%;
}

body {
    width: 100%;
    height: 100%;
    margin: 0;
    padding: 0;
    background: #ebeced;
}

po_auth {
    margin-bottom: .5rem;
}

.readonly_checkbox > div {
    pointer-events: none;
    background: #eeee;
}

form {
    width: 100%;
    height: 100%;
}

.comboTreeDropDownContainer {
    top: 35px;
}

#AUTH_CRUD_BUTTONS > div > crud_buttons {
    justify-content: right;
}

#mCSB_5_container > ul {
    list-style: circle;
    list-style-position: inside;
}

#mCSB_5_container li {
    list-style: circle;
    list-style-position: inside;
}

a {
    -webkit-transition: ease-in-out, all 0.3s;
    -moz-transition: ease-in-out, all 0.3s;
    -o-transition: ease-in-out, all 0.3s;
    transition: ease-in-out, all 0.3s;
}

    a, a img {
        text-decoration: none;
        outline: none;
        border: none;
    }

.clr {
    clear: both;
    height: 0;
}

#ui-datepicker-div {
    z-index: 99999 !important;
}

::-webkit-input-placeholder {
    color: #fff;
}

:-moz-placeholder {
    color: #fff;
}

::-moz-placeholder {
    color: #fff;
}

:-ms-input-placeholder {
    color: #fff;
}

::selection {
    background: #1faaaf;
    color: #fff;
}

::-moz-selection {
    background: #1faaaf;
    color: #fff;
}

body, input, textarea, select, option {
    font-family: 'Open Sans', sans-serif;
}

*, *:after, *::before {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    margin: 0;
    padding: 0;
    text-decoration: none;
    list-style-type: none;
    outline: none;
}

/* Login Screen */
.login {
    width: 100%;
    height: 100%;
    background-image: url("img/login.jpg");
    background-size: cover;
    background-position: center center;
    padding: 5%;
}

.loginContent {
    width: 100%;
    height: 100%;
    position: relative;
}

.login a.logo {
    display: block;
    max-width: 240px;
}

    .login a.logo img {
        display: block;
        width: 100%;
    }

.login h1 {
    font-family: 'PetroSans-Bold';
    color: #fff;
    font-weight: normal;
    text-shadow: 0px 10px 10px #00000080;
    line-height: 1;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
}

.login h1 {
    font-size: 24px;
}

@media screen and (min-width: 480px) {
    .login h1 {
        font-size: calc(24px + 12 * ((100vw - 480px) / 1440));
    }
}

@media screen and (min-width: 1920px) {
    .login h1 {
        font-size: 36px;
    }
}

.login h1 span {
    font-size: 3em;
    display: block;
}

#viewer {
    padding-bottom: 48px;
}

.loginForm {
    width: 50%;
    padding-bottom: 25%;
    position: absolute;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
}

.loginFormInner {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
}

.whiteBox {
    width: 50%;
    height: 100%;
    border-radius: 100%;
    background: #fff;
    border: 10px solid #f5f6f7;
    float: left;
    position: relative;
    display: flex;
    align-items: center;
}

    .whiteBox .owl-carousel {
        z-index: 0 !important;
    }

    .whiteBox span {
        display: block;
        width: 100%;
        text-align: center;
        font-size: 14px;
        color: #404041;
        font-weight: normal;
    }

    .whiteBox a {
        display: block;
        position: absolute;
        bottom: -17px;
        width: 100px;
        height: 50px;
        border-radius: 100%;
        -webkit-border-radius: 50%;
        -moz-border-radius: 100%;
        text-align: center;
        line-height: 50px;
        font-weight: bold;
        color: #9DA3AC;
        left: 50%;
        margin-left: -50px;
    }

        .whiteBox a:hover { /* border: 1px solid #ef212c;
            */
            color: black;
        }

.redBox {
    width: 50%;
    height: 100%;
    border-radius: 100%;
    background: #ef212c;
    border: 30px solid #df1f29;
    float: left;
    position: relative;
    margin-left: -30px;
    display: flex;
    align-items: center;
}

.formInner {
    width: 65%;
    margin: auto;
}

    .formInner form {
        padding: 0;
    }

.fRow {
    width: 100%;
    margin-bottom: 4%;
}

    .fRow .row {
        margin-left: 0;
        margin-right: 0;
    }

    .fRow:after {
        display: block;
        width: 100%;
        height: 0;
        clear: both;
    }

    .fRow .form-group input {
        border: 1px solid #f46067 !important;
        line-height: 40px !important;
        border-radius: 20px !important;
        padding: 0 20px !important;
        background: none !important;
        outline: none;
        -webkit-transition: all 0.3s;
        -moz-transition: all 0.3s;
        -o-transition: all 0.3s;
        transition: all 0.3s;
        color: #fff !important;
        font-size: 14px !important;
        font-weight: bold !important;
        display: block;
        width: 100%;
    }

        .fRow .form-group input:focus {
            border: 1px solid #fff !important;
        }

    .fRow a {
        display: block;
        padding-left: 20px;
        color: #fff;
        font-size: 11px;
    }

    .fRow button {
        display: inline-block;
        margin: auto;
        background: #fff;
        border: none;
        height: 40px;
        color: #404041;
        font-size: 14px;
        font-weight: bold;
        border-radius: 20px;
        padding: 0 30px;
        outline: none;
        cursor: pointer;
    }

    .fRow .form-group input::-webkit-input-placeholder {
        color: #fff;
    }

    .fRow .form-group input:-moz-placeholder {
        color: #fff;
    }

    .fRow .form-group input::-moz-placeholder {
        color: #fff;
    }

    .fRow .form-group input:-ms-input-placeholder {
        color: #fff;
    }

.captcha span {
    display: block;
    width: 49%;
    float: left;
    padding: 0 20px;
    border: 1px solid #f46067;
    height: 40px;
    border-radius: 20px;
    margin-right: 2%;
}

    .captcha span img {
        display: block;
        max-width: 100%;
    }

.captcha input {
    width: 49%;
}

.captcha small {
    display: block;
    width: 100%;
    font-size: 10px;
    color: #fff;
    text-align: center;
    padding-top: 5px;
}

.captcha .input-group-prepend {
    width: 50%;
}

    .captcha .input-group-prepend img {
        display: block;
        width: 100%;
        height: 40px;
        border-radius: 20px;
        -webkit-border-radius: 20px;
        -moz-border-radius: 20px;
    }

.devNote {
    position: absolute;
    right: 15px;
    top: 15px;
    font-size: 12px;
}

/*Login Screen*/
/* Header */
.navbar {
    width: 100%;
    height: 90px;
    position: fixed;
    top: 0 !important;
    left: 0;
    right: auto;
    background: #fff;
    z-index: 1000;
    padding: 0;
    border-bottom: 1px solid #d6d6d6;
    justify-content: space-between;
}

    .navbar a.logo {
        float: left;
        margin-left: 25px;
    }

.mobileMenuLink {
    float: right;
    display: none;
    height: 26px;
    width: 26px;
    margin: 10px 25px 0 0;
}

.mobileMenuLinkContent {
    width: 26px;
    height: 26px;
    position: relative;
    margin: auto;
}

.line1 {
    width: 26px;
    height: 2px;
    background: #404041;
    position: absolute;
    top: 0;
    left: 0;
    -webkit-transition-duration: 0.3s;
    -moz-transition-duration: 0.3s;
    -o-transition-duration: 0.3s;
    transition-duration: 0.8s;
    transform-origin: 0 0;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
}

.line2 {
    width: 26px;
    height: 2px;
    background: #404041;
    position: absolute;
    top: 8px;
    left: 0;
    -webkit-transition-duration: 0.3s;
    -moz-transition-duration: 0.3s;
    -o-transition-duration: 0.3s;
    transition-duration: 0.8s;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
}

.line3 {
    width: 26px;
    height: 2px;
    background: #404041;
    position: absolute;
    top: 16px;
    left: 0;
    -webkit-transition-duration: 0.3s;
    -moz-transition-duration: 0.3s;
    -o-transition-duration: 0.3s;
    transition-duration: 0.8s;
    transform-origin: 0 0;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
}

.mobileMenuLink.closer .line1 {
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    left: 3px;
    top: -2px;
    background: #e60000;
}

.mobileMenuLink.closer .line2 {
    display: none;
}

.mobileMenuLink.closer .line3 {
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    top: 16px;
    left: 1px;
    background: #e60000;
}

a.mobileSearchLink {
    display: none;
    width: 26px;
    height: 26px;
    background: url(img/icons/i_search.svg) no-repeat center;
    float: right;
}

.navbar-nav {
    display: block;
    float: right;
    height: 100%;
}

    .navbar-nav li {
        height: 100%;
        position: relative;
        display: flex;
        align-items: center;
        float: left;
    }

        .navbar-nav li.search {
            width: 500px;
            padding: 0 30px;
        }

            .navbar-nav li.search .search {
                margin-top: 0;
                padding-right: 40px;
                background: url(img/icons/i_search.svg) no-repeat right center;
                width: 100%;
            }

            .navbar-nav li.search .easy-autocomplete input {
                border: none;
                border-bottom: 1px solid #707070;
                border-radius: 0px;
                -webkit-border-radius: 0px;
                -moz-border-radius: 0px;
                border-radius: 0px !important;
                font-weight: bold;
                font-size: 11px !important;
                color: #404041;
                height: 30px !important;
            }

            .navbar-nav li.search:after {
                display: block;
                width: 1px;
                height: 24px;
                background: #707070;
                content: "";
                position: absolute;
                right: 0;
                top: 50%;
                margin-top: -12px;
            }

        .navbar-nav li.user {
            padding: 0 30px;
        }

            .navbar-nav li.user:after {
                display: block;
                width: 1px;
                height: 24px;
                background: #707070;
                content: "";
                position: absolute;
                right: 0;
                top: 50%;
                margin-top: -12px;
            }

        .navbar-nav li a.rightPanelLink {
            display: block;
            width: 90px;
            height: 100%;
            position: relative;
            padding: 0;
        }

            .navbar-nav li a.rightPanelLink i {
                display: block;
                position: absolute;
                z-index: 2;
                top: 50%;
                left: 50%;
                transform: translate(-50%, -50%);
                -webkit-transform: translate(-50%, -50%);
                -moz-transform: translate(-50%, -50%);
            }

                .navbar-nav li a.rightPanelLink i svg * {
                    -webkit-transition: ease-in-out, all 0.3s;
                    -moz-transition: ease-in-out, all 0.3s;
                    -o-transition: ease-in-out, all 0.3s;
                    transition: ease-in-out, all 0.3s;
                }

            .navbar-nav li a.rightPanelLink:after {
                display: block;
                width: 100%;
                height: 0;
                position: absolute;
                bottom: -1px;
                left: 0;
                -webkit-transition: ease-in-out, all 0.3s;
                -moz-transition: ease-in-out, all 0.3s;
                -o-transition: ease-in-out, all 0.3s;
                transition: ease-in-out, all 0.3s;
                content: "";
                background-color: #404041;
            }

            .navbar-nav li a.rightPanelLink:hover:after, .navbar-nav li a.rightPanelLink.active:after {
                height: 100%;
            }

            .navbar-nav li a.rightPanelLink:hover i svg *, .navbar-nav li a.rightPanelLink.active i svg * {
                stroke: #fff;
            }

    .navbar-nav .nav-link {
        color: #404041;
        height: auto;
    }

        .navbar-nav .nav-link.nav-link-user {
            color: #404041;
            padding: 0 40px 0 0;
            background: url(img/icons/i_user.svg) no-repeat right center;
        }

            .navbar-nav .nav-link.nav-link-user:after {
                display: none;
            }

    .navbar-nav .search {
        margin-top: 0;
    }

.easy-autocomplete-container ul li, .easy-autocomplete-container ul .eac-category {
    display: block;
    width: 100%;
}

/* Header */
/* Form Elements */
/* Form Elements */
/*Side Bar*/
.main-sidebar {
    padding-top: 90px;
    border-right: 1px solid #d6d6d6;
    box-shadow: none;
    width: 90px;
    -webkit-transition: ease-in-out, all 0.5s;
    -moz-transition: ease-in-out, all 0.5s;
    -o-transition: ease-in-out, all 0.5s;
    transition: ease-in-out, all 0.5s;
    overflow: hidden;
    width: 90px;
}

    .main-sidebar:hover {
        width: 350px;
    }

    .main-sidebar #sidebar-wrapper {
        width: 350px;
        height: 100%;
    }

    .main-sidebar .sidebar-menu {
        width: 100%;
        height: 100%;
        padding-top: 20px;
    }

        .main-sidebar .sidebar-menu li {
            margin-bottom: 20px;
            position: relative;
        }

            .main-sidebar .sidebar-menu li a.has-dropdown {
                line-height: 40px;
            }

                .main-sidebar .sidebar-menu li a.has-dropdown:after {
                    right: 20px;
                    color: #404041;
                }

            .main-sidebar .sidebar-menu li a {
                position: relative;
                padding: 0;
            }

                .main-sidebar .sidebar-menu li a i {
                    width: 68px;
                    height: 40px;
                    position: relative;
                    float: left;
                    margin: 0 22px !important;
                    background-repeat: no-repeat;
                    background-position: center;
                    display: block;
                }

                    .main-sidebar .sidebar-menu li a i:before {
                        display: none;
                    }

                    .main-sidebar .sidebar-menu li a i.fa-dashboard {
                        background-image: url(img/icons/i_dashboard.svg);
                    }

                    .main-sidebar .sidebar-menu li a i.fa-car {
                        background-image: url(img/icons/i_filoAracYonetim.svg);
                    }

                    .main-sidebar .sidebar-menu li a i.fa-search {
                        background-image: url(img/icons/i_sorgulama.svg);
                    }

                    .main-sidebar .sidebar-menu li a i.fa-users {
                        background-image: url(img/icons/i_kullaniciIslem.svg);
                    }

                    .main-sidebar .sidebar-menu li a i.fa-building {
                        background-image: url(img/icons/i_yonetimIslem.svg);
                    }

                    .main-sidebar .sidebar-menu li a i.fa-address-card {
                        background-image: url(img/icons/i_elcilikBildirim.svg);
                    }

                    .main-sidebar .sidebar-menu li a i.fa-add {
                        background-image: url(img/icons/i_mutabakt.svg);
                    }

                    .main-sidebar .sidebar-menu li a i.fa-brain {
                        background-image: url(img/icons/i_genelPmetre.svg);
                    }

                    .main-sidebar .sidebar-menu li a i.fa-fault {
                        background-image: url(img/icons/i_arizaForm.svg);
                    }

                    .main-sidebar .sidebar-menu li a i.fa-query {
                        background-image: url(img/icons/i_sorgulama.svg);
                    }

                    .main-sidebar .sidebar-menu li a i.fa-automatic-plus {
                        background-image: url(img/icons/i_plus.svg);
                    }

                    .main-sidebar .sidebar-menu li a i.fa-automatic-ozel {
                        background-image: url(img/icons/i_ozel.svg);
                    }

                .main-sidebar .sidebar-menu li a span {
                    margin-top: 0;
                    font-weight: bold;
                }

            .main-sidebar .sidebar-menu li ul.dropdown-menu {
                padding-left: 90px;
            }

                .main-sidebar .sidebar-menu li ul.dropdown-menu li {
                    margin-bottom: 0;
                }

                    .main-sidebar .sidebar-menu li ul.dropdown-menu li a {
                        padding-left: 0;
                        font-weight: bold;
                    }

        .main-sidebar .sidebar-menu .checkbox {
            position: absolute;
            right: 0;
            width: 120px;
            border: none;
            top: 0;
        }

            .main-sidebar .sidebar-menu .checkbox label {
                font-weight: normal;
                font-size: 11px;
                float: left;
                margin-top: 5px !important;
            }

            .main-sidebar .sidebar-menu .checkbox input[type=checkbox] + label {
                float: right;
                margin: 13px 0 0 0 !important;
            }

/*Side Bar*/
/*Modal Box*/
.ui-widget.ui-widget-content {
    padding: 0;
}

    .ui-widget.ui-widget-content .ui-widget-header {
        background: #EB1E27;
        border-radius: 0px;
        -webkit-border-radius: 0px;
        -moz-border-radius: 0px;
        -webkit-border-top-left-radius: 6px;
        -webkit-border-top-right-radius: 6px;
        -moz-border-radius-topleft: 6px;
        -moz-border-radius-topright: 6px;
        border-top-left-radius: 6px;
        border-top-right-radius: 6px;
    }

    .ui-widget.ui-widget-content .ui-dialog-titlebar-close {
        border: none;
        background: none;
        background: url(img/icons/i_close2.svg) no-repeat;
        background-size: 75%;
        outline: none !important;
    }

/*Modal Box*/
/*mainContent*/
.main-content {
    padding: 115px 25px 0 115px !important;
}

.section .section-header {
    box-shadow: none !important;
    -webkit-box-shadow: none !important;
    -moz-box-shadow: none !important;
    -webkit-border-top-left-radius: 10px;
    -webkit-border-top-right-radius: 10px;
    -moz-border-radius-topleft: 10px;
    -moz-border-radius-topright: 10px;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
    margin-bottom: 0;
    padding: 0px 25px;
}

    .section .section-header #PageHeaderDesc {
        line-height: 60px;
        color: #404041;
        font-size: 15px;
        font-weight: bold;
    }

    /*.section .section-header #PageHeaderLookup { line-height: 60px; color: #404041; font-size: 15px; font-weight: bold; }*/

    .section .section-header #PageHeaderLabel {
        font-family: 'Open Sans', sans-serif;
        line-height: 45px;
        color: #404041;
        font-size: 15px;
        font-weight: bold;
    }

        .section .section-header #PageHeaderLabel a {
            position: relative;
            padding: 0;
            float: left;
            height: 45px;
        }

            .section .section-header #PageHeaderLabel a i {
                width: 40px;
                height: 45px;
                position: relative;
                float: left;
                margin: 0 20px 0 0 !important;
            }

        .section .section-header #PageHeaderLabel .nav-tabs.nav > .nav-item:nth-child(2) {
            margin-left: 0;
        }

    .section .section-header .pace {
        top: 77px;
        top: auto;
        bottom: 0;
        height: 2px !important;
    }

    .section .section-header a i {
        background-repeat: no-repeat;
        background-position: center;
        display: block;
    }

        .section .section-header a i:before {
            display: none;
        }

        .section .section-header a i.fa-dashboard {
            background-image: url(img/icons/i_dashboard.svg);
        }

        .section .section-header a i.fa-car {
            background-image: url(img/icons/i_filoAracYonetim.svg);
        }

        .section .section-header a i.fa-search {
            background-image: url(img/icons/i_sorgulama.svg);
        }

        .section .section-header a i.fa-users {
            background-image: url(img/icons/i_kullaniciIslem.svg);
        }

        .section .section-header a i.fa-building {
            background-image: url(img/icons/i_yonetimIslem.svg);
        }

        .section .section-header a i.fa-address-card {
            background-image: url(img/icons/i_elcilikBildirim.svg);
        }

        .section .section-header a i.fa-add {
            background-image: url(img/icons/i_mutabakt.svg);
        }

        .section .section-header a i.fa-brain {
            background-image: url(img/icons/i_genelPmetre.svg);
        }

        .section .section-header a i.fa-fault {
            background-image: url(img/icons/i_arizaForm.svg);
        }

        .section .section-header a i.fa-query {
            background-image: url(img/icons/i_sorgulama.svg);
        }

        .section .section-header a i.fa-automatic-plus {
            background-image: url(img/icons/i_plus.svg);
        }

        .section .section-header a i.fa-automatic-ozel {
            background-image: url(img/icons/i_ozel.svg);
        }

        .section .section-header a i.fa-cogs {
            background-image: url(img/icons/i_cogs.svg);
        }

        .section .section-header a i.fa-question {
            background-image: url(img/icons/i_help.svg);
        }

        .section .section-header a i.fa-close {
            background-image: url(img/icons/i_close.svg);
        }

        .section .section-header a i.fa-back {
            background-image: url(img/icons/i_back.svg);
        }

        .section .section-header a i.fa-history {
            background-image: url(img/icons/history.svg);
        }

        .section .section-header a i.fa-magnifying-glass {
            background-image: url(img/icons/magnifying-glass.svg);
        }

        .section .section-header a i.fa-refresh {
            background-image: url(img/icons/i_refresh.svg);
        }

        .section .section-header a i.fa-test {
            background-image: url(img/icons/i_test.svg);
        }

        .section .section-header a i.fa-onOff {
            background-image: url(img/icons/i_onoff.svg);
        }

    .section .section-header .col-5.text-right a {
        padding: 0 !important;
        border: none !important;
        margin-left: 5px;
    }

        .section .section-header .col-5.text-right a i {
            width: 23px;
            height: 23px;
        }

        .section .section-header .col-5.text-right a:hover {
            background: transparent !important;
            color: #ef212c;
        }

    .section .section-header .col-3.text-right a {
        padding: 0 !important;
        border: none !important;
        margin-left: 5px;
    }

        .section .section-header .col-3.text-right a i {
            width: 23px;
            height: 23px;
        }

        .section .section-header .col-3.text-right a:hover {
            background: transparent !important;
            color: #ef212c;
        }

    .section .section-header .nav.nav-tabs {
        border-bottom: 0;
    }

        .section .section-header .nav.nav-tabs .nav-link {
            border: none !important;
            border-right: 1px solid #e5e7ea !important;
            line-height: 45px;
            font-size: 13px;
            font-weight: bold;
            color: #404041;
            padding: 0 10px !important;
            position: relative;
        }

            .section .section-header .nav.nav-tabs .nav-link:after {
                display: block;
                width: 100%;
                height: 0%;
                -webkit-border-top-left-radius: 10px;
                -webkit-border-top-right-radius: 10px;
                -moz-border-radius-topleft: 10px;
                -moz-border-radius-topright: 10px;
                border-top-left-radius: 10px;
                border-top-right-radius: 10px;
                background: #EB1E27;
                content: "";
                position: absolute;
                left: 0;
                bottom: 2px;
                margin: 0;
                -webkit-transition: ease-in-out, all 0.3s;
                -moz-transition: ease-in-out, all 0.3s;
                -o-transition: ease-in-out, all 0.3s;
                transition: ease-in-out, all 0.3s;
            }

            .section .section-header .nav.nav-tabs .nav-link span {
                position: relative;
                z-index: 2;
            }

            .section .section-header .nav.nav-tabs .nav-link.Tab_TabItem {
                background: none;
            }

            .section .section-header .nav.nav-tabs .nav-link.Tab_MainTab {
                background: none;
            }

            .section .section-header .nav.nav-tabs .nav-link.active {
                color: #fff;
            }

                .section .section-header .nav.nav-tabs .nav-link.active:after {
                    height: 105%;
                }

#PageHeaderDesc {
    padding: 25px 150px 0;
    font-size: 20px;
    color: #404041;
    background: #fff;
    font-weight: bold;
    margin: 0px;
}

/*#PageHeaderDesc:after { display: block; content: ""; width: 100%; height: 1px; background: #CCD0D5; margin-top: 5px; }*/

#PageHeaderLookup {
    text-align: left !important;
    width: 260px;
}

#eac-container-txt_PAGE_HEADER_SEARCH_VALUE {
    z-index: 1000;
}

/*.PAGE_HEADER_SEARCH:after { display: block; content: ""; width: 100%; height: 1px; background: #CCD0D5; margin-top: 5px; }*/


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

    .form-group.listbox {
        height: 100%;
    }

        .form-group.listbox select {
            height: 100% !important;
            margin-left: 0;
            -webkit-border-top-left-radius: 0 !important;
            -moz-border-radius-topleft: 0 !important;
            border-top-left-radius: 0 !important;
        }

.section .section-body {
    box-shadow: none !important;
    -webkit-box-shadow: none !important;
    -moz-box-shadow: none !important;
    -webkit-border-bottom-right-radius: 10px;
    -webkit-border-bottom-left-radius: 10px;
    -moz-border-radius-bottomright: 10px;
    -moz-border-radius-bottomleft: 10px;
    border-bottom-right-radius: 10px;
    border-bottom-left-radius: 10px;
    padding: 0;
    background: transparent; /*#pnlORG_FLEET{ background: #fff; padding: 25px; -webkit-border-bottom-right-radius: 10px;-webkit-border-bottom-left-radius: 10px;-moz-border-radius-bottomright: 10px;-moz-border-radius-bottomleft: 10px;border-bottom-right-radius: 10px;border-bottom-left-radius: 10px; margin-bottom: 25px;
      #pnlORG_FLEET{padding: 0;}
    }*/
}

    .section .section-body form {
        padding: 0;
    }

    .section .section-body #server-results > div {
        background: #fff;
        padding: 0;
        -webkit-border-bottom-right-radius: 10px;
        -webkit-border-bottom-left-radius: 10px;
        -moz-border-radius-bottomright: 10px;
        -moz-border-radius-bottomleft: 10px;
        border-bottom-right-radius: 10px;
        border-bottom-left-radius: 10px;
        margin-bottom: 25px;
    }

        .section .section-body #server-results > div form {
            padding: 25px 150px 0;
        }

    .section .section-body #server-results .dataTables_wrapper, .section .section-body #tree {
        background: #fff;
        padding: 25px;
        border-radius: 10px;
        -webkit-border-radius: 10px;
        -moz-border-radius: 10px;
    }

    .section .section-body #tree {
        margin-left: 0 !important;
        margin-right: 0 !important;
        padding: 25px !important;
    }

        .section .section-body #tree ul.jtree_parent_node:nth-child(2n+2) {
            background: #eee;
        }

        .section .section-body #tree .jtree_child_node {
            width: 400%;
            position: relative;
            background: #ddd;
            border-radius: 6px;
            -webkit-border-radius: 6px;
            -moz-border-radius: 6px;
            padding: 20px;
            line-height: 2;
            display: flex;
            flex-wrap: wrap;
        }

            .section .section-body #tree .jtree_child_node li {
                width: 25%;
                float: left;
                font-size: 11px;
                border-bottom: 1px solid #eee;
                padding: 0 0 5px;
                font-weight: normal;
            }

                .section .section-body #tree .jtree_child_node li label {
                    margin-bottom: 0;
                    padding-left: 18px;
                    position: relative;
                }

                    .section .section-body #tree .jtree_child_node li label input {
                        position: absolute;
                        left: 0;
                        top: 5px;
                    }

            .section .section-body #tree .jtree_child_node:after {
                display: block;
                width: 100%;
                height: 0;
                clear: both;
                content: "";
            }

        .section .section-body #tree ul.jtree_parent_node:nth-child(4n+2) .jtree_child_node {
            left: -100%;
        }

        .section .section-body #tree ul.jtree_parent_node:nth-child(4n+3) .jtree_child_node {
            left: -200%;
        }

        .section .section-body #tree ul.jtree_parent_node:nth-child(4n+4) .jtree_child_node {
            left: -300%;
        }

.form-group { /*display: flex; justify-content: flex-start;*/
}

    .form-group crud_buttons {
        display: flex;
    }

    .form-group.custom-button {
        justify-content: flex-end;
        border-top: 1px solid #edeeee;
        margin-top: 20px;
        display: flex;
    }

    .form-group label {
        display: block;
        position: relative !important;
        top: 0 !important;
        padding: 0 0 2px 0 !important;
        margin: 0 !important;
        background: none;
        font-size: 11px;
        color: #535354;
        height: auto !important;
        letter-spacing: 0;
        font-weight: 500;
        line-height: 1.8;
    }

        .form-group label.radio-inline {
            float: left;
            float: left;
            position: relative;
            margin-right: 15px !important;
            border: 1px solid #E2E5E8;
            border-radius: 6px;
            -webkit-border-radius: 6px;
            -moz-border-radius: 6px;
        }

            .form-group label.radio-inline input[type=radio], .form-group label.radio-inline input[type=checkbox] {
                opacity: 0;
                position: absolute;
                width: 100%;
                height: 100%;
                top: 0;
                left: 0;
            }

            .form-group label.radio-inline span {
                display: block;
                padding: 7px 15px 7px 30px !important;
                position: relative;
            }

                .form-group label.radio-inline span:before {
                    display: block;
                    width: 11px;
                    height: 11px;
                    content: "";
                    position: absolute;
                    left: 12px;
                    top: 11px;
                    border: 1px solid #898f98;
                    border-radius: 7px;
                }

                .form-group label.radio-inline span:after {
                    display: block;
                    width: 7px;
                    height: 7px;
                    content: "";
                    position: absolute;
                    left: 14px;
                    top: 13px;
                    background: #ebeced;
                    border-radius: 100%;
                }

                .form-group label.radio-inline span span {
                    display: none;
                }

            .form-group label.radio-inline input[type=radio]:checked + span:after {
                background: #ef212c;
            }

            .form-group label.radio-inline input[type=checkbox]:checked + span:after {
                background: #ef212c;
            }

    .form-group .form-control {
        float: left;
        height: 35px;
        padding-left: 20px !important;
        border: 1px solid #E2E5E8;
        border-radius: 6px !important;
        margin-left: 0;
    }

        .form-group .form-control:disabled, .form-group .form-control[readonly] {
            opacity: .6;
            color: #333;
            background-color: #e9ecef !important;
        }

    .form-group textarea.form-control {
        height: auto;
    }

    .form-group > div {
        width: 100%;
    }

    .form-group .input-group .form-control:not(.mltpldrp select):not(.multidrptxt) {
        border-right: 0 !important;
        -webkit-border-radius: 0px !important;
        -webkit-border-top-left-radius: 6px !important;
        -webkit-border-bottom-left-radius: 6px !important;
        -moz-border-radius: 0px !important;
        -moz-border-radius-topleft: 6px !important;
        -moz-border-radius-bottomleft: 6px !important;
        border-radius: 0px !important;
        border-top-left-radius: 6px !important;
        border-bottom-left-radius: 6px !important;
    }

    .form-group .input-group-append {
        position: absolute;
        right: 0;
        height: 100% !important;
        z-index: 5;
    }

    .form-group .checkbox {
        width: auto;
    }

    .form-group .chkList .chkCol {
        width: 50%;
        float: left;
        padding: 5px;
        font-size: 12px;
    }

        .form-group .chkList .chkCol input {
            margin: 0 5px;
        }

    .form-group.radioBox .pretty, .form-group.radioBox .pretty.p-switch, .form-group.radioBox div, .form-group.chkBox .pretty, .form-group.chkBox .pretty.p-switch, .form-group.chkBox div {
        width: 100%;
        margin: 0;
        padding-left: 20px;
        border: 1px solid #E2E5E8;
        border-radius: 6px !important;
        max-height: 35px;
        height: 35px;
    }

        .form-group.radioBox .pretty .state:before, .form-group.radioBox .pretty.p-switch .state:before, .form-group.radioBox div .state:before, .form-group.chkBox .pretty .state:before, .form-group.chkBox .pretty.p-switch .state:before, .form-group.chkBox div .state:before {
            cursor: pointer;
            text-indent: -9999px;
            width: 22px;
            height: 11px !important;
            padding: 0 !important;
            background: #8a9098;
            display: block;
            border-radius: 100px;
            position: relative;
            margin-top: 13px !important;
            -webkit-box-shadow: inset 1px 1px 5px 0px rgba(0, 0, 0, 0.4);
            -moz-box-shadow: inset 1px 1px 5px 0px rgba(0, 0, 0, 0.4);
            box-shadow: inset 1px 1px 5px 0px rgba(0, 0, 0, 0.4);
            border: none;
            box-sizing: border-box;
        }

        .form-group.radioBox .pretty .state label, .form-group.radioBox .pretty.p-switch .state label, .form-group.radioBox div .state label, .form-group.chkBox .pretty .state label, .form-group.chkBox .pretty.p-switch .state label, .form-group.chkBox div .state label {
            background: none;
            height: auto !important;
        }

            .form-group.radioBox .pretty .state label:after, .form-group.radioBox .pretty.p-switch .state label:after, .form-group.radioBox div .state label:after, .form-group.chkBox .pretty .state label:after, .form-group.chkBox .pretty.p-switch .state label:after, .form-group.chkBox div .state label:after {
                content: '';
                position: absolute;
                top: -9px;
                left: 12px;
                width: 7px;
                height: 7px;
                background-color: #fff !important;
                border-radius: 90px;
                transition: 0.3s;
                -webkit-box-shadow: 1px 1px 5px 0px rgba(0, 0, 0, 0.4);
                -moz-box-shadow: 1px 1px 5px 0px rgba(0, 0, 0, 0.4);
                box-shadow: 1px 1px 5px 0px rgba(0, 0, 0, 0.4);
            }

        .form-group.radioBox .pretty input:checked ~ .state:before, .form-group.radioBox .pretty.p-switch input:checked ~ .state:before, .form-group.radioBox div input:checked ~ .state:before, .form-group.chkBox .pretty input:checked ~ .state:before, .form-group.chkBox .pretty.p-switch input:checked ~ .state:before, .form-group.chkBox div input:checked ~ .state:before {
            background: #ef212c;
        }

        .form-group.radioBox .pretty input:checked ~ .state label:after, .form-group.radioBox .pretty.p-switch input:checked ~ .state label:after, .form-group.radioBox div input:checked ~ .state label:after, .form-group.chkBox .pretty input:checked ~ .state label:after, .form-group.chkBox .pretty.p-switch input:checked ~ .state label:after, .form-group.chkBox div input:checked ~ .state label:after {
            left: 3px;
        }

        .form-group.radioBox .pretty img, .form-group.radioBox .pretty.p-switch img, .form-group.radioBox div img, .form-group.chkBox .pretty img, .form-group.chkBox .pretty.p-switch img, .form-group.chkBox div img {
            margin: 13px 25px 0 0;
            float: left;
        }

        .form-group.radioBox .pretty span, .form-group.radioBox .pretty.p-switch span, .form-group.radioBox div span, .form-group.chkBox .pretty span, .form-group.chkBox .pretty.p-switch span, .form-group.chkBox div span {
            display: inline-block;
            font-size: 11px;
            margin: 10px 15px 0 -10px;
        }

.userType .form-group label.radio-inline {
    width: 19%;
    margin: 0.5% !important;
}

    .userType .form-group label.radio-inline span {
        font-size: 11px;
        padding-left: 40px !important;
    }

        .userType .form-group label.radio-inline span:before {
            cursor: pointer;
            text-indent: -9999px;
            width: 22px;
            height: 11px !important;
            padding: 0 !important;
            background: #8a9098;
            display: block;
            border-radius: 100px;
            position: absolute;
            margin-top: 13px !important;
            -webkit-box-shadow: inset 1px 1px 5px 0px rgba(0, 0, 0, 0.4);
            -moz-box-shadow: inset 1px 1px 5px 0px rgba(0, 0, 0, 0.4);
            box-shadow: inset 1px 1px 5px 0px rgba(0, 0, 0, 0.4);
            top: 0;
        }

        .userType .form-group label.radio-inline span:after {
            content: '';
            position: absolute;
            top: 15px;
            left: 23px;
            width: 7px;
            height: 7px;
            background: #fff;
            border-radius: 90px;
            transition: 0.3s;
            -webkit-box-shadow: 1px 1px 5px 0px rgba(0, 0, 0, 0.4);
            -moz-box-shadow: 1px 1px 5px 0px rgba(0, 0, 0, 0.4);
            box-shadow: 1px 1px 5px 0px rgba(0, 0, 0, 0.4);
        }

    .userType .form-group label.radio-inline input:checked + span:before {
        background: #ef212c;
    }

    .userType .form-group label.radio-inline input:checked + span:after {
        left: 15px;
        background: #fff;
    }

.cusclass_h5 {
    background: #ccc;
    padding: 10px 20px;
    color: #333;
    border-radius: 6px;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
}

.checkbox {
    border: 1px solid #E2E5E8;
    width: auto;
    border-radius: 6px;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    padding-right: 20px;
}

    .checkbox label {
        background: transparent;
    }

    .checkbox input[type=checkbox] {
        height: 0;
        width: 0;
        visibility: hidden;
    }

        .checkbox input[type=checkbox] + label {
            cursor: pointer;
            text-indent: -9999px;
            width: 22px;
            height: 11px !important;
            padding: 0 !important;
            background: #8a9098;
            display: block;
            border-radius: 100px;
            position: relative;
            margin-top: 13px !important;
            -webkit-box-shadow: inset 1px 1px 5px 0px rgba(0, 0, 0, 0.4);
            -moz-box-shadow: inset 1px 1px 5px 0px rgba(0, 0, 0, 0.4);
            box-shadow: inset 1px 1px 5px 0px rgba(0, 0, 0, 0.4);
        }

            .checkbox input[type=checkbox] + label:after {
                content: '';
                position: absolute;
                top: 2px;
                left: 12px;
                width: 7px;
                height: 7px;
                background: #fff;
                border-radius: 90px;
                transition: 0.3s;
                -webkit-box-shadow: 1px 1px 5px 0px rgba(0, 0, 0, 0.4);
                -moz-box-shadow: 1px 1px 5px 0px rgba(0, 0, 0, 0.4);
                box-shadow: 1px 1px 5px 0px rgba(0, 0, 0, 0.4);
            }

    .checkbox input:checked + label {
        background: #ef212c;
    }

        .checkbox input:checked + label:after {
            left: 3px;
        }

.table-bordered {
    border: none;
}

.dataTable thead {
    border-bottom: 1px solid #9DA3AC !important;
}

    .dataTable thead tr {
        background-color: transparent;
    }

    .dataTable thead th {
        background: none !important;
    }

.table.table-bordered th {
    font-size: 12px;
    color: #7F8690 !important;
    font-weight: bold;
}

table.dataTable thead th {
    padding: 10px !important;
    vertical-align: middle;
    border: none;
}

table.dataTable tbody td {
    padding: 10px;
    vertical-align: middle;
    border: none;
    font-size: 12px;
    color: #7F8690;
}

table.dataTable tbody tr {
    -webkit-transition: ease-in-out, all 0.3s;
    -moz-transition: ease-in-out, all 0.3s;
    -o-transition: ease-in-out, all 0.3s;
    transition: ease-in-out, all 0.3s;
}

    table.dataTable tbody tr:hover {
        background-color: #9DA3AC !important;
    }

        table.dataTable tbody tr:hover td {
            color: #fff !important;
        }

table th {
    padding: 10px;
    border: none;
}

table td {
    padding: 10px;
    border: none;
}

.table:not(.table-sm) thead th {
    border-bottom: 1px solid #9DA3AC !important;
}

table.dataTable.no-footer {
    border-bottom: 1px solid #9DA3AC !important;
}

.custom-button {
    padding: 10px 0;
    background: transparent;
}

.btn {
    background-color: #fff;
    border: 2px solid #CCD0D5;
    border-radius: 6px;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    line-height: 40px;
    font-size: 12px;
    color: #404041;
    padding: 0 25px 0 10px !important;
    font-weight: 500;
    background-size: 20px auto;
    background-position: 15px center;
    background-repeat: no-repeat; /*&#BTNCUR_UPDATE{background-image: url(img/icons/btn/update.png);
      &:hover{background-image: url(img/icons/btn/updateHover.png);}
    }
    &#BTN_SEARCH{background-image: url(img/icons/btn/search.png);
      &:hover{background-image: url(img/icons/btn/searchHover.png);}
    }
    &#BTNCUR_INSERT{background-image: url(img/icons/btn/save.png);
      &:hover{background-image: url(img/icons/btn/saveHover.png);}
    }
    &#SAVE_ALL{background-image: url(img/icons/btn/save.png);
      &:hover{background-image: url(img/icons/btn/saveHover.png);}
    }
    &#BTNCUR_RESET{background-image: url(img/icons/btn/reset.png);
      &:hover{background-image: url(img/icons/btn/resetHover.png);}
    }
    &#REFRESH_LOG_DATA{background-image: url(img/icons/btn/reset.png);
      &:hover{background-image: url(img/icons/btn/resetHover.png);}
    }*/
}

    .btn.btn-primary:focus {
        background-color: #fff !important;
        color: #404041 !important;
        border: 2px solid #CCD0D5 !important;
    }

    .btn:focus {
        background-color: #fff !important;
        color: #404041 !important;
        border: 2px solid #CCD0D5 !important;
    }

    .btn:hover {
        background-color: #EB1E27 !important;
        border: 2px solid #EB1E27 !important;
        color: #fff !important;
    }

.input-group.ico-btn {
    width: auto;
    border: 2px solid #CCD0D5;
    border-radius: 6px;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    position: relative;
    -webkit-transition: ease-in-out, all 0.3s;
    -moz-transition: ease-in-out, all 0.3s;
    -o-transition: ease-in-out, all 0.3s;
    transition: ease-in-out, all 0.3s;
    margin-left: 7px; /*&:hover{
      .btn{ background-color:#EB1E27!important; border:2px solid #EB1E27!important; color: #fff!important;border-left: none!important;}
      .input-group-text{background: #EB1E27; color:#fff;border:2px solid #EB1E27!important; border-right: none!important;}
    }*/
}

    .input-group.ico-btn .btn {
        border: none !important;
        padding-left: 50px !important;
        background: none !important;
    }

    .input-group.ico-btn .input-group-prepend {
        position: absolute;
        left: 0;
        top: 0;
        height: 100%;
        pointer-events: none;
    }

    .input-group.ico-btn .input-group-text {
        background: none !important;
        border: none !important;
        -webkit-transition: ease-in-out, all 0.3s;
        -moz-transition: ease-in-out, all 0.3s;
        -o-transition: ease-in-out, all 0.3s;
        transition: ease-in-out, all 0.3s;
    }

        .input-group.ico-btn .input-group-text .fa {
            font-size: 20px;
        }

    .input-group.ico-btn:hover {
        background-color: #EB1E27 !important;
        border: 2px solid #EB1E27 !important;
        color: #fff !important;
    }

        .input-group.ico-btn:hover .input-group-text {
            color: #fff !important;
        }

        .input-group.ico-btn:hover .btn {
            color: #fff;
        }

/*mainContent*/
.input-group-text a {
    color: #EB1E27;
}

body.menuDocked .main-sidebar {
    width: 350px;
}

body.menuDocked .main-content {
    padding: 115px 25px 0 375px !important;
}

/* Footer */
footer {
    padding: 25px !important;
    width: 100%;
    background: #fff;
    border-radius: 10px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    font-size: 12px;
    color: #9DA3AC;
    margin: 25px 0;
    line-height: 30px;
}

    footer a {
        font-size: 12px;
        color: #9DA3AC;
        font-weight: 400;
    }

    footer strong {
        color: #EB1E27;
    }

    footer .copyRight {
        float: right;
    }

        footer .copyRight img {
            float: right;
            margin-left: 20px;
        }

    footer:after {
        display: block;
        width: 100%;
        height: 0;
        clear: both;
        content: "";
    }

/* Footer */
#pnlTRANSACTIONS .list-group-item {
    font-size: 12px;
}

/* Right Panel*/
.main-rightPanel {
    position: fixed;
    top: 0;
    right: -100%;
    height: 100%;
    width: 100%;
    z-index: 999;
    overflow: hidden;
    -webkit-transition: ease-in-out, all 0.5s;
    -moz-transition: ease-in-out, all 0.5s;
    -o-transition: ease-in-out, all 0.5s;
    transition: ease-in-out, all 0.5s;
    padding-top: 90px;
}

    .main-rightPanel.active {
        right: 0;
    }

    .main-rightPanel .panelOverlay {
        width: 100%;
        height: 100%;
        position: absolute;
        top: 0;
        left: 0;
        z-index: 1;
    }

    .main-rightPanel .rightPanelContent {
        height: 100%;
        width: 30%;
        position: relative;
        overflow: hidden;
        background: #404041;
        float: right;
        z-index: 2;
    }

        .main-rightPanel .rightPanelContent .paneItem {
            width: 100%;
            height: 100%;
            background-repeat: no-repeat;
            background-position: center;
            background-size: cover;
            position: absolute;
            right: 1000px;
            top: 0;
            -webkit-transition: ease-in-out, all 0.3s;
            -moz-transition: ease-in-out, all 0.3s;
            -o-transition: ease-in-out, all 0.3s;
            transition: ease-in-out, all 0.3s;
            padding: 40px;
        }

            .main-rightPanel .rightPanelContent .paneItem.selected {
                right: 0;
            }

            .main-rightPanel .rightPanelContent .paneItem h2 {
                display: block;
                font-size: 15px;
                font-weight: bold;
                color: #fff;
            }

            .main-rightPanel .rightPanelContent .paneItem .scrollContent {
                height: 100%;
                width: 100%;
            }

        .main-rightPanel .rightPanelContent #modulesPane {
            background-image: url(img/modulesBg.jpg);
        }

        .main-rightPanel .rightPanelContent #campaignsPane {
            background-image: url(img/campaignBg.jpg);
        }

        .main-rightPanel .rightPanelContent #notificationPane {
            background-image: url(img/notificationBg.jpg);
        }

        .main-rightPanel .rightPanelContent #helpPane {
            background-image: url(img/helpBg.jpg);
        }

    .main-rightPanel .campaignItem {
        display: block;
        width: 100%;
        padding: 20px 0;
        border-bottom: 1px solid #CECECE;
        color: #fff;
    }

        .main-rightPanel .campaignItem img {
            display: block;
            width: 100%;
            border-radius: 10px;
            -webkit-border-radius: 10px;
            -moz-border-radius: 10px;
        }

        .main-rightPanel .campaignItem span {
            display: block;
            color: #fff;
            font-weight: bold;
            font-size: 15px;
            padding-top: 15px;
        }

    .main-rightPanel a.notificationItem {
        display: block;
        border-radius: 10px;
        -webkit-border-radius: 10px;
        -moz-border-radius: 10px;
        background: #2D2D2E;
        color: #fff;
        font-size: 15px;
        padding: 25px;
        margin: 15px 0;
    }

        .main-rightPanel a.notificationItem strong {
            display: block;
            padding-bottom: 15px;
        }

/* Right Panel*/
.bg-danger {
    background: #e60000 !important;
}

/* DashBoard */
#dashboard-wrapper {
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    flex-wrap: wrap;
    justify-content: left;
    max-width: 100%;
    width: 100%;
}

.dashboard-box {
    position: relative;
    width: 24%;
    margin: 0 .5% 1%;
    float: left;
    max-height: 355px;
    background-color: #ffffff;
    padding: 20px;
    border-radius: 15px;
    -webkit-border-radius: 15px;
    -moz-border-radius: 15px;
    overflow: hidden;
    -webkit-transition: all .5s;
    -moz-transition: all .5s;
    -o-transition: all .5s;
    transition: all .5s;
}

.campain-slider {
    width: 49%;
    padding: 0;
}

.dashboard-box-banner {
    padding: 0;
}

.dashboard-box-rehber {
    background-color: #222;
}

.dashboard-box-title-wrapper {
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    justify-content: space-between;
    margin-bottom: 20px;
}

.dashboard-box-title {
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    justify-content: left;
    align-items: center;
    margin-bottom: 0;
}

    .dashboard-box-title h3 {
        font: 16px/31px Open Sans;
        font-weight: 600;
        margin: 0 0 0 10px;
        color: #9DA3AC;
    }

.dashboard-box-title-sortable {
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    justify-content: flex-end;
    opacity: 0;
    -webkit-transition: all .5s;
    -moz-transition: all .5s;
    -o-transition: all .5s;
    transition: all .5s;
}

    .dashboard-box-title-sortable svg {
        margin-left: 20px;
        cursor: move;
    }

.dashboard-box-detail-btn {
    display: block;
    opacity: 0;
    position: absolute;
    text-decoration: none;
    right: 30px;
    bottom: 30px;
    min-width: 50px;
    font: 12px/14px Open Sans;
    font-weight: 600;
    color: #9DA3AC;
    padding-right: 15px;
    -webkit-transition: all .25s;
    -moz-transition: all .25s;
    -o-transition: all .25s;
    transition: all .25s;
}

    .dashboard-box-detail-btn:hover {
        text-decoration: none;
        color: #9DA3AC;
    }

    .dashboard-box-detail-btn:after {
        content: "";
        font-family: 'Font Awesome 6 Free';
        font-weight: 900;
        font-size: 9px;
        color: black;
        position: absolute;
        top: 0;
        right: 0;
        color: #9DA3AC;
        transform: rotate(-90deg);
        -webkit-transform: rotate(-90deg);
        -moz-transform: rotate(-90deg);
    }

.dashboard-box:hover .dashboard-box-detail-btn {
    opacity: 1;
    -webkit-transition: all .25s;
    -moz-transition: all .25s;
    -o-transition: all .25s;
    transition: all .25s;
}

#dashboard-wrapper .owl-nav button:focus {
    outline: 0;
}

#dashboard-wrapper .dashboard-box-content img {
    width: 100%;
}

.dashboard-box:hover {
    -webkit-transition: all .5s;
    -moz-transition: all .5s;
    -o-transition: all .5s;
    transition: all .5s;
    cursor: default;
    -webkit-box-shadow: 2px 2px 20px 6px #d1d1d1;
    -moz-box-shadow: 2px 2px 20px 6px #d1d1d1;
    box-shadow: 2px 2px 20px 6px #d1d1d1;
}

    .dashboard-box:hover .dashboard-box-title-sortable {
        opacity: 1;
        -webkit-transition: all .5s;
        -moz-transition: all .5s;
        -o-transition: all .5s;
        transition: all .5s;
    }

.dashboard-box-content {
    width: 100%;
}

    .dashboard-box-content img {
        width: 100%;
    }

#campain-slider .campain-text div {
    position: absolute;
    top: 40%;
    left: 50px;
    transform: translate(0, -50%);
    -webkit-transform: translate(0, -50%);
    -moz-transform: translate(0, -50%);
}

    #campain-slider .campain-text div h3 {
        font: 73px/80px PetroSans-Bold;
        font-weight: 600;
        color: #ffffff;
    }

        #campain-slider .campain-text div h3 span {
            font: 23px/26px PetroSans-Bold;
            font-weight: 600;
        }

        #campain-slider .campain-text div h3 em {
            font-style: normal;
            display: block;
        }

#campain-slider .campain-text .campaing-detail-btn {
    display: block;
    width: 80px;
    height: 32px;
    position: absolute;
    left: 50px;
    bottom: 50px;
    background-image: url("dashboard/btn_more.svg");
    text-indent: -9999em;
}

#campain-slider img {
    width: auto !important;
    height: 100%;
}

#campain-slider .owl-nav {
    position: absolute;
    right: 50px;
    bottom: 50px;
}

    #campain-slider .owl-nav button.owl-prev,
    #campain-slider .owl-nav button.owl-next {
        width: 32px;
        height: 32px;
    }

    #campain-slider .owl-nav button.owl-prev {
        background-image: url("dashboard/btn_back.svg");
    }

    #campain-slider .owl-nav button.owl-next {
        margin-left: 10px;
        background-image: url("dashboard/btn_next.svg");
    }

        #campain-slider .owl-nav button.owl-prev span,
        #campain-slider .owl-nav button.owl-next span {
            display: block;
            text-indent: -9999em;
        }

.son-eklenen-araclar {
    padding: 20px 0;
}

    .son-eklenen-araclar .dashboard-box-title-wrapper {
        padding: 0 20px;
    }

.son-eklenen-araclar-item {
    padding: 13px 20px;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

    .son-eklenen-araclar-item:nth-child(odd) {
        background-color: #f8f8f9;
    }

    .son-eklenen-araclar-item span {
        display: block;
        float: left;
        min-width: 40px;
        font: 12px/20px Open Sans;
        font-weight: 400;
        color: #9DA3AC;
    }

    .son-eklenen-araclar-item em {
        display: block;
        float: left;
        font-style: normal;
        font: 12px/20px Open Sans;
        font-weight: 400;
        color: #404041;
    }

.son-eklenen-araclar .mCustomScrollbar {
    max-height: 280px;
}

.son-eklenen-araclar .mCSB_scrollTools .mCSB_draggerRail {
    background-color: #e7e8ea !important;
}

.son-eklenen-araclar #mCSB_1_scrollbar_vertical .mCSB_dragger {
    height: 100px !important;
}

.son-eklenen-araclar .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    background-color: #ccd0d5 !important;
}

.son-eklenen-araclar .mCSB_inside > .mCSB_container {
    margin-right: 0;
}

.hatali-islemler .dashboard-box-content img {
    display: block;
    width: auto;
    margin: 0 auto;
}

.hatali-islemler .dashboard-box-detail-btn {
    right: 25px;
    bottom: 25px;
}

.filo-limit-degistirme span {
    display: block;
    float: left;
    font: 14px/31px Open Sans;
    font-weight: 400;
    color: #9DA3AC;
}

.filo-limit-degistirme em {
    display: block;
    float: left;
    font-style: normal;
    font: 14px/31px Open Sans;
    font-weight: 400;
    color: #404041;
}

.filo-limit-degistirme .dashboard-box-content {
    width: 80%;
    margin: 0 auto;
}

    .filo-limit-degistirme .dashboard-box-content > .grafikText {
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        justify-content: space-between;
    }

    .filo-limit-degistirme .dashboard-box-content > .grafikBgWrapper {
        clear: both;
        margin-top: 10px;
        overflow: hidden;
    }

        .filo-limit-degistirme .dashboard-box-content > .grafikBgWrapper span {
            width: 50%;
            text-align: center;
        }

    .filo-limit-degistirme .dashboard-box-content > .grafikFark {
        margin-top: 20px;
        text-align: center;
    }

        .filo-limit-degistirme .dashboard-box-content > .grafikFark span {
            display: block;
            float: none;
            font: Bold 17px/30px Open Sans;
            color: #9DA3AC;
        }

            .filo-limit-degistirme .dashboard-box-content > .grafikFark span.fark {
                color: #EB1E27;
                font: 23px/30px Barlow Condensed;
                font-weight: 500;
            }

.grafikBg {
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    justify-content: space-between;
    align-items: center;
    position: relative;
    width: 100%;
    height: 77px;
    border-radius: 50px;
    -webkit-border-radius: 50px;
    -moz-border-radius: 50px;
    overflow: hidden;
}

    .grafikBg::before {
        content: "";
        position: absolute;
        left: 0;
        top: 0;
        width: 50%;
        height: 100%;
        background: transparent linear-gradient(180deg, #B8BCC1 0%, #9DA3AC 100%) 0% 0% no-repeat padding-box;
    }

    .grafikBg::after {
        content: "";
        position: absolute;
        right: -10%;
        top: 0;
        width: 70%;
        height: 100%;
        transform: skewX(-35deg);
        -webkit-transform: skewX(-35deg);
        -moz-transform: skewX(-35deg);
        background: transparent linear-gradient(180deg, var(--unnamed-color-eb1e27) 0%, #BE171E 100%) 0% 0% no-repeat padding-box;
        background: transparent linear-gradient(180deg, #EB1E27 0%, #BE171E 100%) 0% 0% no-repeat padding-box;
    }

    .grafikBg span {
        position: relative;
        z-index: 3;
        width: 50%;
        text-align: center;
        float: left; /*font: 23px/40px Barlow Condensed;*/
        font-weight: 500;
        color: #ffffff;
    }

        .grafikBg span.yeni { /*font: 37px/64px Barlow Condensed;*/
            font-weight: 500;
            margin-right: 10%;
        }

.hatali-islemler {
    padding: 20px 0;
}

    .hatali-islemler .dashboard-box-title-wrapper {
        padding: 0 20px;
    }

.hatali-islemler-item {
    padding-top: 10px;
    position: relative;
    overflow: hidden;
}

    .hatali-islemler-item > span {
        display: block;
        text-align: center;
        font: 16px/30px Open Sans;
        font-weight: 600;
        color: #EB1E27;
        margin-top: -20px;
    }

    .hatali-islemler-item svg {
        display: block;
        margin: 0 auto;
    }

.hataliIslemlerText {
    position: relative;
    overflow: hidden;
    margin-top: 15px;
    padding: 15px 20px;
    border-top: solid 1px #e5e7ea;
}

    .hataliIslemlerText div {
        position: relative;
        float: left;
        margin-left: 30px;
        overflow: hidden;
    }

        .hataliIslemlerText div:first-child {
            margin-left: 0;
        }

    .hataliIslemlerText span {
        display: block;
        float: left;
        font: 14px/31px Open Sans;
        font-weight: 400;
        color: #9DA3AC;
    }

    .hataliIslemlerText em {
        display: block;
        float: left;
        font-style: normal;
        font: 14px/31px Open Sans;
        font-weight: 400;
        color: #404041;
    }

#hatali-islemler-slider .owl-nav {
    position: absolute;
    left: 25px;
    bottom: 49%;
    width: calc(100% - 50px);
}

    #hatali-islemler-slider .owl-nav button.owl-prev,
    #hatali-islemler-slider .owl-nav button.owl-next {
        width: 15px;
        height: 21px;
    }

    #hatali-islemler-slider .owl-nav button.owl-prev {
        background-image: url("dashboard/prev.png");
    }

    #hatali-islemler-slider .owl-nav button.owl-next {
        float: right;
        background-image: url("dashboard/next.png");
    }

        #hatali-islemler-slider .owl-nav button.owl-prev span,
        #hatali-islemler-slider .owl-nav button.owl-next span {
            display: block;
            text-indent: -9999em;
        }

.dashboard-box-banner {
    height: 100%;
}

    .dashboard-box-banner .dashboard-box-content {
        height: 100%;
    }

        .dashboard-box-banner .dashboard-box-content img {
            width: auto;
            height: 100%;
        }

#haberler-duyuru-slider {
    position: relative;
    padding: 40px 0;
}

    #haberler-duyuru-slider .owl-stage-outer {
        border-top: solid 1px #e0e3e6;
        border-bottom: solid 1px #e0e3e6;
    }

    #haberler-duyuru-slider .owl-nav {
        position: absolute;
        left: 0;
        top: 0;
        width: 100%;
        height: 100%;
    }

        #haberler-duyuru-slider .owl-nav button.owl-prev,
        #haberler-duyuru-slider .owl-nav button.owl-next {
            position: absolute;
            left: 50%;
            margin-left: -49px;
            width: 98px;
            height: 39px;
        }

        #haberler-duyuru-slider .owl-nav button.owl-prev {
            top: 1px;
            background-image: url("dashboard/btn_up.svg");
        }

        #haberler-duyuru-slider .owl-nav button.owl-next {
            bottom: 1px;
            background-image: url("dashboard/btn_up.svg");
            transform: rotate(-180deg);
            -webkit-transform: rotate(-180deg);
            -moz-transform: rotate(-180deg);
        }

            #haberler-duyuru-slider .owl-nav button.owl-prev span,
            #haberler-duyuru-slider .owl-nav button.owl-next span {
                display: block;
                text-indent: -9999em;
            }

.haberler-duyuru-item {
    padding: 20px 0;
}

    .haberler-duyuru-item h3 {
        font: 14px/30px Open Sans;
        font-weight: 400;
        color: #404041;
        margin-bottom: 0;
        -webkit-transition: all .25s;
        -moz-transition: all .25s;
        -o-transition: all .25s;
        transition: all .25s;
    }

    .haberler-duyuru-item p {
        font: 20px/22px Open Sans;
        font-weight: 600;
        color: #9DA3AC;
    }

.dashboard-box:hover #haberler-duyuru-slider .haberler-duyuru-item p {
    color: #000000;
    -webkit-transition: all .25s;
    -moz-transition: all .25s;
    -o-transition: all .25s;
    transition: all .25s;
}

.dashboard-box-rehber > img {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
}

.dashboard-box-rehber .dashboard-box-content > div {
    text-align: center;
    width: 100%;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
}

    .dashboard-box-rehber .dashboard-box-content > div p {
        display: block;
        font: 14px/31px Open Sans;
        font-weight: 400;
        color: #ffffff;
        margin-bottom: 0;
    }

    .dashboard-box-rehber .dashboard-box-content > div em {
        display: block;
        font-style: normal;
        font: 20px/31px Open Sans;
        font-weight: 400;
        color: #ffffff;
    }

.dashboard-box-rehber .dashboard-box-content svg {
    display: block;
    margin: 0 auto 45px;
}

.dashboard-box-rehber .dashboard-box-title-wrapper {
    position: relative;
    z-index: 3;
}

    .dashboard-box-rehber .dashboard-box-title-wrapper .sortableBtn .a,
    .dashboard-box-rehber .dashboard-box-title-wrapper .closeBtn .a {
        stroke: #ffffff;
    }

.dashboard-box-rehber .dashboard-box-detail-btn,
.dashboard-box-rehber .dashboard-box-detail-btn:after {
    color: #ffffff;
}

.hesap-ozeti .dashboard-box-content {
    width: 84%;
    margin: 0 auto;
}

    .hesap-ozeti .dashboard-box-content > div {
        position: relative;
        width: 100%;
        overflow: hidden;
    }

        .hesap-ozeti .dashboard-box-content > div p {
            display: block;
            float: left;
            padding: 1px 12px;
            font: 14px/28px Open Sans;
            font-weight: 600;
            color: #ffffff;
            background-color: #9DA3AC;
            border-radius: 20px;
            -webkit-border-radius: 20px;
            -moz-border-radius: 20px;
        }

.hesap-ozeti .limit-bar-wrapper {
    position: relative;
    width: 100%;
    overflow: hidden;
}

.hesap-ozeti .dashboard-box-content .dFlex {
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

    .hesap-ozeti .dashboard-box-content .dFlex p {
        background-color: transparent;
        padding: 0;
        color: #9DA3AC;
        margin-bottom: 0;
    }

.hesap-ozeti .dashboard-box-content > div.noMargin {
    position: relative;
    padding: 10px 0;
    margin: 16px 0 50px;
    overflow: visible;
    border-top: solid 1px #e5e7ea;
    border-bottom: solid 1px #e5e7ea;
}

    .hesap-ozeti .dashboard-box-content > div.noMargin p {
        margin-bottom: 0;
    }

    .hesap-ozeti .dashboard-box-content > div.noMargin .dashboard-box-detail-btn {
        right: 0;
        bottom: -30px;
    }

#filoSelectBox {
    float: left;
}

#myProgress {
    width: 100%;
    background-color: #CCD0D5;
    overflow: hidden;
}

#myBar {
    clear: both;
    width: 1%;
    height: 14px;
    background-color: #EB1E27;
    border-radius: 20px;
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
}

#kullanilabilirLimit {
    position: relative;
    width: 100%;
    overflow: hidden;
    background-color: #CCD0D5;
    border-radius: 20px;
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
}

#filoSelectBox {
    -webkit-appearance: none;
    appearance: none;
    border: solid 1px #ccd0d5;
    margin-left: 10px;
    font: 14px/28px Open Sans;
    font-weight: 600;
    color: #CCD0D5;
    padding: 0 26px 0 12px;
    border-radius: 20px;
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
}

.filoSelectBox {
    position: relative;
    float: left;
}

    .filoSelectBox:after {
        content: "";
        font-family: 'Font Awesome 6 Free';
        font-weight: 900;
        font-size: 9px;
        color: black;
        position: absolute;
        margin-top: -6.5px;
        top: 50%;
        right: 10px;
        color: #9DA3AC;
    }

.kart-slider .dashboard-box-content {
    position: relative;
}

    .kart-slider .dashboard-box-content img {
        position: absolute;
        left: 0;
        top: 0;
    }

#kart-slider {
    width: 74%;
    margin: 0 auto;
    padding-top: 5%;
}

    #kart-slider .dFlex {
        width: 100%;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        justify-content: space-between;
        align-items: center;
    }

        #kart-slider .dFlex p {
            display: block;
            margin-bottom: 0;
            font: 12px/15px Open Sans;
            font-weight: 400;
            color: #FFFFFF;
        }

.kart-slider-item {
    position: relative;
}

    .kart-slider-item .kartBakiye {
        padding: 15px 20px;
    }

    .kart-slider-item .gunIciHarcama {
        padding: 0 20px;
    }

    .kart-slider-item .toplamHarcama {
        padding: 15px 20px;
    }

#kart-slider .gunIciHarcama .gun-ici-harcama {
    font: 46px/50px Barlow Semi Condensed;
}

#kart-slider .owl-dots {
    position: relative;
    margin-top: 50px;
}

    #kart-slider .owl-dots::before {
        content: "";
        position: absolute;
        left: 0;
        top: 50%;
        width: 100%;
        height: 1px;
        margin-top: 1px;
        background: #eaecee;
        z-index: -1;
    }

    #kart-slider .owl-dots .owl-dot span {
        width: 7px;
        height: 7px;
        margin-left: 8px;
        border: solid 1px #acb1b9;
        display: block;
        -webkit-backface-visibility: visible;
        transition: opacity .2s ease;
        border-radius: 50%;
        -webkit-border-radius: 50%;
        -moz-border-radius: 50%;
    }

    #kart-slider .owl-dots button:focus {
        outline: 0;
    }

    #kart-slider .owl-dots .owl-dot.active span {
        position: relative;
        border: solid 1px #eb1e27;
        background-color: #eb1e27;
        margin: 0 30px 0 38px;
    }

        #kart-slider .owl-dots .owl-dot.active span:before {
            content: "";
            position: absolute;
            left: -31px;
            top: 2px;
            width: 66px;
            height: 1px;
            background-color: #eb1e27;
        }

.yeni-module-ekle {
    padding: 0;
}

    .yeni-module-ekle > img {
        width: 100%;
        height: 100%;
    }

    .yeni-module-ekle .dashboard-box-content {
        text-align: center;
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
        -webkit-transform: translate(-50%, -50%);
        -moz-transform: translate(-50%, -50%);
    }

        .yeni-module-ekle .dashboard-box-content p {
            font: 17px/35px Open Sans;
            font-weight: 600;
            color: #9DA3AC;
        }

        .yeni-module-ekle .dashboard-box-content svg {
            width: 80px;
            height: 80px;
        }

/* DashBoard */
/*Loading*/
#loading {
    margin: 0px;
    padding: 0px;
    position: absolute;
    width: 100%;
    height: 1500px;
    background-color: #ffffff;
    z-index: 300001;
    opacity: .8;
    filter: alpha(opacity=80);
    display: none;
}

    #loading .loadingImg {
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
        -webkit-transform: translate(-50%, -50%);
        -moz-transform: translate(-50%, -50%);
        width: 250px;
        padding-bottom: 250px;
        border-radius: 100%;
        -webkit-border-radius: 100%;
        -moz-border-radius: 100%;
        overflow: hidden;
    }

        #loading .loadingImg img {
            display: block;
            width: 102%;
            position: absolute;
            top: 0;
            margin: -2px 0 0 -2px;
        }

/*Loading*/
body.sidebar-gone .main-sidebar {
    left: auto;
}

/* Window Page */
.windowPage .main-wrapper {
    width: 95%;
    margin: 25px auto 0 !important;
}

.windowPage .section-header {
    border-bottom: 1px solid #EB1E27;
}

.windowPage .form-group select.form-control[size] {
    height: auto !important;
    font-size: 12px;
}

.windowPage .section .section-header #PageHeaderLabel a {
    height: 45px;
    line-height: 45px;
}

/* Window Page */
@media screen and (max-width: 1540px) {
    .loginForm {
        width: 60%;
        padding-bottom: 30%;
    }

    .fRow input {
        height: 35px;
        font-size: 12px;
    }

    .navbar-nav li.search {
        width: 390px;
    }

    .section .section-body #server-results > div form {
        padding: 25px 25px 0;
    }

    #PageHeaderDesc {
        padding: 25px 25px 0;
    }

    /*#PageHeaderLookup { padding: 25px 10px 10px 10px; }*/

    .section .section-header .nav.nav-tabs .nav-link {
        font-size: 13px;
        padding: 0 10px !important;
    }
}

@media screen and (max-width: 1050px) {
    .navbar-nav li.search {
        width: 240px;
        padding: 0 15px 0 30px;
    }

    .navbar-nav li.user {
        padding: 0 15px;
        margin-right: 15px;
    }

    .navbar-nav li a.rightPanelLink {
        width: 40px;
    }

    .main-sidebar .sidebar-menu .checkbox {
        display: none;
    }

    body.menuDocked .main-sidebar {
        width: 90px;
    }

        body.menuDocked .main-sidebar:hover {
            width: 350px;
        }

    body.menuDocked .main-content {
        padding: 115px 25px 0 115px !important;
    }

    .section .section-header .col-5.text-right a i {
        width: 17px;
        background-size: 100% auto;
    }

    .section .section-header .nav.nav-tabs .nav-link {
        font-size: 10px;
        padding: 0 5px;
    }

        .section .section-header .nav.nav-tabs .nav-link.active {
            font-size: 12px;
        }
}

@media screen and (max-width: 780px) {

    section {
        min-height: 200px;
    }

    #PageHeaderLabel {
        max-width: 100%;
        flex: 100%;
        margin-right: 0px;
        margin-left: 0px;
    }

    #Page_Title {
        width: 100%;
        max-width: 100%;
        flex: 100%;
        margin: 0px;
        padding: 10px;
    }

    .section .section-header .nav.nav-tabs .nav-link.active {
        font-size: 8px;
    }

    .section .section-header .nav.nav-tabs .nav-link {
        font-size: 8px;
    }

    .ui-dialog {
        width: 100% !important;
    }

    .section .section-body #tree .jtree_child_node {
        width: 100%;
    }

        .section .section-body #tree .jtree_child_node li {
            width: 100%;
        }

    .section .section-body #tree ul.jtree_parent_node:nth-child(4n+2) .jtree_child_node {
        left: auto;
    }

    .section .section-body #tree ul.jtree_parent_node:nth-child(4n+3) .jtree_child_node {
        left: auto;
    }

    .section .section-body #tree ul.jtree_parent_node:nth-child(4n+4) .jtree_child_node {
        left: auto;
    }

    .login a.logo {
        max-width: 130px;
    }

    .login h1 {
        top: 25%;
    }

        .login h1 span {
            font-size: 2em;
        }

    .loginForm {
        width: 100%;
        padding-bottom: 100%;
        top: 65%;
    }

    .whiteBox {
        display: none;
    }

    .main-rightPanel .rightPanelContent {
        width: 100%;
    }

    .redBox {
        margin-left: 0;
        width: 100%;
    }

    .fRow .row {
        margin-bottom: 5px !important;
    }

    .fRow .form-group {
        line-height: 30px !important;
    }

    .fRow .form-control {
        height: 30px !important;
    }

    .captcha .input-group-prepend img {
        height: 30px;
    }

    .navbar {
        height: 70px;
        width: 100%;
    }

        .navbar a.logo {
            margin: 20px;
        }

            .navbar a.logo img {
                display: block;
                width: 200px;
            }

    .mobileMenuLink, a.mobileSearchLink {
        display: block;
    }

    .navbar-nav li a.rightPanelLink {
        width: auto;
    }

    .navbar-bg {
        display: none;
    }

    .easy-autocomplete-container, comboTreeWrapper {
        z-index: 9999;
    }

    .navbar-nav {
        position: fixed;
        height: 70px;
        background: #fff;
        bottom: 0;
        width: 100%;
        left: 0;
    }

        .navbar-nav li {
            width: 24%;
            float: left;
            display: block;
        }

            .navbar-nav li.search {
                display: none;
                position: fixed;
                top: 70px;
                left: 0; /*background: #fff;*/
                background: #fbfbfb;
                width: 100%;
                height: auto;
                padding: 25px;
            }

                .navbar-nav li.search:after {
                    display: none;
                }

                .navbar-nav li.search .easy-autocomplete-container ul li {
                    width: 100%;
                    float: none;
                }

            .navbar-nav li.user {
                padding: 0;
            }

                .navbar-nav li.user a {
                    display: block;
                    width: 100%;
                    height: 100%;
                    background-position: center !important;
                }

                .navbar-nav li.user:after {
                    display: none;
                }

        .navbar-nav .dropdown-menu-right {
            left: 0 !important;
            right: auto !important;
            top: auto;
            bottom: 100%;
        }

    .main-content, body.menuDocked .main-content {
        padding: 95px 20px 100px 20px !important;
    }

    .section .section-header {
        margin-bottom: 0 !important;
    }

    footer span {
        display: none;
    }

    footer a, footer strong {
        display: block;
        width: 100%;
        text-align: center;
    }

    footer .copyRight {
        text-align: center;
        float: none;
        width: 100%;
        border-top: 1px solid #eee;
        margin-top: 10px;
        padding-top: 10px;
    }

        footer .copyRight img {
            float: none;
            display: block;
            margin: auto;
        }

    .main-rightPanel {
        width: 100%;
        right: -100%;
    }

    .main-sidebar {
        width: 100% !important;
        left: -100% !important;
        height: 100vh;
        padding: 70px 0 !important;
        background: transparent;
    }

        .main-sidebar .sidebar-menu li {
            margin-bottom: 10px;
        }

        .main-sidebar .sidebar-menu .checkbox {
            display: none;
        }

        .main-sidebar #sidebar-wrapper {
            width: 100%;
            background: #fff;
        }

        .main-sidebar.opened {
            left: 0 !important;
        }

    .section .section-header #PageHeaderLabel {
        font-size: 14px;
    }

    .section .section-header .col-5.text-right {
        display: none;
    }

    .form-group.radioBox .pretty, .form-group.radioBox .pretty.p-switch, .form-group.radioBox div, .form-group.chkBox .pretty, .form-group.chkBox .pretty.p-switch, .form-group.chkBox div {
        width: 100%;
    }

    [role="button"] {
        font-size: 8px;
        padding: 0px 7px 0px 7px !important;
    }

    .input-group.ico-btn .btn {
        font-size: 8px;
        padding: 0px 7px 0px 37px !important;
    }


    /*.form-group{display: block; width: 100%;
    label{display: block; float: none; width: 100%; white-space: normal; height: auto;}
  }*/
}

/***********************************************************************************************************************
MessageBox - A jQuery Plugin to replace Javascript's window.alert(), window.confirm() and window.prompt() functions
    Author          : Gaspare Sganga
    Version         : 2.0.1
    License         : MIT
    Documentation   : http://gasparesganga.com/labs/jquery-message-box/
***********************************************************************************************************************/
/*
    You can customize your MessageBox style directly in this file 
    or override some classes/styles using an external CSS file loaded after this.
*/
/* Overlay */
.messagebox_overlay {
    background-color: rgba(255, 255, 255, 0.6);
    z-index: 9999;
}

    .messagebox_overlay *:focus {
        outline: 0;
    }

/* MessageBox */
.messagebox {
    font-family: verdana, arial, helvetica, sans-serif;
    font-size: 10pt;
    font-style: normal;
    font-weight: normal;
    text-align: left;
    color: #303030;
    background-color: #fcfcfc;
    border: 1px solid #c8c8c8;
    box-shadow: 0px 2px 4px #a0a0a0;
    max-height: 90%; /* This value is useful only when "top" option is set to "auto" */
    max-width: 90%;
    min-width: 300px;
}

/* Content */
.messagebox_content {
    padding: 20px;
    padding-bottom: 0; /* In order to preserve "padding-bottom" when the content is taller than the MessageBox and thus scrolled on the Y-axis, use the following's :after pseudo-class "height" value instead of "padding-bottom" here! */
}

    .messagebox_content:after {
        content: "";
        display: block;
        flex: 0 0 auto;
        height: 20px; /* Use this value as if it was #messagebox_content's "padding-bottom" to preserve it when the content overflows Y-axis and the scrollbar is shown */
    }

/* Input's Label */
.messagebox_content_label {
    display: block;
    width: 100%;
    margin: auto;
    margin-top: 10px;
    font-style: italic;
}

/* Input (it applies to selects too) */
.messagebox_content_input {
    display: block;
    width: 100%;
    margin: auto;
    margin-top: 10px;
    padding: 3px;
    color: #303030;
    border: 1px solid #909090;
    font-family: inherit;
    font-size: inherit;
    font-style: normal;
    font-weight: inherit;
    text-align: left;
}

    .messagebox_content_input:hover {
        border-color: #707070;
    }

    .messagebox_content_input:focus {
        border-color: #707070;
        box-shadow: inset 0px 0px 3px #ffd540;
    }

/* Input's style when placed inside a label */
.messagebox_content_label .messagebox_content_input {
    margin-top: 4px;
}

/* Select's "fake placeholder" */
.messagebox_content_input_selectplaceholder {
    color: #909090;
}

/* Buttons */
.messagebox_buttons {
    background-color: #f5f5f5;
    border-top: 1px solid #c8c8c8;
    padding: 10px 20px;
    text-align: center;
}

    .messagebox_buttons button {
        font-family: inherit;
        font-size: inherit;
        font-weight: bold;
        text-align: center;
        min-width: 75px;
        margin: 0px 4px;
        padding: 5px 10px;
        cursor: pointer;
        color: #404040;
        background-color: #e9e9e9;
        background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0.4) 0%, rgba(255, 255, 255, 0.2) 50%, rgba(255, 255, 255, 0.1) 51%, rgba(255, 255, 255, 0) 100%);
        border: 1px solid #c0c0c0;
        border-radius: 2px;
    }

        .messagebox_buttons button:hover {
            color: #202020;
            background-color: #f0f0f0;
        }

        .messagebox_buttons button:active {
            background-color: #e6e6e6;
            border: 1px solid #a0a0a0;
            box-shadow: inset 0px 0px 6px #d0d0d0;
        }

        .messagebox_buttons button::-moz-focus-inner {
            padding: 0;
            border: 0;
        }


.btn-danger {
    background-color: #f6787d !important;
    border-color: #f6787d !important;
    color: #fff !important;
}

.btn-custom-blokaj {
    padding: 0px 15px !important;
}

@font-face {
    font-family: 'Libre Barcode 128 Text';
    font-style: normal;
    font-weight: 400;
    src: url(../../../assets/theme/fonts/barcode.woff2) format('woff2');
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

.barcode_image {
    font-family: 'Libre Barcode 128 Text', cursive;
    font-size: 24px;
}

.mltpldrp select {
    border-right: 1 !important;
    border-radius: 6px !important;
}

.multidrptxt {
    border-right: 1 !important;
    border-radius: 6px !important;
}

#BTN_FLEET_ACCEPT {
    background-color: #EB1E27 !important;
    color: #fff !important;
}

    #BTN_FLEET_ACCEPT:hover {
        background-color: #D21A22 !important;
        color: #fff !important;
    }


.spinner-border {
    display: inline-block;
    width: 1rem;
    height: 1rem;
    vertical-align: text-bottom;
    border: 0.25em solid currentColor;
    border-right-color: currentcolor;
    border-right-color: transparent;
    border-radius: 50%;
    -webkit-animation: spinner-border .75s linear infinite;
    animation: spinner-border .75s linear infinite;
    top: 30%;
    position: relative;
    left: 90%;
}

.DtHeaderLabel {
    left: 25px;
    position: relative;
    top: 25px;
    z-index: 9999;
    font-weight: bold;
}

.text-danger-custom {
    color: #F5F5F5 !important;
}

.custom-disabled {
    pointer-events: none;
    color: #AAA;
}