body {
    font-size: 12px;
    font-family: Arial;
}


iframe {
    border: none;
    width: 100%;
}

a {
    color: #383779;
    text-decoration: none;
}

h1, h2, h3, h4, h5, h6 {
    color: #383779;
}

h1, h2{
    font-size: 20px;
}

h3, h4 {
    font-size: 16px;
}

.navbar-nav.navbar-right:last-child {
    margin-right: 0;
}

.btn{
    border-radius: 2px;
}

.form-control {
    font-size: 12px;
    border-radius: 2px;
    height: 30px;
    padding: 0px 8px;
}

.select2-container .select2-choice > .select2-chosen {
    line-height: 18px;
}
.select2-container .select2-choice {
    height: 30px;
    line-height: 1.42857;
    border-radius: 2px;
}
.select2-container.form-control {
    text-align: left;
}

#s2id_DocumentName {
    width: 100%;
}

.page-header {
    padding-bottom: 0;
    margin: 0;
    border-bottom: none;
}

.page-header h1 {
    margin: 10px 0 0;
    padding: 0;
}
.page-header p {
    margin: 0;
}

.thumbnail {
    margin-bottom: 0;
}

.page-content {
    padding-top: 30px;
    padding-bottom: 30px;
}

.map {
    height: 400px;
}

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

.logo {
    padding-top: 10px;
    padding-bottom: 10px;

}

.user-info {
    background: #EEEEEE;
    padding: 15px;
}

.user-info .img-circle {
    border-radius: 50%;
    width: 45px;
}

.user-info p {
    padding: 0;
    margin: 0;
}

.user-info .caret {
    position: absolute;
    right: 45px;
    top: 50%;
}
.user-info .media-body {
    padding-left: 10px;
    padding-top: 5px;
}

.user-info .dropdown-menu {
    left: 118px;
}

.user-info .dropdown-menu a:hover {
    background: #72a044;
    color: #FFF;
}

.name {
    color: #383779;
    font-weight: bold;
}
.avatar {
    border: 4px solid #fff;
}
.user-info a {
    color: #000;
}
.user-info a:hover, .user-info a:active {
    text-decoration: none;
}

.top-wrap {
    padding-bottom: 0;
}

/* Labels */

.label-info {
    background: #72a044;
}

/* Navbar */

.nav-pills {
    margin:  0 0 20px 0;
}

.nav-pills>li.active>a, .nav-pills>li.active>a:hover, .nav-pills>li.active>a:focus {
    color: #fff;
    background-color: #383779;
}

.nav-pills>li>a {
    border-radius: 2px;
    background: #EEE;
}
.nav-pills li a:hover {
    color: #fff;
    background: #383779;
}

.navbar {
    margin-bottom: 0;
}
.navbar-collapse {
    padding-right: 0;
    padding-left: 0;
}
.navbar-default {
    background: none;
    border: none;
}
.navbar-default .navbar-nav > li > a {
    padding: 8px 10px;
text-align: center;
font-size: 12px;
}
.navbar-default .fa {
    display: block;
    margin-bottom: 3px;
    font-size: 20px;
    color: #8F8F8F;
}
.navbar-default .navbar-nav > li.active .fa {
    color: #fff;
}
.navbar-default .navbar-nav > li > a, .navbar-default .navbar-nav > li > a:hover {
    color: #635382;
    background: #EEEEEE;
    border-top: 2px solid #383779;
}
.navbar-default .navbar-nav > li.active > a, .navbar-default .navbar-nav > li.active > a:hover {
    color: #fff;
    background: #383779;
    border-top: 2px solid #9C9BBC;
}
.navbar-default .navbar-right > li > a, .navbar-default .navbar-right > li > a:hover {
    color: #fff;
    border-top: 2px solid #CDDE99;
    background: #72a044;
}
.navbar-default .navbar-right > li .fa {
    color: #fff;
}
@media (min-width: 768px) and (max-width: 1199px) {
    .navbar-default .navbar-nav > li > a {
        padding: 5px;
        font-size: 12px;
    }
}
@media (min-width: 768px) {
    .navbar li {
        margin-right: 3px;
    }
    .navbar-right li {
        margin-right: 0;
        margin-left: 3px;
    }
}

.breadcrumbs-wrap {
    background: #383779;
    margin-bottom: 10px;
}
.breadcrumb {
    background: none;
    color: #EEEEEE;
}
.breadcrumb a {
    color: #fff;
    font-size: 12px;
}

.breadcrumb {
    margin-bottom: 0;
    padding-left: 0;
    padding-right: 0;

}

.pagination {
    margin: 0;
}

.property-header h1 {
    display: inline;
    margin-right: 20px;
    vertical-align: middle;
}

.property-images .caption {
    padding: 0;
}
.property-images span {
    vertical-align: middle;
}

.mini-calendar .fc-event {
    height: 4px;
    overflow: hidden;
    font-size: 0;
}

.mini-calendar .fc-header {
    width: 100%;
    background: #72a044;
    color: #fff;

    border-left: thin solid #DDDDDD;
    border-right: thin solid #DDDDDD;
}


.mini-calendar .fc-header-title h2 {
    font-size: 14px;
    font-weight: bold;
    margin-bottom: 0px;
    padding: 8px;
    color: white;
}

.fc-event .description {
    display: block;
    font-size: 10px;
}

@media (min-width: 992px) {
    .modal-dialog.work-order {
        width: 960px;
    }
}

/* Dashboard */

.dashboard {
    margin-top: 10px;
}


.risk-group-graph {
    border-left: 2px solid #383779;
    margin-bottom: 20px;
}

.panel {
    background: #EEEEEE;
    border: none;
    border-radius: 0;
    margin: 0 0 6px 0;
}

