/* ------------------------===============================================----------------------------- */
/* ---------------->>> COLOR CSS <<<------------- */
/* ------------------------================================================---------------------------- */
@import url('https://fonts.googleapis.com/css?family=Roboto:300,400,500,700');
/* =================================================================== 
						CUSTOM
======================================================================*/
.navbar-nav {
    width: 100%;
    text-align: center;
}
.navbar-nav>li {
    float: none;
    
}

.input-group .form-control
{
    border-radius: 4px;
}


.sticky-wrapper {
    height: 72px !important
}

#yellow  {
    color: rgba(237, 255, 0, 0.8) !important;
    text-align: unset;
}

#yellow:hover{
    color: white !important
}


a:visited {
    color: #c455d5 !important
}
.dropdown-menu>li>a {
    color: #333 !important;
}
@media screen and (max-width: 822px) {
    .mainlinks{
        clear: both !important;
    }
    .navbar-nav{
        text-align: left;
    }
    .dropdown-menu > a:hover {
        background-color: gray !important
    }
    .dropdown > a {
   
        padding: 5px 0px 5px 5px !important
    }
    .dropdown-menu > li > a {
        color: rgba(255, 255, 255, 0.5) !important;
        border-bottom: 1px solid white;
        padding-bottom: 5px;
        padding-top: 5px;
    }
    .dropdown {
        padding-left: 0px;
        height: auto;
    }
    .navbar-nav {
        width: 100% !important;
        padding-left: 0px;
        padding-right: 0px;
        margin: 0px
        
    }
    /*.navbar-collapse.collapse{
        margin-left: -30px;
        margin-right: -30px
    }*/
}
.dropdown .dropbtn {
   
 
    border: none;
    outline: none;
    color: rgba(255, 255, 255, 0.5);
    padding: 5px 5px;
    background-color: inherit;
    font-family: Roboto, sans-serif;
    margin: 0;
    font-size: 14px;
    text-transform: uppercase;
    font-weight:500;
    display: block;
    background-color: #1f81cc
}

    .dropdown .dropbtn:hover {
        color: #fff !important
    }


    div .RadScheduler_Metro .rsMonthView .rsTodayCell
{
    background-color: rgba(163, 200, 235, 0.50);
    color: #000;
 
}  

div.RadScheduler_Metro .rsMonthView .special {
    background-color: rgba(128, 128, 128, 0.78);
    color: #000;
}

.RadScheduler .p-i-recurrence {
    display: none !important;
}

.RadScheduler .p-i-recurrence-exception {
    display: none !important;
}

/*.RadScheduler .rsAptContent {
    height: auto !important;
}*/

.RadScheduler .rsApt {
    min-height: 30px !important;
    max-height: 40px !important;
}
.RadScheduler_Metro .rsMonthView .rsDateBox {
    border-bottom: 1px solid #e5e5e5 !important;
    background-color: lightgray !important;
}

.RadScheduler_Metro a, .RadScheduler_Metro input, .RadScheduler_Metro select, .RadScheduler_Metro textarea {
    color: black !important;
}

.RadScheduler_Metro .rsHeader {
    border: 1px solid  #1f81cc !important;
    color: #fff !important;
    background-color: #1f81cc !important;
}



.RadScheduler_Metro .rsAptIn {
    border-bottom: 1px solid #e0e0e0;
    border-left: 1px solid #e0e0e0;
    border-right: 1px solid #e0e0e0;
    border-top: 4px solid rgb(157,195,61) !important;
    background-color: #fff;
}


ul {
   list-style-position: outside !important;
   /*margin-left: .25em;
   padding-left: .25em;*/
   display: table;
}

   ul li {
      /*margin-left: 5px;*/
      /*text-indent: -2em;*/
      /*padding-left: 0px;*/
   }

.heading-pg {
   color: #616161;
}

.heading-txt {
   color: #1f81cc;
}

.title-txt {
   color: #1f81cc;
}

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

ul.breadcrumb {
   margin-left: 0px !important;
}

.breadcrumb > li {
   font-size: 8pt;
   text-transform: lowercase;
}

   .breadcrumb > li + li::before {
      /*color: #595757;*/
      color: #616161;
      font-family: "Ionicons";
      content: "\f10a";
      font-size: 10px;
      padding: 0 10px 0 5px;
   }

   .breadcrumb > li > a:hover {
      color: #1f81cc;
      text-decoration: underline;
   }

