/* Add here all your CSS customizations */

small,
.small {
    font-size: 85%;
}

#assess>h5 {
    margin-top: 20px;
}

#assess>span input {
    float: left;
    width: 12px;
    margin-left: 0px;
    margin-top: 5px;
}

#assess label {
    display: block;
    float: left;
    padding-left: 5px;
    position: relative;
    width: 97%;
}

@media (max-width: 500px) {
    #assess label {
        width: 95%;
    }
}

#assess a.button {
    margin-bottom: 3px;
    border: 0;
    cursor: pointer;
    font-family: 'Open Sans', sans-serif;
    letter-spacing: -0.025rem;
    font-size: 1rem;
    font-weight: 500;
    text-align: center;
    text-decoration: none !important;
    letter-spacing: -0.05rem;
    background: #007bff; 
    color: #fff;   
    padding: 8px 12px;
    display: inline-block;
    border-radius: 2px;
}

#assess br {
    height: 0;
    display: block;
    clear: both;
}

@media (min-width: 768px) {
    #assess label {
        -ms-flex: 0 0 40%;
        flex: 0 0 40%;
        max-width: 40%;
    }
}

div.LearnAbout2 p {
    clear: both;
}

div.LearnAbout2 ul {
    list-style: none;
    margin: 10px 0px;
    padding: 0px !important;
}

div.LearnAbout2 ul li {
    float: left;
    padding: 10px 10px 10px 0px;
    width: 48%;
}

@media (max-width: 767px) {
    div.LearnAbout2 ul li {
        width: 100%;
    }
}

div.LearnAbout2 li.clear {
    clear: both;
}

div.LearnAbout2 ul li img {
    float: left;
    height: 50px;
    width: 50px;
}

div.LearnAbout2 ul li span {
    display: block;
    margin-left: 50px;
    padding: 10px 5px;
}

div.LearnAbout2 ul.IconList {
    list-style: none;
    margin: 10px 5px;
    padding: 5px !important;
}

div.LearnAbout2 ul.IconList li {
    float: left;
    height: auto;
    padding: 5px;
    width: 60px;
}

div.LearnAbout2 ul.IconList li img {
    height: 50px;
    width: 50px;
}

div.LearnAbout2 div.SubCategoryList ul {
    list-style: none;
    margin: 10px 5px;
    padding: 5px !important;
}

div.LearnAbout2 div.SubCategoryList ul li {
    float: none !important;
    height: auto;
    padding: 5px;
    width: 100%;
}

div.LearnAbout2 div.SubCategoryList ul li img {
    float: left;
    height: 20px;
    width: 20px;
}

div.LearnAbout2 div.SubCategoryList ul li span {
    display: block;
    margin-left: 20px;
    padding: 0px 5px;
}

div.LearnAbout2 div.ArticleList ul {
    list-style: none;
    margin: 10px 5px;
    padding: 5px !important;
}

div.LearnAbout2 div.ArticleList ul li {
    float: none !important;
    height: auto;
    padding: 5px;
    width: 100%;
}

div.LearnAbout2 div.ArticleList ul li img {
    float: left;
    height: 20px;
    width: 20px;
}

div.LearnAbout2 div.ArticleList ul li span {
    display: block;
    margin-left: 20px;
    padding: 0px 5px;
}

div.LearnAbout2 div.ArticleList ul li span.favorite {
    display: inline !important;
    margin-left: 0px !important;
    padding: 0px 5px;
}

div.LearnAbout2 a.describe {
    position: relative;
}

div.LearnAbout2 a.describe span.description {
    display: none;
    text-decoration: none !important;
}

div.LearnAbout2 a.describe:hover span.description {
    background-color: #737373;
    border: 1px solid #7F9DB9;
    color: #fff !important;
    display: block;
    font: 0.8em Verdana, Helvetica sans-serif;
    left: 0px;
    margin: 0px !important;
    padding: 5px;
    position: absolute;
    top: 20px;
    width: 230px;
    z-index: 100;
    text-align: left;
}

/* Fix for IE image header resizing */

@media screen and (-ms-high-contrast: active),
(-ms-high-contrast: none) {
    #banner {
        min-height: 1px;
    }
    #banner .header-column {
        width: 100%;
    }
    #banner .header-row {
        min-height: 1px;
    }
}

/* Site Specific */

.font-weight-bold, b {
    font-weight: 400 !important;
}  

#header .header-nav {
    justify-content: flex-start;
}

ul.psrlist {
    clear: both;
    list-style: none;
    padding-left: 10px !important;
}

li.psr {
    width: 600px;
    padding: 7px 5px 7px 5px !important;
    background: #E1E0E0;
}

