@import url('/Styles/scss/min/summary_offer_insurer_logos.min.css');

[ng\:cloak], [ng-cloak], [data-ng-cloak], [x-ng-cloak], .ng-cloak, .x-ng-cloak {
    display: none !important;
}

body, html {
    overflow-x: hidden;
    width: 100%;
    color: #6b6b6b;
}

body {
    min-width: inherit !important;
}

.modal-update-dealer button {
    margin-top: 4px;
}

iframe {
    border: none;
    position: relative;
}

@media (min-width: 992px) {
    .typo-line {
        padding-left: 140px;
        margin-bottom: 40px;
        position: relative;
    }

        .typo-line .category {
            transform: translateY(-50%);
            top: 50%;
            left: 0px;
            position: absolute;
        }
}

.all-icons [class*="pe-"] {
    font-size: 40px;
}

.all-icons input {
    border: 0;
}

.all-icons .font-icon-detail {
    text-align: center;
    padding: 45px 0px 30px;
    border: 1px solid #e5e5e5;
    border-radius: 6px;
    margin: 15px 0;
}

    .all-icons .font-icon-detail input {
        margin: 25px auto 0;
        width: 100%;
        text-align: center;
        display: block;
        color: #aaa;
        font-size: 13px;
    }

#map {
    position: relative;
    width: 100%;
    height: calc(100% - 60px);
}

.places-buttons .btn {
    margin-bottom: 30px;
}

.sidebar {
    display: block;
    left: 0;
    transition: all .3s ease-in-out;
}

.navbar {
    position: fixed;
    width: 100%;
    z-index: 4;
}

.main-panel {
    transition: all .3s ease-in-out;
}

    .main-panel > .content {
        padding: 30px 15px;
        min-height: calc(100% - 60px);
    }

.content {
    padding-top: 80px !important;
}

.sidebar .nav li > a, body > .navbar-collapse .nav li > a {
    margin: 5px 0;
}

    .sidebar .nav li > a i {
        -webkit-transition: all 350ms ease-in-out;
        -moz-transition: all 350ms ease-in-out;
        -ms-transition: all 350ms ease-in-out;
        -o-transition: all 350ms ease-in-out;
        transition: all 350ms ease-in-out;
    }

    .sidebar .nav li > a[aria-expanded="true"] .fa-angle-down {
        transform: rotate(180deg);
    }

.sidebar .nav #submenu li {
    padding: 3px 0 3px 10px;
    -webkit-transition: all 350ms ease-in-out;
    -moz-transition: all 350ms ease-in-out;
    -ms-transition: all 350ms ease-in-out;
    -o-transition: all 350ms ease-in-out;
    transition: all 350ms ease-in-out;
}

    .sidebar .nav #submenu li:hover {
        background: rgba(255, 255, 255, 0.13);
    }

        .sidebar .nav #submenu li:hover > a {
            background: none;
        }

.sidebar .nav #reportservicesubmenu li {
    padding: 3px 0 3px 10px;
    -webkit-transition: all 350ms ease-in-out;
    -moz-transition: all 350ms ease-in-out;
    -ms-transition: all 350ms ease-in-out;
    -o-transition: all 350ms ease-in-out;
    transition: all 350ms ease-in-out;
}

    .sidebar .nav #reportservicesubmenu li:hover {
        background: rgba(255, 255, 255, 0.13);
    }

        .sidebar .nav #reportservicesubmenu li:hover > a {
            background: none;
        }

@media (max-width: 991px) {
    .sidebar {
        display: block;
        left: -300px;
    }

    .main-panel {
        float: none;
    }

    .navbar-toggle {
        position: fixed;
        right: 16px;
        z-index: 2;
        padding: 0;
    }

    /*.navbar-default .navbar-toggle .icon-bar {
        background-color: #2272d1;
    }*/
}

