/* Sticky footer styles
-------------------------------------------------- */
html {
    position: relative;
    min-height: 100%;
}

body {
    /* Margin bottom by footer height */
    margin-bottom: 120px;
}

#footerleft {
    width: 40%;
    float: left
}

#footerright {
    width: 50%;
    float: right;
    text-align: right;
}

#buttons {
    padding-top: 20px;
    width: 100%;
}

#registerbutton {
    float: left;
    width: 49%;
}

#loginbutton {
    float: right;
    width: 49%;
}

#registerbuttoninner {
    float: right;
}

#loginbuttoninner {
    float: left;
}

#signin {
    padding-top: 10%;
}

#PortalContent {
    width: 100%;
    padding-top: 50px;
}

#PortalWelcome {
    width: 100%;
    float: left;
    clear: left;
    height: 36px;
    line-height: 36px;
    border-bottom-color: #eaeaea;
    border-bottom-style: solid;
    border-bottom-width: 1px;
}

#PortalTitle {
    width: 100%;
    float: none;
    clear: left;
    height: 50px;
    padding-top: 15px;
}

#PortalTitleLeft {
    width: 70%;
    float: left;
}

#PortalTitleRight {
    width: 30%;
    float: right;
    text-align: right;
}

@media screen and (max-width: 600px) {
    .PortalTitleRightResponsive {
        width: 100% !important;
    }

        .PortalTitleRightResponsive .btn {
            margin-top: 3px !important;
        }
}

@media screen and (min-width: 601px) {
    .PortalTitleRightResponsive {
        width: 50% !important;
    }

        .PortalTitleRightResponsive .btn {
            margin-top: initial !important;
        }
}

#PortalTitleLeftv2 {
    width: 30%;
    float: left;
}

#PortalTitleRightv2 {
    width: 70%;
    float: right;
    text-align: right;
}

#PortalTitleLeftv3 {
    width: 49%;
    float: left;
}

#PortalTitleRightv3 {
    width: 49%;
    float: right;
    text-align: right;
}

#PortalInnerContent {
    width: 100%;
    clear: left;
    padding-top: 15px;
    padding-bottom: 30px;
}

#PortalInnerContentNoTitle {
    width: 100%;
    clear: left;
    padding-top: 0px;
    padding-bottom: 30px;
}

#PortalInstructionText {
    width: 100%;
    clear: left;
    padding-top: 15px;
    padding-bottom: 15px;
}

#PortalInstructionText_2 {
    width: 100%;
    clear: left;
    padding-top: 0px;
    padding-bottom: 15px;
}

#PortalInstructionText_3 {
    width: 100%;
    clear: left;
    padding-top: 15px;
    padding-bottom: 0px;
}

#PortalFormButton {
    padding-top: 15px;
    padding-bottom: 15px;
}

#PortalContent {
    width: 100%;
    padding-top: 50px;
}

#PublicContent {
    width: 100%;
    padding-top: 65px;
}

#DivReportForm {
    width: 50%;
}

#DivMemberScroller {
    height: 400px;
    overflow-y: scroll;
}

#DivMemberScroller2 {
    height: 480px;
    overflow-y: scroll;
}

#DivLogDetails {
    padding-top: 0px;
    padding-left: 25px;
    padding-right: 25px;
    padding-bottom: 25px;
    border-color: #cccccc;
    border-style: solid;
    border-width: 1px;
}

#DivSummaryReport {
    padding: 10px;
    border-color: #eaeaea;
    border-style: solid;
    border-width: 1px;
    margin-bottom: 15px;
}

#DivSummaryReport2 {
    padding: 10px;
    border-color: #eaeaea;
    border-style: solid;
    border-width: 1px;
    margin-top: 36px;
    margin-bottom: 15px;
}

#DivSummaryReport3 {
    padding: 10px;
    border-color: #eaeaea;
    border-style: solid;
    border-width: 1px;
    margin-top: 15px;
    margin-bottom: 15px;
}

#DivSearch {
    padding: 10px;
    border-color: #eaeaea;
    border-style: solid;
    border-width: 1px;
    margin-bottom: 15px;
    font-size: 11px;
}

/*a:link, a:visited
{
    color: #0066ff;
}

a:hover
{
    color: #0066ff;
}

a:active
{
     color: #0066ff;
}*/

.footer {
    position: absolute;
    bottom: 0;
    width: 100%;
    /* Set the fixed height of the footer here */
    height: 90px;
    background-color: #444444;
    padding-top: 15px;
    padding-bottom: 15px;
    color: #ccc;
}