.breadcrumb .active {
   /*color: darkorange;*/
   color: #E48210;
}

.accent {
   /*color: #55C916;*/
   color: #e2801c;
}

.biaw_hr {
   margin-bottom: 20px;
   border: 0;
   border-top: 5px solid #1f81cc;
}

.article-list {
   list-style: square !important;
   margin-left: 20px;
   color: #595757;
}

.article-list-none {
   list-style: none !important;
   margin-left: 0px;
   color: #595757;
}

.article-list > li > .article-list {
   margin-left: 40px;
   display: list-item !important;
}

.blue {
   color: #1f81cc;
}

.email {
   color: #1f81cc;
   text-decoration: underline;
}

.article-links > li > a:focus, .article-links > li > a:hover {
   text-decoration: underline !important;
   /*color: #55C916;*/
   color: #e2801c;
}

.article-links > li > a {
   text-decoration: underline !important;
}

.imagetext {
   position: absolute;
   top: 0;
   left: 0;
   width: 100%;
   border-radius: 8px 0px 0px 0px !important;

}

    .imagetext span {
        color: white;
        font: bold 14px/45px 'Roboto', Sans-Serif;
        letter-spacing: 1px;
        /*background: rgb(0, 36, 107);*/
        background: #1f81cc;
        padding: 14px;
    }

        .imagetext span.spacer {
            padding: 0 5px;
        }

    .linktext {
        padding: 5px 0px 15px;
    }

        .linktext span {
            color: white;
            font: bold 16px 'Roboto', Sans-Serif;
            letter-spacing: 1px;
            /*background: rgb(0, 36, 107);*/
            background: #1f81cc;
            padding: 5px;
        }

    .headertext {
        padding: 5px 0px 15px;
    }

        .headertext span {
            color: white;
            font: bold 25px 'Roboto', Sans-Serif;
            letter-spacing: 0px;
            /*background: rgb(0, 36, 107);*/
            background: #55c916;
            padding: 5px;
        }

    /* =================================================================== 
						GENERAL
======================================================================*/
    .text-color, a.text-color {
        color: #1f81cc;
    }

    a {
        color: #0645AD;
    }

        a:focus, a:hover, a.btn-link:hover, a.btn-link:focus,
        .btn-link.letter-spacing.typo-grey:hover, .btn-link.letter-spacing.typo-grey:focus {
            color: #E48210;
        }

        a:visited {
            color: #663366;
        }

    .theme-bg {
        background-color: #1f81cc;
    }

