/* iNOVERA Design Lab. # EAF Css Structor 2017 */

/* #region Index */

/*

     Index
    0.Imports
    1.Configuration
    2.İnovera Treeview
    3.List Portlet
    4.İnovera Table
    5.List Button Set
    6.Image Setting And Overflow
    7.İnovera Media Queries
    8.Additional Bootstrap
    9.Additional Bootstrap (Media Queries)
    10.Dark Theme Additional
    11.Login (Right) Sidebar
    12.User Group (Right) Sidebar
    13.Page Header & Page (Left) Sidebar
    14.inovera
    15.Account Information (Right) Sidebar
    16.Vekalet (Right) Sidebar
    17.Top Navigation Bar
 */

/* #endregion */

/*#region Imports*/

/*@import url('loader.css');
@import url('/Contents/Fonts/fonts.css');
@import url('/Metronic/theme/assets/global/plugins/font-awesome/css/font-awesome.min.css');
@import url('/Metronic/theme/assets/global/plugins/simple-line-icons/simple-line-icons.min.css');
@import url('/Metronic/theme/assets/global/plugins/bootstrap/css/bootstrap.min.css');
@import url('/Metronic/theme/assets/global/plugins/uniform/css/uniform.default.css');
@import url('/Metronic/theme/assets/global/plugins/bootstrap-switch/css/bootstrap-switch.min.css');
@import url('/Metronic/theme/assets/global/plugins/jstree/dist/themes/default/style.min.css');
@import url('/Metronic/theme/assets/global/css/components.css');
@import url('/Metronic/theme/assets/global/css/plugins.css');
@import url('/Metronic/theme/assets/admin/layout/css/layout.css');
@import url('darkblue.css');
@import url('/Metronic/theme/assets/admin/layout/css/custom.css');
@import url('/Metronic/theme/assets/global/plugins/bootstrap-toastr/toastr.min.css');
@import url('/Metronic/theme/assets/global/plugins/datatables/plugins/bootstrap/dataTables.bootstrap.css');*/

/*#endregion*/

/* #region 1.Configuration */

.clickable-row {
    cursor: pointer;
}

.border-none {
    border: none !important;
}

.font-size-11 {
    font-size: 11px;
}

.font-size-12 {
    font-size: 12px;
}

.font-size-13 {
    font-size: 13px;
}

.font-size-14 {
    font-size: 14px;
}

.font-size-15 {
    font-size: 15px;
}

.font-size-16 {
    font-size: 16px;
}

.font-size-17 {
    font-size: 17px;
}

.font-size-18 {
    font-size: 18px;
}

.font-size-19 {
    font-size: 19px;
}

.font-size-20 {
    font-size: 20px;
}

.margin-bottom-0 {
    margin-bottom: 0;
}

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

.margin-bottom-10 {
    margin-bottom: 10px;
}

.margin-bottom-15 {
    margin-bottom: 15px;
}

.margin-bottom-20 {
    margin-bottom: 20px;
}

.margin-bottom-25 {
    margin-bottom: 25px;
}

.margin-bottom-30 {
    margin-bottom: 30px;
}

.margin-bottom-35 {
    margin-bottom: 35px;
}

.margin-bottom-40 {
    margin-bottom: 40px;
}

.margin-bottom-45 {
    margin-bottom: 45px;
}

.margin-bottom-50 {
    margin-bottom: 50px;
}

.margin-bottom-55 {
    margin-bottom: 55px;
}

.margin-bottom-60 {
    margin-bottom: 60px;
}

.margin-bottom-65 {
    margin-bottom: 65px;
}

.margin-bottom-70 {
    margin-bottom: 70px;
}

.margin-bottom-75 {
    margin-bottom: 75px;
}

.margin-bottom-80 {
    margin-bottom: 80px;
}

.margin-bottom-85 {
    margin-bottom: 85px;
}

.margin-bottom-90 {
    margin-bottom: 90px;
}

.margin-bottom-95 {
    margin-bottom: 95px;
}

.margin-bottom-100 {
    margin-bottom: 100px;
}

.margin-top-0 {
    margin-top: 0;
}

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

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

.margin-top-15 {
    margin-top: 15px;
}

.margin-top-20 {
    margin-top: 20px;
}

.margin-top-25 {
    margin-top: 25px;
}

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

.margin-top-35 {
    margin-top: 35px;
}

.margin-top-40 {
    margin-top: 40px;
}

.margin-top-45 {
    margin-top: 45px;
}

.margin-top-50 {
    margin-top: 50px;
}

.margin-top-55 {
    margin-top: 55px;
}

.margin-top-60 {
    margin-top: 60px;
}

.margin-top-65 {
    margin-top: 65px;
}

.margin-top-70 {
    margin-top: 70px;
}

.margin-top-75 {
    margin-top: 75px;
}

.margin-top-80 {
    margin-top: 80px;
}

.margin-top-85 {
    margin-top: 85px;
}

.margin-top-90 {
    margin-top: 90px;
}

.margin-top-95 {
    margin-top: 95px;
}

.margin-top-100 {
    margin-top: 100px;
}

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

.margin-right-5 {
    margin-right: 5px !important;
}

.margin-right-10 {
    margin-right: 10px !important;
}

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

.margin-right-20 {
    margin-right: 20px !important;
}

.margin-right-25 {
    margin-right: 25px !important;
}

.margin-right-30 {
    margin-right: 30px !important;
}

.margin-right-35 {
    margin-right: 35px !important;
}

.margin-right-40 {
    margin-right: 40px !important;
}

.margin-right-45 {
    margin-right: 45px !important;
}

.margin-right-50 {
    margin-right: 50px !important;
}

.margin-right-55 {
    margin-right: 55px !important;
}