/*Jumbotron Start*/
.jumbotron {
    padding: 0px;
    background-size: cover;
    margin: 0px;
    margin-bottom: 0px;
    vertical-align: central;
    color: #ffffff;
    background-color: #eaeaea;
    border-bottom: solid;
    border-bottom-color: #eaeaea;
    border-bottom-width: 1px;
}

    .jumbotron .h1, .jumbotron h1 {
        color: inherit;
    }

    .jumbotron p {
        margin-bottom: 0px;
        font-size: 21px;
        font-weight: 200;
    }

    .jumbotron > hr {
        border-top-color: #d5d5d5;
    }

.container .jumbotron, .container-fluid .jumbotron {
    padding-right: 0px;
    padding-left: 0px;
    padding-top: 0px;
    padding-bottom: 0px;
    border-radius: 0px;
    margin: 0px;
}

.jumbotron .container {
    max-width: 100%;
}

@media screen and (min-width:768px) {

    .jumbotron {
        padding-top: 0px;
        padding-bottom: 0px;
        padding-right: 0px;
        padding-left: 0px;
        margin: 0px;
        margin-bottom: 0px;
    }

    .container .jumbotron, .container-fluid .jumbotron {
        padding-right: 0px;
        padding-left: 0px;
        padding-top: 0px;
        padding-bottom: 0px;
        margin: 0px;
    }

    .jumbotron .h1, .jumbotron h1 {
        font-size: 63px;
    }
}
/*Jumbotron End*/

/*Marquee Start*/
.tdmarque {
    padding-top: 5px;
}
/*Marquee End*/

.image-responsive {
    width: 100%;
    padding-top: 80px;
    padding-left: 30px;
    padding-right: 30px;
}

.statusbar {
    border-bottom: solid;
    border-bottom-color: #eaeaea;
    border-bottom-width: 1px;
    padding-top: 10px;
    padding-bottom: 10px;
}

.image {
    max-width: 100%;
    max-height: 100%;
    padding-top: 5px;
    padding-bottom: 5px;
}

.imagefooter {
    max-width: 100%;
    max-height: 100%;
}

.imagejumbotron {
    max-width: 100%;
    max-height: 100%;
    padding-top: 50px;
}

.imagejumbotronlogo {
    max-width: 100%;
    max-height: 100%;
    padding-top: 80px;
    padding-left: 30px;
    padding-right: 30px;
    width: auto;
    height: auto;
    margin: auto;
}

.RecentNewsTitle {
    font-size: 18px;
    line-height: 22px;
    font-weight: 400;
}

body > .container {
    padding: 15px 15px 0;
}

.containerpublic {
    padding-top: 10px;
}

.adminportalcontainer {
    width: 100%;
    padding-left: 30px;
    padding-right: 30px;
}

.container .text-muted {
    margin: 20px 0;
}

.footerportal {
    width: 100%;
    padding-left: 30px;
    padding-right: 30px;
}

.containerportal {
    width: 100%;
    padding-left: 30px;
    padding-right: 30px;
}

.footer > .container {
    padding-right: 15px;
    padding-left: 15px;
}

.code {
    font-size: 80%;
}

.gridviewcellpadding {
    padding: 6px;
}

.FieldLabel {
    padding-right: 25px;
}

.FieldTextBox {
    padding-left: 5px;
    padding-right: 5px;
}

.FieldMultiLine {
    padding-top: 5px;
}

.HelpText {
    padding: 15px;
    background-color: aliceblue;
}

.HelpText_2 {
    padding: 15px;
    background-color: aliceblue;
    margin-bottom: 20px;
}

.HelpText_3 {
    padding: 15px;
    background-color: lightgoldenrodyellow;
    margin-bottom: 20px;
}

.TicketLabel_1 {
    padding-right: 71px;
    font-size: 11px;
    font-weight: bold;
}

.TicketLabel_2 {
    padding-right: 66px;
    font-size: 11px;
    font-weight: bold;
}

.TicketLabel_3 {
    padding-right: 50px;
    font-size: 11px;
    font-weight: bold;
}

.AssignmentNumbersText {
    padding: 0px;
    background-color: white;
}

.ValidationText {
    padding: 15px;
    background-color: #ffecec;
    margin-bottom: 15px;
}

.ReturnMessageValidationText {
    width: 100%;
    padding: 15px;
    background-color: #ffecec;
    margin-top: 10px;
    margin-bottom: 10px;
}