@media (max-width: 480px) {
    .navbar-brand {
        display: none;
    }

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

.sidebar .sidebar-wrapper, body > .navbar-collapse .sidebar-wrapper {
    padding-bottom: 0;
    overflow-x: hidden;
}

.active-pro {
    position: absolute;
    /* width: 100%; */
    bottom: 10px;
    z-index: 4;
    padding: 0 20px;
    width: 245px;
}

    .active-pro img {
        width: 100%;
    }

@media all and (max-height: 840px) {
    .active-pro {
        position: relative;
        margin-top: 20px;
    }
}

.sidebar .nav > li.active-pro a {
    /*background: rgba(255, 255, 255, 0.14);*/
    opacity: 1;
    color: #FFFFFF;
}

.table-upgrade td:nth-child(2),
.table-upgrade td:nth-child(3) {
    text-align: center;
}


.box {
    border-radius: 3px;
    /*box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);*/
    box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.16), 0 2px 6px 0 rgba(0, 0, 0, 0.12);
    padding: 10px 25px;
    text-align: center;
    display: block;
    margin-top: 60px;
    font-size: 14px;
    min-height: 271px;
    background-color: #fff;
}

.box-icon {
    background-color: #96c11f;
    border-radius: 50%;
    display: table;
    height: 100px;
    margin: 0 auto;
    width: 100px;
    margin-top: -61px;
}

    .box-icon.blue {
        background-color: #296ad3;
    }

    .box-icon i {
        color: #fff;
        display: table-cell;
        text-align: center;
        vertical-align: middle;
        font-size: 43px;
    }

.operation div .box .info {
    width: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
}

.box .info {
    height: 200px;
    display: inline-block;
    margin-top: 15px;
    position: relative;
}

.btn {
    box-shadow: 0 3px 5px #dedede;
    font-weight: 600;
}

.box .info .btn-success, .box .info .btn-blue {
    position: absolute;
    bottom: 0;
    margin-bottom: 10px;
    max-width: 252px;
}

.btn-success {
    border-color: #87b115;
    color: #96c11f;
}

.btn-blue {
    border-color: #296ad3;
    color: #1F77D0;
}

.btn-success:hover, .btn-success:active, .btn-success:focus {
    background-color: #96c11f !important;
    color: #fff;
    border-color: #87b115 !important;
}

.btn-blue:hover, .btn-blue:active, .btn-blue:focus {
    background-color: #1F77D0 !important;
    color: #fff;
    border-color: #296ad3 !important;
}

.btn-info:hover, .btn-info:active, .btn-info:focus {
    background-color: #42d0ed;
    color: #fff;
    border-color: #42d0ed;
}

.btn-danger:hover, .btn-danger:focus, .btn-danger:active {
    background-color: #EE2D20;
    color: #fff;
    border-color: #EE2D20;
}

.box h5 {
    font-size: 15px;
    font-weight: bold;
}

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

.box .btn-block {
    margin-bottom: 16px;
}

.form-control {
    box-shadow: inset 1px 1px 5px #eee;
}

.bs-callout {
    padding: 20px;
    margin: 20px 0;
    border: 1px solid #eee;
    border-left-width: 5px;
    border-radius: 3px;
    background: #fff;
}

    .bs-callout h4 {
        margin-top: 0;
        margin-bottom: 5px;
    }

    .bs-callout p:last-child {
        margin-bottom: 0;
    }

    .bs-callout code {
        border-radius: 3px;
    }

    .bs-callout + .bs-callout {
        margin-top: -5px;
    }

.bs-callout-default {
    border-left-color: #777;
}

    .bs-callout-default h4 {
        color: #777;
    }

.bs-callout-primary {
    border-left-color: #428bca;
}

    .bs-callout-primary h4 {
        color: #428bca;
    }

.bs-callout-success {
    border-left-color: #5cb85c;
}

    .bs-callout-success h4 {
        color: #5cb85c;
    }

.bs-callout-danger {
    border-left-color: #d9534f;
}

    .bs-callout-danger h4 {
        color: #d9534f;
    }