.margin-right-60 {
    margin-right: 60px !important;
}

.margin-right-65 {
    margin-right: 65px !important;
}

.margin-right-70 {
    margin-right: 70px !important;
}

.margin-right-75 {
    margin-right: 75px !important;
}

.margin-right-80 {
    margin-right: 80px !important;
}

.margin-right-85 {
    margin-right: 85px !important;
}

.margin-right-90 {
    margin-right: 90px !important;
}

.margin-right-95 {
    margin-right: 95px !important;
}

.margin-right-100 {
    margin-right: 100px !important;
}

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

.margin-left-5 {
    margin-left: 5px !important;
}

.margin-left-10 {
    margin-left: 10px !important;
}

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

.margin-left-20 {
    margin-left: 20px !important;
}

.margin-left-25 {
    margin-left: 25px !important;
}

.margin-left-30 {
    margin-left: 30px !important;
}

.margin-left-35 {
    margin-left: 35px !important;
}

.margin-left-40 {
    margin-left: 40px !important;
}

.margin-left-45 {
    margin-left: 45px !important;
}

.margin-left-50 {
    margin-left: 50px !important;
}

.margin-left-55 {
    margin-left: 55px !important;
}

.margin-left-60 {
    margin-left: 60px !important;
}

.margin-left-65 {
    margin-left: 65px !important;
}

.margin-left-70 {
    margin-left: 70px !important;
}

.margin-left-75 {
    margin-left: 75px !important;
}

.margin-left-80 {
    margin-left: 80px !important;
}

.margin-left-85 {
    margin-left: 85px !important;
}

.margin-left-90 {
    margin-left: 90px !important;
}

.margin-left-95 {
    margin-left: 95px !important;
}

.margin-left-100 {
    margin-left: 100px !important;
}

.tleft {
    text-align: left;
}

.tcenter {
    text-align: center;
}

.tright {
    text-align: right;
}

.position-relative {
    position: relative;
}

.pad5 {
    padding: 5px;
}

.pad15 {
    padding: 15px;
}

.dn {
    display: none !important;
}

.padding-right-0 {
    padding-right: 0 !important;
}

.padding-left-0 {
    padding-left: 0 !important;
}

.padding-left-5 {
    padding-left: 5px !important;
}

hr {
    clear: both !important;
}

/*#endregion*/

/* #region 2.İnovera Treeview */

.inoTreeView {
    width: 100%;
    padding-bottom: 30px;
}

    .inoTreeView ul {
        list-style: none;
        margin-left: 20px;
        padding-left: 0;
        border-left: 1px dotted;
    }

    .inoTreeView a {
        margin: 6px 0 0 21px;
        display: inline-block;
        color: #333333;
        padding-left: 6px;
        width: 90%;
    }

        .inoTreeView a:hover {
            text-decoration: none;
            background-color: #cecece;
        }

        .inoTreeView a.flag {
            color: #2f659e;
            font-weight: bold;
        }

        .inoTreeView a.selected {
            background-color: #cecece;
        }

    .inoTreeView .opcl {
        background-color: #fff;
        position: absolute;
        display: inline-block;
        margin-left: -9px;
        margin-top: 10px;
        cursor: pointer;
    }

    .inoTreeView .left-dotted {
        margin-top: 16px;
        height: 5px;
        display: inline-block;
        width: 20px;
        border-top: 1px dotted;
        position: absolute;
    }

    .inoTreeView input[type="checkbox"] {
        margin-top: 10px;
        position: absolute;
        margin-left: 10px;
    }

/* #endregion*/

/* #region 3.List Portlet */

.list-portlet.height200 {
    height: 200px;
}

.list-portlet.height250 {
    height: 250px;
}

.list-portlet.height350 {
    height: 350px;
}

.list-portlet.height450 {
    height: 450px;
}

.list-portlet.height550 {
    height: 550px;
}

.list-portlet.height650 {
    height: 650px;
}

.list-portlet.height750 {
    height: 750px;
}

.ino-portlet-tools-buttons {
    padding: 0 !important;
    padding-top: 4px !important;
}

    .ino-portlet-tools-buttons .btn.btn-sm.white-color {
        width: initial !important;
        padding: 2px 5px !important;
        height: initial !important;
        color: #4b78a7;
        border: 1px solid white;
        background-color: white !important;
        font-weight: bold;
    }

/* #endregion */

/* #region 4.İnovera Table */

.ino-table-border thead tr th {
    border-right: 1px solid #ccc !important;
}

    .ino-table-border thead tr th:last-child {
        border-right: none !important;
    }

.ino-table thead tr:first-child {
    background-color: #eee;
}

.ino-table tbody tr td {
    vertical-align: middle;
}

    .ino-table tbody tr td img {
        /*width: 50px;*/
        height: 50px;
    }

    .ino-table tbody tr td:last-child {
        width: 50px;
    }

.ino-table.localization thead tr th {
    width: 25% !important;
}

.ino-table.localization tbody tr td {
    width: 25% !important;
}

.table > thead > tr > th,
.table > tbody > tr > th,
.table > thead > tr > td,
.table > tbody > tr > td {
    padding: 4px 5px !important;
}

/* #endregion */

/* #region 5.List Button Set */

.list-button-trash {
    color: #d84a38;
}

    .list-button-trash > i {
        font-size: 18px !important;
    }

    .list-button-trash:hover {
        color: red;
    }

.list-button-check {
    color: #4B8DF8;
}

    .list-button-check > i {
        font-size: 18px !important;
    }

    .list-button-check:hover {
        color: #2977F7;
    }

/* #endregion List Button Set*/

/*#region 6.Begin Image Setting And Overflow */

.img-kisi-overflow {
    width: 75px;
    height: 75px;
    overflow: hidden;
    border: 1px solid #cccccc;
}

    .img-kisi-overflow img {
        width: 100%;
    }

