#__skinName {
    background-color: rgb(117, 117, 117);
    border-radius: 50%;
    behavior: url(PIE.htc);
    width: 20px;
    height: 20px;
}

.sidebar-quick-search {
    background: #0E0B5A;
    color: #ffffff;
    padding-bottom: 12px;
}

.sidebar {
    background: #F5F5F5;
    border: 1px solid #0E0B5A;
    border-width: 0 1px 1px 0;
}

.sidebar-navigation-section-title {
    color: #555555;
    font-family: 'Open Sans Regular';
    text-decoration: none;
}

a.sidebar-navigation-section-title:hover { text-decoration: none; }


.user-info-title {
    border-right: 1px dotted #384A70;
    background: #384A70;
}

.user-info-title-left { border-radius: 8px 0 0 8px; }

.user-info-title-right { border-radius: 0 8px 8px 0px; }

.user-info-title .navbar-link { border-right: none; }

.user-info-title-icon {
    border-color: #faec03;
    color: white;
    background: #0e0b5a;
}

.k-grid-content .k-alt { background-color: #F2F2F2; }

.k-grid-header th.k-header {
    color: #555555;
    background: #fff;
    /*padding: 0; commented by tasleem to add default kendo classes for filter so filter is well spaced, & below two lines are added.*/
    padding-top: 0px;
    padding-bottom: 0px;
}

.k-grid tbody tr:hover, .k-grid tbody tr.k-alt:hover { background-color: #ffe0a9; }

table.k-selectable tr.k-state-selected { background-color: #EEB201 !important; }

.k-grid tr td { border-color: #ccc; }

.k-grid-filter.k-state-active { background: #FAEC03; }

.content-margin-override { margin: 0px 24px; }

.section-fields {
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#e2e7fa+0,e7eaf1+25,e7eaf1+25,979aa1+25,ffffff+26,ffffff+100 */
    background: #e2e7fa; /* Old browsers */
    background: -moz-linear-gradient(left, #e2e7fa 0%, #e7eaf1 25%, #e7eaf1 25%, #979aa1 25%, #ffffff 26%, #ffffff 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(left, #e2e7fa 0%, #e7eaf1 25%, #e7eaf1 25%, #979aa1 25%, #ffffff 26%, #ffffff 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to right, #e2e7fa 0%, #e7eaf1 25%, #e7eaf1 25%, #979aa1 25%, #ffffff 26%, #ffffff 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#e2e7fa', endColorstr='#ffffff', GradientType=1); /* IE6-9 */
    border-bottom-color: #A2A6BF;
    color: #20243F;
}

.report-alphatec-branding {
    background: url('Images/alphateclogo - withpillars.png') no-repeat right 18px;
    height: 166px;
    border-top: 1px solid #A2A5A7;
    margin-top: 18px;
    padding-top: 18px;
}

.add-incident { padding: 0 30px 0 30px; }

.btn-signout {
    background: #324565; /* Old browsers */
    background: -moz-linear-gradient(top, #324565 0%, #192949 3%, #334365 91%, #1d2a49 92%, #1d2a49 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(top, #324565 0%, #192949 3%, #334365 91%, #1d2a49 92%, #1d2a49 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom, #324565 0%, #192949 3%, #334365 91%, #1d2a49 92%, #1d2a49 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#324565', endColorstr='#1d2a49', GradientType=0); /* IE6-9 */
    border: none;
    font-size: smaller;
    padding: 5px 18px !important;
    margin: 10px;
    border-radius: 6px;
}

.module-title {
    color: #384A70;
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#a3abc4+0,ebecf2+100 */
    background: #a3abc4; /* Old browsers */
    background: -moz-linear-gradient(top, #a3abc4 0%, #ebecf2 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(top, #a3abc4 0%, #ebecf2 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom, #a3abc4 0%, #ebecf2 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#a3abc4', endColorstr='#ebecf2', GradientType=0); /* IE6-9 */
    border-bottom: 1px solid #95989A;
}

.module-title h4 { color: #384A70; }

.edit-action-btn {
    background: transparent;
    color: #29292b;
    border: none;
    margin-left: 12px;
}

.edit-action-btn.active, .edit-action-btn.active:hover { color: #1f9cce; }

.edit-action-btn:hover {
    color: #49494e;
    text-decoration: none;
}

.edit-action-btn .icon { font-size: large; }

.edit-action-btn .ccl-icon {
    font-size: x-large;
    vertical-align: middle;
}

.section-fields {
    padding-bottom: 3px;
    border-radius: 3px;
    padding-right: 0;
    border-bottom: 3px solid #656565;
    padding-top: 36px;
    padding-bottom: 16px;
    padding-left: 0;
}

.wizard-navigation-bar {
    padding: 6px 24px;
    position: fixed;
    left: 0;
    right: 0;
    bottom: 0;
    border: 1px solid #95989A;
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#a5adc5+0,eaebf1+100 */
    background: #a5adc5; /* Old browsers */
    background: -moz-linear-gradient(top, #a5adc5 0%, #eaebf1 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(top, #a5adc5 0%, #eaebf1 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom, #a5adc5 0%, #eaebf1 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#a5adc5', endColorstr='#eaebf1', GradientType=0); /* IE6-9 */
}

.section-title {
    color: #000;
    padding: 12px 12px 12px 90px;
    border-radius: 6px 6px 0 0;
    position: relative;
}

.section-header {
    font-size: 20px;
    color: #384A70;
    font-family: 'Open Sans Regular';
}

.bold-section-header { font-weight: bold; }

legend { color: #384A70; }

.scroll-form-header-button button {
    background: #a3abc4; /* Old browsers */
    background: -moz-linear-gradient(top, #a3abc4 0%, #ebecf2 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(top, #a3abc4 0%, #ebecf2 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom, #a3abc4 0%, #ebecf2 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#a3abc4', endColorstr='#ebecf2', GradientType=0); /* IE6-9 */
}

.scroll-form-header-button button.active { background: #FAEC03; }

.scroll-form-header-button .ccl-icon { color: #384A70; }

.scroll-form-header-button button[disabled] {
    background: #a9a9a9;
    color: #888585;
}

.scroll-form-header-button button[disabled] .ccl-icon { color: #888585; }

.associated-info { color: black; }

.associated-info .associated-info-title {
    text-align: center;
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#20597d+0,1f8ab6+4,20a8dc+8,1fabe0+17,1f90bf+100,1fabe0+100 */
    background: rgb(32, 89, 125); /* Old browsers */
    background: -moz-linear-gradient(top, rgba(32, 89, 125, 1) 0%, rgba(31, 138, 182, 1) 4%, rgba(32, 168, 220, 1) 8%, rgba(31, 171, 224, 1) 17%, rgba(31, 144, 191, 1) 100%, rgba(31, 171, 224, 1) 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(top, rgba(32, 89, 125, 1) 0%, rgba(31, 138, 182, 1) 4%, rgba(32, 168, 220, 1) 8%, rgba(31, 171, 224, 1) 17%, rgba(31, 144, 191, 1) 100%, rgba(31, 171, 224, 1) 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom, rgba(32, 89, 125, 1) 0%, rgba(31, 138, 182, 1) 4%, rgba(32, 168, 220, 1) 8%, rgba(31, 171, 224, 1) 17%, rgba(31, 144, 191, 1) 100%, rgba(31, 171, 224, 1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#20597d', endColorstr='#1fabe0', GradientType=0); /* IE6-9 */
    border: solid #1BABDD;
    border-width: 0 1.5px 0 1.5px;
    border-radius: 0 0 6px 6px;
    font-size: larger;
}

.associated-info .associated-info-body {
    background: #fff;
    border-left: 1px solid #52547D;
    border-right: 1px solid #52547D;
    border-bottom: 3px solid #20A9DF;
    border-radius: 0 0 6px 6px;
    min-width: 360px;
    /*padding: 6px 0;*/
}

.associated-info .associated-info-body .row { padding: 5px; }

.associated-info .associated-info-body .ccl-form-control-editor strong { font-weight: normal; }

.associated-info .associated-info-body .row {
    padding: 5px;
    margin: 0;
    border-bottom: 1px solid #ececec;
}

.associated-info .associated-info-body .row :last-child { border-bottom: none; }

.navbar-link .icon {
    font-size: 20px;
    color: #ffffff;
    vertical-align: sub;
}

.btn .ccl-icon { color: #192949; }

.incident-item-details .row {
    border-bottom: 1px solid #e4e4e4;
    padding: 5px;
}

#viewSelectorContainerPanel .module-title {
    background: none;
    padding: initial;
}

#viewSelectorContainerPanel .module-title h4 { display: none; }

.wizard-footer { color: #fff; }

.map-location-picker .sub-header-wrapper {
    background: #f2f2f2;
    border: 1px solid #95989A;
}

.map-location-picker #infoPanel .field-label {
    text-align: right;
    padding-right: 0;
}

@media screen and (max-width: 767px) {
    .module-title { text-align: center; }

    .content-margin-override { margin: 0 15px; }

    .section-fields { padding-top: 0; }

    .section-title {
        position: initial;
        padding: 12px;
    }

    .section-fields {
        background: initial;
        border-bottom: none;
    }

    .section-title-icon {
        width: 32px;
        height: 32px;
        font-size: 24px;
        position: initial;
    }

    .edit-action-btn {
        display: table-cell;
        padding-top: 5px;
    }

    .wizard-navigation-bar {
        background: #3a4060;
        margin-top: 3px;
        border-top: 1px solid #5e678c;
        padding: 6px 24px;
    }


    .btn-block-xs {
        display: block;
        width: 100%;
        margin: 3px 0 0 0;
    }

    .btn-xs-6 {
        margin: 3px 0 0 0;
        width: 49%;
    }

    .row-top-margin-xs { margin-top: 6px; }

    .text-center-xs { text-align: center; }
}


.headline-item-info {
    background: #EEF9FE;
    border-color: #20A9DD;
}

.headline-item-negative {
    background: #FFCED4;
    border-color: #FF0000;
}

.headline-item-positive {
    background: #EBFFEA;
    border-color: #00FF00;
}

.chartTooltip {
    background: #D9EDF7;
    border: 1px solid #95989A;
    border-radius: 3px;
    margin: -7px;
    padding: 6px;
}

.form-content-container { border: 1px solid #95989A; }

.category-list-container > .category-item-container > .btn-primary:focus,
.category-list-container > .category-item-container > .btn-primary:active,
.report-category-children-list-container > .category-item-container > .btn-primary:focus,
.report-category-children-list-container > .category-item-container > .btn-primary:active { background: #FAEC03; }

.category-list-container > .category-item-container > .bullet-arrow,
.report-category-children-list-container > .category-item-container > .bullet-arrow { color: #DDDDDD; }

.category-list-container > .category-item-container.selected > .bullet-arrow { color: #FFCC57; }

.icon > .image { transition: 0.3s; }

.icon.icon-blue > .image { background: #007AC9; }

.icon.icon-green > .image { background: #199A23; }

.icon.icon-indigo > .image { background: #0E0B5A; }

.icon.icon-lightblue > .image { background: #20A8DC; }

.icon.icon-lightgray > .image { background: #747474; }

.main-menu-section-header {
    color: #0E0B5A;
    border-bottom-color: #0E0B5A;
    font-size: 36px;
}

.color-indicator-all { background: #0E0B5A; }

.color-indicator-settled { background: #EB640C; }

.color-indicator-open { background: #FAEC03; }

.menu-hook { color: #FFCC57; }

.property-sum-insured-display { border-color: #A2A5A7; }

.information-item { margin: 15px !important; }

.information-card {
    margin-top: 20px;
    box-shadow: 2px 3px 5px 1px #000000;
    box-shadow: 2px 3px 5px 1px rgba(0, 0, 0, 0.58);
    padding: 10px;
    border-radius: 4px;
    border-radius: 4px;
}

.information-card:focus { box-shadow: 0 0 5px 3px #90d8f1; }

p > .keyboard-button {
    background-color: #333;
    color: white !important;
    border-bottom: 1px solid #505050;
    border-bottom: 1px solid rgba(80, 80, 80, 0.7);
    border-right: 1px solid #505050;
    border-right: 1px solid rgba(80, 80, 80, 0.7);
    border-radius: 4px;
    box-shadow: 1px 2px 2px 0 black;
    padding: 5px;
    margin-right: 2px;
}


.module-header-btn { color: #384A70; }

.module-header-btn:hover { color: #F8D80F; }