﻿/*****************************/
/******   Desktop   **********/
/*****************************/
.desktop-container h2 {
    color: #0b77c2;
    font-size: 40px;
    font-weight: 100;
    margin-bottom: 0px;
}

.account-container h2 {
    color: #0b77c2;
    font-size: 40px;
    font-weight: 100;
    margin-bottom: 0px;
}

.quotes > h2 {
    /*color: #0b77c2;
    font-size: 40px;
    font-weight: 100;*/
}

.account-info h2 {
    color: #0b77c2;
    font-size: 30px;
    font-weight: 100;
    margin-bottom: 0;
}

.resultDisclaimer {
    display: inline-block;
    margin-left: 10px;
    margin-bottom: 20px;
}

.disabledButton {
    background: #6e6e6f !important;
    color: #d9dada !important;
    -webkit-box-shadow: none !important;
    box-shadow: none !important;
    cursor: auto !important;
}

.titleHelpText {
    margin-left: 18px;
    color: #6e6e6f;
    font-size: 14px;
    font-style: italic;
    margin-top: -13px;
}

.titleHelpTextNotItalic {
    margin-left: 18px;
    color: #6e6e6f;
    font-size: 14px;
    margin-top: -13px;
}

.head-logo {
    float: left;
}
 
.head .head-logo.pgrx {
    width: 80px;
    height: 70px;
    float: left
}

.error {
    color: red;
}

    .error .errorItem {
        cursor: pointer;
    }

.tooltip-inner-log .tooltip-inner {
    max-width: 350px !important;
}

.hidden {
    display: none;
}

.visible-hidden {
    visibility: hidden;
}

.visible {
    visibility: visible;
}

.clickable {
    cursor: pointer;
}

.abortbutton {
    margin-left: 10px;
}

    .abortbutton.color {
        color: #fff;
        text-shadow: 0 1px 0 rgba(0,0,0,.2);
        background-image: linear-gradient(top, rgba(255,255,255,.3), rgba(255,255,255,0));
    }

    .abortbutton.blue {
        background-color: #269CE9;
        border-color: #269CE9;
    }

        .abortbutton.blue:hover {
            background-color: #70B9E8;
        }

        .abortbutton.blue:active {
            background: #269CE9;
        }

.spinner-gif {
    background: url('../../Images/BarLoader3.gif') no-repeat;
}

.messCenter .tooltip {
    width: 120px;
}

.quotes .tooltip {
    width: 120px;
}

.customers .tooltip {
    width: 120px;
}

.coverageWithTooltip {
    border-bottom-style: dotted;
    border-bottom-width: 1px;
}

.resultBl-toToggle {
    display: none;
}

.clear-fieldset {
    border: 0;
    margin: 0;
    padding: 0;
}

.addCovLi {
    margin-top: 10px;
}

.flow .spinner-gif {
    height: 400px;
    margin-top: 100px;
    margin-left: 300px;
}

.filterDropDown a {
    width: 120px !important;
}

.filterDropDownFieldAgent a {
    width: 92px !important;
}

.pageNumber {
    text-decoration: none;
    color: #0b77c2;
    padding: 0 1px;
}

.currentPageNumber {
    font-weight: bold;
    font-size: 20px !important;
    position: relative;
    top: 1px;
}

.viewQuotesPaginator {
    margin-left: 43%;
}

.toolTipError {
    background-color: #fce3e3 !important;
    border: 1px solid #b94a48 !important;
}

.fade-in-animation.ng-hide-add, .fade-in-animation.ng-hide-remove {
    -webkit-transition: all linear 1s;
    -moz-transition: all linear 1s;
    -o-transition: all linear 1s;
    transition: all linear 1s;
    display: block !important;
}

    .fade-in-animation.ng-hide-add.ng-hide-add-active,
    .fade-in-animation.ng-hide-remove {
        opacity: 0;
    }

        .fade-in-animation.ng-hide-add,
        .fade-in-animation.ng-hide-remove.ng-hide-remove-active {
            opacity: 1;
        }

