/* SEAI Styles 
Modify this file only, do not modify other css files.
Can be used to override bootstrap styles
*/
@media print, screen {
    .field-validation-error {
        color: red;
        font-weight: bold;
        font-size: 0.75em;
    }


    .summaryModel {
        font-size: 0.8em;
    }

    .summaryDiv {
        height: 500px;
        overflow-y: scroll;
        overflow-x: hidden;
    }

    /* Custom theme (bootstrap overrides) */
    body, h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 {
        font-family: 'Open Sans', "Helvetica Neue", Helvetica, Arial, sans-serif;
    }

    h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 {
        color: #11357e;
    }

    h1, .h1 {
        font-size: 30px;
        margin-bottom: 3px;
    }

    .top-bar {
        background-color: #bccd52;
        padding: 4px 0px;
        font-size: 0.8em;
    }

        .top-bar span {
            margin-right: 15px;
        }

    .header {
        padding: 20px 0px;
    }

    .breadcrumb-text {
        display: inline-block;
        font-size: 0.9em;
    }

    .breadcrumb {
        padding: 3px 3px;
        margin-bottom: 20px;
        background-color: #fff;
        display: inline-block;
        font-size: 0.9em;
    }

    .alert .glyphicon {
        margin-right: 7px;
        font-size: 1.2em;
    }

    .navbar-inverse {
        background-color: white;
        border-color: white;
        padding-top: 48px;
        margin-bottom: 0px;
    }

        .navbar-inverse .navbar-brand,
        .navbar-inverse .navbar-nav > li > a,
        .navbar-inverse .navbar-nav .open .dropdown-menu > li > a,
        nav .dropdown-header {
            color: #135da8;
        }

        .navbar-inverse .navbar-nav > .open > a,
        .navbar-inverse .navbar-nav > .open > a:hover,
        .navbar-inverse .navbar-nav > .open > a:focus {
            color: #135da8;
            background-color: white;
        }

        .navbar-inverse .navbar-nav > .active > a,
        .navbar-inverse .navbar-nav > .active > a:hover,
        .navbar-inverse .navbar-nav > .active > a:focus {
            color: #135da8;
            background-color: white;
        }

        .navbar-inverse .navbar-nav > li > a:hover,
        .navbar-inverse .navbar-nav > li > a:focus {
            color: #03a18c;
            background-color: transparent;
        }


        .navbar-inverse .navbar-toggle {
            background-color: #005da4;
            border-color: #004c85;
        }

            .navbar-inverse .navbar-toggle:hover, .navbar-inverse .navbar-toggle:focus {
                background-color: #0068b7;
            }

        .navbar-inverse .navbar-collapse, .navbar-inverse .navbar-form {
            border-color: #00467a;
        }

        .navbar-inverse .navbar-nav .open .dropdown-menu .divider {
            background-color: #00467a;
        }

    .page-header {
        margin-top: 20px;
        border-top: 3px solid #dfe4e8;
        border-bottom: 3px solid #dfe4e8;
    }

        .page-header .padded {
            padding: 20px 15px;
        }

    .footer {
        font-size: 0.85em;
        color: #b8b8b8;
        background-color: #484647;
        border-top: 7px solid #3e3c3d;
        padding: 5px 0px 0px 0px;
        margin-top: 30px;
    }

        .footer a {
            color: #ffffff;
        }

    .btn-glyph {
        font-size: 1.2em;
        padding-top: 5px;
    }

        .btn-glyph:hover {
            text-decoration: none;
            cursor: pointer;
        }

    .glyph-primary {
        color: #428bca;
    }

        .glyph-primary:hover {
            color: #3276b1;
        }

    .glyph-danger {
        color: #d9534f;
    }

        .glyph-danger:hover {
            color: #d2322d;
        }
    /* Checkbox switch */
    .onoffswitch {
        position: relative;
        width: 70px;
        -webkit-user-select: none;
        -moz-user-select: none;
        -ms-user-select: none;
        top: 5px;
    }

    .onoffswitch-checkbox {
        display: none;
    }

    .onoffswitch-label {
        display: block;
        overflow: hidden;
        cursor: pointer;
        border: 1px solid #96A0A3;
        border-radius: 15px;
    }

    .onoffswitch-inner {
        width: 200%;
        margin-left: -100%;
        -moz-transition: margin 0.3s ease-in 0s;
        -webkit-transition: margin 0.3s ease-in 0s;
        -o-transition: margin 0.3s ease-in 0s;
        transition: margin 0.3s ease-in 0s;
    }

        .onoffswitch-inner:before, .onoffswitch-inner:after {
            float: left;
            width: 50%;
            height: 25px;
            padding: 0;
            line-height: 25px;
            font-size: 14px;
            color: white;
            font-family: Trebuchet, Arial, sans-serif;
            font-weight: normal;
            -moz-box-sizing: border-box;
            -webkit-box-sizing: border-box;
            box-sizing: border-box;
        }

        .onoffswitch-inner:before {
            content: "Yes";
            padding-left: 10px;
            background-color: #A8FFC1;
            color: #444444;
        }

        .onoffswitch-inner:after {
            content: "No";
            padding-right: 10px;
            background-color: #EEEEEE;
            color: #444444;
            text-align: right;
        }

    .onoffswitch-switch {
        width: 17px;
        margin: 5px;
        background: #FFFFFF;
        border: 1px solid #96A0A3;
        border-radius: 15px;
        position: absolute;
        top: 0;
        bottom: 0;
        right: 41px;
        -moz-transition: all 0.3s ease-in 0s;
        -webkit-transition: all 0.3s ease-in 0s;
        -o-transition: all 0.3s ease-in 0s;
        transition: all 0.3s ease-in 0s;
    }

    .onoffswitch-checkbox:checked + .onoffswitch-label .onoffswitch-inner {
        margin-left: 0;
    }

    .onoffswitch-checkbox:checked + .onoffswitch-label .onoffswitch-switch {
        right: 0px;
    }



    .padded {
        display: inline-block;
        padding-bottom: 15px;
    }

    .caret-ascending {
        display: inline-block;
        width: 0;
        height: 0;
        margin-left: 2px;
        vertical-align: middle;
        border-bottom: 4px solid;
        border-right: 4px solid transparent;
        border-left: 4px solid transparent;
    }




    /* Responsive */
    /* XSmall devices - portrait */
    @media (max-width: 320px) {
        .header img {
            width: 100%;
            height: auto;
        }
    }
    /* Desktops */
    @media (max-width: 760px) {
        .navbar-inverse {
            padding-top: 0px;
        }
    }

    @media (min-width: 780px) {
        .navbar {
            min-height: 26px;
            margin-bottom: 0px;
        }

        .nav > li > a {
            padding-top: 2px;
            padding-bottom: 0px;
        }

        .navbar-collapse {
            float: left;
            padding-right: 5px;
            padding-left: 5px;
        }

        .btn-md-offset {
            margin-top: 25px;
        }

        .col-md-with-separator {
            border-right: 1px solid #dddddd;
        }

        .equal-height-columns {
            overflow: hidden;
        }

            .equal-height-columns .col {
                margin-bottom: -99999px;
                padding-bottom: 99999px;
            }

        .nav-list-item.active a:after,
        .nav-list-item a:hover:after {
            content: "";
            display: block;
            margin: 0 auto;
            width: 0;
            border: 5px solid #135da8;
            border-color: transparent transparent #135da8 transparent;
        }

        .nav-padding {
            padding: 50px 30px 0px 30px;
        }
    }



    /* Align labels to the left */
    .form-horizontal .control-label-left {
        padding-top: 7px;
        margin-bottom: 0;
        text-align: left;
    }
    /* style for fieldset borders */
    .border-fieldset {
        position: relative;
        border: 1px solid #e5e5e5;
        border-radius: 8px;
        padding: 10px;
    }
    /* style for border legend */
    .border-legend {
        width: auto;
        padding: 0px 0px;
        border: 0px;
        margin-bottom: 0px;
    }

    .border-legendsummary {
        width: auto;
        padding: 0px 0px;
        border: 0px;
        margin-bottom: 0px;
        font-size: 1em;
    }

    .tab-content .tab-border {
        border: 1px solid #e5e5e5;
        border-radius: 8px;
        padding: 10px;
    }
    /* Display hand on hover over panel heading*/
    .clickable {
        cursor: pointer;
    }

    .panel-color {
        border-color: #03a18c;
    }

        .panel-color > .panel-heading {
            color: #fff;
            background-color: #03a18c;
            border-color: #03a18c;
        }

            .panel-color > .panel-heading + .panel-collapse > .panel-body {
                border-top-color: #03a18c;
            }

            .panel-color > .panel-heading .badge {
                color: #03a18c;
                background-color: #fff;
            }

        .panel-color > .panel-footer + .panel-collapse > .panel-body {
            border-bottom-color: #03a18c;
        }

    /*Large breadcrumb */
    .breadcrumb-large {
        font-size: 1.2em;
    }


    /* top bar logged in bar */
    .top-bar-login {
        background-color: #bccd52;
        padding: 4px 25px;
        font-size: 0.8em;
        border-bottom-left-radius: 5px;
        border-bottom-right-radius: 5px;
    }

    .nav-pill-large > li.active > a,
    .nav-pill-large > li.active > a:hover {
        background-color: #03a18c;
    }

    .btn-custom-color {
        color: #fff;
        background-color: #03a18c;
    }

    /*Navigation bar*/
    .border-header {
        margin: 0;
        padding: 0 0 0px 0px;
        border-bottom: 5px solid #12155a;
    }

    /*Display client BEWH number*/
    .header-label {
        padding: 20px;
    }
    /*remove transparent border from default bootstrap navbar */
    .navbar.navbar-padding {
        border: 0px;
    }

    /* file upload css*/
    .fileUpload {
        position: relative;
        overflow: hidden;
    }

    .glyph-custom-color {
        color: #03a18c;
    }

    .fileUpload input.upload {
        position: absolute;
        top: 0;
        right: 0;
        margin: 0;
        padding: 0;
        font-size: 20px;
        cursor: pointer;
        opacity: 0;
        filter: alpha(opacity=0);
    }

    progress {
        width: 150px;
    }

    /* tab label for print */
    .panel-title-print {
        display: none;
    }
}

@media print {
    .collapse {
        display: block !important;
        height: auto !important;
    }

    .tab-content > .tab-pane {
        display: block !important;
        height: auto !important;
    }

    .tab-content > .tab-pane {
        display: block !important;
        opacity: 100 !important;
        height: auto !important;
    }

    .panel-title-print {
        display: block;
        width: 100%;
        padding: 0;
        margin-bottom: 20px;
        font-size: 21px;
        line-height: inherit;
        color: #333;
        border: 0;
        border-bottom: 1px solid #e5e5e5;
    }


    header, footer, ul.nav,div.footer,div.top-bar-login, div.top-bar, #buttons {
        display: none !important;
    }
}



/*/*Req 2*/

/*.tooltip-wrapper {
    display: inline-block;
    float: left;
}

.tooltip-wrapper .btn {
    border-radius: 0;
}*/