.bs-callout-warning {
    border-left-color: #f0ad4e;
}

    .bs-callout-warning h4 {
        color: #f0ad4e;
    }

.bs-callout-info {
    border-left-color: #5bc0de;
}

    .bs-callout-info h4 {
        color: #5bc0de;
    }

.post-date {
    font-size: 13px;
    font-weight: bold;
    color: #555;
}

.anouncement-dropdown li {
    border-bottom: 1px solid #eee;
    font-size: 13px;
}

    .anouncement-dropdown li:first-child a {
        display: inline-block;
        font-size: 12px;
        color: #428bca;
    }

        .anouncement-dropdown li:first-child a:hover {
            background: none;
            text-decoration: underline;
        }

    .anouncement-dropdown li.unread {
        background-color: azure;
    }

    .anouncement-dropdown li .fa-circle {
        font-size: 8px;
        color: #428bca;
    }


.notification-callout {
    position: relative;
}

    .notification-callout.active {
        background: azure;
    }

    .notification-callout .actions {
        position: absolute;
        top: 0;
        right: 0;
        padding: 12px 24px;
        font-size: 12px;
    }

        .notification-callout .actions a:hover {
            text-decoration: underline;
        }


#loading-bar,
#loading-bar-spinner {
    pointer-events: none;
    -webkit-transition: 350ms linear all;
    -moz-transition: 350ms linear all;
    -o-transition: 350ms linear all;
    transition: 350ms linear all;
}

    #loading-bar.ng-enter,
    #loading-bar.ng-leave.ng-leave-active,
    #loading-bar-spinner.ng-enter,
    #loading-bar-spinner.ng-leave.ng-leave-active {
        opacity: 0;
    }

        #loading-bar.ng-enter.ng-enter-active,
        #loading-bar.ng-leave,
        #loading-bar-spinner.ng-enter.ng-enter-active,
        #loading-bar-spinner.ng-leave {
            opacity: 1;
        }

    #loading-bar .bar {
        -webkit-transition: width 350ms;
        -moz-transition: width 350ms;
        -o-transition: width 350ms;
        transition: width 350ms;
        background: #365BD7;
        position: fixed;
        z-index: 999999999;
        top: 0;
        left: 0;
        width: 100%;
        height: 3px;
        border-bottom-right-radius: 1px;
        border-top-right-radius: 1px;
    }

    #loading-bar .peg {
        position: absolute;
        width: 70px;
        right: 0;
        top: 0;
        height: 2px;
        opacity: .45;
        -moz-box-shadow: #444 1px 0 6px 1px;
        -ms-box-shadow: #444 1px 0 6px 1px;
        -webkit-box-shadow: #444 1px 0 6px 1px;
        box-shadow: #444 1px 0 6px 1px;
        -moz-border-radius: 100%;
        -webkit-border-radius: 100%;
        border-radius: 100%;
    }

/*Anouncements */
.table-inbox td:first-child {
    width: 40px;
}

.mail-checkbox {
    position: relative;
    top: 3px;
}

.mail-box {
    border-collapse: collapse;
    border-spacing: 0;
    display: table;
    table-layout: fixed;
    width: 100%;
}


    .mail-box .lg-side {
        background: none repeat scroll 0 0 #fff;
        border-radius: 0 4px 4px 0;
        width: 100%;
    }

.inbox-body {
    padding: 20px;
    box-shadow: 0 0 10px #ddd;
}

.input-append {
    margin-right: 260px;
}



.nav.nav-pills.nav-stacked.labels-info p {
    color: #9d9f9e;
    font-size: 11px;
    margin-bottom: 0;
    padding: 0 22px;
}

.inbox-head {
    background: none repeat scroll 0 0 #f7f7f8;
    border-radius: 0 4px 0 0;
    color: #fff;
    min-height: 80px;
    padding: 20px 0;
}

    .inbox-head .sr-input {
        border: medium none;
        border-radius: 4px 0 0 4px;
        box-shadow: none;
        color: #8a8a8a;
        float: left;
        height: 40px;
        padding: 0 10px;
    }

    .inbox-head .sr-btn {
        background: none repeat scroll 0 0 #00a6b2;
        border: medium none;
        border-radius: 0 4px 4px 0;
        color: #fff;
        height: 40px;
        padding: 0 20px;
    }

