﻿body {
    /*background-color: rgb(244,240,233) !important;*/
    color: #5c5c5c !important;
    font-family: "Lato", Arial, Helvetica, sans-serif !important;
    font-size: 16px;
}

h2 {
    font-family: "Lato", Arial, Helvetica, sans-serif !important;
    font-size: 30px !important;
    font-weight: 400 !important;
}
h3 {
    color: #5c5c5c !important;
    font-family: "Lato", Arial, Helvetica, sans-serif !important;
    font-size: 20px !important;
    font-weight: 400 !important;
}
a {
    color: rgb(104,27,159) !important;
    font-family: "Lato", Arial, Helvetica, sans-serif !important;
    font-size: 16px !important;
    font-weight: bold !important;
}


/* ============= HEADER ============= */
#header-col-1 a {
    background: transparent url(/zGRPSEO_logo.png) no-repeat 0 0;
    width: 297px;
    height: 73px;
    display: block;
}
a.icon-facebook {
    background-image: url(/zGRPSEO_icon-facebook.png);
    background-repeat: no-repeat;
    background-position: center center;
    width: 42px;
    height: 42px;
    display:inline-block;
    margin-top: 7px;
}
a.icon-twitter {
    background-image: url(/zGRPSEO_icon-twitter.png);
    background-repeat: no-repeat;
    background-position: center center;
    width: 42px;
    height: 42px;
    display: inline-block;
    margin-top: 7px;
    margin-left: 7px;
}
@media screen and (max-width:991px) {
    #header-col-2 {
        text-align: left;
    }
    #header-col-3 {
        text-align: left;
        font-size: 34px;
    }
}

@media screen and (min-width:992px) {
    #header-col-2 {
        text-align: center;
    }
    #header-col-3 {
        text-align: right;
        font-size: 40px;
    }
}


/* ============= PRIMARY NAVIGATION ============= */
.navbar {
    min-height:42px !important;
}
.navbar-brand {
    height: 42px !important;
    padding: 0px;
}
.navbar-static-top.navbar-inverse {
    background-color:rgb(77,7,127) !important;
    background-image:url(/zGRPSEO_nav-background.png);
    background-repeat: repeat-x;
    background-position: left top;
}
.navbar-static-top.navbar .menu-bar > .navbar-nav > li > a {
    color: rgb(232,200,255) !important;
    font-size: 12.25px !important;
    line-height: 42px;
    padding: 0px 7px;
    background-position: center bottom;
    text-transform: uppercase;
}
.navbar-static-top.navbar .menu-bar > .navbar-nav > li > a:hover {
    text-decoration: none !important;
    background-image: url(/zGRPSEO_nav-active.png);
    background-repeat: no-repeat;
    background-position: center bottom;
}
.navbar-static-top.navbar .menu-bar > .navbar-nav > .divider-vertical {
    border-right: 1px solid #aaa !important;
    margin-top: 10px !important;
}

.navbar-inverse .navbar-nav > li > a:hover {
    background-color: transparent !important;
}
.navbar-inverse .navbar-nav > li > a:focus {
    background-color: transparent !important;
}
.navbar-inverse .navbar-nav > .open > a {
    background-color: transparent !important;
    text-decoration: none !important;
}
.navbar-inverse .navbar-nav .open .dropdown-menu > li > a {
    color:#555 !important;
}
.navbar-inverse .navbar-nav .open .dropdown-menu > li > a:hover {
    color: #1a1a1a !important;
    background-color: transparent !important;
    text-decoration: none !important;
}
#navbar .dropdown-menu {
    margin-top: 0px !important;
    background-image: linear-gradient(rgb(214, 214, 214) 0%, rgb(214, 214, 214) 0%, rgb(255, 255, 255) 100%);
    color:rgb(92,92,92);
    border: 2px solid #fff;
}
.zNav-dropdown-divider {
    background-image: url(/zGRPSEO_nav-horz-sep.png);
    background-repeat: no-repeat;
    background-position: center top;
}

@media (min-width: 1200px) {
    .navbar-right {
        padding-top: 0px;
    }
}

/* ============= TITLE ROW ============= */
#rowTitle {
    background: url(/zGRPSEO_title-background.jpg);
    background-repeat: no-repeat;
    background-position: center top;
    background-size:1750px;
    height: 180px;
    margin-bottom: 50px;
}
#rowTitleBackground {
    background-color: rgb(228,221,210);
}
.zPageTitle {
    font-family: "Lato", Arial, Helvetica, sans-serif !important;
    font-weight: bold !important;
    font-style: italic;
    font-size: 40px;
    color: #191817;
    max-width: 600px;
}

/* =============== SIDE NAVIGATION =============== */

.BDOsidenav a.list-group-item {
}
.BDOsidenav {
}
.BDOsidenav-item {
    background-color: #f5f3ef !important;
}
.BDOsidenav-item:hover {
    background-color: #fff !important;
}



/* ============= BUTTONS ============= */
.btn {
    border-radius: 0px !important;
}
.btn-primary {
    color:#fff !important;
    background-color: rgb(104,27,159) !important;
    border-color: rgb(104,27,159) !important;
}
.btn-primary:active {
    color: #fff !important;
    background-color: rgb(104,27,159) !important;
    border-color: rgb(104,27,159) !important;
}
.btn-primary:focus {
    color: #fff !important;
    background-color: rgb(104,27,159) !important;
    border-color: rgb(104,27,159) !important;
}
.btn-primary:hover {
    color: #fff !important;
    background-color: rgb(77,7,127) !important;
    border-color: rgb(77,7,127) !important;
}

.btn-default {
    color: rgb(104,27,159) !important;
    background-color: #fff !important;
    border-color: rgb(104,27,159) !important;
}
.btn-default:hover {
    color: rgb(77,7,127) !important;
    background-color: #fff !important;
    border-color: rgb(77,7,127) !important;
}


/* ============= GRIDS ============= */
.pagination > .active > a, .pagination > .active > a:hover, .pagination > .active > a:focus, .pagination > .active > span, .pagination > .active > span:hover, .pagination > .active > span:focus {
    background-color: #5a4e39 !important;
    color: #fff !important;
}
.crmEntityFormView, .entitylist, .modal-content, .popover-content {
    color: #5c5c5c !important;
}

/* =============== PANEL SHEET =============== */

.BDOpanel {
    width: 100%;
    table-layout: fixed;
    border-collapse: collapse;
}

.BDOpanel tr {
    padding-top: 5px;
    padding-bottom: 2px;
    border-bottom: 1px solid rgb(214,214,214);
}

.BDOpanel th {
    padding-top: 3px;
    padding-bottom: 3px;
    padding-left: 5px;
    text-transform: none;
    text-align: left;
    font-weight: bold;
    vertical-align: bottom;
}

.BDOpanel tbody tr:hover {
    background-color: rgb(242,242,242);
}

.BDOpanel td {
    font-weight: normal;
    overflow: hidden;
    -ms-text-overflow: ellipsis;
    text-overflow: ellipsis;
    margin: 1px;
    padding-left: 5px;
    padding-top: 5px;
    padding-bottom: 5px;
    border: none;
    /*white-space: nowrap;*/
    vertical-align: top;
}

.BDOpanel input:invalid + span:after {
    content: '✖';
    padding-left: 5px;
}

/* ============= FOOTER ============= */
footer {
    margin-top: 50px !important;
}
footer .footer-bottom {
    background-color: rgb(77,7,127) !important;
}


/*OTHER*/
.alert-danger {
    background-color: #e9c8ce !important;
    border-color: #e9c8ce !important;
    color: #000 !important;
}
