/***********************************PSOB OJP Portal CSS Theme*****************************************
Authors: Donovan Goode (Microsoft)
         Brendon Colburn (Microsoft)
         Angelia Smith (CSRA)
Date: 11/10/2016
*/


/***********************************Main Sign In and Registration buttons, Gudided Nav Buttons******************************************/
/* bootstrap.min.css (5, 45130) */

/************************************************************************/
/* added danger-ball and blue-ball to allow styling of counts in myPSOB */
/************************************************************************/
.danger-ball {
    background-color: #d9534f
}

.danger-ball[href]:focus,
.danger-ball[href]:hover {
    background-color: #c9302c
}

.blue-ball {
    background-color: #112E51
}

.blue-ball[href]:focus,
.blue-ball[href]:hover {
    background-color: #c9302c
}


.btn {
    display: inline-block;
    padding: 6px 12px;
    margin-bottom: 0px;
    font-size: 14px;
    line-height: 1.4285;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    -ms-touch-action: manipulation;
    touch-action: manipulation;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    background-image: none;
    border: 1px solid transparent;
    border-radius: 4px;
}

.dropdown-menu {
    position: absolute;
    top: 100%;
    left: 0px;
    z-index: 1000;
    display: none;
    float: left;
    min-width: 160px;
    padding: 5px 0;
    margin: 2px 0 0;
    font-size: 14px;
    text-align: left;
    list-style: none;
    background-color: #fff;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
    border: 1px solid #ccc;
    border: 1px solid #c28a0c;
    border-radius: 4px;
    -webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, .175);
    box-shadow: 0px 6px 12px rgba(0,0,0,0.175);
}

/* modify IME grids to be white*/
div.view-grid.table-responsive > table > tbody > tr {
    background: white;
}


/*Breadcrumb links should be white*/
#content_form > div.page-heading > div > ul > li > a {
    color: white;
}

/*****************All Search and Linked pages dropdown hover properties*********************/
.dropdown-menu > .active > a, .dropdown-menu > .active > a:focus, .dropdown-menu > .active > a:hover {
    color: #fff;
    text-decoration: none;
    background-color: #112E51;
    outline: 0;
}

.dropdown-menu > li > a {
    display: block;
    padding: 3px 20px;
    clear: both;
    font-weight: 400;
    line-height: 1.4285;
    color: #333;
    white-space: nowrap;
    background-color: #FFF;
    border-color: #c28a0c;
}


/* Primary Sign in Button properties */
.btn-primary {
    color: #fff;
    background-color: #112E51;
    border-color: #c28a0c;
}

/* Primary Sign in Button properties when hovered */
.btn-primary:hover {
    color: #c28a0c;
    background-color: #112E51;
    border-color: #112E51;
}

/* psobportalv5.bootstrap.min.css (221, 2) Forgot Password button properties*/
.pull-right {
    height: 35px;
    float: right !important;
}

.btn-default {
    color: #fff;
    background-color: #112E51;
    border-color: #c28a0c;
}
/*Changes the language selection, and profile button colors when cliked on*/
.btn-default:hover {
    color: #c28a0c;
    border-color: #112E51;
    background-color: #112E51;
}


/* bootstrap.min.css (5, 46770) */ /*Changes the language selection, and profile button colors when cliked on*/
.btn-default.active.focus, .btn-default.active:focus, .btn-default.active:hover, .btn-default.focus:active, .btn-default:focus:active, .btn-default:hover:active, .open > .dropdown-toggle.btn-default.focus, .open > .dropdown-toggle.btn-default:focus, .open > .dropdown-toggle.btn-default:hover {
    color: #fff;
    background-color: #112E51;
    border-color: #C28A0C;
}



/*****************Top Banner and Color Text Colors*******************************/
/*@media all and (min-width:768px) spaces out the navbar texts to span the carousel banner*/
/*.navbar-right {
    float: none;
    margin-right: 0px;
}*/

/* bootstrap.min.css (5, 74489) */
.navbar-default {
    background-color: #112E51;
    border-color: #C28A0C;
}