.DeclarationForm {
    padding-top: 20px;
    padding-bottom: 10px;
}

.ButtonForm {
    padding-top: 20px;
    padding-bottom: 20px;
}

.right-inner-addon input {
    padding-right: 30px;
}

.right-inner-addon i {
    position: absolute;
    right: 0px;
    padding: 10px 12px;
    pointer-events: none;
}

.MultipleAssignmentNumbers {
    padding-bottom: 25px;
}

.ChartTd {
    padding-top: 14px;
}

.gridViewPager td {
    padding-left: 4px;
    padding-right: 4px;
    padding-top: 1px;
    padding-bottom: 2px;
}

.pdffooter {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    color: #cccccc;
}



/* START - overide Bootstrap Styles */
.panel-group {
    margin-bottom: 3px;
}

    .panel-group .panel-heading {
        padding-bottom: 8px;
    }

.panel-heading .accordion-toggle:after {
    /* symbol for "opening" panels */
    font-family: 'Glyphicons Halflings'; /* essential for enabling glyphicon */
    content: "\e114"; /* adjust as needed, taken from bootstrap.css */
    float: right; /* adjust as needed */
    color: grey; /* adjust as needed */
}

.panel-heading .accordion-toggle.collapsed:after {
    /* symbol for "collapsed" panels */
    content: "\e080"; /* adjust as needed, taken from bootstrap.css */
}

.col-md-4b {
    padding-top: 25px;
}

.col-md-4c {
    padding-top: 13px;
}

.ddl {
    border-style: solid;
    border-width: 1px;
    border-color: #cccccc;
    padding-left: 10px;
    color: #555555;
}

.modalpopup {
    padding: 30px;
}

.modalpopup-responsive {
    padding: 30px;
    max-width: 800px;
    max-height: calc(100vh - 210px);
    overflow-y: auto;
}

.modalpopup-responsive-iframe {
    padding: 30px;
    max-width: 1300px;
    max-height: calc(100vh - 50px);
    overflow-y: auto;
}

.modalBackground {
    background-color: Black;
    filter: alpha(opacity=30);
    opacity: 0.3;
}

.LabelMultiLine {
    padding-top: 6px;
}

.UploadForm {
    padding: 20px;
    border-color: #cccccc;
    border-style: solid;
    border-width: 1px;
}

.btntd {
    padding-left: 10px;
}

/* Button 1 */
.btn1-success {
    color: #fff;
    background-color: #b90475;
    border-color: #b90475;
}

    .btn1-success.focus, .btn-success:focus {
        color: #fff;
        background-color: #b90475;
        border-color: #b90475;
    }

    .btn1-success:hover {
        color: #fff;
        background-color: #d02275;
        border-color: #d02275;
    }

    .btn1-success.active, .btn1-success:active, .open > .dropdown-toggle.btn-success {
        color: #fff;
        background-color: #b90475;
        border-color: #b90475;
    }

        .btn1-success.active.focus, .btn1-success.active:focus, .btn1-success.active:hover, .btn1-success:active.focus, .btn1-success:active:focus, .btn1-success:active:hover, .open > .dropdown-toggle.btn1-success.focus, .open > .dropdown-toggle.btn1-success:focus, .open > .dropdown-toggle.btn1-success:hover {
            color: #fff;
            background-color: #b90475;
            border-color: #b90475;
        }

    .btn1-success.active, .btn1-success:active, .open > .dropdown-toggle.btn1-success {
        background-image: none;
    }

    .btn1-success.disabled.focus, .btn1-success.disabled:focus, .btn1-success.disabled:hover, .btn1-success[disabled].focus, .btn1-success[disabled]:focus, .btn1-success[disabled]:hover, fieldset[disabled] .btn1-success.focus, fieldset[disabled] .btn1-success:focus, fieldset[disabled] .btn1-success:hover {
        background-color: #b90475;
        border-color: #b90475;
    }

    .btn1-success .badge {
        color: #b90475;
        background-color: #fff;
    }

