/* SPECIFIC STYLES FOR BOOTSTRAP */
/* Essentially we are customising (overriding) base bootstrap styles to match FP requirements  */

/* NOTE: Only the specific changes are in this file. Any missing lines of css here is intentional in order to preserve original bootstrap values */

/* ===============================================
# SPECIFIC BOOTSTRAP DEFINED CLASS OVERRIDES
==================================================  */

body {
    font-size: 12px !important;
    overflow: hidden;
}

/* Set width on the form input elements since they're 100% wide by default */
input,
select {
    max-width: 350px;
}

a:hover,
a:focus {
    text-decoration: none;
}

/* Remove margin on HR tag*/
hr {
    margin-top: 4px;
    margin-bottom: 4px;
}

/* ===============================================
# NON HTML TAG CLASSES
==================================================  */

/****** CONTAINER ******/
.container {
    width: 95%;
}

/****** MODAL ******/
.modal-dialog {
    margin-top: 200px;
}

.modal-body {
    max-height: 550px;
    overflow-y: auto;
    box-sizing: content-box;
}

    .modal-body > ul.nav > li > a {
        background-color: #fff;
        color: #639fd3;
        border-bottom: 1px solid #ddd;
        padding-top: 7px;
        padding-bottom: 7px;
    }

    .modal-body > ul.nav > li.active > a {
        background-color: #428bca;
        color: #fff;
    }

/****** MENU ******/
.navbar {
    min-height: 65px;
    margin-bottom: 0px;
}

    .navbar a {
        color: #fff;
    }

.nav > li a:hover,
.nav > li a:focus {
    color: #fff;
    background-color: #3071a9;
}

.navbar-nav {
    margin: auto;
}

    .navbar-nav > li > a {
        padding-top: 4px;
        padding-bottom: 4px;
        line-height: none;
    }

        .navbar-nav > li.active > a.btn.navbar-btn,
        .navbar-nav > li.active > a.btn.navbar-btn:hover,
        .navbar-nav > li.active > a.btn.navbar-btn:focus,
        .navbar-nav > li > a.btn.navbar-btn:hover,
        .navbar-nav > li > a.btn.navbar-btn:focus {
            color: #fff;
            background-color: #286090 !important;
            border-color: #204d74;
        }

.nav-tabs > li > a {
    border: 1px solid #428BCA;
}

.secondary-menu > .navbar-nav > li > a.btn.navbar-btn {
    margin-top: 0px;
    margin-bottom: 0px;
}

/****** NAV TABS ******/
.tab-content {
    margin-top: 15px;
}

.nav-tabs > li.active > a,
.nav-tabs > li.active > a:hover,
.nav-tabs > li.active > a:focus {
    /*color: #fff;*/
    cursor: default;
    /*background-color: #428BCA;*/
    outline: none;
    /*border: 1px solid #428BCA;*/
    border-bottom-color: transparent;
}

/****** PAGE HEADER ******/
.page-header {
    font-size: 12px;
    margin: 20px 0px 10px;
    padding-bottom: 5px;
    border-bottom-color: rgb(238, 238, 238);
    border-bottom-width: 1px;
    border-bottom-style: solid;
    font-weight: 700;
    text-transform: uppercase;
}

/****** TOOLTIP STYLES ******/
.tooltip-inner {
    background-color: #428bca;
    max-width: 450px;
}

.tooltip.top .tooltip-arrow,
.tooltip.top-left .tooltip-arrow,
.tooltip.top-right .tooltip-arrow {
    border-top-color: #428bca;
}

.tooltip.right .tooltip-arrow {
    border-right-color: #428bca;
}

.tooltip.left .tooltip-arrow {
    border-left-color: #428bca;
}

.tooltip.bottom .tooltip-arrow,
.tooltip.bottom-left .tooltip-arrow,
.tooltip.bottom-right .tooltip-arrow {
    border-bottom-color: #428bca;
}

.tooltip-left-justify .tooltip-inner {
    text-align: left;
}

/****** POPOVER STYLES ******/
.popover-title {
    font-size: 11px;
    font-weight: bold;
}

.popover {
    max-width: 450px;
}

.login-popover {
    max-width: 350px;
}


/****** BADGE STYLES ******/
.badge {
    padding: 3px 5px;
    font-size: 10px;
    font-weight: normal;
    background: #5cb85c;
}