.table-inbox {
    border: 1px solid #d3d3d3;
    margin-bottom: 0;
}

    .table-inbox tr td {
        padding: 12px !important;
    }

.list-group > a > div.unread {
    background: none repeat scroll 0 0 #f7f7f7;
    font-weight: 600;
}


.mail-option {
    display: inline-block;
    margin-bottom: 10px;
    width: 100%;
}

    .mail-option .chk-all, .mail-option .btn-group {
        margin-right: 5px;
    }

        .mail-option .chk-all, .mail-option .btn-group a.btn {
            background: none repeat scroll 0 0 #fcfcfc;
            border: 1px solid #e7e7e7;
            border-radius: 3px !important;
            color: #333;
            display: inline-block;
            padding: 5px 10px;
        }


            .mail-option .chk-all input[type="checkbox"] {
                margin-top: 0;
            }

        .mail-option .btn-group a.all {
            border: medium none;
            padding: 0;
        }

#dealerAnnouncementsMenu {
    position: absolute;
    right: 290px;
}

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

.center {
    text-align: center;
}

.padding-30 {
    padding: 30px;
}

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

.no-shadow {
    box-shadow: none;
}

.card label {
    font-size: inherit;
    margin-bottom: 8px;
    color: inherit;
}

.card .title {
    color: #808080;
}

textarea {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    width: 100%;
    border: 1px solid #e7e7e7;
}

.small-text {
    font-size: 80%;
}

/* cUSTOM cHECKBOX*/

[type="checkbox"].custom-checkbox:not(:checked),
[type="checkbox"].custom-checkbox:checked {
    position: absolute;
    left: -9999px;
}

    [type="checkbox"].custom-checkbox:not(:checked) + label,
    [type="checkbox"].custom-checkbox:checked + label {
        position: relative;
        padding-left: 30px;
        cursor: pointer;
        padding-top: 0;
        font-size: 14px;
        margin-right: 15px;
    }

        [type="checkbox"].custom-checkbox:not(:checked) + label:before,
        [type="checkbox"].custom-checkbox:checked + label:before {
            content: '';
            position: absolute;
            left: 0;
            top: 0px;
            width: 20px;
            height: 20px;
            border: 2px solid #d6d6d6 !important;
            background: #f8f8f8;
            border-radius: 0;
        }

        /* checked mark aspect */
        [type="checkbox"].custom-checkbox:not(:checked) + label:after,
        [type="checkbox"].custom-checkbox:checked + label:after {
            content: '✔';
            position: absolute;
            top: 0px;
            left: 0px;
            width: 20px;
            height: 20px;
            font-size: 15px;
            color: #fff;
            transition: all .2s;
            background-color: #9cd056;
            text-align: center;
            line-height: 20px;
        }

        [type="checkbox"].custom-checkbox:not(:checked) + label:after {
            opacity: 0;
            transform: scale(0);
        }

        [type="checkbox"].custom-checkbox:checked + label:after {
            opacity: 1;
            transform: scale(1);
        }

/* Custom File Upload*/
input[type="file"].attachment {
    display: none;
}

.custom-file-upload {
    border: 1px solid #E3E3E3;
    display: inline-block;
    padding: 6px 12px;
    cursor: pointer;
    border-radius: 5px;
    box-shadow: inset 1px 1px 5px #eee;
}

    .custom-file-upload i.fa {
        margin-right: 3px;
    }