.accountDetEdit {
    display: inline-block;
    height: 14px;
    width: 17px;
    margin-left: 10px;
    background: url('../../Images/accountDetEdit.png') no-repeat;
    /*position: absolute;*/
}

.accountDetExport {
    display: inline-block;
    height: 14px;
    width: 17px;
    margin-left: 10px;
    background: url('../../Images/accountDetExport.png') no-repeat;
}

.accountDetHome {
    display: inline-block;
    height: 14px;
    width: 17px;
    background: url('../../Images/accountDetHome.png') no-repeat;
}

.accountDetPhone {
    display: inline-block;
    height: 14px;
    width: 17px;
    background: url('../../Images/accountDetPhone.png') no-repeat;
}

.accountDetMail {
    display: inline-block;
    height: 14px;
    width: 17px;
    background: url('../../Images/accountDetMail.png') no-repeat;
}

.accountDetOrganizationName {
    display: inline-block;
    height: 14px;
    width: 17px;
    padding-left: 2px;
    background: url('../../Images/accountDetOrganizationName.png') no-repeat;
}

.quoteBlTr {
    display: inline-block;
    height: 40px;
    width: 40px;
    margin-left: -14px;
    margin-bottom: 20px;
    background: url('../../Images/quote_bl_tr.png') no-repeat;
}

.sideBarPositioningDesktop .message {
    margin-top: 134px;
}

.sideBarPositioningAccount .message {
    margin-top: 112px;
}