/****** BUTTON STYLES ******/
.btn:hover,
.btn:focus {
    /*color: #2a6496 !important;
  background-color: #e8e8e8 !important;*/
    color: #fff;
    /*background-color: #3071a9;*/
    background-color: #2a6496;
}

/* No hover style allowed */
.no-hover .btn-success:hover,
.no-hover .btn-success:focus {
    color: #fff;
    background-color: #5cb85c;
    border-color: #4cae4c;
    cursor: not-allowed;
}

.no-hover .btn-danger:hover,
.no-hover .btn-danger:focus {
    color: #fff;
    background-color: #d9534f;
    border-color: #d43f3a;
    cursor: not-allowed;
}

.no-hover .btn-info:hover,
.no-hover .btn-info:focus {
    color: #fff;
    background-color: #5bc0de;
    border-color: #46b8da;
    cursor: not-allowed;
}



/****** PANEL OVERRIDES STYLES ******/
.panel {
    /*border-color: rgb(204, 204, 204) rgb(204, 204, 204) rgb(221, 221, 221);*/
    margin-bottom: 10px;
}

.panel-body {
    padding: 2px;
}

.panel-heading {
    color: #fff;
    background-color: #00ADF1;
    border-color: rgb(204, 204, 204) rgb(204, 204, 204) rgb(221, 221, 221);
    padding: 5px 10px;
    font-weight: bold;
}

/****** WELL OVERRIDES STYLES ******/
.well-light {
    background-color: #FFF;
}

/****** TABLE STYLES ******/
.table-hover > tbody > tr:hover > td,
.table-hover > tbody > tr:hover > th {
    background-color: #D2F2FF;
}

.table-no-borders td {
    border-width: 0px !important;
}

table.standard-blue-table thead tr {
    background-color: #428bca;
    color: #fff;
}

table.standard-blue-table tbody tr {
    background-color: #e9ebf5;
}

table.standard-blue-table tbody tr:nth-of-type(2n+1) {
    background-color: #cfd5ea;
}

table.table-condensed tbody tr.section-start td {
    border-top-width: 2px;
}

/***** EXPANDING TABLE STYLES ******/
.panel-group .panel-heading.expanding-table {
    padding: 0px;
    background-color: #fff;
}

.panel-group .panel-body.expanding-table {
    padding: 0px;
}

.panel-heading.expanding-table table.expanding-table.expanding-blue-table thead {
    padding: 0px;
    background-color: #428bca;
}

.panel-body.expanding-table table.expanding-table.expanding-blue-table tbody tr {
    background-color: #e9ebf5;
}

.panel-body.expanding-table table.expanding-table.expanding-blue-table tbody tr:nth-of-type(2n+1) {
    background-color: #cfd5ea;
}

.panel-heading.expanding-table table.expanding-table.expanding-blue-table thead th,
.panel-body.expanding-table table.expanding-table.expanding-blue-table tbody td {
    border-width: 2px;
    border-color: #fff;
}

/****** ALERT STYLES ******/
.alert {
    padding: 5px;
    margin-bottom: 10px;
}

.alert-no-results {
    padding: 15px;
    margin: 25px auto;
    width: 95%;
}

.alert-danger.notemessage {
    color: #fff;
    background-color: #c9302c;
    border-color: #ac2925;
}

/****** CHECKBOX / RADIO STYLES ******/
.radio,
.checkbox {
    min-height: 10px;
    margin-top: 1px;
    margin-bottom: 1px;
}

    .radio label,
    .checkbox label {
        padding-right: 15px;
        margin-bottom: 0px;
    }

    .radio input[type="radio"],
    .radio-inline input[type="radio"],
    .checkbox input[type="checkbox"],
    .checkbox-inline input[type="checkbox"] {
        margin-top: 1px;
    }

input.input-sm {
    height: 20px;
    line-height: 20px;
}

select.input-sm {
    height: 20px;
    line-height: 20px;
}

/****** INPUT GROUP STYLES ******/
.input-append .input-group-addon, .input-group input-group-sm .input-group-addon {
    text-align: left;
}

.input-group {
    margin-bottom: 10px;
}

.input-group-sm > .form-control {
    color: rgb(48,113,169);
    height: 30px;
    line-height: 25px; /* NOTE: Safari uses line-height for DDL heights */
    padding: 4px 3px;
}

