/* menu for menu-header-menu-not-logged-in-container */

.menu-header-menu-not-logged-in-container {
    float: right;
}
#menu-header-menu-not-logged-in {

}
.navbar-header .logo {
    text-align: left;
}
@media (max-width: 767px) {
    .navbar-header .logo {
        text-align: center;
    }
    .menu-header-menu-not-logged-in-container {
        float: none;
        text-align: center;
        border-top: 1px solid #eee;
        margin:0 -15px;
    }
    .menu-header-menu-not-logged-in-container li {
        float: left;
    }
    .navbar-nav {
        margin: 0px;
        display: inline-block;
    }
}

.login-box-body {
    border: 1px solid #eee;
}

#accounts2_wrapper a {
    color: #000000;
}

#accounts2_wrapper .account-number {
    font-size: 12px;
}

/* main navigation top */
.skin-black-light .main-header li.user-header {
    background-color: #f9f9f9;
    color: #333 !important;
}
.skin-black-light .main-header li.user-header p {
    color: #333 !important;

}
.navbar-nav>.user-menu>.dropdown-menu>li.user-header {
    height: auto;
}
/* black light theme change */
@media (max-width: 767px) {
    .skin-black-light .main-header>.logo {
        background-color: #fff;
        color: #333;
        border-bottom: 1px solid #eee;
        border-right: 1px solid #eee;
    }
    .skin-black-light .main-header>.logo:hover {
        background-color: #fcfcfc;
    }
}
/* boxed-layout */
.layout-boxed {
    background: url('../images/black-and-white-city-skyline_blue.jpg');
    background-repeat: no-repeat;
    background-position: center left;
    background-attachment: fixed;
    background-size: cover;
}
.layout-boxed .wrapper {
    box-shadow: none;
    border-left: 1px solid #d2d6de;
    border-right: 1px solid #d2d6de;
}


/* system messages */ 
.content.system {
    min-height: 0px;
    padding: 15px 15px 0 15px;
    margin-bottom: -15px;
}

/* start-page */
.post.news-item {
    border-bottom: 1px solid #008d4c;
    margin-bottom: 0px;
    padding-bottom: 10px;
    padding-top:10px;
    color: #fff;
}
.post.news-item:last-of-type {
    border-bottom: 0;
    margin-bottom: 0;
    padding-bottom: 0;
}
.post.news-item .user-block {
    margin-bottom: 0px;
}
.alert h2, .alert h3 {
    margin-top: 0;
    color: inherit;
}
.alert a {
    text-decoration: none;
}

/* forms */
/* for seperating form groups */
.form-divider {
    border-top: 1px solid #eee;
    margin-bottom: 25px;
    margin-top: 20px;
}

/* datatables */ 
@media screen and (max-width: 767px) {
    div.dataTables_wrapper > div.row > div, div.dataTables_length, div.dataTables_filter, div.dataTables_info, div.dataTables_paginate {
        text-align: initial;
    }
}

table.dataTable.dtr-inline.collapsed>tbody>tr.parent>td:first-child:before, table.dataTable.dtr-inline.collapsed>tbody>tr.parent>th:first-child:before {
    background-color: #cfcfcf;
}
table.dataTable.dtr-inline.collapsed>tbody>tr>td:first-child:before, table.dataTable.dtr-inline.collapsed>tbody>tr>th:first-child:before {
    color: #333;
    background-color: #fff;
}

table.dataTable thead > tr > th {
    padding-right: 8px; 
}
table.dataTable {
    margin-top: 0px !important;
}

table.tablelinkrow tr:hover td {
    background-color: #dff0d8;
    cursor: pointer;
}


/* Bootstrap panel */ 
.panel {
    margin: 15px 0 0 0;
    -webkit-box-shadow: none;
    box-shadow: none;
}
.panel h4 {
    margin-top: 0;
}
.panel p:last-child {
    margin-bottom: 0px;
}

/* box */
.box {
    border-top: 10px solid #d2d6de;
}
.box.box-widget {
    border-top: none;
}
.selectboxes .box-title {
    text-align: center;
    display: block;
    margin-bottom: 20px;
}
.selectboxes a .box:hover {
    background-color: #f9f9f9;
}
.superbig {
    font-size: 80px;
    padding: 20px;
    text-align: center;
    color: #0280c8;
    display: block;
    line-height: 90px;
}
.selectboxes a .box:hover .superbig {
    font-size:90px;
    line-height: 90px;
}
@media (max-width: 767px) {
    .selectboxes .box-title {
        margin-bottom: 10px;
    }
    .superbig {
        font-size: 50px;
        padding: 0px;
        line-height: 60px;
    }
    .selectboxes a .box:hover .superbig {
        font-size:60px;
        line-height: 60px;
    }
}