.theme-bg-img {
    background-image: url('../../Images/whale2.png');
    /*background-image: linear-gradient(rgba(31, 129, 204, 0.00),#1f81cc, #1f81cc);*/
    background-repeat: repeat-x;
    background-position: center top;
}

    .theme-overlay,
    .isotope-grid .img-wrapper .overlay {
        background-color: rgba(19, 89, 160,0.9);
    }

    .icon-list > li:before {
        color: #1f81cc;
    }
    /* =================================================================== 
						BUTTON
======================================================================*/
    .btn.btn-default, .navbar-default .navbar-nav > li > a.btn.btn-default {
        /*background-color: #55C916;*/
        background-color: #e0a66b !important; /*to match brochures*/
    }
    

        .btn.btn-default:hover, .btn.btn-default:focus {
            /*background-color: rgb(0, 36, 107);*/
            background-color: #1f81cc;
        }

    .btn.btn-no-hover, .navbar-default .navbar-nav > li > a.btn.btn-no-hover {
        /*background-color: #55C916;*/
        background-color: #e2801c; /*to match brochures*/
        color: #ffffff !important;
        cursor: default !important;
    }


    /* =================================================================== 
						BREADCRUMB
======================================================================*/
    .breadcrumb > li > a {
        /*color: #1f81cc;*/
        color: #616161;
    }

        .breadcrumb > li > a:hover {
            /*color: #55c916;*/
            color: #E48210;
        }
    /* =================================================================== 
						PAGINATION
======================================================================*/
    .pagination > .active > a, .pagination > .active > a:focus, .pagination > .active > a:hover, .pagination > .active > span, .pagination > .active > span:focus, .pagination > .active > span:hover {
        background-color: #1f81cc;
    }

    .active-green {
        /*background-color: #55C916;*/
        background-color: #e2801c; /*to match brochures*/
    }

    /* =================================================================== 
						ACCODION
======================================================================*/
    .panel-group .panel-title > a {
        background-color: #1f81cc;
    }
    /* =================================================================== 
						OWL SLIDER
======================================================================*/
    .owl-theme .owl-dots .owl-dot.active span, .owl-theme .owl-dots .owl-dot:hover span {
        background: #1f81cc;
    }
    /* =================================================================== 
						NAVIGATION MENU
======================================================================*/
    .navbar-default .navbar-nav > li:hover > a, .navbar-default .navbar-nav > li > a:focus, .navbar-default .navbar-nav > li > a:hover, .navbar-default .navbar-nav > li > a.active {
        color: #1f81cc;
    }

    .navbar-default .navbar-nav > .open > a, .navbar-default .navbar-nav > .open > a:focus, .navbar-default .navbar-nav > .open > a:hover {
        color: #1f81cc;
    }

    .dropdown-menu {
        border-color: #1f81cc;
    }

        .dropdown-menu > li > a.active, .dropdown-menu > li > a:focus, .dropdown-menu > li > a:hover {
            background-color: #1f81cc;
            color: #fff;
        }

    .header-type-4, .header-type-4 .navbar-default {
        background: #1f81cc;
    }

    .icon-box .icon-wrapper i {
        color: #1f81cc;
    }

    /* =================================================================== 
						SECTION TITLE
======================================================================*/
    .bottom-line:after {
        background: #1f81cc;
    }
    /* =================================================================== 
						ICON GRID
======================================================================*/
    .icon-grid.icon-grid-bg:hover {
        background: #1f81cc;
    }

    .icon-grid i.icon-circle {
        color: #1f81cc;
    }

    .icon-grid:hover i.icon-circle, .icon-grid:hover i.icon-circle {
        background: #1f81cc;
    }
    /* =================================================================== 
					OPEN POSITION
======================================================================*/
    .table.table-position > thead > tr > th {
        background: #1f81cc;
    }
    /* =================================================================== 
						WIDGET
======================================================================*/
    .sidebar .widget-title:after {
        background: #1f81cc;
    }

    .menu-widget ul > li > a:hover, .menu-widget ul > li > a:focus, .menu-widget ul > li > a.active,
    .brochures-widget ul > li > a:hover, .brochures-widget ul > li > a:focus {
        background: #1f81cc;
    }
    /* =================================================================== 
						FOOTER
======================================================================*/
    footer .input-group-btn > .btn:hover, footer .input-group-btn > .btn:focus {
        color: #1f81cc;
    }

    /* =================================================================== 
						SECONDARY COLOR
======================================================================*/
    .theme-bg .text-color {
        color: #edc216;
    }

    .header-type-4 .nav-top a:hover, .header-type-4 .nav-top a:focus,
    .header-type-4 .navbar-default .menu-inline > li:hover > a, .header-type-4 .navbar-default .menu-inline > li > a.active, .header-type-4 .navbar-default .menu-inline > li > a:hover, .header-type-4 .navbar-default .menu-inline > li > a:focus,
    .header-type-4 .navbar-toggle:hover, .header-type-4 .navbar-toggle:focus {
        color: #edc216;
    }

    .accordion-plus.panel-group .panel-title > a:after {
        color: #edc216;
    }

    .brochures-widget ul > li > a:hover .file-type {
        color: #edc216;
    }
    /******************************************************************************
  Max Width "767px"
*******************************************************************************/

    @media screen and (max-width: 767px) {
        .dropdown-menu > li > a.active, .dropdown-menu > li > a:focus, .dropdown-menu > li > a:hover {
            color: #1f81cc !important;
        }

        .header-type-2 .dropdown-menu > li > a.active, .header-type-2 .dropdown-menu > li > a:focus, .header-type-2 .dropdown-menu > li > a:hover,
        .header-type-4 .dropdown-menu > li > a.active, .header-type-4 .dropdown-menu > li > a:focus, .header-type-4 .dropdown-menu > li > a:hover {
            color: #edc216 !important;
        }


        #referral-map {
            display: none !important;
        }
    }