.img-medium-overflow {
    width: 225px;
    text-align: center;
    margin-bottom: 15px;
    border: 1px solid #cccccc;
}

    .img-medium-overflow img {
        width: 225px;
    }

/*#endregion */

/* #region 7.İnovera Media Queries */

@media only screen and (min-width: 992px) {
    .img-medium-overflow {
        width: 75%;
    }

        .img-medium-overflow img {
            width: 75%;
        }
}

@media only screen and (max-width: 735px) {
    .page-quick-sidebar-wrapper {
        top: 92px;
    }
}
/* #endregion */

/* #region 8.Additional Bootstrap */

.row {
    margin-left: -5px;
    margin-right: -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: 4px;
    padding-right: 4px;
}

.portlet.light {
    padding: 5px 10px 10px 10px;
    border: 1px solid #cccccc;
    background-color: #fafafa;
}

.form-control {
    border: 1px solid #e0e0e0;
    padding: 2px 5px;
    height: 28px;
    font-size: 13px !important;
}

.nav-pills > li > a {
    font-size: 13px;
}

.nav-tabs > li > a {
    font-size: 13px;
    color: #606871 !important;
    background: #eaf1f7 !important;
}

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

    .nav-tabs > li > a:focus {
        background: #eaf1f7 !important;
    }

.nav-tabs > li.active > a {
    color: #353535 !important;
    font-weight: bold;
    background: #ffffff !important;
}

.portal-content {
    margin-left: 15px;
    margin-right: 15px;
}

.portlet-color-sample {
    width: 20px;
    height: 20px;
    display: inline-block;
    margin: 0;
    padding: 0 !important;
}

.toast-message ul {
    margin-bottom: 0;
}

.help-block-error {
    color: #a94442;
}

.toast-top-right {
    top: 60px !important;
}
/* #endregion */

/* #region 9.Additional Bootstrap (Media Queries) */

.customer-name-container {
    display: table-cell;
    vertical-align: middle;
    height: 46px;
}

@media (min-width: 992px) {
    .page-sidebar-closed .page-sidebar .page-sidebar-menu.page-sidebar-menu-closed > li:hover > .sub-menu {
        width: 304px;
    }
    /*.page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover, .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu { width: 350px !important; }*/
}

@media(min-width:468px) {
    .portal-main-title {
        font-size: 14px !important;
        padding-top: 13px !important;
    }

        .portal-main-title > span {
            display: inline-block !important;
        }

    .page-logo {
        width: auto !important;
    }
}

@media(max-width:468px) {
    .portal-main-title {
        font-size: 12px !important;
        padding-top: 5px !important;
        display: table-cell !important;
        vertical-align: middle !important;
        height: 43px !important;
    }

        .portal-main-title > span.imge {
            display: none !important;
        }

        .portal-main-title > span:first-child {
            display: inline-block;
        }

        .portal-main-title > span:last-child {
            display: none !important;
        }

    .page-logo {
        width: 221px !important;
    }

    .page-header.navbar .top-menu .navbar-nav > li.dropdown {
        padding: 0 !important;
    }
}

@media(max-width:481px) {
    .customer-name-container > span:last-child {
        display: none !important;
    }

    .customer-name-container > span + span {
        display: none !important;
    }
}

/* #endregion */

/* #region 10.Dark Theme Additional */

.page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu > li > a > i,
.page-sidebar .page-sidebar-menu > li > a > i {
    color: #ffffff;
}

    .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu > li > a > i[class^="icon-"],
    .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu > li > a > i[class*="icon-"],
    .page-sidebar .page-sidebar-menu > li > a > i[class^="icon-"],
    .page-sidebar .page-sidebar-menu > li > a > i[class*="icon-"] {
        color: #ffffff;
    }

.page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .sidebar-search .input-group .input-group-btn .btn > i,
.page-sidebar .sidebar-search .input-group .input-group-btn .btn > i {
    color: #ffffff;
}

ul.page-sidebar-menu li.active > a > i.icon-home {
    color: #ffffff;
}

.blockUI.blockOverlay {
    z-index: 19998 !important;
    opacity: 0.2 !important;
}

.blockUI.blockMsg.blockElement {
    z-index: 19999 !important;
}

.page-spinner-bar > div, .block-spinner-bar > div {
    background: #22FFDF !important;
}

/* Begin # Left Sidebar Color White*/
.page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu > li > a,
.page-sidebar .page-sidebar-menu > li > a {
    color: #ffffff !important;
}

.page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu > li:hover > a, .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu > li.open > a,
.page-sidebar .page-sidebar-menu > li:hover > a,
.page-sidebar .page-sidebar-menu > li.open > a {
    color: #ffffff !important;
}

.page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu > li.active > a, .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu > li.active.open > a,
.page-sidebar .page-sidebar-menu > li.active > a,
.page-sidebar .page-sidebar-menu > li.active.open > a {
    color: #ffffff !important;
}

    .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu > li.active > a > i, .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu > li.active.open > a > i,
    .page-sidebar .page-sidebar-menu > li.active > a > i,
    .page-sidebar .page-sidebar-menu > li.active.open > a > i {
        color: #ffffff !important;
    }

    .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu > li.active > a > .arrow:before, .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu > li.active > a > .arrow.open:before, .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu > li.active.open > a > .arrow:before, .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu > li.active.open > a > .arrow.open:before,
    .page-sidebar .page-sidebar-menu > li.active > a > .arrow:before,
    .page-sidebar .page-sidebar-menu > li.active > a > .arrow.open:before,
    .page-sidebar .page-sidebar-menu > li.active.open > a > .arrow:before,
    .page-sidebar .page-sidebar-menu > li.active.open > a > .arrow.open:before {
        color: #ffffff !important;
    }