/* Button 2 */
.btn2-success {
    color: #fff;
    background-color: #0072ba;
    border-color: #0072ba;
}

    .btn2-success.focus, .btn-success:focus {
        color: #fff;
        background-color: #0072ba;
        border-color: #0072ba;
    }

    .btn2-success:hover {
        color: #fff;
        background-color: #0093ea;
        border-color: #0093ea;
    }

    .btn2-success.active, .btn2-success:active, .open > .dropdown-toggle.btn-success {
        color: #fff;
        background-color: #0072ba;
        border-color: #0072ba;
    }

        .btn2-success.active.focus, .btn2-success.active:focus, .btn2-success.active:hover, .btn2-success:active.focus, .btn2-success:active:focus, .btn2-success:active:hover, .open > .dropdown-toggle.btn2-success.focus, .open > .dropdown-toggle.btn2-success:focus, .open > .dropdown-toggle.btn2-success:hover {
            color: #fff;
            background-color: #0072ba;
            border-color: #0072ba;
        }

    .btn2-success.active, .btn2-success:active, .open > .dropdown-toggle.btn2-success {
        background-image: none;
    }

    .btn2-success.disabled.focus, .btn2-success.disabled:focus, .btn2-success.disabled:hover, .btn2-success[disabled].focus, .btn2-success[disabled]:focus, .btn2-success[disabled]:hover, fieldset[disabled] .btn2-success.focus, fieldset[disabled] .btn2-success:focus, fieldset[disabled] .btn2-success:hover {
        background-color: #a11a5a;
        border-color: #a11a5a;
    }

    .btn2-success .badge {
        color: #0072ba;
        background-color: #fff;
    }

/* Button 3 */
.btn3-success {
    color: #fff;
    background-color: #66cc66;
    border-color: #66cc66;
}

    .btn3-success.focus, .btn-success:focus {
        color: #fff;
        background-color: #66cc66;
        border-color: #66cc66;
    }

    .btn3-success:hover {
        color: #fff;
        background-color: #40BF40;
        border-color: #40BF40;
    }

    .btn3-success.active, .btn3-success:active, .open > .dropdown-toggle.btn-success {
        color: #fff;
        background-color: #66cc66;
        border-color: #66cc66;
    }

        .btn3-success.active.focus, .btn3-success.active:focus, .btn3-success.active:hover, .btn3-success:active.focus, .btn3-success:active:focus, .btn3-success:active:hover, .open > .dropdown-toggle.btn3-success.focus, .open > .dropdown-toggle.btn3-success:focus, .open > .dropdown-toggle.btn3-success:hover {
            color: #fff;
            background-color: #66cc66;
            border-color: #66cc66;
        }

    .btn3-success.active, .btn3-success:active, .open > .dropdown-toggle.btn3-success {
        background-image: none;
    }

    .btn3-success.disabled.focus, .btn3-success.disabled:focus, .btn3-success.disabled:hover, .btn3-success[disabled].focus, .btn3-success[disabled]:focus, .btn3-success[disabled]:hover, fieldset[disabled] .btn3-success.focus, fieldset[disabled] .btn3-success:focus, fieldset[disabled] .btn2-success:hover {
        background-color: #66cc66;
        border-color: #66cc66;
    }

    .btn3-success .badge {
        color: #66cc66;
        background-color: #fff;
    }

.BakGreen {
    color: #333333;
    background-color: #90ee90;
}

.BakAmber {
    color: #333333;
    background-color: #ffe4b5;
}

.BakRed {
    color: #333333;
    background-color: #ffb6c1;
}

.BakGrey {
    color: #333333;
    background-color: #eaeaea;
}

.expand-div {
    width: 40px;
    height: 35px;
    padding: 5px;
    border-radius: 5px;
    font-size: 20px;
}

.panel-group .panel + .panel {
    margin-top: 20px;
}

.k-dropdown {
    width: auto !important;
}

/* START - overide nav bar Bootstrap Styles */

@media (min-width:768px) {
    .navbar-collapse {
        width: auto;
        border-top: 0;
        -webkit-box-shadow: none;
        box-shadow: none;
    }

        .navbar-collapse.collapse {
            display: block !important;
            height: auto !important;
            padding-bottom: 0;
            overflow: visible !important;
        }

        .navbar-collapse.in {
            overflow-y: visible;
        }

    .navbar-fixed-bottom .navbar-collapse, .navbar-fixed-top .navbar-collapse, .navbar-static-top .navbar-collapse {
        padding-right: 0;
        padding-left: 0;
    }
}

.navbar-fixed-bottom .navbar-collapse, .navbar-fixed-top .navbar-collapse {
    max-height: 340px;
}

@media (max-device-width:480px) and (orientation:landscape) {
    .navbar-fixed-bottom .navbar-collapse, .navbar-fixed-top .navbar-collapse {
        max-height: 200px;
    }
}

.container-fluid > .navbar-collapse, .container-fluid > .navbar-header, .container > .navbar-collapse, .container > .navbar-header {
    margin-right: -15px;
    margin-left: -15px;
}