/* customers */
.customers {
    padding-left: 20px;
    padding-right: 40px;
}

    .customers > a {
        color: #6fa2d3;
        float: right;
        text-decoration: none;
        padding: 10px;
    }

        .customers > a:hover {
            text-decoration: underline;
        }

    .customers table {
        background: #f7f7f8;
        width: 100%;
        height: 100%;
        font-size: 16px;
        position: relative;
        table-layout: fixed;
    }

        .customers table thead th {
            background: #e6e7e9;
            text-align: left;
            padding: 10px;
            font-weight: normal;
            line-height: 24px;
        }

        .customers table .col1 div {
            width: 0;
        }

        .customers table .col2 div {
            width: 115px;
        }

        .customers table .col3 div {
            width: 140px;
        }

        .customers table .col4 div {
            width: 125px;
        }

        .customers table .col5 div {
            width: 95px;
        }

        .customers table .col6 div {
            width: 100px;
        }

        .customers table .col7 div {
            width: 45px;
        }

        .customers table .col8 div {
            width: 70px;
        }

        .customers table tr {
            display: block;
            border-bottom: 1px solid #d2d2d2;
        }

            .customers table tr.noBottomBorder,
            .customers table tr.dynamicTR,
            .customers table thead tr {
                border-bottom: 0;
            }

            .customers table tr .copyDel span {
                color: #0b77c2;
            }

            .customers table tr .copyDel a {
                text-decoration: none;
                color: #0b77c2;
                font-size: 12px;
            }

            .customers table tr .copyDel * {
                visibility: hidden;
            }

        .customers table th {
            color: #0b77c2;
            padding: 10px 10px;
        }

        .customers table td {
            color: #6e6e6f;
            padding: 13px 10px;
        }

        .customers table tr .bolt {
            color: #6e6e6f;
            padding: 13px 10.9px;
        }

        .customers table tbody tr.hoverEnabled:hover {
            background: #bfe5ff; /* Old browsers */
            /* IE9 SVG, needs conditional override of 'filter' to 'none' */
            background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2JmZTVmZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNhMGQ4ZWYiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
            background: -moz-linear-gradient(top, #bfe5ff 0%, #a0d8ef 100%); /* FF3.6+ */
            background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#bfe5ff), color-stop(100%,#a0d8ef)); /* Chrome,Safari4+ */
            background: -webkit-linear-gradient(top, #bfe5ff 0%,#a0d8ef 100%); /* Chrome10+,Safari5.1+ */
            background: -o-linear-gradient(top, #bfe5ff 0%,#a0d8ef 100%); /* Opera 11.10+ */
            background: -ms-linear-gradient(top, #bfe5ff 0%,#a0d8ef 100%); /* IE10+ */
            background: linear-gradient(to bottom, #bfe5ff 0%,#a0d8ef 100%); /* W3C */
            filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#bfe5ff', endColorstr='#a0d8ef',GradientType=0 ); /* IE6-8 */
            -webkit-box-shadow: 0 2px 12px 0px #9E9E9E;
            box-shadow: 0 2px 12px 0px #9E9E9E;
            display: block;
            width: 850px;
            border: 1px solid #BEBEBE;
            margin-left: -20px;
            margin-top: -2px;
            padding: 0 19px;
            border-radius: 6px;
            cursor: pointer;
        }

        .customers table tbody tr:hover td {
            border-bottom: 1px solid transparent;
        }

        .customers table tbody tr:hover .copyDel * {
            visibility: visible;
        }

        .customers table th a {
            padding: 0;
            color: #0b77c2;
            margin: 0;
            text-decoration: none;
        }

            .customers table th a:hover {
                text-decoration: underline;
            }


        .customers table .sortArrow {
            display: inline-block;
            height: 10px;
            width: 12px;
            background: url('../../Content/Images/arr_bl.png') no-repeat;
            cursor: pointer;
        }

            .customers table .sortArrow.up {
                background: url('../../Images/Desktop/arr_bl_up.jpg') no-repeat;
            }

.tableWrap {
    background: #f7f7f8;
    padding: 4px;
    border: 1px solid #e4e5e6;
}

.chars-bottomControl {
    clear: both;
}

.tableWrap table tr td,
.tableWrap table tr th {
    word-break: break-word;
}

.ui-view-container {
    position: relative;
}

[ui-view].ng-enter {
    position: relative;
    -webkit-transition: all .5s ease-in-out;
    -moz-transition: all .5s ease-in-out;
    -o-transition: all .5s ease-in-out;
    transition: all .5s ease-in-out;
}

[ui-view].ng-enter {
    opacity: 0;
}

[ui-view].ng-enter-active {
    opacity: 1;
}

[ui-view].ng-leave {
    opacity: 1;
}

[ui-view].ng-leave-active {
    opacity: 0;
}

.multiSelectBox-errors {
    background-color: #fce3e3 !important;
}

.quoteFilter .multiSelectBox .dropdown dt a {
    text-decoration: none;
    background-clip: padding-box;
    -webkit-touch-callout: none;
    user-select: none;
    display: inline-block;
    width: 240px;
    height: 26px !important;
    min-height: 26px !important;
    line-height: inherit;
    margin: 0;
    padding: 0 15px 1px 11px;
    border: 1px solid #CFCFCF;
    -ms-border-radius: 8px;
    border-radius: 8px;
    outline: 0;
    -webkit-box-shadow: inset 1px 1px 0 0 #E6E6E6;
    -ms-box-shadow: inset 1px 1px 0 0 #E6E6E6;
    box-shadow: inset 1px 1px 0 0 #E6E6E6;
    position: relative;
    cursor: pointer;
    color: #929292;
}

    .quoteFilter .multiSelectBox .dropdown dt a span, .multiSel span {
        cursor: pointer;
        display: inline-block;
        position: relative;
        top: 5px;
        margin: 0px;
    }

.quoteFilter .multiSelectBox .dropdown dt > a {
    background-position: 238px 11px;
}

.quoteFilter .quoteFilter-location .multiSelectBox .dropdown dt > a {
    width: 70px !important;
}

.quotes .quoteFilter .multiSelectLob .multiSelectBox {
    display: inline-block;
}

    .quotes .quoteFilter .multiSelectLob .multiSelectBox .dropCheckList {
        width: 160px !important;
    }

        .quotes .quoteFilter .multiSelectLob .multiSelectBox .dropCheckList dl {
            margin: 0;
        }

    .quotes .quoteFilter .multiSelectLob .multiSelectBox .dropdown dt > a {
        width: 130px;
        background-position: 130px 11px;
    }

.quoteFilter .multiSelectLobAccountInfo .multiSelectBox .dropdown dt a {
    width: 60px !important;
}

.quoteFilter .multiSelectLobAccountInfo .multiSelectBox .dropdown dt > a {
    width: 70px !important;
    background-position: 70px 11px;
}

.quotes .quoteFilter .multiSelectLobAccountInfo .multiSelectBox .dropCheckList {
    width: 110px !important;
}

.quotes .quoteFilter .multiSelectLobAccountInfo {
    max-width: 110px !important;
    max-height: 28px;
}

.fixed-footer {
    position: fixed;
    bottom: 0;
    left: 0;
    right: 0;
}

.block-ui-message.spinner-gif {
    width: 142px !important;
    height: 60px !important;
}

.program-notice-popup .actionItem-el.input-error {
    background: #f0f0f1 !important;
}

.customersCity {
    padding-left: 20px;
}

.message-files .file-upload-add {
    /*position: relative;*/
    overflow: hidden;
}

    .message-files .file-upload-add label {
        float: left;
    }

    .message-files .file-upload-add input[type=file] {
        width: 1px;
        height: 1px;
        position: absolute;
        left: -5px;
    }

.unsubscribeMail {
    color: #0b77c2;
    font-size: 16px;
    background-color: #f7f7f8;
    border: 1px solid #e4e5e6;
    padding: 5px;
    display: flex;
    display: block;
}

.accountInfoPhoneddl {
    display: inline;
}

    .accountInfoPhoneddl .offline-quotes-select-container > a:first-child {
        width: 155px !important;
    }

.file-upload-add-text {
    text-decoration: underline;
}

.clipperTooltipUnlimtedWidth .tooltip-inner {
    max-width: none !important;
}

.clipperTooltip .tooltip-inner {
    max-width: 200px;
    word-wrap: break-word;
}




table.personalQuotesTable th.col1 {
    width: 104px !important;
}

table.personalQuotesTable td.col1 {
    width: 104px !important;
}


table.personalQuotesTable th.col2 {
    width: 56px;
}

table.personalQuotesTable td.col2 {
    width: 56px;
}

table.personalQuotesTable .col3 {
    width: 80px;
}

table.personalQuotesTable .col4 {
    width: 94px;
}

table.personalQuotesTable .col5 {
    width: 116px;
}

table.personalQuotesTable .col6 {
    width: 76px;
}

table.personalQuotesTable th.col7 {
    width: 164px;
}

table.personalQuotesTable td.col7 {
    width: 75px;
}

table.personalQuotesTable td a {
color:#0b77c2;
font-size:13px;
}

table.personalQuotesTable tr.more-info {
    background: #e0f3ff;
    width: 100%;
}

.customerMatching fieldset {
    border: solid 1px #bfe5ff;
    border-radius: 4px;
}

    .customerMatching fieldset legend {
        margin: 16px 16px -16px -4px;
        padding: 8px 16px 16px 8px;
        color: #0b77c2;
    }



.customerMatching .h2 {
    font-weight: 100;
    font-size: 1.17em;
}

.customerMatching .h3 {
    font-weight: 100;
    font-size: 1.17em;
}

.customerMatching .col6 {
    width: 46%;
    margin: 1%;
    display: inline-block;
    vertical-align: top;
    margin-top: -12px;
}

.customerMatching dl {
}

    .customerMatching dl dt {
        float: left;
        min-width: 120px;
        color: #0b77c2;
        font-weight: bold;
        padding: 0 8px;
        clear: left;
        line-height: 120%;
    }

.customerMatching dl {
}


.customerMatching .btn {
    display: inline-block;
    margin-bottom: 0;
    font-weight: normal;
    text-align: center;
    vertical-align: middle;
    -ms-touch-action: manipulation;
    touch-action: manipulation;
    cursor: pointer;
    background-image: none;
    border: 1px solid transparent;
    white-space: nowrap;
    padding: 6px 12px;
    font-size: 16px;
    line-height: 1.42857143;
    border-radius: 4px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    background: #0b77c2;
    color: #fff;
}
.customerMatching .btn-clean {
    display: inline-block;
    margin-bottom: 0;
    font-weight: normal;
    text-align: center;
    vertical-align: middle;
    -ms-touch-action: manipulation;
    touch-action: manipulation;
    cursor: pointer;
    background-image: none;
    border: 1px solid transparent;
    white-space: nowrap;
    padding: 6px 12px;
    font-size: 12px;
    
    border-radius: 4px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    background: #0b77c2;
    color: #fff;
}



.customerMatching .form-control {
    display: block;
    width: 100%;
    height: 34px;
    padding: 6px 12px;
    font-size: 14px;
    line-height: 1.42857143;
    color: #555555;
    background-color: #ffffff;
    background-image: none;
    border: 1px solid #cccccc;
    border-radius: 4px;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
    -webkit-transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s;
    -o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
}

.customerMatching .form-inline .form-group {
    display: inline-block;
    margin-bottom: 0;
    vertical-align: middle;
    margin:8px;
 
}
.customerMatching .form-inline .form-group label {
color:#0b77c2 !important;
min-width:120px;

}


.customerMatching .form-inline .form-control {
    display: inline-block;
    width: auto;
    vertical-align: middle;
}

.customerMatching .form-inline .form-control-static {
    display: inline-block;
}

.customerMatching .form-inline .input-group {
    display: inline-table;
    vertical-align: middle;
}

    .customerMatching .form-inline .input-group .input-group-addon,
    .customerMatching .form-inline .input-group .input-group-btn,
    .customerMatching .form-inline .input-group .form-control {
        width: auto;
    }

    .customerMatching .form-inline .input-group > .form-control {
        width: 100%;
    }

.customerMatching .form-inline .control-label {
    margin-bottom: 0;
    vertical-align: middle;
}

.customerMatching .form-inline .radio,
.customerMatching .form-inline .checkbox {
    display: inline-block;
    margin-top: 0;
    margin-bottom: 0;
    vertical-align: middle;
}

    .customerMatching .form-inline .radio label,
    .form-inline .checkbox label {
        padding-left: 0;
    }

    .customerMatching .form-inline .radio input[type="radio"],
    .customerMatching .form-inline .checkbox input[type="checkbox"] {
        position: relative;
        margin-left: 0;
    }

.customerMatching .form-inline .has-feedback .form-control-feedback {
    top: 0;
}

.customerMatching .form-horizontal .radio,
.customerMatching .form-horizontal .checkbox,
.customerMatching .form-horizontal .radio-inline,
.customerMatching .form-horizontal .checkbox-inline {
    margin-top: 0;
    margin-bottom: 0;
    padding-top: 7px;
}

.customerMatching .form-horizontal .radio,
.customerMatching .form-horizontal .checkbox {
    min-height: 27px;
}

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


.customerMatching .customer-matching .col-1 {
    width: 88px;
}

.customerMatching .customer-matching .col-2 {
    width: 144px;
}

.customerMatching .customer-matching .col-3 {
    width: 112px;
}

.customerMatching .customer-matching .col-4 {
    width: 88px;
}

.customerMatching .customer-matching .col-5 {
    width: 112px;
}

.customerMatching .customer-matching .col-6 {
    width: 40px;
}

.customerMatching .customer-matching .col-7 {
    width: 64px;
}

.customerMatching .customer-matching .col-8 {
    width: 48px;
    text-align: right;
}