.page-sidebar .page-sidebar-menu li.active > a > .arrow:before,
.page-sidebar .page-sidebar-menu li.active > a > .arrow.open:before {
    color: #ffffff !important;
}

.page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu .sub-menu > li > a,
.page-sidebar .page-sidebar-menu .sub-menu > li > a {
    color: #ffffff !important;
}
/* End # Left Sidebar Color White*/
.page-header.navbar .top-menu .navbar-nav > li.dropdown .dropdown-toggle > i {
    color: #ffffff !important;
}

div.page-sidebar div.sidebar-toggler:before {
    font: normal normal normal 14px/1 FontAwesome !important;
    content: "\f039" !important;
    color: #fff !important;
    width: 32px;
    font-size: 22px !important;
    opacity: 1 !important;
    margin-right: 3px !important;
    background-image: none !important;
}

div.page-sidebar div.sidebar-collapse-expand {
    font-size: 14px;
    color: #c2c5ca !important;
    width: 26px;
    font-size: 22px !important;
    opacity: 1 !important;
    background-image: none !important;
    border-radius: 2px !important;
}

    div.page-sidebar div.sidebar-collapse-expand:hover {
        color: #ffffff !important;
    }

.page-sidebar .sidebar-collapse-expand {
    display: block;
    cursor: pointer;
    opacity: 0.7;
    filter: alpha(opacity=70);
    width: 30px;
    height: 19px;
    margin-top: 15px;
    margin-right: 19px;
    float: right;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    -ms-border-radius: 4px;
    -o-border-radius: 4px;
    border-radius: 4px;
}

    .page-sidebar .sidebar-collapse-expand > i {
        float: left;
        font-size: 18px;
        padding-top: 2px;
        padding-left: 4px;
    }

.page-sidebar-menu.ino-sidebar-menu.page-sidebar-menu-closed li > .sidebar-collapse-expand {
    display: none !important;
}

/* #endregion */

/*#region 11.Login (Right) Sidebar */

.login a {
    color: #edf4f8 !important;
}

.login .logo {
    margin: 0 auto;
    margin-top: 100px;
    padding: 15px;
    text-align: center;
}

.login .form-title {
    margin-bottom: 20px;
    color: #edf4f8;
    font-size: 19px;
    font-weight: 400 !important;
    text-align: center;
}

.login .form-subtitle {
    color: #c9dce9;
    font-size: 17px;
    font-weight: 300 !important;
}

.login h4 {
    color: #555;
}

.login .hint {
    color: #b7d1e2;
    padding: 0;
    font-size: 14px;
    margin: 15px 0 7px 0;
}

.login .login-form,
.login .forget-form {
    padding: 0;
    margin: 0;
}

.login .form-control {
    border: none;
    background-color: #6b84a0;
    border: 1px solid #6b84a0;
    height: 43px;
    color: #d9ecf9;
}

    .login .form-control:focus, .login .form-control:active {
        border: 1px solid #a7b6c7;
    }

    .login .form-control::-moz-placeholder {
        color: #d9ecf9;
        opacity: 1;
    }

    .login .form-control:-ms-input-placeholder {
        color: #d9ecf9;
    }

    .login .form-control::-webkit-input-placeholder {
        color: #d9ecf9;
    }

.login input[type=text] {
    border: none;
    background-color: #6b84a0;
    border: 1px solid #6b84a0;
    height: 43px;
    color: #d9ecf9;
    padding: 5px 5px;
    width: 100%;
}

    .login input[type=text]:focus, .login input[type=text]:active {
        border: 1px solid #a7b6c7;
    }

    .login input[type=text]::-moz-placeholder {
        color: #d9ecf9;
        opacity: 1;
    }

    .login input[type=text]:-ms-input-placeholder {
        color: #d9ecf9;
    }

    .login input[type=text]::-webkit-input-placeholder {
        color: #d9ecf9;
    }

.login select.form-control {
    padding-left: 9px;
    padding-right: 9px;
}

.login .forget-form {
    display: none;
}

.login .register-form {
    display: none;
}

.login .form-title {
    font-weight: 300;
    margin-bottom: 25px;
}

.login .form-actions {
    clear: both;
    border: 0;
    padding: 0 30px 25px 30px;
    margin-left: -30px;
    margin-right: -30px;
}

.form-actions .forget-password-block {
    padding-top: 7px;
}

.login-options {
    margin-top: 30px;
    padding-top: 20px;
    padding-bottom: 50px;
    border-top: 1px solid #69a0c4;
    border-bottom: 1px solid #69a0c4;
}

    .login-options h4 {
        margin-top: 8px;
        font-weight: 600;
        font-size: 15px;
        color: #b7d1e2 !important;
    }

.login .forget-password {
    font-size: 14px;
}

.login .forget-form .form-actions {
    border: 0;
    margin-bottom: 0;
    padding-bottom: 20px;
}

.login .register-form .form-actions {
    border: 0;
    margin-bottom: 0;
    padding-bottom: 0;
}

.login .form-actions .checkbox {
    margin-top: 8px;
    display: inline-block;
}

.login .form-actions .btn {
    margin-top: 1px;
}

.login .btn-primary {
    background-color: #313e4d;
    border: 1px solid #313e4d;
    color: #ffffff;
    font-weight: 600;
    padding: 10px 25px !important;
}

    .login .btn-primary:hover {
        border: 1px solid #a7b6c7;
        background-color: #384758;
        color: #5f7894;
    }

.login .btn-default {
    background-color: #5995bb;
    border: 1px solid #72a9cc;
    color: #8fc4e5;
    font-weight: 600;
    padding: 10px 25px !important;
}

    .login .btn-default:hover {
        border: 1px solid #90bbd7;
        background-color: #5995bb;
        color: #8fc4e5;
    }