/* Sets the default banner text colors and background for the text to be white */
.navbar-default .navbar-nav > li > a {
    color: #fff;
    background-color: #112E51;
    border: 1px solid #112E51;
    border-bottom-color: transparent;
}

/* Makes the Top Banner bar color turn gold when hovered over */
.navbar-default .navbar-nav > li > a:focus, .navbar-default .navbar-nav > li > a:hover {
    color: #c28a0c;
    background-color: #112E51;
}

/*****************Header Background and Gradient*******************************/
/*@media all and (min-width:1200px)*/
/*This changes the width of the carousel and the header banner*/
/*.container {
    width: 1500px;
    position:relative
}*/
/*Changes thebackground to have the gold gradient
*/
.masthead {
    background-image: linear-gradient(360deg,#C28A0C,#FFF,#FFF); /*Gold to white fade*/
    /*background-image: linear-gradient(360deg, #C28A0C,#fff,#112E51); */ /*Gold to white to dark blue fade*/
}

/*Makes the search, signin/login toolbar adjacent to the Logo in the header*/
.masthead .toolbar {
    position: absolute;
    right: 0px;
}


/*Change the text font for entity-grid links*/
a.details-link.has-tooltip {
    color: #112E51;
}

/*****************************Tabbed Navigation Properties*******************************/
/*Home Button Properties*/
.nav-tabs > li.active > a, .nav-tabs > li.active > a:focus, .nav-tabs > li.active > a:hover {
    color: #c28a0c;
    background-color: #112E51;
    border: 1px solid #112E51;
    border-bottom-color: transparent;
}

.navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:focus, .navbar-default .navbar-nav > .active > a:hover {
    color: #c28a0c;
    background-color: #112E51;
}

/*Spaces out the navigation bar items to span the length of the carousel banner */
/*@media all and (min-width:768px)*/
.navbar-nav > li {
    float: left;
    /*margin-right: 40px;*/
}

/*Makes Static Navbar Background Darkblue and outline gold*/
.navbar-default {
    background-color: #112E51;
    border-color: #C28A0C;
}
/*Makes the White letters in the nav turn gold when hovered over*/
.navbar-default .navbar-nav > li > a:focus, .navbar-default .navbar-nav > li > a:hover {
    color: #c28a0c;
    background-color: #112E51;
}
/*Changes the text to Dark Blue when Nav item is clicked, and makes the background gold*/
.navbar-default .navbar-nav > .open > a, .navbar-default .navbar-nav > .open > a:focus, .navbar-default .navbar-nav > .open > a:hover {
    color: #112e51;
    background-color: #c28a0c;
    border-color: #c28a0c;
}

/*Changes parent drop down background to white when carot item is clicked, and makes the border  gold*/
.dropdown-menu {
    position: absolute;
    top: 100%;
    left: 0px;
    z-index: 1000;
    display: none;
    float: left;
    min-width: 160px;
    padding: 5px 0;
    margin: 2px 0 0;
    font-size: 14px;
    text-align: left;
    list-style: none;
    background-color: #FFF;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
    border: 1px solid #ccc;
    border: 1px solid #C28A0C;
    border-radius: 4px;
    -webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, .175);
    box-shadow: 0px 6px 12px rgba(0,0,0,0.175);
}


/*Sets The Tab Navigation Hover properties of the tabbackground and text color: Transparent*/
.nav > li > a:focus, .nav > li > a:hover {
    text-decoration: none;
    background-color: #112E51;
    color: #fff;
}

a:focus, a:hover {
    color: #fff;
    text-decoration: underline;
}
/*Sets The Tab Navigation Hover properties of the tab background coloro to be: Transparent*/
.nav-tabs > li > a:hover {
    border-color: transparent;
}

/*****************************Carousel Properties*******************************/

/*Creates Distance between banner photo command static navbar*/
.page-copy {
    margin-bottom: 40px;
    margin-top: 20px;
}