/* insurer logos field // /Styles/scss/min/summary_offer_insurer_logos.min.css import ediliyor // kaynak dosya: /Styles/scss/summary_offer_insurer_logos.scss */
/*.offer-logo {
    display: inline-block;
    width: 150px;
    height: 50px;
    background: url("https://static.koalay.com/Images/KoalayApp/Desktop/Quotation/sigorta-logos.png") no-repeat center;
    border-right: 1px solid #f2f2f2;
    padding: 0 30px;
}

    .offer-logo.HDI {
        background-position: center -50px;
    }

    .offer-logo.GUNES {
        background-position: center -100px;
    }

    .offer-logo.FINANS {
        background-position: center -150px;
    }

    .offer-logo.ANADOLU {
        background-position: center -200px;
    }

    .offer-logo.ALLIANZ, .offer-logo.GHOST {
        background-position: center -250px;
    }

    .offer-logo.ZURICH {
        background-position: center -300px;
    }

    .offer-logo.AVIVA {
        background-position: center -350px;
    }

    .offer-logo.BASAK {
        background-position: center -400px;
    }

    .offer-logo.ERGO, .offer-logo.ERGOISVICRE {
        background-position: center -450px;
    }

    .offer-logo.KORU {
        background-position: center -500px;
    }

    .offer-logo.AIG {
        background-position: center -550px;
    }

    .offer-logo.AKSIGORTA {
        background-position: center -600px;
    }

    .offer-logo.RAY {
        background-position: center -650px;
    }

    .offer-logo.NIPPON {
        background-position: center -704px;
    }

    .offer-logo.AXA {
        background-position: center -757px;
    }

    .offer-logo.GENEL {
        background-position: center 0;
    }

    .offer-logo.HALK {
        background-position: center -870px;
    }

    .offer-logo.DOGA {
        background-position: center -917px;
    }

    .offer-logo.CHARTIS {
        background-position: center -978px;
    }

    .offer-logo.CENGIZ {
        background-position: center -816px !important;
    }

    .offer-logo.QUICK {
        background-position: center -1042px !important;
    }

    .offer-logo.EUREKO {
        background-position: center -1092px;
    }

    .offer-logo.GULF {
        background-position: center -978px;
    }

    .offer-logo.ANKARA {
        background-position: center -648px;
        background-size: 48%;
    }

    .offer-logo.BEREKET {
        background-position: center -1242px;
    }*/

.insurer-logos {
    color: #34495e;
    background-color: white;
    padding: 30px 15px;
}

    .insurer-logos h2 {
        font-size: 26px;
        font-weight: 600;
        margin-top: 0
    }

    .insurer-logos span {
        border-color: transparent;
        padding: 0;
        margin: 8px;
    }

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

#policy-search-border {
    border-radius: 4px;
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05), 0 0 0 1px rgba(63, 63, 68, 0.1);
    background-color: #FFFFFF;
    margin-bottom: 30px;
}

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

.custom-btn {
    background-color: #1F77D0;
    border: none;
    color: white;
    cursor: pointer;
    width: 133px;
    left: 270px;
    height: 40px;
    border-radius: 3px;
}

#btn-search {
    position: relative;
}

#find-policy {
    position: absolute;
}

#searched-policy-header > tr > th {
    color: white;
    font-weight: bold;
}

#searched-policy-header {
    background-color: gray;
}

.policy-items {
    background-color: cornsilk;
}

@media only screen and (max-width: 600px) {
    #policy-search-border {
        width: 100% !important;
    }

    #find-policy {
        width: 90%
    }

    #btn-search {
        width: 100%;
        position: relative;
        left: 0 !important;
        margin-top: 50px;
        text-align: center;
        display: block;
    }

    .custom-btn {
        margin-top: 55px;
        left: 75px !important;
    }
}

#policy-search-border > .title {
    color: #808080;
    margin: 0;
    font-weight: 300;
}

.tbl-policy {
    overflow-y: scroll;
    max-height: 350px;
    display: block;
}

#btn-return {
    font-size: small;
}



.send-policy .title {
    border-bottom: 1px solid #ededed;
    padding-bottom: 20px;
}