.login .forget-password {
    color: #d7eaf7;
    font-size: 15px;
}

.login .rememberme {
    margin-top: 8px;
}

.login .check {
    color: #c9dce9 !important;
}

.login .create-account {
    text-align: center;
    margin-top: 20px;
}

    .login .create-account p a {
        font-weight: 300;
        font-size: 16px;
        color: #ffffff;
    }

    .login .create-account a {
        display: inline-block;
        margin-top: 5px;
    }

.login .help-block-error {
    color: #ff9999;
}

.login .error {
    color: #ff9999;
}

.login .account-options {
    text-align: center; /*display: none;*/
}

    .login .account-options a {
        font-size: 14px;
    }

.login .note.note-info {
    color: #31708f !important;
}

.login .copyright {
    text-align: center;
    margin: 10px auto 30px 0;
    padding: 10px;
    color: #c9dce9;
    font-size: 13px;
}

#loginFirst {
    color: #ffffff;
    margin-top: 15px;
    cursor: pointer;
}

@media (max-width: 1400px) {
    .login .logo {
        margin-top: 100px;
    }
}

@media (max-width: 480px) {
    .login .logo {
        margin-top: 30px;
        padding: 0;
    }

    .login {
        width: 245px;
    }

        .login h3 {
            font-size: 22px;
        }

        .login .checkbox {
            font-size: 13px;
        }
}

/*#endregion */

/*#region 12.User Group (Right) Sidebar */

.userGroupFrm {
    display: none;
}

    .userGroupFrm .userImageDiv {
        text-align: center;
        padding: 8px;
    }

.userGroups {
    padding: 0;
    margin: 0;
    list-style: none;
}

    .userGroups a:hover {
        background-color: #1caf9a;
        text-decoration: none;
    }

    .userGroups a.active {
        background-color: #1caf9a;
    }

    .userGroups a {
        padding: 8px;
        display: block;
    }

/*#endregion */

/*#region 13.Page Header & Page (Left) Sidebar */

.page-logo > a {
    margin-right: 10px !important;
}

.page-header.navbar .page-logo .logo-default {
    margin-top: 8px;
}

.portal-main-title {
    padding: 0 !important;
    margin: 0;
    color: #fbfbfb;
    display: table-cell;
    vertical-align: middle;
    letter-spacing: 0.5px;
    padding-left: 5px !important;
}

.page-sidebar-menu .title {
    display: inline-block;
}

@media (min-width: 992px) {
    .page-sidebar-closed .page-sidebar .page-sidebar-menu.page-sidebar-menu-closed > li:hover > a > .title {
        display: inline-block !important;
        padding-left: 15px;
    }

    .page-sidebar {
        width: 350px;
    }

    .page-content-wrapper .page-content {
        margin-left: 350px;
    }

    .page-sidebar-closed .page-sidebar .page-sidebar-menu.page-sidebar-menu-closed > li:hover {
        width: 350px !important;
    }
}

/*#endregion */

/* #region 14.inovera */

.inoButtonSet {
    min-height: 40px;
}

    .inoButtonSet .yellow.btn {
        background-color: #67809F !important;
    }

        .inoButtonSet .yellow.btn:hover {
            background-color: #5A7290 !important;
        }

        .inoButtonSet .yellow.btn:active, .inoButtonSet .yellow.btn.active {
            background-image: none;
            background-color: #5A7290;
        }

            .inoButtonSet .yellow.btn:active:hover, .inoButtonSet .yellow.btn.active:hover {
                background-color: #5A7290;
            }

.ino-valid-group .btn {
    background-color: #e5e5e5 !important;
}

    .ino-valid-group .btn.gray {
        color: #999999 !important;
    }

    .ino-valid-group .btn.red {
        color: #d84a38 !important;
    }

    .ino-valid-group .btn.green {
        color: #35aa47 !important;
    }

.table-td-vertical-middle tbody tr td {
    vertical-align: middle;
}

.table-td-vertical-top tbody tr td {
    vertical-align: top;
}

.table-td-vertical-bottom tbody tr td {
    vertical-align: bottom;
}

.table-th-vertical-middle thead tr th {
    vertical-align: middle;
}

.table-th-vertical-top thead tr th {
    vertical-align: top;
}

.table-th-vertical-bottom thead tr th {
    vertical-align: bottom;
}

/* #endregion */

/*#region 15.Account Information (Right) Sidebar */

.accountInfoFrm, .mainSettingsFrm, .surrogateSettingsFrm {
    display: none;
}

    .accountInfoFrm hr, .mainSettingsFrm hr, .surrogateSettingsFrm hr {
        border-top: 1px solid #5C6C80;
    }

    .accountInfoFrm .form-title, .mainSettingsFrm .form-title, .surrogateSettingsFrm .form-title {
        margin-bottom: 20px;
        color: #edf4f8;
        font-size: 19px;
        font-weight: 400 !important;
        text-align: center;
    }

    .accountInfoFrm input[type=text], .accountInfoFrm input[type=password], .mainSettingsFrm input[type=text], .surrogateSettingsFrm input[type=text] {
        color: #545454;
    }

    .accountInfoFrm #uniform-changePasswordChk + label {
        cursor: pointer !important;
    }

    .accountInfoFrm #changePasswordPnl {
        display: none;
    }

    .accountInfoFrm .help-block-error {
        color: #ff9999;
    }
/*#endregion */

