/*/*body {
    padding-top: 5px;
    padding-bottom: 5px;
}*/

*/ body {
    min-height: 100vh;
    position: relative;
    margin: 0;
    box-sizing: border-box;
}

html {
    position: relative;
    min-height: 100%;
}

/* Set padding to keep content from hitting the edges */
.body-content {
    padding-left: 15px;
    padding-right: 15px;
    padding-bottom: 45px;
    /*/*padding-top:60px;*/ */;
}

/* Override the default bootstrap behavior where horizontal description lists 
   will truncate terms that are too long to fit in the left column 
*/
.dl-horizontal dt {
    white-space: normal;
}

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

.Width25px {
    width: 25px !important;
}

.ex25 {
    padding-top: 25px;
}

.ex10 {
    padding-top: 10px;
}

.grayColorBackground {
    background-color: lightgray;
}

.ex5 {
    padding-top: 5px;
}

.table-curved {
    border-collapse: separate;
}

.table-curved {
    border: solid #ccc 1px;
    border-radius: 6px;
    border-left: 0px;
}

    .table-curved td, .table-curved th {
        border-left: 1px solid #ccc;
        border-top: 1px solid #ccc;
    }

    .table-curved th {
        border-top: none;
    }

        .table-curved th:first-child {
            border-radius: 6px 0 0 0;
        }

        .table-curved th:last-child {
            border-radius: 0 6px 0 0;
        }

        .table-curved th:only-child {
            border-radius: 6px 6px 0 0;
        }

    .table-curved tr:last-child td:first-child {
        border-radius: 0 0 0 6px;
    }

    .table-curved tr:last-child td:last-child {
        border-radius: 0 0 6px 0;
    }

.borderless td, .borderless th, .borderless tr, .borderless thead, .borderless div {
    border: none !important;
}

.navbar, thead {
    background-color: #23527C;
    background-image: none;
    background-repeat: no-repeat;
    border-color: #23527C;
    color: #ffffff;
}

.navbar-inverse .navbar-nav > li > a, .navbar-inverse .navbar-brand {
    color: #ffffff;
    background-color: transparent;
    font-size: 15px;
    padding-right: 0px !important;
    padding-left: 0px !important;
}

    .navbar-inverse .navbar-nav > li > a:hover, .navbar-inverse .navbar-nav > li > a:focus, a.navbar-brand:focus, a.navbar-brand:hover {
        color: #ffffff;
        font-weight: bold;
        background-color: transparent;
    }

.spacer {
    padding-top: 15px;
}

.input-group-addon {
    min-width: 40px !important;
    text-align: left;
    display: inline-flex;
    border-top-left-radius: 4% !important;
    border-bottom-left-radius: 4% !important;
    margin-left: -39px !important;
}

.error-class {
    color: red;
    display: block;
    text-align: left;
    font-weight: 700;
    padding-top: 5px;
    display: inline-flex;
}

.message-class {
    color: blue;
    display: block;
    text-align: left;
    font-weight: 700;
    padding-top: 5px;
    display: inline-flex;
}

.HeaderFont {
    font-size: small;
    font-weight: bold;
}

.hrLessSpace {
    margin-top: 10px !important;
    margin-bottom: 10px !important;
}

.input-group {
    display: inline-flex;
}

input[type='radio'], input[type='checkbox'] {
    margin-top: 0 !important;
}

@media only screen and (max-width: 767px) {
    .form-control {
        display: inline-flex;
    }

    .error-class .message-class {
        padding-left: 0px;
    }

    .BigFont {
        font-size: medium;
        font-weight: bolder;
    }

    #brandImage {
        display: none;
    }

    .showForBigScreensOnly {
        display: none;
    }

    .input-group {
        display: inline-flex;
        width: 100% !important;
    }
}

@media screen and (max-width: 768px ) and (orientation:portrait) {

    /*input,
	select,
	textarea {
		width:185px;
	}*/

    input[type='checkbox'] {
        width: 20px !important;
    }
}

@media screen and (max-width: 768px ) and (orientation:landscape) {

    /*input,
	select,
	textarea {
		max-width: 280px;
	}*/

    input[type='checkbox'] {
        width: 20px !important;
    }

    /*.form-control {
        min-width: 100%!important;
    }*/
}

@media only screen and (min-width: 768px ) {
    .form-control {
        min-width: 350px !important;
    }

    .form-control-small {
        min-width: 100px !important;
    }

    .error-class .message-class {
        padding-left: 10px;
    }

    .dot {
        height: 10px;
        width: 10px;
        background-color: #fff;
        border-radius: 0%;
        display: inline-block;
        margin-right: 5px;
    }

    .BigFont {
        font-size: large;
        font-weight: bold;
    }

    #brandText {
        display: none;
    }

    #brandImage {
        font-size: xx-large;
        font-weight: bolder;
        padding-right: 60px;
    }

    ul.navbar-nav {
        float: right !important;
        padding-right: 200px;
    }

    .showForSmallScreensOnly {
        display: none;
    }
}

@media only screen and (max-width: 1440px ) {
    ul.navbar-nav {
        float: left !important;
    }
}

ul.navbar-nav > li > a {
    text-transform: uppercase;
    padding-right: 30px;
    font-size: small;
    font-weight: bold;
    margin-left: 0px !important;
}



.navbar {
    margin-bottom: 0px !important;
}

.navbar-header {
    padding-left: 5px !important;
}

/*.input-group-addon {
    min-height: 34px;
    font-weight: bold;
    margin-bottom: 0px;
    vertical-align: middle;
}*/

.BlueLinksForLowVision {
    color: blue;
}