.form-group .left-align {
    text-align: left;
}

.form-control[disabled] { /* set grey background on disabled controls */
    background-color: #dedede;
}

.input-group-sm > .input-group-addon {
    min-width: 150px;
    font-weight: bold;
    height: 20px;
    line-height: 15px;
    padding: 4px 5px;
    text-align: left;
}

.input-group-sm > .input-group-suffix {
    min-width: 40px;
    font-weight: normal;
}

.input-group > .input-group-border-right {
    border-right: 1px solid rgb(204, 204, 204);
}

.input-group-sm > .input-group-addon-sq {
    min-width: 205px;
}

/****** WELL STYLES ******/
.well {
    padding: 12px;
}

/****** FONT STYLES ******/
.text-white {
    color: white;
}

/****** IE browsers have issues with width when input fields are in a "display: table" layout  ******/
.input-group > select.input-sm {
    float: left;
}


/* Remove all padding out of columns for kendo toolbars */
.toolbar .row .col-sm-1,
.toolbar .row .col-sm-2,
.toolbar .row .col-sm-3,
.toolbar .row .col-sm-4,
.toolbar .row .col-sm-5,
.toolbar .row .col-sm-6,
.toolbar .row .col-sm-7,
.toolbar .row .col-sm-8,
.toolbar .row .col-sm-9,
.toolbar .row .col-sm-10,
.toolbar .row .col-sm-11,
.toolbar .row .col-sm-12 {
    padding-left: 0px;
    padding-right: 0px;
}

.toolbar .row {
    margin-left: 0px;
    margin-right: 0px;
}

input[type="text"].input-validation-error, input[type="password"].input-validation-error,
textarea.input-validation-error {
    background-color: #cf3154 !important;
    border-color: #a94442 !important;
    color: #fff;
}

.form-control-editable,
.form-control-sizer {
    /* Remove all the default bootstrap css */
    line-height: 26px;
    height: 26px;
    padding-top: 0px;
    padding-bottom: 0px;
}


/* ===============================================
# MEDIA SPECIFIC
==================================================  */

@media (min-width: 0px) and (max-width: 1299px) {
    body {
        font-size: 11px !important;
    }

    .lead {
        font-size: 9pt;
    }

    .form-control,
    .form-control-sizer {
        font-size: 11px;
        height: 27px;
    }

    .input-group-sm > .form-control {
        font-size: 11px;
    }

    .input-group-sm > .input-group-addon {
        font-size: 11px;
    }

    .btn {
        padding: 4px 8px;
        font-size: 11px;
    }

    .btn-xs,
    .btn-sm,
    .btn-group-sm > .btn {
        padding: 3px 8px;
        font-size: 11px;
    }
}

/* First we set all styles below set screen size */
/* More specific settings are applied afterwards */

@media (max-width: 767px) {
    .hidden-xs {
        display: none !important;
    }
}

@media (min-width: 768px) and (max-width: 1196px) {
    .hidden-sm {
        display: none !important;
    }
}

@media (min-width: 1197px) and (max-width: 1298px) {
    .hidden-md {
        display: none !important;
    }
}

@media (min-width: 1299px) {
    .hidden-lg {
        display: none !important;
    }
}

/*@media (min-width: 1300px) {
  .container {
    width: 1270px;
  }
}*/

/* 
    Kendo sets the content of all widgets to be content-box
    set to border-box for all bootstrap grid elements

    As this allows bootstrap to work correctly inside a kendo widget
*/
.kendo-grid-container .col-sm-12,
.kendo-grid-container .col-sm-11,
.kendo-grid-container .col-sm-10,
.kendo-grid-container .col-sm-9,
.kendo-grid-container .col-sm-8,
.kendo-grid-container .col-sm-7,
.kendo-grid-container .col-sm-6,
.kendo-grid-container .col-sm-5,
.kendo-grid-container .col-sm-4,
.kendo-grid-container .col-sm-3,
.kendo-grid-container .col-sm-2,
.kendo-grid-container .col-sm-1 {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.no-gutter {
    margin-right: 0;
    margin-left: 0;
}

    .no-gutter > [class*="col-"] {
        padding-right: 0;
        padding-left: 0;
    }