body {
    padding-top: 60px;
    padding-bottom: 60px;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
}


#bdy {
    display: none;
}

h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 {
    font-family: Arial, Helvetica, sans-serif;
}

h4 {
    padding-bottom: 5px;
}

a {
    color: #00AEDB;
}

/** font awesome icon padding against all text **/
i.fa{
    margin-right: 5px;
    font-size: 14px;
}

.date { /**empty style for date fields **/
}

.invoice-detail {
}

    .invoice-detail tfoot td {
        border: none !important;
    }

        .invoice-detail tfoot td strong {
            color: black;
        }

        .invoice-detail tfoot td.t {
            border-top: 1px solid black;
            border-bottom: 1px solid black;
        }

        .invoice-detail tfoot td.b {
            font-weight: bold;
            color: black;
            border-bottom: 1px double black;
        }

    .invoice-detail tbody {
        background-color: white;
    }

.invoice-detail-info {
    background-color: white;
    border: 1px solid #ccc;
}

.k-state-selected a {
    color: black;
}



.dropdown-menu li:hover, .k-grid-content table tbody tr:hover {
    background: rgb(238,238,238); /* Old browsers */
    /* IE9 SVG, needs conditional override of 'filter' to 'none' */
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2VlZWVlZSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNjY2NjY2MiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
    background: -moz-linear-gradient(top, rgba(238,238,238,1) 0%, rgba(204,204,204,1) 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(238,238,238,1)), color-stop(100%,rgba(204,204,204,1))); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, rgba(238,238,238,1) 0%,rgba(204,204,204,1) 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, rgba(238,238,238,1) 0%,rgba(204,204,204,1) 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top, rgba(238,238,238,1) 0%,rgba(204,204,204,1) 100%); /* IE10+ */
    background: linear-gradient(to bottom, rgba(238,238,238,1) 0%,rgba(204,204,204,1) 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#eeeeee', endColorstr='#cccccc',GradientType=0 ); /* IE6-8 */
    color: black;
}





    .k-grid-content table tbody tr:hover a.btn {
        color: black;
    }


/** nav header bottom border change effect **/
.hborder {
    border-bottom: 3px solid #00AEDB !important;
}

.hborderloading {
    border-bottom: 3px solid #8EC127 !important;
}


/** BOOTSTRAP ui style overrides **/
.form-control {
    height: 30px;
    padding: 5px 10px;
    font-size: 12px;
    line-height: 1.5;
    color: black;
    -webkit-box-shadow: inset 0 0 0 rgba(0,0,0,.075) !important;
}

    .form-control.k-widget {
        padding: 0;
        width: 100%;
    }



.dropdown-menu > li > a {
    border-bottom: 1px solid #f5f5f5;
}

    .dropdown-menu > li > a:hover, .dropdown-menu > li > a:focus {
        background-color: #00AEDB;
        color: white;
    }




/*.navbar {
    border-bottom: 2px solid #004165;
    min-height:40px !important;
}

.navbar-nav > li > a, .navbar-brand {
    padding-top:4px !important; 
    padding-bottom:0 !important;
    height: 40px;
}*/
 

.navbar-inverse .navbar-nav > .active > a, .navbar-inverse .navbar-nav > .active > a:hover, .navbar-inverse .navbar-nav > .active > a:focus {
    background-color: #00AEDB;
}

 




.navbar-inverse .navbar-nav>li>a {
    color: #dcdcdc;
}

.navbar-inverse {
    background-color: #363940;
    border-color: #222;
}

    .navbar-inverse .navbar-nav > .open > a, .navbar-inverse .navbar-nav > .open > a:hover, .navbar-inverse .navbar-nav > .open > a:focus {
        background-color: #2882B7;
    }


.btn-default:hover, .btn-default:focus, .btn-default:active, .btn-default.active, .open .dropdown-toggle.btn-default {
    background-color: #00AEDB;
    color: #f5f5f5;
}


.btn-primary {
    background-color: #00AEDB;
}

    .btn-primary:hover {
        background-color: #027a99;
    }

    .btn:active, .btn.active {
         -webkit-box-shadow:none;
        border: 1px solid #027a99;
    }

a.list-group-item:hover, a.list-group-item:focus {
    border-left: 2px solid #77B900;
}

body.modal-open {
    overflow-y: no-content;
    margin: 0;
}

.modal {
    overflow: auto;
}

.modal-dialog {
    margin-top: 0;
}