/* non breaking rules */
.amount {
    white-space: nowrap;
    text-align: right;
}

img {
    max-width: 100%;
    height: auto;
}




/* WEBSITE CSS */

.skin-black .main-header>.navbar .navbar-nav>li>a {
    border-right: none;
}

.container-fluid {
    max-width: 1170px;
}

.topwrapper.page h2 {
    font-size:44px; 
    line-height: 65px;
    color: #fff;
    text-transform: none;
}


.bg-warningorange {
    background-color: #f39c12 !important;
}
.skin-black .wrapper, .skin-black .main-sidebar, .skin-black .left-side {
    background-color: #ecf0f5;
}

.topwrapper.page {
    height: 200px;
    position: relative; 
    background-position: center left;
    background-size: cover;
    background-image:url('images/black-and-white-city-skyline.jpg');
}
a.btn + a.btn {
    margin-left:10px;
}

.nav-stacked>li.active>a, .nav-stacked>li.active>a:hover {
    background: #f7f7f7;
    color: #444;
    border-top: 0;
    border-left-color: transparent;
    border-left: 0px;
    font-weight: bold;
}



@media (max-width: 1100px) {
    .topwrapper {
        position: relative; 
        background-position: bottom;
    }   
}
@media (max-width: 767px) {
    .topwrapper.page h2 {
        font-size: 27px;
        line-height: 35px;
        text-transform: none;
    }


    .topwrapper {
        /* position: relative; 
         height:280px;
         background-position: bottom;
         background-size: cover;*/
    }
    .topwrapper.page {
        height: 100px;
        position: relative; 
        background-position: bottom;
        background-size: cover;
    }
}

.wbody {
    font-size: 14px;
}

.pay-my-bill {
    font-size: 14px !important;
}

.box h2 {
    font-size: 25px !important;

}

.servicesbox {
    font-size: 30px;
    padding: 10px;
    text-align: center;
    color: #00a65a;
    display: block;
    line-height: 40px;
}
.selectboxes a .box:hover .servicesbox {
    color: #008d4c;
    font-size:40px;
    line-height: 40px;
}
.selectboxes .box-title {
    text-align: center;
    display: block;
    margin-bottom: 20px;
}
.selectboxes a .box:hover {
    background-color: #f9f9f9;
}

.box-body.box-submenu {
    padding: 0px;
}
.box-subpage {
    min-height: 300px;
    padding: 20px 30px 30px 30px;
}


@media (max-width: 767px) {
    .servicesbox {
        font-size: 20px;
        padding: 0px;
        line-height: 30px;
    }
    .selectboxes a .box:hover .servicesbox {
        font-size:30px;
        line-height: 30px;
    }

    .box-subpage {
        min-height: 0px;
    }
    .linkboxes a {
        margin-top:30px;
    }
    .linkboxes div:first-child a {
        margin-top:0px;
    }

    .wcsidebar {
        margin-top:40px;
    }


}

.box.box-white {
    border-top-color: #ffffff;
}



.wcsidebar .box-header {
    padding:15px;
}
.wcsidebar h2 {
    margin: 0px;
}

.rowwrapper {
    position: relative; 
}
.content-spacer {
    padding-bottom: 80px;
    padding-top:60px;
    overflow: auto;
}
.content-spacer.first {
    padding-bottom: 0px;
    padding-top:20px;
    overflow: auto;
}

.box-body.image {
    padding: 0px;
}
.linkboxes a {
    display:block;
    color: initial !important;
}
.linkboxes a span {
    font-size: 60px;
    line-height: 60px;
    color: #0280c8 !important;
}
.linkboxes a:hover span { 
    color: #000 !important;
}


.imageboxes a .box {
    border-top-color: #0280c8;
}
.imageboxes a:hover .box { 
    border-top-color: #000 !important;
}


.box.box-worldclearing {
    border-top-color: #0280c8;
}
.thin-border {
    border-top: 1px solid #f4f4f4;
}
/* mobile fonts -> 75% of normal */


h1 {
    font-size: 36px;
}
h2 {
    font-size: 30px;
}
h3 {
    font-size: 24px;
}
.box h3 {
    margin: 0px; padding: 0px;
}
.text-white {
    color: #ffffff;
}
h1, h2, h3, h4 {
    text-transform: uppercase;
}
@media (max-width: 992px) { /* max-width: 767px*/
    h1 {
        font-size: 27px; 
    }
    h2 {
        font-size: 23px;
    }
    h3 {
        font-size: 18px;
    }
}
@media (max-width: 767px){

}


/* navbar bigger on website */

.navbar-nav {
    text-transform: uppercase;
}
.main-header.website>.navbar {
    min-height: 100px;
}
.website .navbar-nav>li>a {
    padding-top: 0px;
    padding-bottom: 0px;
    line-height: 100px;
}
.website .navbar-header>a {
    padding-top: 0px;
    padding-bottom: 0px;
    line-height: 100px;
}