/*#region 16.Vekalet (Right) Sidebar */
.vekaletBilgisiFeeds {
    margin-bottom: 10px !important;
}

    .vekaletBilgisiFeeds > ul li {
        border-bottom: 1px solid #e9e9e9;
        background-color: transparent !important;
    }

        .vekaletBilgisiFeeds > ul li:last-child {
            border-bottom: none;
        }

        .vekaletBilgisiFeeds > ul li .col1 .cont {
            margin-right: 0;
        }

            .vekaletBilgisiFeeds > ul li .col1 .cont div i {
                color: rgb(69, 182, 175);
            }

    .vekaletBilgisiFeeds + div > button {
        border: none !important;
    }

/*#endregion */

/*#region 17.Top Navigation Bar*/

@media only screen and (max-width: 768px) {
    .login .form-subtitle {
        display: none;
    }

    .page-header.navbar .top-menu .navbar-nav > li.dropdown .dropdown-menu {
        min-width: 125px !important;
    }

        .page-header.navbar .top-menu .navbar-nav > li.dropdown .dropdown-menu:before {
            margin-right: 15px !important;
        }

    .page-header.navbar .top-menu .navbar-nav > li.dropdown-extended > .dropdown-menu {
        width: 195px;
        min-width: 195px;
        max-width: 195px;
        margin-right: -10px;
    }

    .login .form-title {
        display: block !important;
        margin-bottom: 5px !important;
        font-size: 15px !important;
    }

    .userGroupFrm .userImageDiv {
        zoom: 0.3;
    }

    .login .note.note-info {
        padding: 5px !important;
    }

    .page-header.navbar .page-logo {
        margin-right: 0;
        margin-left: 5px;
    }

    .page-content-wrapper .page-content .page-title {
        display: inline-block;
        margin-bottom: 0;
    }
}

@media only screen and (max-width: 869px) {
    .ino-title-wrapper {
        top: 93px !important;
    }
}

/*#endregion*/

/*#region Notification */

/*#endregion */

/*#region Header Languages Bar*/
#header_languages_bar a > span {
    color: #fff;
    margin-top: -3px;
    display: block;
    padding-right: 18px;
    border-right: 1px solid #fff;
}
/*#endregion*/

/*#region Import blue.css */

.table-tr-click table tr {
    cursor: pointer;
}

.table-tr-clicked {
    background-color: #dcdcdc;
}

/*#endregion */

/*#region Right Toggler Menu Icon For Mobile*/

.menu-toggler.responsive-toggler > i {
    color: #ffffff;
}
/*#endregion*/

.sidebar-menu-stabilizer {
    position: absolute;
    top: 0;
    bottom: 0;
}

.option-button-corrective .radio input[type=radio], .option-button-corrective .radio-inline input[type=radio] {
    margin-left: -8px;
}

.day-lbl {
    margin-top: 7px;
}

#onlyJpg {
    color: #e26a6a;
    font-size: 11px;
}

.page-sidebar .page-sidebar-menu .sub-menu li > a, .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu .sub-menu li > a {
    padding: 5px 8px 5px 43px;
}

.page-sidebar .page-sidebar-menu > li > a, .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu > li > a {
    padding: 7px 10px;
    font-size: 13px;
}

.ino-drop ul {
    min-height: 180px;
    margin: 0;
    list-style: none;
    padding: 0;
}

    .ino-drop ul.ui-state-default {
        background-color: #ececec !important;
    }

.ui-draggable.ui-draggable-dragging {
    list-style: none !important;
}

.popover.top {
    z-index: 10060;
}

span.required {
    color: #e02222;
}

.noResults {
    padding-top: 10px;
    padding-bottom: 10px;
    margin-top: 5px;
    color: #e02222;
}

@media (max-width: 529px) {
    .loginLastUserNameSurname {
        display: none !important;
    }
}

@media (min-width: 530px) and (max-width: 1100px) {
    .loginLastUserIcon {
        margin-top: 5px;
    }

    .loginLastUserNameSurname span {
        display: block !important;
    }

    .loginLastUserNameSurname {
        margin-top: -5px !important;
    }

    .page-header.navbar .top-menu .navbar-nav > li.dropdown-user .dropdown-toggle {
        padding: 10px 5px 1px 5px !important;
    }
}

.page-header.navbar .top-menu .navbar-nav > li.dropdown-user .dropdown-toggle {
    padding: 10px 6px 6px 8px;
    display: inline-block;
}

.loginLastUserIcon {
    float: left;
    margin-top: 0;
    margin-right: 5px;
    display: inline-block;
}

    .loginLastUserIcon img {
        height: 29px;
    }

.loginLastUserNameSurname {
    float: left;
    margin-top: 5px;
}

    .loginLastUserNameSurname span {
        display: inline-block;
        color: #ffffff;
    }

        .loginLastUserNameSurname span:first-child {
            margin-right: 4px;
        }

    .loginLastUserNameSurname + .fa.fa-angle-down {
        float: left;
        margin-top: 9px !important;
    }

.page-content .page-title {
    font-size: 20px !important;
}

/* Son değişiklikler # düzenlenecek */
.blue-hoki > .portlet-title {
    background-color: #4b78a7 !important;
}

.portlet.light > .portlet-title > .caption > i {
    color: #4b78a7 !important;
}

.input-group .input-group-addon {
    border-color: #4b78a7 !important;
    background: #4b78a7 !important;
    padding: 5px 12px;
}

    .input-group .input-group-addon > i {
        color: #ffffff !important;
    }

.font-blue-dark {
    color: #375371 !important;
}

.portal-main-title {
    color: #fbfbfb;
}

.inoTreeView a:hover, .inoTreeView a.selected {
    background-color: #4b78a7 !important;
    color: white !important;
}

.page-header.navbar .top-menu .navbar-nav > li.dropdown .dropdown-toggle .badge.badge-default {
    background-color: #33b7b1 !important;
}