@media (min-width:768px) {
    .container-fluid > .navbar-collapse, .container-fluid > .navbar-header, .container > .navbar-collapse, .container > .navbar-header {
        margin-right: 0;
        margin-left: 0;
    }
}

.navbar-static-top {
    z-index: 1000;
    border-width: 0 0 1px;
}

@media (min-width:768px) {
    .navbar-static-top {
        border-radius: 0;
    }
}

.navbar-fixed-bottom, .navbar-fixed-top {
    position: fixed;
    right: 0;
    left: 0;
    z-index: 1030;
}

@media (min-width:768px) {
    .navbar-fixed-bottom, .navbar-fixed-top {
        border-radius: 0;
    }
}

.navbar-fixed-top {
    top: 0;
    border-width: 0 0 1px;
}

.navbar-inverse {
    background-color: #005EB8;
    border-color: #005EB8;
}

    .navbar-inverse .navbar-brand {
        color: #ffffff;
    }

        .navbar-inverse .navbar-brand:focus, .navbar-inverse .navbar-brand:hover {
            color: #fff;
            background-color: transparent;
        }

    .navbar-inverse .navbar-text {
        color: #ffffff;
    }

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

        .navbar-inverse .navbar-nav > li > a:focus, .navbar-inverse .navbar-nav > li > a:hover {
            color: #fff;
            background-color: transparent;
        }

    .navbar-inverse .navbar-nav > .active > a, .navbar-inverse .navbar-nav > .active > a:focus, .navbar-inverse .navbar-nav > .active > a:hover {
        color: #fff;
        background-color: #005EB8;
    }

    .navbar-inverse .navbar-nav > .disabled > a, .navbar-inverse .navbar-nav > .disabled > a:focus, .navbar-inverse .navbar-nav > .disabled > a:hover {
        color: #fff;
        background-color: transparent;
    }

    .navbar-inverse .navbar-toggle {
        border-color: #005EB8;
    }

        .navbar-inverse .navbar-toggle:focus, .navbar-inverse .navbar-toggle:hover {
            background-color: #005EB8;
        }

        .navbar-inverse .navbar-toggle .icon-bar {
            background-color: #fff;
        }

    .navbar-inverse .navbar-collapse, .navbar-inverse .navbar-form {
        border-color: #005EB8;
    }

    .navbar-inverse .navbar-nav > .open > a, .navbar-inverse .navbar-nav > .open > a:focus, .navbar-inverse .navbar-nav > .open > a:hover {
        color: #fff;
        background-color: #005EB8;
    }

@media (max-width:767px) {
    .navbar-inverse .navbar-nav .open .dropdown-menu > .dropdown-header {
        border-color: #005EB8;
    }

    .navbar-inverse .navbar-nav .open .dropdown-menu .divider {
        background-color: #005EB8;
    }

    .navbar-inverse .navbar-nav .open .dropdown-menu > li > a {
        color: #ffffff;
    }

        .navbar-inverse .navbar-nav .open .dropdown-menu > li > a:focus, .navbar-inverse .navbar-nav .open .dropdown-menu > li > a:hover {
            color: #fff;
            background-color: transparent;
        }

    .navbar-inverse .navbar-nav .open .dropdown-menu > .active > a, .navbar-inverse .navbar-nav .open .dropdown-menu > .active > a:focus, .navbar-inverse .navbar-nav .open .dropdown-menu > .active > a:hover {
        color: #fff;
        background-color: #005EB8;
    }

    .navbar-inverse .navbar-nav .open .dropdown-menu > .disabled > a, .navbar-inverse .navbar-nav .open .dropdown-menu > .disabled > a:focus, .navbar-inverse .navbar-nav .open .dropdown-menu > .disabled > a:hover {
        color: #fff;
        background-color: transparent;
    }
}

.navbar-inverse .navbar-link {
    color: #ffffff;
}

    .navbar-inverse .navbar-link:hover {
        color: #fff;
    }

.navbar-inverse .btn-link {
    color: #ffffff;
}

    .navbar-inverse .btn-link:focus, .navbar-inverse .btn-link:hover {
        color: #fff;
    }

    .navbar-inverse .btn-link[disabled]:focus, .navbar-inverse .btn-link[disabled]:hover, fieldset[disabled] .navbar-inverse .btn-link:focus, fieldset[disabled] .navbar-inverse .btn-link:hover {
        color: #fff;
    }

/* END - overide nav bar Bootstrap Styles */

/* END - overide Bootstrap Styles */