.icon {
    width: 40px;
    height: 40px;
    font-size: 20px;
    border-radius: 25px;
    color: #fff;
}

.icon i {
    text-align: center;
    line-height: 42px;
    display: block;
}

@media (min-width: 768px) and (max-width: 1199px) {
    .icon {
        width: 40px;
        height: 40px;
        border-radius: 20px;
    }
    
    .icon i {
        padding: 10px 13px;
    }
}

.panel p.value {
    color: #383779;
    line-height: 47px;
    padding: 0 10px;
    font-size: 28px;
    font-weight: normal;
}

.panel p {
    color: #666;
    font-weight: bold;
    padding:0;
    margin: 0;
}

.panel .news-title {
    color: #635382;
    font-weight: bold;
}

.panel-heading .btn, .panel-heading .btn:hover, .panel-heading .btn:active {
    background: #CDDE99;
    border-radius: 0;
    padding: 0 10px;
    color: #635382;
    box-shadow: none;
    font-size: 12px;
}

.panel.blue {
    border-left: 2px solid #383779;
}
.panel.blue .icon {
    background: #383779;
}
.panel.blue .value {
    color: #383779;
}

.panel.green {
    border-left: 2px solid #72a044;
}
.panel.green .icon {
    background: #72a044;
}
.panel.green .value {
    color: #72a044;
}

.panel > .panel-heading {
    border: none;
    border-radius: 0;
    background: #72a044;
    color: #fff;
}

/* Toolbar */

.toolbar {
    margin-top: 10px;
    margin-bottom: 10px;
    background: #EEEEEE;
    padding-top: 10px;
    padding-bottom: 10px;
}

/* Tables */

thead {
    /* background: #72a044; */
    background: #383779;
    color: #fff;
}

.green thead{
    background: #72a044;
}

thead a, thead a:hover {
    color: #fff;
}
thead th {
    border-bottom: 0;
    border-right: 1px solid #fff;
}
td, th {
    border: 1px solid #CCCCCC;
}
.table-striped > tbody > tr:nth-child(odd):not(.info, .warning) > td, .table-striped > tbody > tr:nth-child(odd):not(.info, .warning) > th {
    background: #EEEEEE;
}
.fc-header td {
    border: none;
}

/* Buttons */

.btn-default {
    background: #CCCCCC;
    color: #383779;
}

.btn-primary {
    background: #383779;
    color: #fff;
    
}

.btn-primary:hover {
    background: #72a044;
    border: 1px solid #72a044;
}

.btn-primary.green {
    background: #72a044;
    color: #fff;
    border: 1px solid #72a044;
}

.btn-primary.green:hover {
    background: #383779;
}

/* Datepicker */

.datepicker {
    z-index: 1500 !important;
}

.datepicker table tr td, .datepicker table tr th {
    border-radius: 0;
}
.datepicker thead tr:first-child th:hover, .datepicker tfoot tr th:hover {
    background: none;
}

/* Tabs */

.nav-tabs > li > a{
    background: #F6F6F6;
    color: #A7A7A7;
    border-radius: 0;
    border: 1px solid #D8D8D8;
    margin-right: 0;
}
.nav-tabs > li.active > a, .nav-tabs > li.active > a:hover {
    border-top: 1px solid #383779;
    color: #383779;
}

/* Insurance details */

#directors-officer, #communal, #engineering-breakdown {
    display: none;
}

/* Quote add form */

.number {
    width: 15%;
}

.total {
    color: #fff;
    font-weight: bold;
}

.total td {
    background: #72a044 !important;
}

#communal-other, #subsidence, #flooding, #refused, #losses, #indemnity {
    display: none;
}

.asterisk {
    color: #ff0000;
}

.slider.slider-horizontal {
    width: 100%;
}

/* ----- */

.adverts {
    padding: 20px 0 0
}

.footer {
    background: #EEEEEE;
    padding-top: 15px;
    padding-bottom: 15px
}

.gallery {
    background: #EEEEEE;
    padding: 10px;
}

.gallery h4 {
    padding: 10px;
    margin: 0
}

.ins-details label {
    display: block;
    float: left;
    width: 120px;
    margin: 0;
}
.ins-details p{
    background: #EEEEEE;
    margin: 0 0 2px 0;
    padding: 5px;
    overflow: auto;
}

.login-form form {
    background: #EEEEEE;
    border-radius: 4px;
    padding:0 30px;
    margin:50px 0 0;
}

.login-form h1 {
    color: #998c43;
    font-size: 24px;
    margin-bottom: 5px
}

.login-form a {
    color: #998c43;
    font-size: 12px;
}

.login-form label {
    color: #858685;
}

.login-form hr {
    border-top:1px solid #FFF;
}

.login-form .login-btn {
    margin: 0 17px 0 0;
    float: right;
    background: #858685;
    border-color: #858685;
}

.login-form .login-btn:hover {
    background: #998c43;
}

.icon a {
    color: #fff;
}

#QuotePostCode {
    text-transform: uppercase;
}

#nameField .select2-container{
    width: 100%;
}


.pmp-logo {
    max-width: 400px;
}

#InsuranceDetailEditForm input[type=checkbox], #InsuranceDetailAddForm input[type=checkbox] {
    width: 20px;
    float: left;
}
#InsuranceDetailEditForm .checkbox-label, #InsuranceDetailAddForm .checkbox-label {
    margin-top: 10px;
    padding-left: 20px;
    display: block;
}

.max-300 {
    max-width: 300px;
}

.ins-doc-section h4 {
    color: #635382;
    background: #EEEEEE;
    margin: 0px -15px;
    padding: 15px;
    font-weight: bold;
}