/* Set width on the form input elements since they're 100% wide by default */
/*input,
select,
textarea {
    max-width: 280px;
}*/
/* PADDING for Columns when on mobile...*/
@media (max-width: 992px) {
    .col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12 {
        padding-bottom: 12px;
    }
}
/* Body-Content CSS CLASS for font size*/
.body-content {
    /* Set padding to keep content from hitting the edges */
    /*padding-left: 15px;
    padding-right: 15px;*/
    font-size: 16px;
    margin-top: 8px;
    min-height: 200px;
}
/* Modify font size for all html <table> tags*/
table {
    font-size: 15px;
}

/*  top nav links clear the header first line and search bar (below them) */
.cust-nav-link {
    clear: both;
}
/*  top nav bar links centered */
.navbar-collapse {
    text-align: left;
    padding-right: 0;
    padding-left: 0;
}

.navbar {
    margin-bottom: 0;
    border-radius: 0;
    /*
    Get rid of teal blank space between header and body when the nav bar is not displayed 
    Also change the color of the background when expanding the navbar menu when screen is very thin
*/
    min-height: 0;
    border: 0;
}


@media (min-width: 768px) {
    .navbar .navbar-collapse {
        padding: 0;
        background-color: none;
        text-align: center;
        border-radius: 0;
    }
    /* center the top nav bar - top navigation - menu */
    .navbar-collapse {
        text-align: center;
        margin: 0 auto;
        /* specify the width of the top nav menu and hten it is centerd perfectly */
        /*width:1070px;*/
        width: auto;
    }
}

/* min width 768 style for navbar-nav is used to center the navbar links */
.navbar .navbar-nav {
    display: inline-block;
    float: none;
    vertical-align: top;
    font-size: 1.25em;
    width: 100%;
}

.navbar-nav {
    margin: 0;
    padding: 0 5px;
}

@media (min-width: 768px) {
    .navbar .navbar-nav {
        display: inline-block;
        float: none;
        vertical-align: top;
        font-size: 1.25em;
        width: auto;
    }
}

/*  Used to left align the search bar when collapsed */
.navbar-form .navbar-left {
    text-align: left;
}

.navbar-transparent {
    background-color: transparent;
    padding: 10px 0;
}


/*
    Styling navbar-right for User Identity name top right
*/
.navbar-right {
    float: left;
    margin: 0 0 0 0;
}

@media (min-width: 768px) {
    .navbar-right {
        float: right;
    }
}


/*
    CSS for mega menu drop down
*/
.megamenu .nav,
.megamenu .dropup,
.megamenu .dropdown,
.megamenu .collapse {
    position: static;
}

.megamenu .navbar-inner,
.megamenu .container {
    position: relative;
}

.megamenu .dropdown-menu {
    left: auto;
}

    .megamenu .dropdown-menu > li {
        display: block;
    }

.megamenu .dropdown-submenu .dropdown-menu {
    left: 100%;
}

.megamenu .nav.pull-right .dropdown-menu {
    right: 0;
}

.megamenu .megamenu-content {
    padding: 0 20px;
    *zoom: 1;
    cursor: default;
    color: #ffffff;
}


    .megamenu .megamenu-content:before,
    .megamenu .megamenu-content:after {
        display: table;
        content: "";
        line-height: 0;
    }

    .megamenu .megamenu-content:after {
        clear: both;
    }

.megamenu.navbar .nav > li > .dropdown-menu:after,
.megamenu.navbar .nav > li > .dropdown-menu:before {
    display: none;
}

@media(min-width:768px) {
    .megamenu .dropdown.megamenu-fullwidth .dropdown-menu {
        width: 976px;
        margin: 0 auto;
        left: 0;
        right: 0;
    }

    .megamenu .megamenu-content {
        padding: 8px 18px;
        *zoom: 1;
        cursor: default;
        color: #ffffff;
    }
}

@media (max-width: 768px) {
    /* .megamenu in front of all below css properties */
    .dropdown.megamenu-fullwidth .dropdown-menu {
        width: auto;
    }

    .megamenu-content {
        padding-left: 0;
        padding-right: 0;
    }

    .megamenu .megamenu-content {
        padding-top: 0;
        padding-bottom: 0;
    }

    .dropdown-menu > li > ul {
        display: block;
    }

    .megaddlitem {
        padding: 8px 0 12px 0;
    }

        .megaddlitem > li {
            padding: 1px 0;
        }
}

.menu-col-head-first {
    font-weight: bold;
}

.menu-col-head {
    font-weight: bold;
    padding: 12px 0 0 0;
}

.dropdown-menu {
    font-size: 1em;
    border-bottom: #fff;
    background-color: #2e4b6b;
}

    .dropdown-menu a:hover {
        color: #fff;
    }



/* 
    Header Image is wrapped in an anchor tag <a> with the HREF pointing to Url.action Index Home When the width is less than 450 the 
    image id changed to a width of 275. This css is used to fix the header size when the user reduces a web browser window to less than 450. 
    The header begins to shrink - it has a max width of 450.
*/
img.dynamicsize {
    width: 100%;
    float: none;
    padding: 0;
    margin: 0;
}

@media (min-width: 350px) {
    img.dynamicsize {
        width: 100%;
    }
}

/*
    Styling for login partial spacing when browser width is high and low. low width style is first...
*/
.loginBlock .navbar-nav > li > a {
    padding-top: 2px;
    padding-bottom: 2px;
    line-height: 21px;
}