.modal-header {
    background-color: #00AEDB;
    color: #f5f5f5;
    padding: 10px;
    border-color: #00AEDB;
}


    .modal-header h4 {
        border: none;
    }


.text-danger {
    color: #D41243;
}

.text-success {
    color: #77B900;
}

.text-warning {
    color: #FE7C22;
}

table th {
    border: none;
}

.table > thead > tr > th, .table > tbody > tr > th, .table > tfoot > tr > th, .table > thead > tr > td, .table > tbody > tr > td, .table > tfoot > tr > td {
    border-top: none !important;
}

.alert-success, .list-group-item-success {
     background-color: #77B900!important;
     color:white;
}

/** KENDO ui style overrides **/


.k-block,
.k-widget,
.k-popup,
.k-content,
.k-toolbar,
.k-dropdown .k-input {
    color: #555555;
}


.k-grid table {
    color: black;
}

.k-link:link, .k-link:visited, .k-nav-current.k-state-hover .k-link {
    color: #2c3e50;
}


.k-footer-template td {
    border: none !important;
}


/** WORKSHOP custom styles**/

.attention-input {
    color: black;
    border-bottom: 3px solid #A30041;
}

.vehicle-info {
    display: none;
}


.validation-summary-errors {
    margin: 0;
    padding: 0;
    padding: 5px;
    background-color: #D41243;
    color: white;
}



.t-no-data td {
    display: none !important;
}

.k-window-titlebar, .k-window-titlebar .k-header {
    text-transform: uppercase;
    font-weight: bold;
    font-size: 11px;
    font-family: Segoe UI Semibold;
}


#chartYtdIncomeSummary, #chartYtdExpenseSummary {
    width: 800px;
    height: 300px;
    background: center no-repeat url('/content/world-map.png');
}

.status-indicator {
    float: right;
    font-size: 9px;
}

    .status-indicator a {
        padding: 4px;
        text-transform: uppercase;
    }

        .status-indicator a.selected {
            color: black;
            font-weight: bold;
        }

        .status-indicator a img {
            padding-right: 3px;
            vertical-align: text-bottom;
        }



.btn-success {
    background-color: #77B900;
}

/*  TOASTR styles  */
.toast-success {
    background-color: #77B900;
    border: 1px solid #008000;
}

.toast-danger {
    background-color: #D41246;
}

.toast-top-center {
    top: 12px;
    left: 50%;
    margin-left: -182px;
}

@media all and (max-width: 220px) {
    .toast-top-center {
        margin-left: -83px;
    }
}

@media all and (min-width: 241px) and (max-width: 320px) {
    .toast-top-center {
        margin-left: -93px;
    }
}

@media all and (min-width: 321px) and (max-width: 480px) {
    .toast-top-center {
        margin-left: -125px;
    }
}



/* RIBBON style sheet for showing paid/unpaid in a slanted format */
.ribbon-wrapper {
    width: 100px;
    height: 88px;
    overflow: hidden;
    position: absolute;
    top: -3px;
    right: -3px;
}

.ribbon-green, .ribbon-red, .ribbon-yellow {
    font: bold 13px Sans-Serif;
    color: #fff;
    text-align: center;
    letter-spacing: 1px;
    -ms-text-shadow: 1px -1px 3px rgba(0,0,0,0.5);
    text-shadow: 1px -1px 3px rgba(0,0,0,0.5);
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    position: relative;
    padding: 7px 0;
    left: -5px;
    top: 15px;
    width: 135px;
    color: #fff;
    -webkit-box-shadow: 0px 0px 3px hsla(0, 0%, 0%, 0.30);
    -moz-box-shadow: 0px 0px 3px hsla(0, 0%, 0%, 0.30);
    box-shadow: 0px 0px 3px rgba(0,0,0,0.3);
}