/*.carousel {
    position: relative;
    width: 1500px;
}*/
@media (min-width: 768px) {
    .carousel-indicators li {
        display: inline-block;
        width: 30px;
        height: 30px;
        margin: 10px;
        text-indent: -999px;
        cursor: pointer;
        background-color: #000;
        background-color: rgba(0,0,0,0);
        border: 1px solid #fff;
        border-radius: 10px;
    }

    .carousel-indicators .active {
        width: 30px;
        height: 30px;
        margin: 10px;
        background-color: #fff;
    }
}


/*@media screen and (min-width:768px)*/
.carousel-control .glyphicon-chevron-left, .carousel-control .glyphicon-chevron-right, .carousel-control .icon-next, .carousel-control .icon-prev {
    width: 30px;
    height: 30px;
    margin-top: -15px;
    font-size: 50px;
}

/********************Carousel Text and Background Color Settings************/

#carousel-example-generic > div > div.item.active > div > h3 {
    position: absolute;
    top: -175px;
    left: -300px;
    font-size: 35px;
    background-color: lightgrey;
    background: rgba(74, 92, 160, 0.34);
    padding: 45px;
    width: 150%;
    margin-top: 20px;
    margin-bottom: 5px;
    text-align: left;
}

/**************************************Body Properties************************************************************/

/*Changes the body background color*/
body {
    font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
    font-size: 14px;
    line-height: 1.4285;
    color: #333;
    background-color: White;
    /*background-color: floralWhite;*/
    /*background-image: linear-gradient(180deg, navajowhite,white);*/ /*Adds a gradient background*/
}


/*****************************Bottom Footer Navigation Properties*******************************/
/****Changes the copy text to white*/
.footer.well {
    color: #fff;
    border-left: none;
    border-right: none;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
    margin-bottom: 0px;
    padding: 39px 0;
}
/****Changes the footer background to dark blue*/
.well {
    min-height: 20px;
    padding: 19px;
    margin-bottom: 20px;
    background-color: #112E51;
    border: 1px solid #112E51;
    border-radius: 4px;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .05);
    box-shadow: inset 0px 1px 1px rgba(0,0,0,0.05);
}
/*Changes the Footer Links Color to gold when hovered over*/
a:focus, a:hover {
    color: #c28a0c;
    text-decoration: underline;
}
/*Changes the Weblinked Sets and other Hyper links text to white*/
.footer.well a {
    color: #fff;
    font-weight: 900;
    text-decoration: none;
}

/* Turn grid links white */
div.view-grid.table-responsive > table > thead a {
    color: white;
}

/*@media all and (min-width:992px)*/ /*Makes the footer well content span evenly width the carousel and wider navbar text spacing*/
.col-md-12 {
    width: 140%;
}

/**********************Secondary Navigation and Content Properties*****************************************/
.breadcrumb {
    padding: 8px 15px;
    margin-bottom: 20px;
    list-style: none;
    background-color: #112E51;
    border-radius: 4px;
}

    .breadcrumb > .active {
        color: #c28a0c;
    }

.panel-default > .panel-heading {
    color: white;
    background-color: #112E51;
    border-color: #ddd;
}


/**********************Profile Page Panel Settings and  Properties*****************************************/
.list-group-item.active, .list-group-item.active:focus, .list-group-item.active:hover {
    z-index: 2;
    color: #fff;
    background-color: #112E51;
    border-color: #112E51;
}

.well {
    color: #fff;
    min-height: 20px;
    padding: 19px;
    margin-bottom: 20px;
    background-color: #112E51;
    border: 1px solid #112E51;
    border-radius: 4px;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .05);
    box-shadow: inset 0px 1px 1px rgba(0,0,0,0.05);
}

/**********************Sets Beneficiary Subgrid Table View Background Color Properties*****************************************/
.table {
    width: 100%;
    max-width: 100%;
    margin-bottom: 20px;
    background-color: #112E51;
    border-radius: 4px;
    border-bottom-left-radius: 4px;
    border-bottom-right-radius: 4px;
}

.table-striped > tbody > tr:nth-of-type(2n) {
    background-color: #FFF;
}
/**********************************************Sets the Search Results Results Background Color to see linked text*****************/
.search-results a {
    color: #333;
    font-weight: 900;
    text-decoration: none;
}