.website.main-header .logo {
    height: auto; 
    line-height: 100px;
    width: auto;
}
.navbar-collapse {
    float: right!important;
}
.website .logo img {
    width:auto;
    height:50px;
}

@media (max-width: 767px){
    .main-header.website>.navbar {
        min-height: 50px;
    }
    .website .navbar-nav>li>a {
        padding-top: 0px;
        padding-bottom: 0px;
        line-height: 50px;
    }
    .website .navbar-header>a {
        padding-top: 0px;
        padding-bottom: 0px;
        line-height: 50px;
    }

    .website.main-header .logo {
        height: auto; 
        line-height: 50px;
        width: auto;
    }
    .navbar-collapse {
        float: left!important;
    }
    .website .logo img {
        width:76px;
        height:31px;
    }
}


body {
    font-family: 'Open sans', sans-serif;
}

/* Crelly Slider */ *
.crellyslider > .cs-controls > .cs-previous, .crellyslider > .cs-controls > .cs-next {
    border-radius: 0% !important;
}

.crellyslider {
    font-family: 'Open sans', sans-serif !important;
}


@media (max-width: 1280px) {
    .cs-slides li {
        background-position: 50% 100% !important;
    }
}


.linkboxes a:hover .desaturate {
    filter: grayscale(100%); /* Standard CSS */
    -webkit-filter: grayscale(100%); /* CSS for Webkit Browsers */
    filter: gray;  /* Internet Explorer IE6-9 */
    -webkit-filter: grayscale(1); /* Old WebKit Browsers */
}

.linkboxes a .desaturate {
    filter: grayscale(0%);
    filter: none;
    -webkit-filter: grayscale(0); /* Old WebKit */
}
.imageboxes a img {
    filter: grayscale(100%); /* Standard CSS */
    -webkit-filter: grayscale(100%); /* CSS for Webkit Browsers */
    filter: gray;  /* Internet Explorer IE6-9 */
    -webkit-filter: grayscale(1); /* Old WebKit Browsers */
}

.imageboxes a:hover img {
    filter: grayscale(0%);
    filter: none;
    -webkit-filter: grayscale(0); /* Old WebKit */
}

@media (min-width: 768px) {
    .website .main-header .logo {
        padding: 0 15px 0 0;
    }
}


    /* Menu */

    .current_page_ancestor a, 
    .current_page_parent a, 
    .current_page_item a {
        color: #0280c8 !important;
    }

    .box-submenu .current_page_item {
        background: #f7f7f7;
        color: #444;
        border-top: 0;
        border-left-color: transparent;
        border-left: 0px;
        font-weight: bold;   
    }


    /** ------------------------------------------------------------------------------
             *  WordPress Core
             */
    .alignnone {
        margin: 5px 20px 20px 0;
    }

    .aligncenter,
    div.aligncenter {
        display: block;
        margin: 5px auto 5px auto;
    }

    .alignright {
        float:right;
        margin: 5px 0 20px 20px;
    }

    .alignleft {
        float: left;
        margin: 5px 20px 20px 0;
    }

    .aligncenter {
        display: block;
        margin: 5px auto 5px auto;
    }

    a img.alignright {
        float: right;
        margin: 5px 0 20px 20px;
    }

    a img.alignnone {
        margin: 5px 20px 20px 0;
    }

    a img.alignleft {
        float: left;
        margin: 5px 20px 20px 0;
    }

    a img.aligncenter {
        display: block;
        margin-left: auto;
        margin-right: auto
    }

    .wp-caption {
        background: #f9f9f9;
        /*border: 1px solid #f0f0f0;*/
        max-width: 96%; /* Image does not overflow the content area */
        padding: 5px 3px 10px;
        text-align: center;
    }

    .wp-caption.alignnone {
        margin: 5px 20px 20px 0;
    }

    .wp-caption.alignleft {
        margin: 5px 20px 20px 0;
    }

    .wp-caption.alignright {
        margin: 5px 0 20px 20px;
    }

    .wp-caption img {
        border: 0 none;
        height: auto;
        margin: 0;
        /*max-width: 98.5%; images get blurry with this */
        padding: 0;
        width: auto;
    }

    .wp-caption p.wp-caption-text {
        font-size: 12px;
        line-height: 17px;
        margin: 0;
        padding: 5px;
    }

    .ginput_container_checkbox input {
        display: inline !important;
        width: auto !important;
        margin: 1px;
    }

    .xwallet_hidden {
        display: none !important;
    }

    #ui-datepicker-div {
        background-color: #FFF !important;
        padding: 10px !important;
    }