.ribbon-green {
    background: rgb(167,207,223);
    background: -moz-linear-gradient(top, #8ec127 0%, #43B51F 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#8ec127), color-stop(100%,#43B51F));
    background: -webkit-linear-gradient(top, #8ec127 0%,#43B51F 100%);
    background: -o-linear-gradient(top, #8ec127 0%,#43B51F 100%);
    background: -ms-linear-gradient(top, #8ec127 0%,#43B51F 100%);
    background: linear-gradient(top, #8ec127 0%,#43B51F 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#8ec127', endColorstr='#43B51F',GradientType=0 );
}

    .ribbon-green:before, .ribbon-green:after {
        content: "";
        border-top: 3px solid #8ec127;
        border-left: 3px solid transparent;
        border-right: 3px solid transparent;
        position: absolute;
        bottom: -3px;
    }

    .ribbon-green:before {
        left: 0;
    }

    .ribbon-green:after {
        right: 0;
    }




.ribbon-red {
    background: rgb(167,207,223);
    background: -moz-linear-gradient(top, #D42C2C 0%, #BE3432 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#D42C2C), color-stop(100%,#BE3432));
    background: -webkit-linear-gradient(top, #D42C2C 0%,#BE3432 100%);
    background: -o-linear-gradient(top, #D42C2C 0%,#BE3432 100%);
    background: -ms-linear-gradient(top, #D42C2C 0%,#BE3432 100%);
    background: linear-gradient(top, #D42C2C 0%,#BE3432 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#D42C2C', endColorstr='#BE3432',GradientType=0 );
}

    .ribbon-red:before, .ribbon-red:after {
        content: "";
        border-top: 3px solid #D42C2C;
        border-left: 3px solid transparent;
        border-right: 3px solid transparent;
        position: absolute;
        bottom: -3px;
    }

    .ribbon-red:before {
        left: 0;
    }

    .ribbon-red:after {
        right: 0;
    }



.ribbon-yellow {
    font: bold 13px Sans-Serif;
    color: #fff;
    text-align: center;
    letter-spacing: 1px;
    text-shadow: 1px -1px 3px rgba(0,0,0,0.5);
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    position: relative;
    padding: 7px 0;
    left: -5px;
    top: 15px;
    width: 135px;
    background: rgb(167,207,223);
    background: -moz-linear-gradient(top, #eb9b07 0%, #FEA500 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#eb9b07), color-stop(100%,#FEA500));
    background: -webkit-linear-gradient(top, #eb9b07 0%,#FEA500 100%);
    background: -o-linear-gradient(top, #eb9b07 0%,#FEA500 100%);
    background: -ms-linear-gradient(top, #eb9b07 0%,#FEA500 100%);
    background: linear-gradient(top, #eb9b07 0%,#FEA500 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#eb9b07', endColorstr='#FEA500',GradientType=0 );
    color: #fff;
    -webkit-box-shadow: 0px 0px 3px hsla(0, 0%, 0%, 0.30);
    -moz-box-shadow: 0px 0px 3px hsla(0, 0%, 0%, 0.30);
    box-shadow: 0px 0px 3px rgba(0,0,0,0.3);
}

    .ribbon-yellow:before, .ribbon-yellow:after {
        content: "";
        border-top: 3px solid #FEA500;
        border-left: 3px solid transparent;
        border-right: 3px solid transparent;
        position: absolute;
        bottom: -3px;
    }

    .ribbon-yellow:before {
        left: 0;
    }

    .ribbon-yellow:after {
        right: 0;
    }


.panel-default > .panel-heading {
    background-image: -ms-linear-gradient(top, #ffffff 0%, #F6F6F6 47%, #ededed 100%);
    background-image: -moz-linear-gradient(top, #ffffff 0%, #F6F6F6 47%, #ededed 100%);
    background-image: -o-linear-gradient(top, #ffffff 0%, #F6F6F6 47%, #ededed 100%);
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #ffffff), color-stop(47, #F6F6F6), color-stop(100, #ededed));
    background-image: -webkit-linear-gradient(top, #ffffff 0%, #F6F6F6 47%, #ededed 100%);
    background-image: linear-gradient(to bottom, #ffffff 0%, #F6F6F6 47%, #ededed 100%);
}


.k-alt, .k-separator, .k-pivot-layout > tbody > tr:first-child > td:first-child  {
    /*background-image: -ms-linear-gradient(top, #ffffff 0%, #F6F6F6 47%, #ededed 100%);
    background-image: -moz-linear-gradient(top, #ffffff 0%, #F6F6F6 47%, #ededed 100%);
    background-image: -o-linear-gradient(top, #ffffff 0%, #F6F6F6 47%, #ededed 100%);
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #ffffff), color-stop(47, #F6F6F6), color-stop(100, #ededed));
    background-image: -webkit-linear-gradient(top, #ffffff 0%, #F6F6F6 47%, #ededed 100%);
    background-image: linear-gradient(to bottom, #ffffff 0%, #F6F6F6 47%, #ededed 100%);*/
}