.page-sidebar-closed .page-sidebar:hover .page-sidebar-menu > li.active > a,
.page-sidebar-closed .page-sidebar:hover .page-sidebar-menu > li.active.open > a {
    background-color: #2C3542 !important;
    border-bottom: 1px solid #3d4957 !important;
}

.page-sidebar .page-sidebar-menu > li.active > a,
.page-sidebar .page-sidebar-menu > li.active.open > a,
.page-sidebar .page-sidebar-menu > li.active.open > a:hover {
    background-color: transparent !important;
    border-bottom: 1px solid #3d4957 !important;
}

.inoButtonSet .yellow.btn {
    background-color: #4b78a7 !important;
}

    .inoButtonSet .yellow.btn:hover {
        background-color: #1f60a5 !important;
    }

    .inoButtonSet .yellow.btn:active, .inoButtonSet .yellow.btn.active {
        background-image: none;
        background-color: #1f60a5;
    }

        .inoButtonSet .yellow.btn:active:hover, .inoButtonSet .yellow.btn.active:hover {
            background-color: #1f60a5;
        }

.userGroups a:hover {
    background-color: #36c6d3;
    text-decoration: none;
}

.userGroups a.active {
    background-color: #36c6d3;
}

.page-header.navbar .top-menu .navbar-nav > li.dropdown .dropdown-toggle .badge.badge-default {
    background-color: #36c6d3;
}

.label-success {
    background-color: #36c6d3;
}

.note.note-info {
    border-color: #36c6d3;
}

.input-group-btn .btn.default {
    background-color: #4b78a7 !important;
    color: #ffffff !important;
}

.treeButtonSet {
    display: block;
    margin: 6px 0 0 27px;
}

    .treeButtonSet a {
        display: inline;
        margin: 0;
        padding: 5px;
        border-radius: 20px !important;
        font-size: 12px;
        font-weight: 400 !important;
    }

.ino-title-wrapper {
    background-color: #2B3643;
    position: fixed;
    top: 47px;
    right: 0;
    padding-left: 18px;
    color: #fff;
    font-size: 13px;
    cursor: pointer;
    z-index: 1;
    box-shadow: 2px 2px 0 0 #141414;
    box-shadow: 2px 2px 0 0 rgba(20,20,20,0.5);
}

.ino-title {
    padding: 5px 10px;
    border-left: 1px solid black;
}

.ino-title-wrapper > i {
    position: absolute;
    color: #fff;
    margin-left: -13px;
    margin-top: 8px;
}

/* Portlet */
.portlet {
    margin-bottom: 15px !important;
}

    .portlet > .portlet-title {
        min-height: 31px !important;
    }

        .portlet > .portlet-title > .caption {
            font-size: 14px !important;
            line-height: 15px !important;
        }

    .portlet.box > .portlet-title > .caption {
        padding: 8px 0 8px 0 !important;
    }

    .portlet > .portlet-title > .tools {
        padding: 6px 0 5px 0 !important;
    }

    .portlet.box > .portlet-body {
        padding: 7.5px !important;
    }

    .portlet > .portlet-title > .caption > i {
        margin-top: 1px !important;
    }

    .portlet.light > .portlet-title > .caption > .caption-subject {
        font-size: 14px !important;
    }
/*radius*/
/*.portlet.box,
.portlet.box > .portlet-title { -webkit-border-top-left-radius: 5px !important; -webkit-border-top-right-radius: 5px !important; -moz-border-radius-topleft: 5px !important; -moz-border-radius-topright: 5px !important; border-top-left-radius: 5px !important; border-top-right-radius: 5px !important; }*/

@media (min-width: 992px) {
    .page-content-wrapper .page-content {
        padding: 12px 20px 10px 20px !important;
    }
}

.page-sidebar-menu-closed .sidebar-toggler {
    float: right !important;
    margin-left: 8px;
}

.page-sidebar-menu.ino-sidebar-menu .sidebar-toggler {
    float: left !important;
    margin-left: 7px !important;
    margin-right: 9px !important;
}

.page-sidebar .page-sidebar-menu .sub-menu li > a, .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu .sub-menu li > a {
    font-size: 13px !important;
}

.page-sidebar .page-sidebar-menu .sub-menu, .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu .sub-menu {
    margin: 4px 0 4px 0;
}

.page-sidebar .page-sidebar-menu > li.open > a, .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu > li.open > a {
    font-size: 13px !important;
}

.btn {
    padding: 4px 14px;
}

.tab-content > .col-md-6 > .nav-stacked > li {
    background-color: #fafafa;
}

    .tab-content > .col-md-6 > .nav-stacked > li > a:hover, .nav > li > a:focus {
        background-color: #2977f7;
        color: #ffffff;
    }

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

label {
    font-size: 13px !important;
}

.page-header.navbar .page-logo {
    padding-left: 7px !important;
}

.page-sidebar-menu.ino-sidebar-menu li.sidebar-toggler-wrapper {
    background-color: #364150 !important;
    border-bottom: 1px solid #3d4957 !important;
}

.page-sidebar-menu.ino-sidebar-menu li.sidebar-search-wrapper {
    background-color: #303a48 !important;
    border-bottom: 1px solid #3d4957 !important;
}

.page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .sidebar-search .input-group, .page-sidebar .sidebar-search .input-group {
    border-bottom: none !important;
}

    .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .sidebar-search .input-group .form-control, .page-sidebar .sidebar-search .input-group .form-control {
        background-color: transparent !important;
    }

.page-sidebar .sidebar-search, .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .sidebar-search {
    margin: 10px 23px 10px 15px !important;
}

.page-sidebar .page-sidebar-menu > li.active > a, .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu > li.active > a {
    font-size: 13px;
}

.selected-item-for-keyboard {
    background: #4b78a7 !important;
}