.dropdown-menu {
    color: #ffffff;
    background-color: #23527C;
}

    .dropdown-menu > li > a {
        color: #ffffff;
        background-color: #23527C;
    }

        .dropdown-menu > li > a:hover,
        .dropdown-menu > li > a:focus {
            color: #ffffff;
            background-color: #080808;
        }

    .dropdown-menu > .active > a,
    .dropdown-menu > .active > a:hover,
    .dropdown-menu > .active > a:focus {
        color: #ffffff;
        background-color: #23527C;
    }

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

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

.datepicker-button.input-group-addon {
    min-width: 40px !important;
    width: auto !important;
}

.form-control-small-dropdown {
    min-width: 10px !important;
}

.navbar-collapse {
    clear: both !important;
}

i {
    cursor: pointer;
}

.btn {
    width: auto !important;
}

.left-aligned {
    text-align: left !important;
}

@media only screen and (min-width: 768px ) {
    .navbar-nav > li {
        padding-right: 30px !important;
    }

        .navbar-nav > li > a {
            padding-top: 0px !important;
            padding-bottom: 0px !important;
        }
}

.navbar, .navbar .nav, .navbar .nav li, .navbar .nav li.dropdown.open, .navbar .nav li.dropdown, .navbar .nav li.dropdown.open > .dropdown-toggle, .navbar .nav li.dropdown.active > .dropdown-toggle, .navbar .nav li.dropdown.open.active > .dropdown-toggle {
    background-color: #005eb8 !important;
}

    .navbar .nav li > a:hover, .navbar .nav li > a:focus {
        background-color: #ffffff !important;
        color: #005eb8 !important;
    }

    .navbar, .navbar .nav, .navbar .nav li, .navbar .nav li.open.dropdown, .navbar .nav li.dropdown, .navbar .nav li.open.dropdown > .dropdown-toggle, .navbar .nav li.active.dropdown > .dropdown-toggle, .navbar .nav li.active.open.dropdown > .dropdown-toggle {
        color: #ffffff !important;
        background-color: #005eb8 !important;
    }


.dropdown-menu {
    color: #ffffff;
    background-color: #005eb8 !important;
}

    .dropdown-menu > li > a {
        color: #ffffff;
        background-color: #005eb8 !important;
    }

        .dropdown-menu > li > a:hover,
        .dropdown-menu > li > a:focus {
            color: #005eb8 !important;
            background-color: #ffffff !important;
        }

    .dropdown-menu > .active > a,
    .dropdown-menu > .active > a:hover,
    .dropdown-menu > .active > a:focus {
        color: #ffffff;
        background-color: #23527C;
    }

#footer {
    background-color: #005eb8;
    text-align: center;
    color: #FFF;
    font-family: "Gill Sans", "Gill Sans MT", "Myriad Pro", "DejaVu Sans Condensed", Helvetica, Arial, "sans-serif";
    margin-top: 10px;
    padding-top: 10px;
    font-size: .8em;
    width: 100%;
    height: 35px; /* Footer height */
    position: absolute;
    bottom: 0;
}

footer {
    background-color: #005eb8;
    text-align: center;
    color: #FFF;
    font-family: "Gill Sans", "Gill Sans MT", "Myriad Pro", "DejaVu Sans Condensed", Helvetica, Arial, "sans-serif";
    font-size: .8em;
    height: 35px; /* Footer height */
    position: absolute;
    bottom: 0;
    width: 100%;
    margin-top: 10px !important;
    padding-top: 10px !important;
}

ul.navbar-nav {
    padding-right: 0px !important;
}

    ul.navbar-nav.navbar-right {
        padding-top: 20px !important;
    }


@media (min-width: 768px) {
    .navbar-nav.navbar-right {
        position: absolute;
        right: 5% !important;
    }
}

/*#header {
    position: absolute;
    left: 0px;
    right: 0px;
    width: 100%;
}*/

.headerBg {
    left: 0px;
    right: 0px;
    width: 100%;
}

.jumbotron {
    background-image: url("images/jumbo1680.jpg");
    height: 14.0em;
}

@media screen and (max-width: 500px) {
    .jumbotron {
        background-image: url("images/mobile600.jpg");
        height: 7em;
    }
}

.Title {
    margin-left: 10%;
    padding-top: 2%;
    font-family: Cambria, "Hoefler Text", "Liberation Serif", Times, "Times New Roman", "serif";
    color: #fff;
    font-size: 2.25em;
    line-height: 1em;
}

@media screen and (max-width: 500px) {
    .Title {
        margin-left: 20%;
        padding-top: 2%;
        font-family: Cambria, "Hoefler Text", "Liberation Serif", Times, "Times New Roman", "serif";
        color: #fff;
        font-size: 1.0em;
        line-height: 1em;
    }
}

@media screen and (min-width: 500px ) and (orientation:portrait) {

    #brandImage {
        display: block;
    }

    ul.navbar-nav.navbar-right {
        margin-top: 55px !important;
        padding-left: 40px !important;
        left: 0px;
        width: 100%;
    }

    
    .spaceForSmallerDevices {
        margin-top:40px!important;
    }
}

@media screen and (min-width: 500px ) and (max-width:991px ) and (orientation:landscape) {
    ul.navbar-nav.navbar-right {
        margin-top: 55px !important;
        padding-left: 40px !important;
        left: 0px;
        width: 100%;
    }

}

@media screen and (max-width: 767px) {
    ul.navbar-nav.navbar-right {
        padding-top: 0px !important;
    }
}

.frameDetails {
    width: 50%;
}

@media screen and (max-width: 767px) {
    .frameDetails {
    width: 95%;
}
}

input:disabled {
    color:black;
}