li.psr-alt {
    width: 600px;
    padding: 7px 5px 7px 5px !important;
    background: white !important;
}

ul.psrlist li ul li a {
    font-weight: bold;
}

ul.psrlist li.psr {
    padding: 0px;
}

ul.psrlist li ul {
    padding: 5px 10px !important;
    margin: 0 5px 0 0;
    list-style: none;
}

ul.psrlist li.alt ul {
    background: #f5f5f5;
}

div.psr {
    padding: 7px 5px 7px 5px !important;
    /*background-color: #E1E0E0;*/
}

div.psr:hover {
    background-color: #E1E0E0;
}

div.psr-alt:hover {
    background-color: #E1E0E0;
}

div.psr-alt {
    padding: 7px 5px 7px 5px !important;
    /*background: white !important;*/
}

.page-header-custom-background {
    padding: 0 0 0 0;
    padding-left: 0;
    background-repeat: repeat;
    background-color: transparent;
    /*background-image: url(../img/page-title-bg.jpg);*/
    border-top: 0;
    border-bottom: 0;
    margin: 0 0 0 0;
}

.page-header h1 {
    font-size: 32px;
    font-weight: 500;
    line-height: 32px;
    padding: 0 0 5px;
    margin: 0 0 -5px;
    color: #054a85;
    /*color: #008080; */
    /*color: #66b2b2;  */
    /*text-shadow: 0px 0px 7.6px rgba(0, 0, 0, 0.59); */
}

.page-header h1 span {
    display: inline;
}
div#masthead 
{
    background:#FFFFFF url(/Data/Sites/1/skins/Delcosa/img/masthead.gif) top left no-repeat;
    height:92px;
    position:relative;
    width:100%;
}

html .bg-color-light,
html .bg-light {
  background-color: #ffffdf !important;
}
ul.psrlist {
    clear: both;
    list-style: none;
    padding-left: 10px !important;
}

li.psr {
    width: 600px;
    padding: 7px 5px 7px 5px !important;
    background: #E1E0E0;
}

li.psr-alt {
    width: 600px;
    padding: 7px 5px 7px 5px !important;
    background: white !important;
}

ul.psrlist li ul li a {
    font-weight: bold;
}

ul.psrlist li.psr {
    padding: 0px;
}

ul.psrlist li ul {
    padding: 5px 10px !important;
    margin: 0 5px 0 0;
    list-style: none;
}

ul.psrlist li.alt ul {
    background: #f5f5f5;
}

/* .input-group>.daterange {
    position: relative;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    width: 1%;
    margin-bottom: 0;
} */

.daterange {
    padding: 0;
    border: 0;
}

.daterange .form-control:not(.form-control-sm):not(.form-control-lg) {
    font-size: 0.80rem;
}

/*Form Mgt Hide/show columns and buttons */
#formInstanceTable th:nth-child(2), #formInstanceTable td:nth-child(2),
#formInstanceTable th:nth-child(9), #formInstanceTable td:nth-child(9){
  display: none;
} 

#formNameFilter, #editStatusButton, #statusFilter {
	display: none;
}

#formInstanceTable.b-table>tfoot>tr>th.sorting:after, #formInstanceTable.b-table>tfoot>tr>th.sorting:before, 
#formInstanceTable.b-table>thead>tr>th.sorting:after, #formInstanceTable.b-table>thead>tr>th.sorting:before {
display: none;
}

/* top menu color */

#header .header-nav-main nav > ul > li > a {
	color: #000000;
}

#header .header-nav-main nav > ul > li.dropdown.open > a::before, 
#header .header-nav-main nav > ul > li.dropdown:hover > a::before {
	border-bottom-color: #054a85;
}

#header .header-nav-main nav > ul > li.dropdown .dropdown-menu {
	border-top-color: #054a85;
}

#header .header-nav-main nav > ul > li.open > a, 
#header .header-nav-main nav > ul > li:hover > a {
	background-color: #054a85;	
}
 

#header .header-nav-main nav > ul > li > a.active {
	color: #fff;
	text-decoration: none;
	background-color: #054a85;
}

#header .header-btn-collapse-nav {
	background-color: #054a85;
}

#header .header-nav-main nav > ul > li > a.active:focus, 
#header .header-nav-main nav > ul > li > a.active:hover {
	background-color: #054a85;
}

#header .header-nav-top {
	background: #054a85;
}

#header .header-nav-top .nav > li > a, #header .header-nav-top .nav > li > span {
        color: #ffffff;  
	font-size: 0.9em;
	padding: 6px 10px;
	display: inline-block;
}