.send-policy__content {
}

    .send-policy__content #cengiz {
        max-width: 100%;
    }

    .send-policy__content #find-policy {
        position: initial;
    }

    .send-policy__content #btn-search {
        position: initial;
        left: initial;
        width: 100%;
        font-size: 13px;
    }

.send-policy__form {
    padding-top: 60px;
}

.send-policy .policy-items .custom-btn {
    font-size: 13px;
    width: auto;
    padding: 12px;
}

.panel-body ul li {
    margin: 10px
}

/* BBC-485 Start */
.operation-nottificationBar {
    height: 100%;
    display: flex;
    align-items: center;
    position: relative;
}

.ONB-button {
    cursor: pointer;
}

    .ONB-button span {
        display: none;
    }

.ONB-icon {
    font-size: 26px;
    color: #9A9A9A;
}

.ONB-button.active .ONB-icon {
    color: #42D0ED;
}

.ONB-count:not(:empty) {
    position: absolute;
    top: 19px;
    left: 15px;
    z-index: 1;
    width: 18px;
    height: 18px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 2px;
    font-size: 10px;
    font-style: normal;
    color: #fff;
    background: #FB404B;
    border-radius: 50%;
}


.ONB-list-holder {
    position: absolute;
    top: 91%;
    z-index: 1;
    background: white;
    border: 1px solid #E4EEEE;
    border-radius: 5px;
    box-shadow: 0px 5px 5px 0px rgba(0, 0, 0, 0.2);
    right: -10px;
    width: 70vw;
    max-width: 380px;
}

    .ONB-list-holder::before {
        content: '';
        position: absolute;
        left: 91%;
        top: -11px;
        transform: translateX(-50%);
        border-style: solid;
        border-width: 0 10px 11px;
        border-color: transparent transparent #E4EEEE transparent;
    }

    .ONB-list-holder::after {
        content: '';
        position: absolute;
        left: 91%;
        top: -8px;
        transform: translateX(-50%);
        border-style: solid;
        border-width: 0 11px 10px;
        border-color: transparent transparent #ffffff transparent;
    }

.ONB-listWrp {
    list-style: none;
    max-height: 364px;
    padding: 10px 0px;
    margin: 0;
    overflow: auto;
}

    .ONB-listWrp li a {
        display: block;
        padding: 8px 16px;
        font-size: 13px;
        font-weight: 400;
        line-height: 1.42857143;
        color: #333333;
        background: #ffffff;
    }

    .ONB-listWrp li:not(:first-child) a {
        border-top: 1px solid #E4EEEE;
    }

    .ONB-listWrp li a.unread {
        background: #f0ffff;
    }

    .ONB-listWrp li a:hover {
        background: #F5F5F5;
    }

    .ONB-listWrp li a::before {
        content: "";
        display: inline-block;
        width: 8px;
        height: 8px;
        background: #c6c7c1;
        border-radius: 50%;
        margin-right: 5px;
    }

    .ONB-listWrp li a.unread::before {
        background: #428bca;
    }

@media (min-width: 992px) {
    .ONB-button {
        padding: 8px 14px;
        font-weight: 700;
        border: 2px solid #42D0ED;
        border-radius: 3px;
    }

        .ONB-button span {
            display: inline-block;
        }

    .ONB-icon {
        display: none;
    }

    .ONB-button:hover,
    .ONB-button.active {
        background: #42D0ED;
        color: #fff;
    }

    .ONB-count:not(:empty) {
        width: 20px;
        height: 20px;
        top: 50%;
        left: initial;
        right: 14px;
        transform: translate(0%, -50%);
    }

        .ONB-count:not(:empty) + span {
            margin-right: 25px;
        }

    .ONB-list-holder {
        width: 30vw;
        min-width: 100%;
        left: 50%;
        right: inherit;
        transform: translateX(-65%);
    }

        .ONB-list-holder::before {
            left: 65%;
        }

        .ONB-list-holder::after {
            left: 65%;
        }
}

.modal-body * {
    max-width: 100%;
}

/* BBC-485 End */