.nav.nav-pills > li.dropdown.pull-right.tabdrop > a {
    border-left: 1px solid #d9ecf9;
}

.nav.nav-pills.blue > li.dropdown.pull-right.tabdrop > a > i, .nav.nav-pills.blue > li.dropdown.pull-right.tabdrop > a > b {
    color: #337ab7 !important;
}

.nav.nav-pills.blue > li.dropdown.pull-right.tabdrop > a:focus {
    color: #337ab7;
    background-color: #eeeeee;
}

    .nav.nav-pills.blue > li.dropdown.pull-right.tabdrop > a:focus > i, .nav.nav-pills.blue > li.dropdown.pull-right.tabdrop > a:focus > b {
        color: #337ab7 !important;
    }

.nav.nav-pills.blue > li:not(.active) > a {
    color: #337ab7 !important;
}

    .nav.nav-pills.blue > li:not(.active) > a:focus {
        color: #ffffff !important;
    }

.nav.nav-pills.blue {
    border-bottom: 1px solid #d9ecf9 !important;
}

.mt-comments .mt-comment {
    padding: 10px;
    margin: 0 0 10px;
}

    .mt-comments .mt-comment .mt-comment-img {
        width: 60px;
        height: 60px;
        float: left;
    }

        .mt-comments .mt-comment .mt-comment-img > img {
            border-radius: 50% !important;
            width: 60px;
            height: 60px;
        }

    .mt-comments .mt-comment .mt-comment-body {
        padding-left: 30px;
        position: relative;
        overflow: hidden;
    }

        .mt-comments .mt-comment .mt-comment-body .mt-comment-info:after,
        .mt-comments .mt-comment .mt-comment-body .mt-comment-info:before {
            content: " ";
            display: table;
        }

        .mt-comments .mt-comment .mt-comment-body .mt-comment-info:after {
            clear: both;
        }

        .mt-comments .mt-comment .mt-comment-body .mt-comment-info .mt-comment-author {
            display: inline-block;
            float: left;
            margin: 0 0 10px;
            color: #060606;
            font-weight: 600;
            font-size: 16px;
        }

        .mt-comments .mt-comment .mt-comment-body .mt-comment-info .mt-comment-date {
            display: inline-block;
            float: right;
            margin: 0;
            color: #1a71cc;
            font-weight: bold;
        }

        .mt-comments .mt-comment .mt-comment-body .mt-comment-text {
            color: #353535;
        }

        .mt-comments .mt-comment .mt-comment-body .mt-comment-details {
            margin: 10px 0 0;
        }

            .mt-comments .mt-comment .mt-comment-body .mt-comment-details .mt-comment-status {
                text-transform: uppercase;
                float: left;
            }

                .mt-comments .mt-comment .mt-comment-body .mt-comment-details .mt-comment-status.mt-comment-status-pending {
                    color: #B8C0F5;
                }

                .mt-comments .mt-comment .mt-comment-body .mt-comment-details .mt-comment-status.mt-comment-status-approved {
                    color: #6BD873;
                }

                .mt-comments .mt-comment .mt-comment-body .mt-comment-details .mt-comment-status.mt-comment-status-rejected {
                    color: red;
                }

            .mt-comments .mt-comment .mt-comment-body .mt-comment-details .mt-comment-actions {
                display: none;
                list-style: none;
                margin: 0;
                padding: 0;
                float: right;
            }

                .mt-comments .mt-comment .mt-comment-body .mt-comment-details .mt-comment-actions > li {
                    float: left;
                    padding: 0 5px;
                    margin: 0;
                }

                    .mt-comments .mt-comment .mt-comment-body .mt-comment-details .mt-comment-actions > li > a {
                        text-transform: uppercase;
                        color: #999;
                    }

                        .mt-comments .mt-comment .mt-comment-body .mt-comment-details .mt-comment-actions > li > a:hover {
                            color: #666;
                            text-decoration: none;
                        }

    .mt-comments .mt-comment:hover {
        background: #f9f9f9;
    }

        .mt-comments .mt-comment:hover .mt-comment-body .mt-comment-details .mt-comment-actions {
            display: inline-block;
        }

.mt-comment-status {
    display: inline-block;
    float: left;
    margin: 2px 4px 0;
    color: #4b78a7;
    font-weight: 600;
    font-size: 13px;
    border: 1px solid #4b78a7;
    padding: 0 4px;
}

.page-quick-sidebar-wrapper {
    overflow-y: auto !important;
}

.sortorder:after {
    content: '\25b2';
}

.sortorder.reverse:after {
    content: '\25bc';
}

.cur-po {
    cursor: pointer
}

.big-modal {
}

    .big-modal > .modal-dialog {
        width: 95%
    }

        .big-modal > .modal-dialog > .modal-content {
        }

            .big-modal > .modal-dialog > .modal-content > .modal-body {
                height: 82vh;
                overflow-y: auto;
                overflow-x: auto
            }

.color-red {
    color: #d84a38;
}

.color-blue {
    color: #4B8DF8;
}

.color-green {
    color: #35AA47;
}


.portlet.light > .portlet-title {
    padding: 0 10px;
}

.help-block {
    padding: 5px;
    margin: 0 !important
}


.ino_ig {
}

    .ino_ig .input-group-addon {
        background-color: #ccc !important;
        color: #000 !important;
        border-color: #ccc !important;
    }


.flex {
    display: flex;
}

.flex-end {
    align-self: flex-end;
}

.d-block {
    display: block;
}

.underline {
    text-decoration: underline;
}


.btn_fixer {
    border: none;
    background: none;
    padding-top: 5px;
}

.fl-al-center {
    display: flex;
    align-items: center;
}

.fl-ju-center {
    display: flex;
    justify-content: center;
}