.carousel-control {
    position: absolute;
    top: 0px;
    bottom: 0px;
    left: 0px;
    width: 7%;
    font-size: 20px;
    color: #fff;
    text-align: center;
    text-shadow: 0px 1px 2px rgba(0,0,0,0.6);
    filter: alpha(opacity=50);
    opacity: 0.3;
    height: 600px;
}

.carousel-control:focus, .carousel-control:hover {
        color: #fff;
        text-decoration: none;
        filter: alpha(opacity=90);
        outline: 0;
        opacity: 0.2;
    }


/*******************************************Security Controls Notice to Users Sign In & Registration Content Snippets*******************************************************************/
#content > div > div.row > div > form > div > fieldset > legend {
    box-sizing: border-box;
    border-right: black;
    border-right-style: solid;
    border-left: black;
    border-left-style: solid;
    border-top: black;
    border-top-style: solid;
    border-bottom: black;
    border-bottom-style: solid;
    padding-left: 5px;
    padding-right: 5px;
    padding-top: 5px;
    padding-bottom: 5px;
    font-size: 15px;
    font-weight: 600;
    font-style: normal;
}



/******************************************* Death and Disability Required Docs Grid White color Control*******************************************************************/
/*Document Clarification Notes*/
#gridRequiredDocuments > div > div.view-grid.table-responsive > table > thead > tr > th:nth-child(3) {
    color: #FFF;
}
/*Missing Document Justfication*****/
#gridRequiredDocuments > div > div.view-grid.table-responsive > table > thead > tr > th:nth-child(4) {
    color: #FFF;
}
/******************************************* Death Part B Required Docs Grid White color Control*******************************************************************/
/*Document Clarification Notes*/
#reqDocsGrid > div > div.view-grid.table-responsive > table > thead > tr > th:nth-child(3) {
    color: #FFF;
}
/*Missing Document Justfication*****/
#reqDocsGrid > div > div.view-grid.table-responsive > table > thead > tr > th:nth-child(4) {
    color: #FFF;
}
/******************************************* Disability Part B Required Docs Grid White color Control*******************************************************************/
/*Document Clarification Notes*/
#reqDocsGrid > div > div.view-grid.table-responsive > table > thead > tr > th:nth-child(3) {
    color: #FFF;
}
/*Missing Document Justfication*****/
#reqDocsGrid > div > div.view-grid.table-responsive > table > thead > tr > th:nth-child(4) {
    color: #FFF;
}

/******************************************* Education Application Required Docs Grid White color Control*******************************************************************/
/*Document Clarification Notes*/
#UploadDocument > div > div.view-grid.table-responsive > table > thead > tr > th:nth-child(3) {
    color: #FFF;
}

/*Missing Document Justfication*****/
#UploadDocument > div > div.view-grid.table-responsive > table > thead > tr > th:nth-child(4) {
    color: #FFF;
}
/******************************************* Check your Status Grid White color Control*******************************************************************/
/*PSO Record Status*/
#EntityListControl > div > div > div > div.view-grid.table-responsive > table > thead > tr > th:nth-child(11) {
    color: #FFF;
}
/*Pat B Submission Status*/
#EntityListControl > div > div > div > div.view-grid.table-responsive > table > thead > tr > th:nth-child(2) {
    color: #FFF;
}
/******************************************* Public Safety Officer's 24-Hour Activity Report*******************************************************************/
/*Approximate Time Activity BeganDate/time format "M/D/YYYY h:mm A' & Approximate Time Activity EndedDate/time format "M/D/YYYY h:mm A'*/
body > div.bootstrap-datetimepicker-widget.dropdown-menu.picker-open.bottom.pull-right > ul {
    background-color: #FFF;
}

body > div.bootstrap-datetimepicker-widget.dropdown-menu.bottom.pull-right.picker-open > ul {
    background-color: #FFF;
}


/*******************************************Public Safety Officers' Benefits Application - Part A*******************************************************************/
/*Add Previous Marriage of Surviving Spouse*/
.datepicker {
    background: #FFF;
    background-color: #FFF;
}

/*Change bootstrap container width to closer reflect browser size*/
@media (min-width: 1200px){
    .container {
        width: 1200px;
    }
}