.loginBlock {
    clear: both;
    padding: 10px 0 0 0;
    font-size: .85em;
}

@media (min-width: 1201px) {
    .loginBlock {
        clear: both;
        padding: 0;
        margin-top: 50px;
        font-size: .95em;
    }
}

.nav-custmargin {
    margin-bottom: 20px;
}



/*  navbar-nav  -- this code increases the left/right margin for the search bar, it 
    form-group  -- floats the search bar to the left so that it is on the same line as magnifying glass and glass is to the right of the bar
    navbar-form -- removes the border (top and bottom) from the search bar when the screen is extremely narrow*/
.navbar-nav {
    margin: 0;
}

.form-group {
    float: left;
    margin: 0 0 0 0;
}

.navbar-form {
    border: 0;
    -webkit-box-shadow: none;
    box-shadow: none;
}

.breadcrumb > a {
    color: #0ce3ac;
}

.search-box {
    width: 200px;
    vertical-align: middle;
    height: 30px;
    border: 1px solid #a6a6a6;
    padding: 0 0 0 6px;
}
/* search page text boxes */
.document-search {
    width: 185px;
    vertical-align: middle;
    height: 30px;
    border: 1px solid #a6a6a6;
    padding: 0 0 0 6px;
}

.btn-custom {
    padding: 2px 6px;
    font-size: .95em;
    vertical-align: middle;
}

.row-search {
    padding-left: 14px;
}


/* PagedList Pager size */
.pagination > li > a,
.pagination > li > span {
    padding: 6px 10px;
    font-size: 14px;
    line-height: 1.5;
}

.pagination > li:first-child > a,
.pagination > li:first-child > span {
    border-bottom-left-radius: 3px;
    border-top-left-radius: 3px;
}

.pagination > li:last-child > a,
.pagination > li:last-child > span {
    border-bottom-right-radius: 3px;
    border-top-right-radius: 3px;
}

.pagination > .active > a,
.pagination > .active > span,
.pagination > .active > a:hover,
.pagination > .active > span:hover,
.pagination > .active > a:focus,
.pagination > .active > span:focus {
    z-index: 3;
    color: #0ce3ac;
    background-color: #fff;
    border-color: transparent;
    cursor: default;
    font-weight: bold;
}

/* placeholder text color */
input:-ms-input-placeholder {
    color: #999999;
}

input::-webkit-input-placeholder {
    color: #999999;
}

.custom-heading {
    color: #0ce3ac;
    font-size: 18px;
    padding: 4px 0;
}

.custom-label {
    padding: 0 0 12px 0;
}

.rowhead {
    font-weight: bold;
}

.row-divide {
    padding: 14px 0;
}

.row-padding-small {
    padding: 2px 0;
}

.row-padding-large {
    padding: 12px 0;
}

.footer {
    min-height: 100px;
    margin-top: 75px;
}

#uploadForm {
    color: #000;
    background: #bababa;
    border: #d908e2 dashed 2px;
    width: 100%;
}


@media (min-width: 991px) {
    /*.form-label {
        text-align: right;
        margin-top: 2px;
    }*/

    .colheading {
        padding-top: 6px;
    }
}

.rowbody {
    overflow-wrap: break-word;
    word-wrap: break-word;
}
/*  by default all input fields have a max width of 280px. 
    this class can be applied to a tag to remove the max width property */
.no-max-width {
    max-width: none;
}
/*  Center text vertically for html tables columns */
.table > tbody > tr > td {
    vertical-align: middle;
}
.dropdown-menu .divider {
    background-color:#a6a6a6;
}

.role-check-item input, 
.role-check-item label {
    display: inline-block;
    vertical-align:top;
    margin-bottom:0;
}
.role-check-item input {
    /* larger checkboxes */
    width:16px;
    height:16px;
}
.role-check-item label:hover, 
.role-check-item input:hover {
    cursor:pointer;
}
.role-check-item label input{
    margin-right:12px;
}
.role-check-item label {
    -moz-user-select: -moz-none;
   -khtml-user-select: none;
   -webkit-user-select: none;

   /*
     Introduced in IE 10.
     See http://ie.microsoft.com/testdrive/HTML5/msUserSelect/
   */
   -ms-user-select: none;
   user-select: none;
}

.action-bullets li{
    margin:8px 0;
    padding:0;
}

.redText {
    color:#e80606;
}
.error-msg {
    color:#fa3434;
}

.no-bullets li{
    margin:8px 0;
    padding:0;
    list-style-type:none;
}

.btn:focus,.btn:active {
   /*outline: none !important;
   box-shadow: none;*/

    outline: 5px auto -webkit-focus-ring-color;
    outline-offset: -2px;
}

/*  customize current Input field outline, background color, 
    and text color when user is focused on that input field...*/
.form-control:focus {
  color: #000;
  background-color: #ffffd1;
  border-color: #80bdff;
  outline: none;
  box-shadow: 0 0 0 0.19rem rgb(0, 169, 255);
}

/*  Visted Link color - only affects table columns with links... */
.item-link a:visited{
    color: #ff9000;
}

h1 {
    margin-top:6px;
}
h2 {
    margin-top:6px;
}
h3 {
    margin-top:6px;
}

@media (min-width: 993px) {
    .label-heading1 {
        text-align:right;
        margin-top: 6px;
    }
}