#header .header-nav-top .nav > li > a:focus, 
#header .header-nav-top .nav > li > a:hover {
	background-color: #F7F6F6;
        color: #000000;
}


#header .header-nav-main-effect-1 nav > ul > li.dropdown .dropdown-menu li a, #header .header-nav-main-effect-1 nav > ul > li.dropdown .dropdown-mega-sub-nav li a {
	color: #000000;
}

/* Nav menu */
.justify-content-end {
    width: 100%;	
}


/* body from theme.css */
body {
	color: #333330;
	font-size: 16px;	
}

p, div {
	font-size: 15px;
	color: #000000;
}

/* from skin.insurance css */
a {
	color: #054a85;
}

html .btn-secondary {
    	background-color: #054a85;
    	border-color: #054a85 #054a85 #054a85;
}

.btn-link {
    	color: #054a85;
    	font-weight: bold;
	font-size: 16px;
}

/*  Referral Form CSS  */

.datepicker .form-control[readonly] {
	background-color: #FFFFFF;
	border-color: light
}

div#searchbox 
{
    color:#FFFFFF;
    display:block;
    font: 0.8em Verdana, Helvetica sans-serif;
    margin:0px;
    padding:0px;
    position:absolute;
    right:150px;
    top:40px;
    width:160px;
}

.carouselbg {
	background: rgba(255, 255, 255, .55);
	width: 100%;
	padding-top: 10px; 
}

.carouselheader {
    text-transform: capitalize;
    width: 100%;
}

h3.carouselheader {
    font-size:  40px;  
}

p.carouselheader {
    font-size:  18px;
    color: #054a85;
}

h5.carouselheader {
   display: none;
}

h4.carouselheader {
   font-size: 16pt;    
   text-align: center;
    color: #054a85;
}


@media only screen and (max-width: 575px) {	
h3.carouselheader {
	    font-size:  25px;     
}

.carouselbg {
	background: rgba(255, 255, 255, .55);	
	width: 700px;
}
}

/* Extra small devices (phones, up to 480px) */
@media screen and (max-width: 767px) {
	h3.carouselheader {
	    font-size: 30px; 
}
.carouselbg {
	background: rgba(255, 255, 255, .55);	
	width: 800px;
}
}

/* Small devices (tablets, 768px and up) */
@media (min-width: 768px) and (max-width: 991px) {
	h3.carouselheader {
	    font-size:  35px; 
}
.carouselbg {
	background: rgba(255, 255, 255, .55);	
	data-width: 1000px;
}
}

/* tablets/desktops and up ----------- */
@media (min-width: 992px) and (max-width: 1199px) {
	h3.carouselheader {
	    font-size:  40px;
}
.carouselbg {
	background: rgba(255, 255, 255, .55);	
	data-width: 1200px;
}
}

}
/* large desktops and up ----------- */
@media screen and (min-width: 1200px) {
	h3.carouselheader {
	    font-size:  45px; 
}
.carouselbg {
	background: rgba(255, 255, 255, .55);
	width: 700px;	
}
}

.content-slider {
  width: 100%;
  height: 100px;
}

.slider {
  height: 100px;
  width: 100%;
  margin: 40px auto 0;
  overflow: visible;
  position: relative;
}

.mask {
  overflow: hidden;
  height: 100px;
}

.slider ul {
  margin: 0;
  padding: 0;
  position: relative;
}

.slider li {
  width: 100%;
  height:50px;
  position: absolute;
  top: -325px;
  list-style: none;
}

.slider li.anim1 {
  animation: rotate 60s linear infinite;

}

.slider li.anim2 {
  animation: rotate2 60s linear infinite;
}

@keyframes rotate {
        0%  { top: 0px; opacity: 1; z-index: 0;  }
	50% { top: 0px; opacity: 1; z-index: 0;   }
        90% { top: 0px; opacity: 1; z-index: 0;   } 
        100% { top: 365px; opacity: 0; z-index: -1;   }

}

@keyframes rotate2 {
	from { top: -325px; opacity: 0; }
	to { top: 0px; opacity: 1; }

}

/* For Site Search */
::-ms-clear {
    display: none;
}

.form-clear {
    align-items: center;
    /*background: #cecece;
    border-radius: 50%;*/
    bottom: 6px;
    color: rgba(0, 0, 0, .54);
    cursor: pointer;
    display: flex;
    height: 24px;
    justify-content: center;
    position: absolute;
    right: 50px;
    width: 24px;
    z-index: 10;
}

/* To hide the form filter */
#formFilter {
  display: none;
}

/* To hide the column  */

#formInstanceTable th:nth-child(8) {
  display: none;
}

#formInstanceTable td:nth-child(8) {
  display: none;
}