/*1*/
@import url(https://fonts.googleapis.com/css?family=Open+Sans:400,600,300);
@import url(https://fonts.googleapis.com/css?family=Roboto+Slab);
body {
    font-family: 'Open Sans', sans-serif;
    color: #333333;
    background: #ffffff;
    font-weight: 400;
    font-size: 14px;
    padding-right: 0px;
    padding-left: 0px;
    margin-right: 0px;
    margin-left: 0px;
}
body .subsite_content {
    font-family: 'Open Sans', sans-serif !important;
}
body a {
    color: #333333;
}
body a:focus, body a:hover {
    text-decoration: underline;
}

img {
    max-width: 100%;
}
header .translete {
    width: 100%;
    text-align: right;
}
body.homepage-view header,
body.subsite-view header {
    margin-top: 0px;
}
header {z-index: 1;
position: relative; }
header .top-heder {
    background: #7c0701;
    color: #ffffff;
    padding: 10px 0px;
    min-height: 47px !important;
    height: auto !important;
}
header .top-heder .newsflashz {
    font-weight: 300}
header .mid-headaer { 
}
header .mid-headaer .logo {
    padding: 5px 0px}
header .mid-headaer .logo img {
    max-width: 100% ; max-height: 182px; width: auto;}
header .home-button {
    width: 69px;
    height: 55px;
    text-align: center;
    background-image: url("../images/homenav.png");
    background-repeat: no-repeat;
    float: left;
    padding: 15px 10px 21px;
    color: #ffffff }
header .bottom-header, .block-hs .bottom-header {
    color: #ffffff;
    background: #7c0701; 
}
header .bottom-header .navbar, .block-hs .bottom-header .navbar {
    margin-bottom: 0px;
    padding: 0px;
    font-size: 14px;
    font-weight: 600;
    min-height: 0px;
    border: 0px solid #333333;
}
.clear { clear: both; }
header .bottom-header .navbar ul.navbar-nav li a, .block-hs .bottom-header .navbar ul.navbar-nav li a {
    color: #ffffff;
    padding: 15px 10px 15px}
header .bottom-header .navbar ul.navbar-nav li ul li a, .block-hs .bottom-header .navbar ul.navbar-nav li ul li a {
color: #333333;
 }
header .bottom-header .navbar ul.navbar-nav li a:hover, header .bottom-header .navbar ul.navbar-nav li a:focus, 
.block-hs .bottom-header .navbar ul.navbar-nav li a:hover, .block-hs .bottom-header .navbar ul.navbar-nav li a:focus {
   background-color: rgba(0, 0, 0, 0.1); }
section.img-hero {
    position: absolute;
    top: 0px;
    width: 100%;
    left: 0px;
    z-index: 1;}
section.img-hero img.defaultimg {
    width: 100%  ;
    height: auto !important;
}
section.text-hero {
 
}

section.img-hero .gridpadd {padding: 0px 0px;}
section.img-hero a:hover {text-decoration: none;}
section.text-hero .th-wraptext .th-text {
    font-size: 39px;
    font-family: 'Roboto Slab', serif;
    color: #ffffff;
    background: RGBA(0, 0, 0, 0.70);
    float: left;
    clear: both;
    padding: 5px 10px;
    margin-bottom: 5px;
}
section.text-hero .th-wraptext {
    padding-top: 110px}
section.schoollink { 
    position: relative; 
}
section.schoollink img.schoollink-thumb {
    border: 3px solid #ffffff}
section.schoollink .schoollink-box {
    width: 100%}
section.schoollink .schoollink-box .sb-img {
    float: left;
    width: 50%}
section.schoollink .schoollink-box .sb-text {
    font-family: 'Roboto Slab', serif;
    font-size: 22px;
    color: #ffffff;
    float: left;
    width: 50%;
    padding-left: 20px;
}

section.schoollink .cust_title{ 
}
section.welcome-text { 
    /*background-image: url("..imageswelcomebg.jpg");
    background-repeat: no-repeat;
    background-size: 100% 100%;
    position: relative; */
}


section.welcome-text .welcome-bg {width: 100%; overflow: hidden;
position: absolute;
z-index: -1;
height: 100%;
top: 0px;
left: 0px;}
section.welcome-text .welcome-bg img{height: 100%; width: auto;}
section.welcome-text .title-welcome {
    padding-bottom: 20px;
    font-family: 'Roboto Slab', serif;
    font-size: 34px;
    text-align: center;
    line-height: 1.2;
}
section.welcome-text .title-welcome span {
    color: #89051a}
section.welcome-text .wrap-welcome-text {
    padding: 50px 0px;
    text-align: center;
    width: 70%;
    margin: 0 auto;
}
section.mid-content .mid-content-title, section.mid-content .for-title, section.welcome-text .mid-content-title, section.welcome-text .for-title {
    font-size: 24px;
   /* font-family: 'Roboto Slab', serif; */
   font-weight: 600;
    color: #89051a;
    margin-bottom: 20px;
    padding-bottom: 10px;
    border-bottom: 4px solid #7c0701; 
}
section.mid-content .sect-news .list-news{margin-bottom: 40px}
section.mid-content .sect-qlinkcustom {}

section.mid-content {
    padding: 0px 0px 0px 0px;
    background: #000000;
}
section.mid-content .ul-news {
    padding-left: 15px}
section.mid-content .ul-news li {
    padding-bottom: 10px;
    list-style-image: url('../images/liststyle.png');
    border-bottom:2px dotted #A5A5A5;
margin-bottom: 20px;
}
section.mid-content .ul-news li p a {
    background: #89051a;
padding: 3px 7px;  
color: #ffffff;
margin-top: 10px;
}
section.mid-content .ul-news li p a:hover {
   background: #a30d25;
   text-decoration: none;
}
.red-button {
    background: #5c5c5c;
    padding: 5px 10px;
    float: left;
    color: #ffffff;
    font-weight: 600;
}
.red-button:hover {
    background: #4b4b4b;
    cursor: pointer;
}
.red-button.btn-for-news {
    margin: 0px 15px;
}
section.mid-content .list-for {
}
section.mid-content .list-for .box-list-for {
    width:300px;
}
section.mid-content .list-for .thumb-for {
    width: 70px;
    height: 70px;
    float: left;
}
section.mid-content .list-for .thumb-for img {
    width: 100%;
    height: 100%}
section.mid-content .list-for .content-for {
    float: left;
    margin-bottom: 10px;
    width: 200px;
    padding-left: 10px;
}
.for-title, 
.for_cust_title {
    font-size: 24px;
    /*font-family: 'Roboto Slab', serif;*/
    color: #333333;
    font-weight: 600;
}
.for-title span, .for_cust_title span {
    color: #fdc104}
section.inspired-learning {
       position: relative;
    width: 100%;
    height: 230px; 
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    background-attachment: fixed; 
    background-repeat: no-repeat;
    background-position: center center;
}
section.inspired-learning .inspired-learning-text {
    width: 50%;
    text-align: center;
    margin: 80px 25% 0px;
}
section.inspired-learning .inspired-learning-text img {
    width: 100%;
    height: auto;
}
section.bottom-content { 
}
section.bottom-content .bc-content {
    padding: 20px 0px 0px;
}
section.bottom-content .bc-content.ul-quicklink ul {
    padding: 0px;
    list-style: none;
    margin: 0px -10px;
}
section.bottom-content .bc-content.ul-quicklink ul li {
    padding: 10px; 
    margin-bottom: 0px !important;
}
section.bottom-content .bc-content.ul-quicklink ul li a {
    text-decoration: none;
}
section.bottom-content .bc-content.ul-quicklink ul li a:hover {
    text-decoration: none;
    color: #d8d8d8}
section.mid-content .upcoming-event-box ul, section.bottom-content .upcoming-event-box ul {
    padding: 0px;
    list-style: none;
}
section.bottom-content .upcoming-event-box ul li {
    margin-bottom: 10px; 
    padding-bottom: 10px;
}
section.bottom-content .upcoming-event-box #events_list, section.bottom-content .upcoming-event-box #events_list2, 
section.bottom-content .upcoming-event-box #events_list3, section.bottom-content .upcoming-event-box #events_list4 {
    max-height: 293px;
    overflow-y: auto;
}
section.bottom-content .more-buttons-event {
    font-weight: 700;
    padding: 10px 0px}
section.address { 
    background:#690000;
    color: #ffffff}
.text-yellow {
    color: #fdc104}
section.address .addres-c {
    border-left: 1px solid rgba(255, 255, 255, 0.14);;
    border-right: 1px solid rgba(255, 255, 255, 0.14);;
    min-height: 70px;
}
section.address .addres-b .ab-left {
    width: 40%;
    float: left;
}
section.address .addres-b .ab-right {
    width: 60%;
    float: left;
}
section.address .addres-d .ad-left {
    width: 65%;
    float: left;
}
section.address .addres-d .ad-right {
    width: 35%;
    float: left;
}
section.address .addres-d .socialmedia-list {
    clear: both;
    padding-bottom: 3px}
section.address .addres-d .socialmedia-list a {
    text-decoration: none;
    color: #ffffff}
section.address .addres-d .socialmedia-list a:hover {
    text-decoration: none;
    color: #fdc104}
section.address a{
    color:#ffffff;
}
footer {
    padding: 20px 0px;
    background: #7c0701;
    color: #ffffff; 
}
footer a {
    color: #ffffff}
footer a:hover {
    text-decoration: underline;
    color: #ffffff}
footer ul {
    padding: 0px;
    list-style: none;
}
footer .footerlink {
    float: right;
}
footer .col-footerlink {
    float: right;
    right: 30px;
}
footer .col-copyright {
    float: left;
}
footer .footerlink ul li {
    display: inline;
}
footer .footerlink ul li a {
    padding: 0px 5px;
    color: #ffffff}
footer .footerlink ul li a:hover {
    color: #ffffff}
header .mid-headaer .icon-sm {
    cursor: pointer;
    margin: 3px;
    float: left;
    padding: 3px 0px;
    height: 35px;
    width: 35px; 
    background-repeat: no-repeat;
    background-size: 100% 100%;
    display: table;
    color: #525252 !important;
border: 3px solid #525252 !important;
}
header .mid-headaer .icon-sm .fa { 
    position: relative;
    top: 1px;
    display: table-cell;
    vertical-align: middle;
    text-align: center;
    padding: 0px;
    font-size: 19px;
}
#search-form #dwcsearch-renderMain {
    min-width: 20px;
    float: left;
    margin-top: 6px;
    margin-right: 5px;
    margin-left: 15px;
}
header #search-form #dwcsearch-renderMain  {
margin-top: 2px;
}
#search-form {
    position: relative;
}
.icon-search {
    width: auto;
    float: left;
    margin: 0px 0px 5px;
}
.icon-search #search-form.openclick input[type="text"] {
    padding-left: 30px;
    width: 170px;
}
.icon-search #search-form .icon-sm {
    cursor: pointer;
    margin: 3px;
    float: left;
    padding: 3px 0px;
    height: 35px;
    width: 35px; 
    background-repeat: no-repeat;
    background-size: 100% 100%;
    display: table;
    left: 0px;
    top: 0px;
    position: absolute;
}
#search-form input.search-text-box {
    padding: 3px 10px 3px 29px;
    border: 1px solid #D5D5D5;
}
.icon-search #search-form input[type="text"] {
    -webkit-transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
    -ms-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;
}
.icon-search #search-form input[type="text"] {
    margin-top: 2px;
    padding-left: 0px;
    width: 0px;
    height: 30px;
    border-radius: 10px;
}
header .mid-headaer .sosmed-row .sosmed {
    float: left;
}
header .sosmed-wrap {
float: right;
padding: 5px 0px;
position: relative;
margin-top: 12px;
}
header .mid-headaer .sosmed-row .sosmed #search-form .icon-sm {
background-color: #ffffff;
-webkit-border-radius: 100%;
-moz-border-radius: 100%;
border-radius: 100%;
}
section.inner-content {
    min-height: 400px;
    padding: 40px 0px;
}
section.inner-content .inner-quicklink {
    padding: 20px;
    margin-bottom: 20px;
    background: #F8F8F8;
    border: 1px solid #D7D7D7;
}
section.inner-content .inner-quicklink ul {
    padding: 0px;
    list-style: none;
}
section.inner-content .inner-quicklink ul li {
}
section.inner-content .inner-content iframe,
section.inner-content .inner-content video{
padding: 10px 10px;
}
section.inner-content .inner-content p {
    margin: 12px 0px;
}
section.inner-content .bc-content.ul-quicklink ul li a {
    text-decoration: none;
}
section.inner-content .bc-content.ul-quicklink ul li a:hover {
    text-decoration: underline;
}
section.inner-content .for-title, section.inner-content .for_cust_title {
    padding-bottom: 10px}
section.inner-content .bc-content.ul-quicklink ul li {
    padding: 0px 0px 5px;
}

header .mid-headaer .logo .logo_img {float: left; }
header .mid-headaer .logo .logoname {float: left; text-transform: uppercase;font-weight: 700;font-size: 30px; padding: 10px 10px 10px 20px;}
#quicklinks-tabs #myTabContent .col1-item a {float: none; float: unset}
.news-qlink .dwchome {display: none;}
.news-qlink .newsflash-move .cycle-slideshow{-webkit-box-shadow: 0px 0px 0px 0px rgba(50, 50, 50, 0);
-moz-box-shadow:    0px 0px 0px 0px rgba(50, 50, 50, 0);
box-shadow:         0px 0px 0px 0px rgba(50, 50, 50, 0);}
.news-qlink .newsflash-move .cycle-slideshow .nflash-nav {border-top: 0px solid #dadada;}
.news-qlink .newsflash-move .newsflash div.slide {overflow: visible; height: auto !important;}
.top-heder.no-newsflash {display: none;}

/* media query */
@media (min-width: 1366px) {
    body .container {
    width: 1200px}
    body .inner-content .container {
    width: 90% !important; }
    .dwc-content .container{ /* 76187 */
    max-width: 830px}

}
@media screen and (max-width: 1024px) {
 nav.navbar-collapse.collapse.openmenu {display: block !important;top: 50px;margin: 0px;position: absolute;width: 100%;}
 .bottom-header.hover nav.navbar-collapse.collapse {display: block !important;top: 50px;margin: 0px;position: absolute;width: 100%;}
.navbar-collapse.collapsing{width: 100% !important;
margin-top: 50px !important;
margin-left: 0px;}
}
@media screen and (min-width: 1024px) {
    section.img-hero{
       position: relative;
    }
}
@media screen and (min-width: 992px) {
}
@media screen and (max-width: 991px) {
    body section.img-hero {position: relative;}
   body  header .top-heder {height: auto !important;}
    .schoollink .container .row .col-md-4{
        width: 100%;
    }
.schoollink .container .row .col-md-4 .cust_title {
width: 100%; text-align: center;
}
.schoollink .container .row .col-md-4 .cust_content {
width: 100%; text-align: center;
margin: 20px 0px 30px;
}
    section.mid-content .col-md-5 {
    margin-bottom: 20px}
    section.address .sect-contcustom,
    section.address .sect-botcustom {margin-bottom: 20px}
    section.mid-content .sect-qlinkcustom .box-list-for {width: 100%; clear: both; float: left;}
    section.mid-content .sect-qlinkcustom .box-list-for .content-for {width: 70%}
}

@media screen and (max-width: 768px) { 
.gallery .wrap-gallery .img-wrap{width: 33.33% !important}
}

@media screen and (min-width: 768px) { 
.news-qlink .newsflash-move .newsflash .cycle-slide .slide.text-image .span5 , .news-qlink .newsflash-move .newsflash .cycle-slide .slide.text-image .span7 {font-size: 14px;}
.news-qlink .newsflash-move .newsflash .cycle-slide .slide.text-image .span5{width: 50%; float: left;}
.news-qlink .newsflash-move .newsflash .cycle-slide .slide.text-image .span5 img {max-width: 100%; height: auto;}
.news-qlink .newsflash-move .newsflash .cycle-slide .slide.text-image .span7{width: 50%;
float: left;
padding: 0px 10px 0px 20px;
max-height: 230px;
overflow: auto;
margin-bottom: 10px;}

    .accordion.visible-phone {display: none;}
}
@media screen and (min-width: 768px) and (max-width: 991px) {
    body header .top-heder .newsflashz { 
    min-height: 0px;
    margin-bottom: 0px;
}
    header .top-heder .newsflashz {
    margin-bottom: 10px }
 section.address .addres-c {
    margin: 10px 0px;
}
 section.address .addres-b .ab-left {
    width: 100%;
    float: left;
}
section.address .addres-b .ab-right {
    width: 100%;
    float: left;
}
section.address .addres-d {
    width: 100%;
    float: left;
}
section.address .addres-d .ad-left {
    width: 100%;
    float: left;
}
section.address .addres-d .ad-right {
    width: 100%;
    float: left;
}
 section.address .addres-c {
    border-left: 0px solid #ad3e3a;
    border-right: 0px solid #ad3e3a;
}
 section.inspired-learning .inspired-learning-text {
    width: 80%;
    text-align: center;
    margin: 80px 10% 0px;
}
 section.bottom-content .col-md-3 {
    margin-bottom: 30px;
}
 section.mid-content .list-for .box-list-for {
    float: left;
    width: 50%;
}
}
@media screen and (min-width: 992px) and (max-width: 1199px) {
    header .sosmed-wrap {
    float: right !important;
    padding: 10px 0px 0px !important;
}
}
@media screen and (min-width: 768px) and (max-width: 1199px) {
    footer .footerlink {
    float: left;
}
 footer .col-footerlink {
    width: 100%;
}
 footer .col-copyright {
    width: 100%}
 section.mid-content .list-for {
    float: left;
    width: 100%;
    margin: 40px 0px 0px;
}
 section.text-hero .th-wraptext .th-text {
    font-size: 24px;
}
 section.schoollink .schoollink-box .sb-text {
    font-size: 16px;
}
 section.schoollink {
    background-size: auto auto;
}
 section.text-hero {
    height: 280px;
}
 section.img-hero {
    top: auto !important;
}
 header .mid-headaer .logo {
    padding: 10px 0px; 
}
 header .sosmed-wrap {
    float: left;
    padding: 0px 0px 10px;
}
 section.img-hero {
    top: 100px}
 section.schoollink img.schoollink-thumb {
    max-width: 100% }
 header .bottom-header .navbar ul.navbar-nav, .block-hs .bottom-header .navbar ul.navbar-nav {
    padding: 0px 0px}
header .bottom-header .navbar ul.navbar-nav li a, .block-hs .bottom-header .navbar ul.navbar-nav li a {
    color: #ffffff; 
}
.navbar-collapse {
    padding-right: 0px;
    padding-left: 0px;
}
header .home-button {
    display: none;
}
}

@media screen and (max-width: 320px) { 
body header .mid-headaer .sosmed-row .icon-search.sosmed { 
    padding-right: 30px !important;
}
}

@media screen and (max-width: 767px) {

    .navbar-header .menubtn {display: none;}
 #search-form .search-text-box{
  width: 100%!important;
  }
body header .mid-headaer .logo {
    padding: 10px 0px;
    width: 280px; 
    margin: 0 auto;
    text-align: center;
}
body header .sosmed-wrap { 
    width: 320px;
    margin: 0 auto;
    float: unset;
    float: none;
}
body header .mid-headaer { 
    padding: 0px 0px 10px;
}
header #search-form #dwcsearch-renderMain {
    margin-top: 2px;
    width: 100%;
}
    .icon-search #search-form .icon-sm {left: -20px;}
body header .mid-headaer .sosmed-row .icon-search.sosmed {padding-left: 20px !important;   width: 100% !important;}
header #search-form {width: 100% !important}
#search-form #dwcsearch-renderMain { margin-left: 0px !important; margin-right: 0px !important}
.navbar-nav > li > .dropdown-menu {padding: 0px 0px;}
header .bottom-header .navbar ul.navbar-nav li ul li a, .block-hs .bottom-header .navbar ul.navbar-nav li ul li a {
    color: #ffffff;
        padding: 5px 5px 5px 20px !important;
}
header .bottom-header .container, .block-hs .bottom-header .container {padding-left: 0px;padding-right: 0px;}  
header .bottom-header .container  ul.menu li, .block-hs .bottom-header .container  ul.menu li {  margin: 0 0 0 0px; }  
header .mid-headaer .logo img {height: auto;}
form#dwcsurvey-render-survey-result {overflow: auto; padding-bottom: 30px;}
#dwcfeedback-render-eform-elements #siteseal {margin-top: 20px;float: left;}
section.bottom-content .bc-content {
    padding: 20px 20px 0px;
}
section.bottom-content .for-title, section.bottom-content .for_cust_title {
    text-align: center;    
}
.bottom-content {}
form#dwcfeedback-render-eform-elements {margin: 0;
padding: 0;
overflow: auto;
padding-bottom: 20px;}
#renderForumAdd table {width: 100%}
.bcopy {width: 100%}
form td, form th {  
}
    section.inner-content .inner-quicklink {
    margin-top: 40px}
 section.address {
    background-size: auto 100%;
}
 section.schoollink .schoollink-box .sb-text {
    padding-left: 0px}
 header .translete {
    width: 100%;
    text-align: left; 
}
header .top-heder {
    padding: 0px 0px 10px;
}
 header .navbar-toggle {
    margin-right: 0px}
 footer .col-footerlink {
    float: left;
    width: 100%;
}
footer .col-copyright {
    float: right;
    width: 100%;
}
 footer .copyright {
    width: 100%;
    text-align: center;
    float: left;
}
 footer .footerlink {
    width: 100%;
    text-align: center;
    float: left;
    margin: 0px 0px 20px;
}
 footer .footerlink ul li {
    width: 100%;
    float: left;
}
 section.address .addres-b, section.address .addres-c, section.address .addres-d {
    margin-bottom: 20px;
    float: left;
}
 section.address .addres-c {
    border-left: 0px solid #ad3e3a;
    border-right: 0px solid #ad3e3a;
    min-height: 0;
}
 section.address .addres-b, section.address .addres-c, section.address .addres-d, section.address .addres-b .ab-left, section.address .addres-d .ad-left {
    width: 100%;
    clear: both;
}
 section.bottom-content .col-md-3 {
    margin-bottom: 30px;
}
 header {
    position: relative;
    z-index: 6;
    margin-top: 50px;
}
 header .bottom-header, .block-hs .bottom-header {
    position: fixed;
    width: 100%;
    top: 0px;
    z-index: 9999999;
}
 section.inspired-learning {
    padding: 40px 0px;
    height: auto;
 
}
 section.inspired-learning .inspired-learning-text {
    width: 90%;
    margin: 0px 5% 0px;
}
 section.mid-content .list-for .thumb-for {
    width: 20%;
    height: auto;
}
 section.mid-content .list-for .thumb-for img {
    width: 75px;
    height: 75px}
 section.mid-content .list-for .content-for {
    width: 80%;
}
 section.mid-content .list-for {
    width: 100%;
    float: left;
    padding: 40px 0px 10px;
}
 section.mid-content .list-for .box-list-for {
    clear: both;
}
 section.schoollink .schoollink-box .sb-img {
    float: left;
    width: 100%;
    text-align: center;
}
 section.schoollink .schoollink-box .sb-text {
    width: 100%;
    text-align: center;
    color: #333}
 section.schoollink .schoollink-box {
    width: 100%;
    clear: both;
    margin-bottom: 20px;
    float: left;
}
 section.schoollink {
    padding-bottom: 0px; 
}
 section.img-hero {
    position: relative; 
}
 header .sosmed-wrap {
    float: left;
    padding: 0px 0px 0px;
}
section.text-hero .th-wraptext .th-text {
    font-size: 20px;
}
section.text-hero .th-wraptext {
    padding-top: 0px;
    top: 280px;
    position: absolute;
}
section.text-hero {
    height: auto;
}
header .mid-headaer .logo {
    padding: 10px 0px;
   width: 90%;
    margin: 0px 0px;
}
 .navbar-toggle .icon-bar {
    background: #ffffff}
 header .home-button {
    display: none;
}
li.sep {
    display: none !important;
 }
 header .bottom-header .navbar ul.navbar-nav li a, 
 .block-hs .bottom-header .navbar ul.navbar-nav li a { 
    width: 100%;
    padding: 5px 50px 5px 10px;
}
.nav > li {
    border-bottom: 1px solid #00000017;
}
body li.dropdown.open > .fa-caret-down{
  -webkit-transform:rotate(180deg);
  -moz-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  -o-transform: rotate(180deg);
  transform: rotate(180deg);
}
body li.dropdown {
    overflow: hidden;
}
body li.dropdown .fa-caret-down {
cursor: pointer;
right: 0px !important;
width: 50px !important;
height: 29px !important;
text-align: center;
top: 0px !important;
background: #0000001a;
padding-top: 9px;
}
 header .bottom-header .navbar ul.navbar-nav, .block-hs .bottom-header .navbar ul.navbar-nav {
    padding: 10px 0px;
}
 header .top-heder .newsflashz {
    width: 100%;
    clear: both;
    min-height: 0px;
}
}
@media screen and (max-width: 480px) {
.gallery .wrap-gallery .img-wrap { height: 70px !important }
.gallery .wrap-gallery .img-wrap img{width: 120% !important; height: auto !important; }
    section.schoollink .col-xs-4 {
    width: 100%}
 section.text-hero .th-wraptext .th-text {
    font-size: 16px;
}
section.mid-content .list-for .thumb-for img {
    width: 60px;
    height: 60px;
}
}
@media screen and (min-width: 481px) and (max-width: 797px) {
    section.schoollink img.schoollink-thumb {
    max-width: 100% }
 section.schoollink .schoollink-box .sb-text {
    line-height: 1.2}
section.text-hero .th-wraptext .th-text {
    font-size: 24px;
}
section.text-hero .th-wraptext {
    top: 320px }
}



.schoollink-box img{
    border:3px solid #fff;
}


#emergency_notices{
   /* float:left; */
}

#emergency_notices hr{
    display:none;
}

.newsflashz .fa{
    float:left;
    margin-top:3px; 
} 

.newsflashz{
    min-height:20px;
}

.ul-quicklink .sep{
    display:none;
}


#el0{
   padding-top:0px !important;
}

@media screen and (min-width: 768px) and (max-width: 1023px) { 
body  section.schoollink {margin-top: auto;}
}

@media screen and (min-width: 1024px) and (max-width: 1199px) { 
body section.text-hero { height: auto;}
}

@media screen and (min-width: 768px) and (max-width: 1199px) { 
.schoollink-box img { 
    width: 100% !important;
    height: auto !important;
}
}

@media (min-width: 992px)
{
    .col-upcoming-events
    {
        padding-right:25px !important;
    }

    .col-calendar
    {
        padding-left:25px !important;
    }
}


.sub-menu li a{
    padding:5px !important;
}


section.img-hero ul li {list-style: none;}

/** Fix for the top nav hover vs click **/
@media screen and (min-width: 768px) {   
.bottom-header nav#main_nav ul.dropdown-menu {  display: none; padding: 0px 0px}
.bottom-header nav#main_nav li.dropdown:hover > ul.dropdown-menu {display: block;} 
.bottom-header nav#main_nav li.dropdown ul.dropdown-menu li {position: relative; margin: 0px 0px 0px 0px;}
.bottom-header nav#main_nav li.dropdown ul.dropdown-menu li ul.dropdown-menu {position: absolute;left: 100%; top: 0px; max-height: 100vh !important; } 
/** Bug 77426 **/
.bottom-header nav#main_nav li.force-show > ul.dropdown-menu {display: block;}
}


form#generate-hot-news div p img {padding: 15px}
form#view-dwcnews-item div img {padding: 15px}

form#members-public {overflow-x: auto;}
form#members-public select#school ,
form#members-public select#searchDir3,
form#members-public select#searchDir4 {width: 205px !important}
form#members-public input#searchDir {width: 220px !important; height: 100px}


.img-hero .in-image-herp ul{padding: 0px 0px 0px 0px !important}


/** iphone **/
/**safari media query**/
@media screen and (max-width: 767px) and (-webkit-min-device-pixel-ratio:0) {
    input.form-submit.link {margin-top: 10px}
    #dwceforms-render-eform-elements {}
    .MainFont img {width: auto !important; height: auto !important; max-width: 100% !important}
    .col-md-5.sosmed-row {min-height: 50px} 
    .icon-search #search-form.openclick input[type="text"]{}
    #emergency_notices {float: none !important; float: unset !important}
    section.mid-content .list-for .box-list-for {margin-top: 40px}
    section.welcome-text {background-image: none}
    footer{
       background: #55000d;
   width: 100% !important;
    }
.inner-content {width: 100%; clear: both; float: none;}
section.address {clear: both;}
.inner-content img{max-width: 100%}
section.address a {color: #ffffff !important}
    section.address{        
    height: 300px; width: 100% !important;
    }
form#dwcsearch-results-form a{
white-space: pre-wrap; /* css-3 */
white-space: -moz-pre-wrap; /* Mozilla, since 1999 */
white-space: -pre-wrap; /* Opera 4-6 */
white-space: -o-pre-wrap; /* Opera 7 */
word-wrap: break-word;
}
}

/*custom slider */
.tp-leftarrow {margin-left: 20px}
.tp-rightarrow {margin-right: 20px}
.tp-leftarrow,.tp-rightarrow{
     background: #a2a2a2!important;
     border-radius:100%;
     -moz-border-radius:100%;
     top:40%!important;
     padding-bottom: 0px !important;
     }
     
     .tp-leftarrow:after,.tp-rightarrow:after{
     
     font-family: "FontAwesome";
     font-size: 20px;
     font-weight: normal !important;
     color: #fff;
     
     display: inline-block;
     padding-top: 7px;
     
     }
     .tp-leftarrow:after{
     content: "\f053";
     padding-left: 10px;
     float: left;
     }
     
     .tp-rightarrow:after{
     content: "\f054";
     padding-right: 12px;
     float: right;
     }





header .mid-headaer .icon-search::before {
    content: "\f002";
    display: none;
}

section.inspired-learning .bg-bannerb {
z-index: -1;
position: absolute;
width: 100%;
height: 100%;
top: 0px;
left: 0px;
}

section.inspired-learning .bg-bannerb img {}
form#view-dwcnews-item td{background: transparent !important; background-color: transparent !important;}
form#view-dwcnews-item td font {color: #333 !important}

.gallery {padding: 61px 0px;     background-image: url("../images/bggrey.png");}
.gallery .for-title, .gallery .for_cust_title {text-align: center;}
.gallery .wrap-gallery {padding: 35px 0px 0px;}
.gallery .wrap-gallery .img-wrap {width: 20%; height: 170px; overflow: hidden;float: left;}
.gallery .wrap-gallery .img-wrap:hover { cursor: pointer;}
.gallery .wrap-gallery .img-wrap:hover img {   -webkit-transform: scale3d(1.2, 1.2, 1);
          transform: scale3d(1.2, 1.2, 1);}
.gallery .wrap-gallery .img-wrap img{height: 100%;width: auto;   -webkit-transition: all 0.5s linear;
          transition: all 0.5s linear;
  -webkit-transform: scale3d(1, 1, 1);
          transform: scale3d(1, 1, 1);}

.news-qlink {padding: 60px 0px}

.news-qlink .for-title, .news-qlink .for_cust_title {text-align: center; margin-bottom: 15px;}
.inner-content .breadchrumb , 
.inner-content .breadchrumb .breadcrumb  {background-color:  #F8F8F8; }
.inner-content .breadchrumb span {color: #6e6e6e !important}
.block-hs .breadcrumb, header .breadcrumb {
    padding: 8px 15px;
    margin: 5px;
    list-style: none;
    background-color: #f5f5f5;
    border-radius: 4px;
    border: 1px solid #ccc;
}

/*slider, news*/
.img-hero .in-image-herp  .wrap-clickedit,
.sect-news .ftnews  .wrap-clickedit
 {display: none;z-index: 1000}
.img-hero .in-image-herp:hover  .wrap-clickedit
{display: block;}
.img-hero .in-image-herp  .wrap-clickedit,
.sect-news .ftnews .wrap-clickedit
 {position: absolute; left: 0px; top: 0px; height: 100%; width: 100%; background: rgba(204, 204, 204, 0.5) none repeat scroll 0% 0%;  cursor: pointer;}
.img-hero .in-image-herp .click-edit
 {position: absolute; 
top: 45%;
background: #fff;
padding: 5px 10px;
left: 45%;}


.sect-news .ftnews:hover  .wrap-clickedit
{   display: flex !important; 
     align-items: center;
  justify-content: center;}

.sect-news .ftnews .click-edit
 {
background: #fff;
padding: 5px 10px;
}

/*banner custom*/
.tools-row.open-area .wrap-clickedit,
.sosmed-wrap.open-area .wrap-clickedit,
.logo-row.open-area .wrap-clickedit,
/*.schoollink.open-area .wrap-clickedit,*/
.sect-video.open-area .wrap-clickedit,
.sect-qlinkcustom.open-area .wrap-clickedit,
.sect-fbcustom.open-area .wrap-clickedit,
.sect-contcustom.open-area .wrap-clickedit,
.sect-followcustom.open-area .wrap-clickedit,
.sect-news.open-area .wrap-clickedit,
.sect-quicklinks.open-area .wrap-clickedit,
.sect-upevents.open-area .wrap-clickedit,
.sect-calendar.open-area .wrap-clickedit,
.sect-botcustom.open-area .wrap-clickedit {display: none !important;}

.tools-row:hover .wrap-clickedit,
.sosmed-row:hover .wrap-clickedit, 
.logo-row:hover .wrap-clickedit, 
/*.schoollink:hover .wrap-clickedit, */
.sect-video:hover .wrap-clickedit,
.sect-qlinkcustom:hover .wrap-clickedit,
.sect-fbcustom:hover .wrap-clickedit,
.sect-contcustom:hover .wrap-clickedit,
.sect-followcustom:hover .wrap-clickedit,
.sect-news:hover .wrap-clickedit,
.sect-quicklinks:hover .wrap-clickedit,
.sect-upevents:hover .wrap-clickedit, 
.sect-calendar:hover .wrap-clickedit,
.sect-botcustom:hover .wrap-clickedit{ 
    display: flex; 
     align-items: center;
  justify-content: center;
}

.tools-row .wrap-clickedit,
.sosmed-row .wrap-clickedit,
.logo-row .wrap-clickedit,
/*.schoollink .wrap-clickedit,*/
.sect-video .wrap-clickedit,
.sect-qlinkcustom .wrap-clickedit,
.sect-fbcustom .wrap-clickedit,
.sect-contcustom .wrap-clickedit,
.sect-followcustom .wrap-clickedit,
.sect-quicklinks .wrap-clickedit,
.sect-upevents .wrap-clickedit,
.sect-calendar .wrap-clickedit,
.sect-botcustom .wrap-clickedit{
    display: none;
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0px;
    left: 0px;
    background: rgba(204, 204, 204, 0.5) none repeat scroll 0% 0%;
    cursor: pointer;
}
.tools-row .wrap-clickedit .click-edit,
.sosmed-row .wrap-clickedit .click-edit,
.logo-row .wrap-clickedit .click-edit,
/*.schoollink .wrap-clickedit .click-edit,*/
.sect-video .wrap-clickedit .click-edit,
.sect-qlinkcustom .wrap-clickedit .click-edit,
.sect-fbcustom .wrap-clickedit .click-edit,
.sect-contcustom .wrap-clickedit .click-edit,
.sect-followcustom .wrap-clickedit .click-edit,
.sect-news .wrap-clickedit .click-edit,
.sect-quiclinks .wrap-clickedit .click-edit,
.sect-upevents .wrap-clickedit .click-edit,
.sect-calendar .wrap-clickedit .click-edit,
.sect-botcustom .wrap-clickedit .click-edit{ 
    background: #fff;
    padding: 5px 10px;   
    color:#000;
}
/*.schoollink:hover .save-me,*/
.sect-video:hover .save-me,
.sect-qlinkcustom:hover .save-me,
.sect-news:hover .save-me,
.sect-quicklinks:hover .save-me,
.sect-upevents:hover .save-me,
.sect-fbcustom:hover .save-me,
.sect-contcustom:hover .save-me,
.sect-followcustom:hover .save-me,
.sect-quicklinks:hover .save-me,
.sect-upevents:hover .save-me,
.sect-calendar:hover .save-me,
.sect-botcustom:hover .save-me {
    display: block;
    z-index: 23;
}
/*.schoollink .save-me,*/
.sect-video .save-me,
.sect-qlinkcustom .save-me,
.sect-news .save-me,
.sect-quicklinks .save-me,
.sect-upevents .save-me,
.sect-fbcustom .save-me,
.sect-contcustom .save-me,
.sect-followcustom .save-me,
.sect-quicklinks .save-me,
.sect-upevents .save-me,
.sect-calendar .save-me,
.sect-botcustom .save-me{
    width: 100%;
}
/*.schoollink .save-me,*/
.sect-video .save-me,
.sect-qlinkcustom .save-me,
.sect-news .save-me,
.sect-quicklinks .save-me,
.sect-upevents .save-me,
.sect-fbcustom .save-me,
.sect-contcustom .save-me,
.sect-followcustom .save-me,
.sect-quicklinks .save-me,
.sect-upevents .save-me,
.sect-calendar .save-me,
.sect-botcustom .save-me {
    position: absolute;
    display: none;
    right: 0px;
    background: rgb(51, 51, 51) none repeat scroll 0% 0%;
    color: rgb(255, 255, 255);
    text-align: right;
    padding: 2px 15px;
    bottom: 0px;
    cursor: pointer;
}
/*.schoollink .btsave-me,*/
.sect-video .btsave-me,
.sect-qlinkcustom .btsave-me,
.sect-news .btsave-me,
.sect-quicklinks .btsave-me,
.sect-upevents .btsave-me,
.sect-fbcustom .btsave-me,
.sect-contcustom .btsave-me,
.sect-followcustom .btsave-me,
.sect-quicklinks .btsave-me,
.sect-upevents .btsave-me,
.sect-calendar .btsave-me,
.sect-botcustom .btsave-me {
    float: right;
}

#ftvideo, #qlinkcustom, #fbcustom, #contcustom, #followcustom, #ftquicklinks, #upevents, #ftcalendar, #botcustom {
   padding-bottom: 20px;         
}

#ajaxResult{
    display:none;float:right;z-index:24; position:absolute;bottom:0;
}

.contbg {
    height: 0px;
    position: absolute;
    right:10px;
    padding: 10px 10px 10px 10px;
}

.changebg.button{
    color: #6f6e6e;
    cursor: pointer; 
    position: relative;
    float: right;
    z-index: 10; 
    line-height: 0px !important
}

.ui-widget-content {
     background: #ffffff !important
  } 

  .ui-dialog .ui-dialog-title {
    font-size: 14px !important;
  }

section.bottom-content .for-title, section.bottom-content .mid-content-title, section.bottom-content .for_cust_title, section.bottom-header .for_cust_title {
padding-bottom: 10px;
border-bottom: 4px solid #7c0701;
}
section .for_cust_title{
    font-size: 24px;
    /*font-family: 'Roboto Slab', serif;*/
    color: #000;
    margin-bottom: 20px;
    padding-bottom: 10px;
    border-bottom: 4px solid #7c0701;
}
/*calendar*/
#ftcalendar .calendar-cont .ui-datepicker{
  width: auto !important;
}

.sect-calendar .calendar-cont .ui-datepicker .ui-widget-header {
  height:   30px!important;
}

@media screen and (min-width: 768px) and (max-width: 1024px) { 

}



/* safari 5+ */
@media screen and (min-width: 992px) and (max-width: 1024px) and (-webkit-min-device-pixel-ratio:0) { 
section.img-hero {
  /*  top: 130px !important;*/
}
header { 
    margin-bottom: -60px;
}
 }
 @media screen and (min-width: 768px) and (max-width: 991px) and (-webkit-min-device-pixel-ratio:0) { 
section.img-hero {
        top: 250px !important;
}
body section.schoollink {
    margin-top: 170px;
}
 }


body .grid-stack > .grid-stack-item > .grid-stack-item-content {
    overflow: hidden;
left: 0px; right: 0px;
/*padding-top: 50px; padding-bottom: 50px;*/
 }
 body .grid-stack .grid-stack-item.img-hero .grid-stack-item-content {overflow: hidden;}

 body .grid-stack > .grid-stack-item > .gridpadd {
    padding-top: 50px; padding-bottom: 50px;
 }

 section .gridpadd{
    padding: 70px 0;
 }
section.address .gridpadd{
    padding: 50px 0;
 }


 .fullwidthbanner-container ul li ,
  .fullwidthbanner-container ul li h2,
  .fullwidthbanner-container ul li h3,
  .fullwidthbanner-container ul li p,
  .fullwidthbanner-container ul li a{    font-family: 'Roboto Slab', serif; }


 /* paralax*/ 
  #homepage_hs_6 {background-attachment: fixed !important;}




  /* custom */
  #homepage_hs_6, 
  section.mid-content .ul-news li { color: #ffffff }
  /*section.mid-content .mid-content-title {color: #ffffff !important}*/


/* content homepage */
#listsect .fullwidthbanner {height: 400px !important}
#listsect .fullwidthbanner img.defaultimg {width: 100% !important; left: 0px !important;}
#listsect #listarea {
width: 368px !important;
height: 350px !important;
overflow-y: auto;
overflow-x: hidden;
}
#listsect #listarea2 {
width: 500px !important;
height: 450px !important;
}
#listsect #listarea #listareacontent,#listsect #listarea2 #listareacontent{
height: auto;
padding: 0px;
width: 100%;
}
.tabcontent{    
overflow-y: auto;
overflow-x: hidden;
background-color: #f3f4f8;
}
body .sect1, 
body .sect2, 
body .sect3, 
body .sect4, 
body .sect5, 
body .sect6, 
body .sect7, 
body .sect8, 
body .sect9, 
body .sect10, 
body .sect11, 
body .sect12, 
body .sect13, 
body .sect14, 
body .sect15, 
body .sect16, 
body .sect17, 
body .sect18, 
body .sect19 {
    margin-bottom: 0px !important; }
/* chrome*/
@media all and (-webkit-min-device-pixel-ratio:0) and (min-resolution: .001dpcm) { 
   #listsect #homepage_hs_6 {background-attachment: initial !important;
        } 
    }







/* style admin 11-8*/
#btitle,#bcontet {
}
#bcontet {padding: 10px 0px !important; border-top: 1px solid #dadada !important;}
/*#bcontet div {padding: 3px 15px;}*/

#bcontet #Leaderboard,
#bcontet #hide_area,
#bcontet #del_area,
#bcontet #move_to_top,
#bcontet #def_strip_1,
#bcontet #def_strip_2,
#bcontet #def_strip_3,
#bcontet #def_strip_4,
#bcontet #def_strip_5,
#bcontet #def_strip_6,
#bcontet #def_strip_7,
#bcontet #def_strip_8,
#bcontet #def_strip_9,
#bcontet #def_strip_10,
#bcontet #def_strip_11,
#bcontet #def_strip_12,
#bcontet #def_strip_13 {padding: 3px 15px;}

#bcontet div:hover {
text-decoration: none;
background: #F4F4F4;
color: #545454 !important;
}
#btitle #bhead {
    padding: 5px 20px 5px 15px;
    color: #545454 !important;
}
#box_set1,
#box_set2,
#box_set3,
#box_set4,
#box_set5,
#box_set6,
#box_set7,
#box_set8,
#box_set9,
#box_set10,
#box_set11,
#box_set12,
#box_set13,
#box_set99 {
border: 1px solid #dadada !important;
background-color: #ffffff !important;
color: #545454 !important;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
width: 200px !important;
}
#edit_notice, #edit_tools {padding-left: 40px !important;}
#edit_notice:before, #edit_tools:before {        
      content: "\f040";
      display: block;
      position: relative;
      max-width: 0px;
      max-height: 0px;
      left: -25px;
      top: 2px;
      color: #545454;
      font-size: 16px; 
      display: inline-block;
      font-family: FontAwesome;
      font-style: normal;
      font-weight: normal;
      line-height: 1;
}


#edit_nav, #edit_btm_nav {padding: 3px 1px 3px 40px; cursor: pointer;}
#edit_nav:before , #edit_btm_nav:before {        
      content: "\f040";
      display: block;
      position: relative;
      max-width: 0px;
      max-height: 0px;
      left: -25px;
      top: 2px;
      color: #545454;
      font-size: 16px; 
      display: inline-block;
      font-family: FontAwesome;
      font-style: normal;
      font-weight: normal;
      line-height: 1;
}

#edit_sitemap {padding: 3px 1px 3px 40px; cursor: pointer;}
#edit_sitemap:before {        
    content: "\f0e8";
      display: block;
      position: relative;
      max-width: 0px;
      max-height: 0px;
      left: -25px;
      top: 2px;
      color: #545454;
      font-size: 16px; 
      display: inline-block;
      font-family: FontAwesome;
      font-style: normal;
      font-weight: normal;
      line-height: 1;
}


#Leaderboard {padding-left: 40px !important;}
#Leaderboard:before {        
      content: "\f1fc"; 
      display: block;
      position: relative;
      max-width: 0px;
      max-height: 0px;
      left: -25px;
      top: 2px;
      color: #125789;
      font-size: 16px; 
      display: inline-block;
      font-family: FontAwesome;
      font-style: normal;
      font-weight: normal;
      line-height: 1;
}
#hide_area, #del_area, #move_to_top {padding-left: 40px !important;}
#hide_area:before {
          content: "\f070";
      display: block;
      position: relative;
      max-width: 0px;
      max-height: 0px;
      left: -25px;
      top: 2px;
      color: #545454;
      font-size: 16px; 
      display: inline-block;
      font-family: FontAwesome;
      font-style: normal;
      font-weight: normal;
      line-height: 1;
}
#del_area:before {
      content: "\f057";  
      display: block;
      position: relative;
      max-width: 0px;
      max-height: 0px;
      left: -25px;
      top: 2px;
      color: #545454;
      font-size: 16px; 
      display: inline-block;
      font-family: FontAwesome;
      font-style: normal;
      font-weight: normal;
      line-height: 1;
}
#move_to_top:before {
      content: "\f0dc";
      display: block;
      position: relative;
      max-width: 0px;
      max-height: 0px;
      left: -25px;
      top: 2px;
      color: #545454;
      font-size: 16px; 
      display: inline-block;
      font-family: FontAwesome;
      font-style: normal;
      font-weight: normal;
      line-height: 1;
}
#Leaderboard.btn.opener {
padding: 5px 15px 5px 40px !important;
color: #545454 !important;
width: auto !important;
background:#F6F6F6 !important;
font-weight: 600;
}

#back_madmin, 
#view_site,
.settop_hs #start_option input[value='Help'],
.settop_hs #start_option input[value='Logout'] {
    cursor: pointer;
    padding: 5px 15px 5px 15px !important;
    color: #ffffff !important;
    width: auto !important;
    background: #0C446C !important;
    font-weight: 600 !important;
    border-radius: 0px !important;
    margin: 5px 10px !important;
    font-size: 12px !important;
line-height: 1.5 !important;
border: 0px solid #333 !important;
border-radius: 0px !important;
-webkit-appearance: none !important;
vertical-align: unset;
border-radius: 0px !important;
text-shadow: 0 0px 0px rgba(0, 0, 0, 0) !important;
height: 30px !important;
-webkit-box-shadow: inset 0 0px 0 rgba(0, 0, 0, 0), 0 0px 0px rgba(0, 0, 0, 0);
-moz-box-shadow: inset 0 0px 0 rgba(0, 0, 0, 0), 0 0px 0px rgba(0, 0, 0, 0);
box-shadow: inset 0 0px 0 rgba(0, 0, 0, 0), 0 0px 0px rgba(0, 0, 0, 0);
}
 #back_madmin, #view_site {
    margin: 0px 4px 0px 0px !important;
    text-transform: uppercase !important;
}
 .settop_hs #start_option input[value='Help'] {
    margin: 0px 4px 0px 0px !important;
    font-weight: bold !important;
    border: none !important;
}
.settop_hs #start_option input[value='Logout'] {
    margin: 0px 10px 0px 0px !important;
}
#back_madmin:hover,
#view_site:hover,
 .settop_hs #start_option input[value='Help']:hover,
 .settop_hs #start_option input[value='Logout']:hover {
    background: #1976ba !important;
}
#Leaderboard.btn.opener:hover {
   color: #545454 !important;
   text-decoration: none; 
}

.changebg .fa-cog,
.changebg .fa-arrows 
{color: #d5d5d5;}
body .ui-dialog-buttonpane .ui-dialog-buttonset .ui-button { 
border: 1px solid #D4D4D4 !important;
color: #696767 !important;
background-color: #f7f7f7 !important;
}
body .ui-dialog-buttonpane .ui-dialog-buttonset .ui-button:hover {
background-color: #d3d3d3 !important;
color: #000;
}
body .ui-dialog-buttonpane .ui-dialog-buttonset .ui-button.save_ui_btn { 
border: none !important;
color: #ffffff !important;
background-color: #025b88 !important;
}
body .ui-dialog-buttonpane .ui-dialog-buttonset .ui-button.save_ui_btn:hover {
background-color: #d3d3d3 !important;
color: #000 !important;
}

body  .btn-info  {
    color: #5e5c5c;
    background-color: #e7e7e7 !important;
    border-color: #269abc;
    margin: 5px 5px;
    border: 0px solid #333333 !important;
    padding: 3px 10px;
    font-weight: 600;
    text-transform: uppercase; }

body  .btn-info:hover {background-color: #d3d3d3 !important;}

body #box_strip_1 #bcontet #bttl ,
body #box_strip_2 #bcontet #bttl ,
body #box_strip_3 #bcontet #bttl ,
body #box_strip_4 #bcontet #bttl ,
body #box_strip_5 #bcontet #bttl ,
body #box_strip_6 #bcontet #bttl ,
body #box_strip_7 #bcontet #bttl ,
body #box_strip_8 #bcontet #bttl ,
body #box_strip_9 #bcontet #bttl ,
body #box_strip_10 #bcontet #bttl {
    color: #404040;
    border-bottom: 1px solid #f1f1f1;
    padding: 5px 10px 0px 10px;
    margin-bottom: 5px;
    font-weight: 600;
}

.sp-replacer { 
border: 0px 
}

 

#box_strip_1 #bcontet .input-group.colorpicker-component,
#box_strip_2 #bcontet .input-group.colorpicker-component,
#box_strip_3 #bcontet .input-group.colorpicker-component,
#box_strip_4 #bcontet .input-group.colorpicker-component,
#box_strip_5 #bcontet .input-group.colorpicker-component,
#box_strip_6 #bcontet .input-group.colorpicker-component,
#box_strip_7 #bcontet .input-group.colorpicker-component,
#box_strip_8 #bcontet .input-group.colorpicker-component,
#box_strip_9 #bcontet .input-group.colorpicker-component {
    position: relative;
    display: table;
    border-collapse: separate;
    padding: 2px 10px;
    color: #727272 !important;
}



#listsect #listarea #listareacontent .gatehs_off{padding: 5px 5px;
border-bottom: 1px solid #D6D6D6;}
#listsect #listarea #listareacontent .gatehs_off:hover{background: #F1F1F1;}

#box_set9 {
    bottom: 0px;
    right: 50px;
    left: auto !important;
top: auto !important;
}



/* 14-8-17 */
.ui-dialog .ui-dialog-title {     
    text-align: center;
    padding: 5px !important;
    margin: 0px 0px !important;
}

#btfloat {border: 0px solid #ffffff}

body #box_strip_1,
body #box_strip_2,
body #box_strip_3,
body #box_strip_4,
body #box_strip_5,
body #box_strip_6,
body #box_strip_7,
body #box_strip_8,
body #box_strip_9 {
    background: #ffffff;
        border: 1px solid #dfdfdf;
    -webkit-border-radius: 5px !important;
-moz-border-radius: 5px !important;
border-radius: 5px !important;
}

/*popup change background */

.sp-picker-container button.sp-choose,
.sp-picker-container a.sp-cancel { 
color: #545454 !important;
width: auto !important;
background: #F6F6F6 !important; 
-webkit-box-shadow: 0px 0px 0px 0px rgba(50, 50, 50, 0);
-moz-box-shadow: 0px 0px 0px 0px rgba(50, 50, 50, 0);
box-shadow: 0px 0px 0px 0px rgba(50, 50, 50, 0);
border: 1px solid #cccccc;
-webkit-border-radius: 3px !important;
-moz-border-radius: 3px !important;
border-radius: 3px !important; font-size: 14px;
font-weight: normal;
font-family: 'Open Sans', sans-serif;
line-height: normal;
padding: 2px 8px;
}
.sp-picker-container button.sp-choose:hover ,
.sp-picker-container a.sp-cancel:hover  {background: #fafafa !important; cursor: pointer;}


input.button,
input.link,
input.label {
    font-family: 'Open Sans', sans-serif;
padding: .4em 1em !important;
color: #545454 !important;
width: auto !important;
background: #F6F6F6 !important; 
-webkit-box-shadow: 0px 0px 0px 0px rgba(50, 50, 50, 0);
-moz-box-shadow: 0px 0px 0px 0px rgba(50, 50, 50, 0);
box-shadow: 0px 0px 0px 0px rgba(50, 50, 50, 0);
border: 1px solid #cccccc;
-webkit-border-radius: 3px !important;
-moz-border-radius: 3px !important;
border-radius: 3px !important; font-size: 14px;
font-weight: normal;
font-size: 13px;
}
input.button:hover,
input.link:hover,
input.label:hover 
 {background: #fafafa !important; cursor: pointer;}
body .ui-widget-content.ui-dialog {
    color: #727272;
    padding: 0px 0px;  
}
body .ui-widget-content {
    color: #727272;
    background: #FCFCFC !important;
}
body .ui-widget-content.ui-dialog .ui-widget-header {  background: #F5F5F5;
  -webkit-border-radius: 0px;
-moz-border-radius: 0px; color: #727272;
border-radius: 0px;
border-left: 0px solid #eeeeee;
border-right: 0px solid #eeeeee;
border-top: 0px solid #eeeeee;
border-bottom: 1px solid #eeeeee;
-webkit-border-radius: 0px !important;
-moz-border-radius: 0px !important;
border-radius: 0px !important;
height: auto !important;
}

body .ui-widget-content  .in_border  {
    background: #ffffff;
    border-left: 0px solid #eeeeee !important;
border-right: 0px solid #eeeeee !important;
border-top: 0px solid #eeeeee !important;
border-bottom: 1px solid #f1f1f1 !important;
padding: 10px 10px 20px !important;
-webkit-box-shadow: 0px 0px 6px 0px rgba(50, 50, 50, 0.05);
-moz-box-shadow:    0px 0px 6px 0px rgba(50, 50, 50, 0.05);
box-shadow:         0px 0px 6px 0px rgba(50, 50, 50, 0.05);
}

body  .ui-dialog .ui-dialog-buttonpane {
    border-top: 0px solid #ffffff
}
body #tabs .ui-widget-header {
background: transparent !important;
border-bottom: 1px solid #f1f1f1 !important;}

.bgme .ui-tabs .ui-tabs-nav li {
    border: 1px solid #f1f1f1 !important;
border-bottom: 0px solid #333333 !important;
}

body .bgme .ui-tabs .ui-tabs-nav li.ui-tabs-active a {
    background-color: #fff !important;
    color: #4E4E4E !important;
    font-weight: normal !important;
}

#sectfloat #btfloat {
    border: 0px solid #000 !important;
}
#sectfloat #listsect {
    border: 1px solid #e4e4e4 !important; }
#sectfloat  #secth {
    color: #646464; }
#sectfloat #listsect #listarea {
    border-top:1px solid #c1c1c1 !important;
}

body .bgme .ui-tabs .ui-tabs-nav li {
    background-color: #f2f2f2 !important;
}




/* font style popups */
body table ,
body .ui-widget,
body .ui-widget input, 
body .ui-widget select, 
body .ui-widget textarea, 
body .ui-widget button{   font-family: 'Open Sans', sans-serif; font-size: 14px;}

#emergency_notices #slide1,
#emergency_notices #slide2,
#emergency_notices #slide3,
#emergency_notices #slide4,
#emergency_notices #slide5,
#emergency_notices #slide6,
#emergency_notices #slide7,
#emergency_notices #slide8,
#emergency_notices #slide9,
#emergency_notices #slide10 {
    background-color: transparent !important;  
}


body .ui-corner-all,
body #TB_window {
    border: 1px solid #dfdfdf;
    -webkit-border-radius: 5px !important;
-moz-border-radius: 5px !important;
border-radius: 5px !important;

}
body #TB_window {
    font-family: 'Open Sans', sans-serif;color: #727272 !important;font-size: 14px !important;
}

body #TB_window  input.button:hover {
    cursor: pointer;
    -webkit-box-shadow: 0px 0px 0px 0px rgba(50, 50, 50, 0);
-moz-box-shadow:    0px 0px 0px 0px rgba(50, 50, 50, 0);
box-shadow:         0px 0px 0px 0px rgba(50, 50, 50, 0); 
text-decoration: none;
background: #fafafa !important; 
}
body #TB_window  #TB_title {
    font-weight: 600;
    color: #727272; 
    height: 35px !important;
    border-bottom: 1px solid #dfdfdf;}


body #bcontet .btn-xs {
    color: #696767 !important;
    font-size: 13px !important;
    padding: .4em 1em !important;
    border: 1px solid #D4D4D4 !important;
color: #696767 !important;
background-color: #f7f7f7 !important;
}

#bcontet .btn-xs:hover{
    background-color: #d3d3d3 !important;
}


body .table thead {
    background-color: #F5F5F5;
    color: #727272;
}

#dwebsite-edit-socmedicon-form table.table.table-bordered .soclist.ui-sortable{
    background-color: #F9F9F9 !important;
}

#dwebsite-edit-socmedicon-form table.table.table-bordered .soclist.ui-sortable input[type="radio"] {
   margin-right: 5px;
position: relative;
top: 2px;
}

body .ui-dialog {-webkit-box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0);
-moz-box-shadow:    0px 0px 5px 0px rgba(0, 0, 0, 0);
box-shadow:         0px 0px 5px 0px rgba(0, 0, 0, 0);}


#dwebsite-edit-socmedicon-form  .form-submit.button ,
#dwebsite-edit-socmedicon-form  .cancel_socmed.button {
    border: 1px solid #D4D4D4 !important;
color: #696767 !important;
background-color: #f7f7f7 !important;
padding: .4em 1em !important;
-webkit-box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0) !important;
-moz-box-shadow:    0px 0px 5px 0px rgba(0, 0, 0, 0) !important;
box-shadow:         0px 0px 5px 0px rgba(0, 0, 0, 0) !important;
height: auto !important;
}
#dwebsite-edit-socmedicon-form  .form-submit.button:hover ,
#dwebsite-edit-socmedicon-form  .cancel_socmed.button:hover {
    background-color: #d3d3d3 !important;
}


form#dwebsite-nav-tpl-form {
    max-height: 375px;
overflow-y: auto;
overflow-x: hidden;
}

form#dwebsite-hs-replace-widgets {
    max-height: 500px;
overflow-y: auto;
overflow-x: hidden;
}


 form#dwebsite-nav-tpl-form .rst-sortable-navigation-header {}
 form#dwebsite-nav-tpl-form ul#sortableMenuTop li {height: auto;padding: 5px 0px;z-index: 999999; position: relative;}
 form#dwebsite-nav-tpl-form ul#sortableMenuTop li span{height: auto;padding-top: 0px; border-right: 0px solid #ffffff;border-left: 0px solid #ffffff;}
 form#dwebsite-nav-tpl-form ul#sortableMenuTop li span font{font-family: 'Open Sans', sans-serif;color: #727272 !important;font-size: 14px !important;}
 form#dwebsite-nav-tpl-form ul#sortableMenuTop li span a {color: #727272 !important}
 form#dwebsite-nav-tpl-form ul#sortableMenuTop li span {font-size: 14px !important}
 form#dwebsite-nav-tpl-form ul#sortableMenuTop li span.w154 input[type="radio"]  {margin: 0px 5px 0px 10px;position: relative;top: 2px;}
 form#dwebsite-nav-tpl-form ul#sortableMenuTop li input{}
 form#dwebsite-nav-tpl-form ul#sortableMenuTop li input.button {font-weight: normal;height: auto; margin-top: 0px ; padding: 5px 8px !important; background: #ffffff !important}
 form#dwebsite-nav-tpl-form ul#sortableMenuTop li span label{font-weight: normal;}
 form#dwebsite-nav-tpl-form  .rst-sortable-navigation-header div { background-color: #989898;}
 form#dwebsite-nav-tpl-form .w74a, 
 form#dwebsite-nav-tpl-form .w84a, 
 form#dwebsite-nav-tpl-form .w94a, 
 form#dwebsite-nav-tpl-form .w154a {border-left: 1px solid #a9a9a9;}
 form#dwebsite-nav-tpl-form .w80ab {border-right: 1px solid #a9a9a9;}

form#dwebsite-nav-tpl-form input.label  {
        padding: 3px 10px 3px 10px !important;
color: #545454 !important;
width: auto !important;
background: #F6F6F6 !important;
font-weight: 600;
-webkit-box-shadow: 0px 0px 0px 0px rgba(50, 50, 50, 0);
-moz-box-shadow:    0px 0px 0px 0px rgba(50, 50, 50, 0);
box-shadow:         0px 0px 0px 0px rgba(50, 50, 50, 0);
border: 1px solid #cccccc;
-webkit-border-radius: 3px !important;
-moz-border-radius: 3px !important;
border-radius: 3px !important;
margin-right: 10px;
font-size: 12px;
font-weight: normal;
}
form#dwebsite-nav-tpl-form input.label:hover {
    cursor: pointer;
    -webkit-box-shadow: 0px 0px 0px 0px rgba(50, 50, 50, 0);
-moz-box-shadow:    0px 0px 0px 0px rgba(50, 50, 50, 0);
box-shadow:         0px 0px 0px 0px rgba(50, 50, 50, 0); 
text-decoration: none;
background: #fafafa !important; 
}

 form#dwebsite-nav-tpl-form .rst-sortable-navigation-header {}
 form#dwebsite-nav-tpl-form ul#sortableMenuBottom li {height: auto;padding: 5px 0px;}
 form#dwebsite-nav-tpl-form ul#sortableMenuBottom li span{height: auto;padding-top: 0px; border-right: 0px solid #ffffff;border-left: 0px solid #ffffff;}
 form#dwebsite-nav-tpl-form ul#sortableMenuBottom li span font{font-family: 'Open Sans', sans-serif;color: #727272 !important;font-size: 14px !important;}
 form#dwebsite-nav-tpl-form ul#sortableMenuBottom li span a {color: #727272 !important}
 form#dwebsite-nav-tpl-form ul#sortableMenuBottom li span {font-size: 14px !important}
 form#dwebsite-nav-tpl-form ul#sortableMenuBottom li span.w154 input[type="radio"]  {margin: 0px 5px 0px 10px;position: relative;top: 2px;}
 form#dwebsite-nav-tpl-form ul#sortableMenuBottom li input{font-weight: normal;}
 form#dwebsite-nav-tpl-form ul#sortableMenuBottom li input.button { background: #ffffff !important; height: auto; margin-top: 0px ; padding: 5px 8px !important;}
 form#dwebsite-nav-tpl-form ul#sortableMenuBottom li span label{font-weight: normal;}
 form#dwebsite-nav-tpl-form  .rst-sortable-navigation-header div { background-color: #989898;}
 form#dwebsite-nav-tpl-form .w74a, 
 form#dwebsite-nav-tpl-form .w84a, 
 form#dwebsite-nav-tpl-form .w94a, 
 form#dwebsite-nav-tpl-form .w154a {border-left: 1px solid #a9a9a9;}
 form#dwebsite-nav-tpl-form .w80ab {border-right: 1px solid #a9a9a9;}
 form#dwebsite-nav-tpl-form  .rst-sortable-navigation-header div span a {background: #858585;
color: #ffffff;
font-size: 12px;
cursor: pointer;
padding: 2px 5px;
-webkit-border-radius: 3px !important;
-moz-border-radius: 3px !important;
border-radius: 3px !important;}
 form#dwebsite-nav-tpl-form  .rst-sortable-navigation-header div span a:hover {
    background: #7C7C7C ;
}

.ui-dialog-titlebar-close {margin-right: 10px !important}





/* top menu : site map */
#dwebsite-edit-button-form .cal_btn {
    text-align: center;
margin: 0px 0px 40px;
}
#dwcmenu-site-map-common
#dwcmenu-site-map-common .ns-section .ns-content li { clear: both; }
#dwcmenu-site-map-common  .bigheader{margin-bottom: 0px;
display: block;
margin-top: 30px;}
#dwcmenu-site-map-common span.label {
       font-family: 'Open Sans', sans-serif !important;
    color: #333333 !important; 
    font-weight: 400 !important;
    font-size: 14px !important;
    padding: 0px 0px;
margin-top: 10px !important; 
text-align: left;
line-height: normal;
}

#dwcmenu-site-map-common  .form-submit.label,
#dwcmenu-site-map-common  input.label,
body .ui-dialog .button {
    padding: 5px 15px 5px 15px !important;
color: #545454 !important;
width: auto !important;
background: #F6F6F6 !important;
font-weight: 600;
-webkit-box-shadow: 0px 0px 0px 0px rgba(50, 50, 50, 0);
-moz-box-shadow:    0px 0px 0px 0px rgba(50, 50, 50, 0);
box-shadow:         0px 0px 0px 0px rgba(50, 50, 50, 0);
border: 1px solid #cccccc;
-webkit-border-radius: 3px !important;
-moz-border-radius: 3px !important;
border-radius: 3px !important;}

#dwcmenu-site-map-common  .form-submit.label:hover,
#dwcmenu-site-map-common  input.label:hover,
body .ui-dialog .button:hover  {
-webkit-box-shadow: 0px 0px 0px 0px rgba(50, 50, 50, 0);
-moz-box-shadow:    0px 0px 0px 0px rgba(50, 50, 50, 0);
box-shadow:         0px 0px 0px 0px rgba(50, 50, 50, 0); 
text-decoration: none;
background: #fafafa !important;}

#dwcmenu-site-map-common input#megamenu_enabled[type="checkbox"]{top: -4px !important}
#dwcmenu-site-map-common table td.label {
    font-family: 'Open Sans', sans-serif !important;
color: #333333 !important;
font-weight: 400 !important;
font-size: 14px !important;   
line-height: normal;
}
#dwcmenu-site-map-common #navigation ol#sortable2 li a {
    margin-bottom: 10px;
font-size: 14px;
font-weight: normal !important;
}
#dwcmenu-site-map-common #subsiteListTable tbody * {
    font-size: 14px;
    font-weight: normal;
}
#dwcmenu-site-map-common #subsiteListTable span.products {
     font-family: 'Open Sans', sans-serif !important;
color: #333333 !important;
font-weight: 400 !important;
font-size: 14px !important;   
line-height: normal;
}

#dwcmenu-site-map-common #linkAddEdit {margin-bottom: 80px; display: block;}
#dwcmenu-site-map-common #subsiteListTable input[type="radio"] {margin: 5px 5px 0px;}
#dwcmenu-site-map-common #sortable1 input[type="radio"] {margin: 5px 5px 0px;}
#dwcmenu-site-map-common #sortable1 input[type="checkbox"] {position: relative;
top: 2px;}


#dwcmenu-add-new-category table{
           font-family: 'Open Sans', sans-serif !important;
    color: #333333 !important; 
    font-weight: 400 !important;
    font-size: 14px !important;

}


#ui-id-8.ui-dialog-content.ui-widget-content {padding: 0px 50px;}

.ns-section .w50 {}

.sp-container.sp-palette-buttons-disabled.sp-palette-disabled {border: 1px solid #dfdfdf;}

body .ui-dialog .button {
    -webkit-box-shadow: inset 0px 0px 0px 0px rgba(0, 0, 0, 0) !important;
-moz-box-shadow:    inset 0px 0px 0px 0px rgba(0, 0, 0, 0) !important;
box-shadow:         inset 0px 0px 0px 0px rgba(0, 0, 0, 0) !important;
}
#dwcmenu-add-new-category {margin-top: 30px}
#dwcmenu-add-new-category input.label {
padding: 3px 10px 3px 10px !important;
color: #545454 !important;
width: auto !important;
background: #F6F6F6 !important;
font-weight: 600;
-webkit-box-shadow: 0px 0px 0px 0px rgba(50, 50, 50, 0);
-moz-box-shadow:    0px 0px 0px 0px rgba(50, 50, 50, 0);
box-shadow:         0px 0px 0px 0px rgba(50, 50, 50, 0);
border: 1px solid #cccccc;
-webkit-border-radius: 3px !important;
-moz-border-radius: 3px !important;
border-radius: 3px !important;
margin-right: 10px;
font-size: 12px;
font-weight: normal;
}
#dwcmenu-add-new-category input.label:hover {
    cursor: pointer;
    text-decoration: none;
background: #fafafa !important;
}

/*urgen notice */
#emergency-notice-page .bcopy,
 .bcopyforms {
      font-family: 'Open Sans', sans-serif !important;
color: #333333 !important;
font-weight: 400 !important;
font-size: 14px !important;   
line-height: normal;
}
#emergency-notice-edit-page input.link,
#emergency-notice-page input.link,
#emergency-notice-page input[type="button"] {
    padding: .4em 1em !important; 
color: #545454 !important;
width: auto !important;
background: #F6F6F6 !important;
font-weight: 600;
-webkit-box-shadow: 0px 0px 0px 0px rgba(50, 50, 50, 0);
-moz-box-shadow:    0px 0px 0px 0px rgba(50, 50, 50, 0);
box-shadow:         0px 0px 0px 0px rgba(50, 50, 50, 0);
border: 1px solid #cccccc;
-webkit-border-radius: 3px !important;
-moz-border-radius: 3px !important;
border-radius: 3px !important;
margin-right: 10px;
font-size: 12px;
font-weight: normal;
}
#emergency-notice-edit-page input.link:hover ,
#emergency-notice-page input.link:hover ,
#emergency-notice-page input[type="button"]:hover  { 
cursor: pointer;
color: #545454 !important;
text-decoration: none;
background: #fafafa !important;
}
#emergency-notice-page input.link:hover,
#emergency-notice-page input[type="button"]:hover{
    -webkit-box-shadow: 0px 0px 0px 0px rgba(50, 50, 50, 0);
-moz-box-shadow:    0px 0px 0px 0px rgba(50, 50, 50, 0);
box-shadow:         0px 0px 0px 0px rgba(50, 50, 50, 0); 
text-decoration: none;
background: #fafafa !important;
cursor: pointer;
}
#emergency-notice-page .ns-section .ns-content li {clear: both;}
form .markup {
    margin-left: 0px !important
}
#emergency-notice-edit-page .bcopybold,
#emergency-notice-edit-page .bcopy {
          font-family: 'Open Sans', sans-serif !important;
color: #333333 !important; 
font-size: 14px !important;   
line-height: normal;
}
#emergency-notice-edit-page input#title {
    border: 1px solid #cccccc;
    padding: 5px 10px;
font-size: 14px;
margin-bottom: 10px;
}
#emergency-notice-edit-page table{
margin-top: -10px;
}
#emergency-notice-page .ns-section .ns-head {height: auto;padding: 7px 2px;}
.ui-dialog .ui-dialog-content {height: auto !important}

#emergency-notice-page .ns-section .ns-content li .fr.tc input.link{padding: 3px 5px 3px 5px !important;}
#emergency-notice-page  .ns-section .ns-content li div, 
#emergency-notice-page  .ns-section .ns-intro {
    padding: 2px 0px !important;
    border-bottom: 0px solid #d4d4d4;
}
header .top-heder .newsflashz #emergency_notices .entypo-export{
    background: #585858;
-webkit-border-radius: 3px !important;
-moz-border-radius: 3px !important;
border-radius: 3px !important;
font-size: 12px;
color: #ffffff;
}
header .top-heder .newsflashz #emergency_notices .share-button { 
    margin: 0px 0px !important;
    width: auto !important;
    height: auto !important;
}

header .top-heder .newsflashz #emergency_notices .entypo-export:before { display: none; }
header .top-heder .newsflashz #emergency_notices .entypo-export span{
padding: 0px 0px !important;
margin: 0px 0px !important;
}
header .top-heder .contbg{padding: 0px 10px;}
header .top-heder .newsflashz #emergency_notices br {display: none;}
header .top-heder .newsflashz #emergency_notices a .share-button {height: 20px !important}


#emergency-notice-page  .ns-section {margin-top: -20px;}

/* end urgen notice */

/* custom slider */
input#layer_name {width: 170px}
input#slide_name {width: 170px}
input#btn_add_next {margin-left: 0px !important;}
#custom-slider-vav-page {margin-top: 30px;}
#custom-slider-vav-page a{color: #1477a5;}
#custom-slider-vav-page .bt_popslide {padding-left: 0px !important; text-align: center; margin-top: 20px;}
#custom-slider-vav-page .bt_popslide span {display: block;}
#custom-slider-vav-page .button:hover {
    cursor: pointer;
}
#custom-slider-vav-page { margin-left: 5px; }
#custom-slider-vav-page #link_edit_name {
    background: #F6F6F6;
padding: 0px 10px;
border-radius: 3px;
border: 1px solid #E2E2E2;
}

#custom-slider-vav-page .ns-section .ns-content li {

}
#custom-slider-vav-page .ns-section .ns-content li a { 
display: inline-block;
}
#custom-slider-vav-page .ns-section .ns-content li a.sldname { 
    max-width: 600px; 
    display: inline-block; 
    margin-top: 6px;
}
#custom-slider-vav-page  .ns-section .ns-content li div, 
#custom-slider-vav-page  .ns-section .ns-intro {
    border-bottom: 0px solid #d4d4d4;
}
#custom-slider-vav-page  .ns-section { 
    border-bottom: 0px solid #b6b699 !important; 
}
#custom-slider-vav-page .ns-section .ns-head.clr  {
    padding: 5px 0px;
    height: auto;
    background-color: #989898;
}
#dwcslidertabmenu a {font-size: 14px !important; padding: 2px 5px 8px 5px !important}
/* end custom slider */


/* edit quicklink */

 form#dwebsite-nav-tpl-form .rst-sortable-navigation-header {}
 form#dwebsite-nav-tpl-form ul#sortableMenuLeft li {height: auto;padding: 5px 0px;}
 form#dwebsite-nav-tpl-form ul#sortableMenuLeft li span{height: auto;padding-top: 0px; border-right: 0px solid #ffffff;border-left: 0px solid #ffffff;}
 form#dwebsite-nav-tpl-form ul#sortableMenuLeft li span font{font-family: 'Open Sans', sans-serif;color: #727272 !important;font-size: 14px !important;}
 form#dwebsite-nav-tpl-form ul#sortableMenuLeft li span a {color: #727272 !important}
 form#dwebsite-nav-tpl-form ul#sortableMenuLeft li span {font-size: 14px !important}
 form#dwebsite-nav-tpl-form ul#sortableMenuLeft li span.w154 input[type="radio"]  {margin: 0px 5px 0px 10px;position: relative;top: 2px;}
 form#dwebsite-nav-tpl-form ul#sortableMenuLeft li input{}
 form#dwebsite-nav-tpl-form ul#sortableMenuLeft li input.button {font-weight: normal;height: auto; margin-top: 0px ; padding: 5px 8px !important;}
 form#dwebsite-nav-tpl-form ul#sortableMenuLeft li span label{font-weight: normal;}
 form#dwebsite-nav-tpl-form  .rst-sortable-navigation-header div { background-color: #989898;}
 form#dwebsite-nav-tpl-form .w74a, 
 form#dwebsite-nav-tpl-form .w84a, 
 form#dwebsite-nav-tpl-form .w94a, 
 form#dwebsite-nav-tpl-form .w154a {border-left: 1px solid #a9a9a9;}
 form#dwebsite-nav-tpl-form .w80ab {border-right: 1px solid #a9a9a9;}
 form#dwebsite-nav-tpl-form  .rst-sortable-navigation-header div span a {background: #858585;
color: #ffffff;
font-size: 12px;
cursor: pointer;
padding: 2px 5px;
-webkit-border-radius: 3px !important;
-moz-border-radius: 3px !important;
border-radius: 3px !important;}
 form#dwebsite-nav-tpl-form  .rst-sortable-navigation-header div span a:hover {
    background: #7C7C7C ;
}
/* end edit quicklink */

/* new and update */
#create-dwcnews-review .ns-section .ns-head {
    background: #9b9b9b !important;

}
#create-dwcnews-review .ui-state-active, .ui-widget-content .ui-state-active, 
#create-dwcnews-review .ui-widget-header .ui-state-active, 
#create-dwcnews-review a.ui-button:active, .ui-button:active, 
#create-dwcnews-review .ui-button.ui-state-active:hover {
    background: #9b9b9b ;
}

#create-dwcnews-review .button,
#create-dwcnews-review .button1,
#create-dwcnews-review .button2,
#create-dwcnews-review .button3,
#create-dwcnews-review .button4,
#create-dwcnews-review .tabspam {
    padding: 3px 10px 3px 10px !important;
color: #545454 !important;
width: auto !important;
background: #F6F6F6 !important;
font-weight: 600;
-webkit-box-shadow: 0px 0px 0px 0px rgba(50, 50, 50, 0);
-moz-box-shadow:    0px 0px 0px 0px rgba(50, 50, 50, 0);
box-shadow:         0px 0px 0px 0px rgba(50, 50, 50, 0);
border: 1px solid #cccccc;
-webkit-border-radius: 3px !important;
-moz-border-radius: 3px !important;
border-radius: 3px !important;
margin-right: 10px;
font-size: 14px;
font-weight: normal;
}
#create-dwcnews-review .button:hover ,
#create-dwcnews-review .button1:hover ,
#create-dwcnews-review .button2:hover ,
#create-dwcnews-review .button3:hover ,
#create-dwcnews-review .button4:hover ,
#create-dwcnews-review .tabspam:hover  { 
cursor: pointer;
    -webkit-box-shadow: 0px 0px 0px 0px rgba(50, 50, 50, 0);
-moz-box-shadow:    0px 0px 0px 0px rgba(50, 50, 50, 0);
box-shadow:         0px 0px 0px 0px rgba(50, 50, 50, 0); 
text-decoration: none;
background: #fafafa !important; 
}

#create-dwcnews-review th#head_ttl,
#create-dwcnews-review th#head {
    background-color: #9b9b9b !important;
}


/* end new and update */

.rst-sortable-navigation li span {margin: 7px 0px 0px;}
.rst-sortable-navigation li span img.icon-move {
    position: relative;
top: -3px;
}
body .ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset {
    float: unset;
    float: none;
}
.form-select.form-input {
display: inline-block;
padding: 4px;
border: 1px solid #cccccc;
-webkit-border-radius: 3px !important;
-moz-border-radius: 3px !important;
border-radius: 3px !important;
}
.help-icon {
    margin: 4px 2px 4px 5px;
}


body #TB_title {background: #F5F5F5;}
body #TB_title  #TB_ajaxWindowTitle {
    font-size: 14px; 
    color: #404040;
}
body .bigheader {
    font-family: 'Open Sans', sans-serif;
color: #333333;
font-size: 14px;
font-weight: bold;
float: left;
width: 100%;
}
body .ns-section .ns-head {
    background-color: #989898;
}
#emergency-notice-page .ns-section li:nth-child(even) div,
#custom-slider-vav-page  .ns-section li:nth-child(even) div{background: #FFFFFF !important;}
#custom-slider-vav-page .ns-section li:nth-child(odd) div ,
#emergency-notice-page .ns-section li:nth-child(odd) div  {background: #F0F0E0 !important;}
#custom-slider-vav-page .ns-section li div ,
#emergency-notice-page .ns-section li div {
   min-height: 37px;
  /*   padding-top: 9px; */
    box-sizing: border-box;
}



#custom-slider-vav-page .ns-section ol.ns-content .fr,
#emergency-notice-page .ns-section ol.ns-content .fr  { 
    padding-top: 6px !important;
}
#custom-slider-vav-page .ns-section .icon-move, 
#emergency-notice-page .ns-section .icon-move { margin-top: 5px }
#custom-slider-vav-page .ns-section .ns-content li input[type="radio"],
#custom-slider-vav-page .ns-section .ns-content li input[type="checkbox"],
#emergency-notice-page .ns-section .ns-content li input[type="radio"],
#emergency-notice-page .ns-section .ns-content li input[type="checkbox"] {   /*  margin: 6px 3px 6px; */ }
#custom-slider-vav-page .ns-section .ns-content li input[type="checkbox"],
#emergency-notice-page .ns-section .ns-content li input[type="checkbox"] {
    margin-top: 7px;
}



.ui-dialog.ui-widget.ui-widget-content.ui-corner-all.ui-front.ui-dialog-buttons.ui-draggable {

}
.ui-dialog.ui-widget.ui-widget-content.ui-corner-all.ui-front.ui-dialog-buttons.ui-draggable .ui-dialog-content.ui-widget-content {

}



/* calendar */
.calendar-cont .ui-datepicker-inline {overflow: hidden;}
#homepage_hs_7 .calendar-cont .ui-widget-header {
    color: #ffffff !important;
} 
.calendar-cont .ui-widget-header {
    background: transparent;
border: 0px solid #333333;
}
.calendar-cont .ui-widget-header {
    color: #222222 !important; }
.calendar-cont .ui-datepicker .ui-datepicker-prev, 
.calendar-cont .ui-datepicker .ui-datepicker-next {
background: #AFAFAF;
}
.calendar-cont  .ui-datepicker .ui-datepicker-header {
    -webkit-border-radius: 0px !important;
-moz-border-radius: 0px !important;
border-radius: 0px !important;
background: #5E5E5E !important;
height: 35px;
}
.calendar-cont .ui-datepicker th {
    padding: 10px !important;
}
.calendar-cont tbody tr{
border-top: 1px solid #CCCCCC;
border-bottom: 1px solid #CCCCCC;
}
body #homepage_hs_7 .ui-datepicker-calendar .ui-state-default {
    color: #5E5E5E !important;
}
body #homepage_hs_7 .calendar-cont .ui-datepicker .ui-datepicker-prev, 
body #homepage_hs_7 .calendar-cont .ui-datepicker .ui-datepicker-next {
    background: transparent;
}
body #homepage_hs_7 .calendar-cont tbody tr {
    border-top: 1px solid #E2E2E2 !important;
    border-bottom: 1px solid #E2E2E2 !important;
}
body #homepage_hs_7 .calendar-cont .hasDatepicker .ui-datepicker-calendar a.ui-state-default  {
    border: 0px solid #f1f1f1 !important;
    background: #f7f7f7;
    font-weight: normal;
    color: #5D5C5C !important;
    padding: 5px 1px;
}
body #homepage_hs_7 .calendar-cont .hasDatepicker .ui-datepicker-calendar a.ui-state-default.ui-state-highlight.ui-state-active {
    background: #D7D7D7 !important;
color: #333333 !important;
}
body #homepage_hs_7 .calendar-cont .ui-datepicker-inline .ui-datepicker-calendar thead{
    color: #5E5E5E !important;
}
body #homepage_hs_7 .calendar-cont .ui-datepicker .ui-datepicker-title {color: #ffffff}

.more-buttons-event a {padding: 0px 5px}
/* end */

/*VAV Top Menu*/

.navbar-wrap .wrap-clickedit
{
    position: absolute; 
    width:100%;
    display: none; 
    bottom: 0;
    height: 60px;
}
.navbar-wrap:hover .wrap-clickedit
{
    display: flex !important; 
    left: 0px; 
    bottom: 0px; 
    height: 100%; 
    width: 100%; 
    background: rgba(204, 204, 204, 0.5) none repeat scroll 0% 0%;  
    cursor: pointer;
}
.navbar-wrap .click-edit
{
    position: absolute; 
    background: #fff;
    padding: 5px 10px;   
    color: #000;
    left: 45%;
    top: 30%;
}
/*end*/

/*VAV Bottom Menu*/
.navbtn-wrap 
{
    position: relative; 
}
.navbtn-wrap .wrap-clickedit
{
    position: absolute; 
    width:100%;
    display: none; 
    height: 70px;
    bottom: -20px;
}
.navbtn-wrap:hover .wrap-clickedit
{
    display: flex !important; 
    left: 0px; 
    height: 70px; 
    width: 100%; 
    background: rgba(204, 204, 204, 0.5) none repeat scroll 0% 0%;  
    cursor: pointer;
}
.navbtn-wrap .click-edit
{
    position: absolute; 
    background: #fff;
    padding: 5px 10px;   
    color: #000;
    left: 45%;
    top: 30%;
}
/*end*/
/*VAV Emergency Notice click to edit*/
.newsflashz-wrapper .wrap-clickedit
{
    position: absolute; 
    width:100%;
    display: none; 
    top: 0;
    height: 100%;
}
.newsflashz-wrapper:hover .wrap-clickedit
{
    display: flex;
    left: 0;
    top: 0;
    background: rgba(204, 204, 204, 0.5) none repeat scroll 0% 0%;
    cursor: pointer;
}
.newsflashz-wrapper .click-edit
{
    position: relative; 
    background: #fff;
    padding: 5px 10px;   
    color: #000;
    margin: auto;
}

/*VAV Accessibility tools click to edit*/



.settop_hs {border-bottom: 1px solid #DFDFDF;}
#btfloat::before {
    content: "\f055";
    display: block;
    position: relative;
    max-width: 0px;
    max-height: 0px;
    left: -25px;
    top: 2px;
    color: #125789;
    font-size: 16px;
    display: inline-block;
    font-family: FontAwesome;
    font-style: normal;
    font-weight: normal;
    line-height: 1;
}
body #listsect{
    margin: 0px 0px;
    border: 1px solid #757575;
}
body #secth {
    color: #757575;}
body #listarea {
    border-top: 1px solid #757575;
}
/*end EN click to edit*/

body .previewbanner {
    border: 0px solid #edede3; 
    height: auto; 
}
form#dwebsite-edit-bannerhs-form table tr td{
float: left; margin-right: 10px;
}
form#dwebsite-edit-bannerhs-form  {
    padding: 20px;
}




/* share button urgen notice*/
#emergency_notices .share-button ul::after { display: none; }
#emergency_notices .share-button [class*="entypo-"]::before {
    font-family: entypo,sans-serif;
    top: -3px;
    position: relative;
}
#emergency_notices .share-button ul { 
    left: 100px;
    top: 30px;
}

/* ada */
.breadcrumb span[style="color: #000000"], .breadcrumb span[style="color:#000000;text-decoration:none;"]{
color: #686868;
}
.eclass_schedule_content_table.table.table-bordered.table-striped thead tr th {
    color: #4b4b4b !important;
}
#dwceforms-render-eform-elements table tr td font[style="color:red;"] {
    color: #ed0000 !important;
}
#dwcgallery-public-main span.caption[style="color:gray;font-size:x-small;"]{
color: #6e6e6e !important;
}

#dwcmembers-render-member-list tr[bgcolor="#999999"] {
background-color: #757575 !important;
}

#dwcmembers-render-member-list span.bigheader font[color="#999999"] {
    color: #6f6f6f !important;
}

body .nflash-nav span {
color: #646464 ;
}


.hasDatepicker .ui-state-highlight, 
.hasDatepicker .ui-widget-content .ui-state-highlight, 
.hasDatepicker .ui-widget-header .ui-state-highlight {
    background: #12648d !important;
}
body #homepage_hs_6, section.mid-content .ul-news li {
    color: #333333;
}

video {
    max-height: 100%;
    max-width: 100%;
    text-align: center;
}


/* prebuild2_1*/
.prebuild2_1 .ul-quicklink ul{
margin: 0px 0px;
padding: 0px 0px 0px 20px;
}
.prebuild2_1 .ul-quicklink ul li:before { 
    content: "\f0a9"; 
    position: relative;
    max-width: 0px;
    max-height: 0px;
    left: -20px;
    top: 1px;
    color: #9B9B9B;
    font-size: 14px;
    display: inline-block;
    font-family: FontAwesome; 
}
.prebuild2_1 .bc-content.ul-quicklink ul li {
    border-bottom: 0px solid;
    list-style: none;
    margin-bottom: 5px;
}
.prebuild2_1 span.title_prebuild2_1 {
border-bottom: 3px solid #0088cd;
margin-bottom: 30px;
display: block;
font-size: 24px;
padding-bottom: 10px;
display: inline-block;
}

/* prebuild2_2 */
.prebuild2_2{
    background-color: #f0f0ed;
}
#widnews_11 a.read-more {
font-weight: 600;
color: #0088cd;
position: relative;
}

#widnews_11 a.read-more:hover {
text-decoration: underline;
}
#widnews_11 a.read-more:after { 
    content: "\f105";  
    max-width: 0px;
    max-height: 0px; 
    top: 2px;
    color: #0088cd;
    font-size: 12px;
    display: inline-block;
    font-family: FontAwesome; 
}
.prebuild2_2 .title_prebuild2_2{
    margin-bottom: 20px; 
font-size: 24px;
padding-bottom: 10px;
}

#widnews_11 .wn-top .date{position: absolute;
left: 0px;
top: 0px;
width: 50px;
text-align: center;}
#widnews_11 .wn-top .date .day{
background: #f4f4f4;
font-size: 18px;
font-weight: 600;
color: #0088cd;
padding: 5px 0px;
}
#widnews_11 .wn-top .date .month{background-color: #0088cd;
color: #ffffff;
padding: 5px 10px;}
#widnews_11 .wn-top .wn-title{width: 100%;
padding-left: 60px;}
#widnews_11 .wn-top .wn-title h4.title-news{margin-top: 0px;
margin-bottom: 0px;}
#widnews_11 .wn-top .wn-title h4.title-news a { color: #0088cc; font-weight: bold; }
#widnews_11 .wn-top {position: relative;
width: 100%;
min-height: 70px;}
#widnews_11 .wn-bottom {}
#widnews_11 .control { height: auto; } 
#widnews_11 .flex-control-nav {
  text-align: center;
  position: relative;
  bottom: auto;
  margin-bottom: 0px;
  margin-left: 0px;
  padding-left: 0px;
  margin-top: 20px;
}
#widnews_11 .mini-btn {
margin-top: 10px; }

.flex-control-nav li { margin: 0 6px; display: inline-block; zoom: 1; }
.flex-control-paging li a { width: 11px; height: 11px; display: block; background: #666; background: rgba(0,0,0,0.5); cursor: pointer; text-indent: -9999px; -webkit-border-radius: 20px; -moz-border-radius: 20px; -o-border-radius: 20px; border-radius: 20px; box-shadow: inset 0 0 3px rgba(0,0,0,0.3); }  

.owl-carousel .owl-dots {
  text-align: center;
  margin: 10px 0px;
}
.owl-carousel .owl-dots .owl-dot {
  display: inline-block;
}
.owl-carousel .owl-dots .owl-dot.active span{
  background: none repeat scroll 0 0 #3a3a3a;
}
.owl-carousel .owl-dots span {
  background: none repeat scroll 0 0 #869791;
  border-radius: 20px;
  display: block;
  height: 12px;
  margin: 5px 7px;
  opacity: 0.5;
  width: 12px;
}

#widnews_11 #carousel-news .item{
padding: 0px 10px 0px 0px;
}

/* prebuild2_3 */
.prebuild2_3 {
    background-color: #272823 ;
}
.title_prebuild2_3{
margin-bottom: 20px;
font-size: 24px;
padding-bottom: 10px;
color: #0088cc;
}
#widquick_12 ul {
list-style: none;
padding: 0px;
}
#widquick_12 ul li {
    border-bottom: 0px solid;
list-style: none;
margin-bottom: 5px;
}
#widquick_12 ul li a {
    color: #0088cc;
    padding-left: 20px;
}
#widquick_12 ul li a:before {
content: "\f0a9";
position: relative;
max-width: 0px;
max-height: 0px;
left: -20px;
top: 0px;
color: #e65255;
font-size: 14px;
display: inline-block;
font-family: FontAwesome;
}

/* prebuild2_4 */
.prebuild2_4 .title_prebuild2_4{
margin-bottom: 20px;
font-size: 24px;
padding-bottom: 10px;
}
.prebuild2_4 #datepicker1 .ui-widget-content{
background: #ffffff !important;
}
#widgetcalendar_13 .calendar-cont .ui-datepicker .ui-datepicker-header {
    background-color: transparent !important ;
}
#widgetcalendar_13 .calendar-cont .ui-widget-header .ui-datepicker-title .ui-datepicker-month,
#widgetcalendar_13 .calendar-cont .ui-widget-header .ui-datepicker-title .ui-datepicker-year {
    color: #222222 !important;
}
#homepage_hs_105.prebuild2_4 .calendar-cont tbody tr {
    border-top: 0px solid #CCCCCC !important;
   border-bottom: 1px solid #CCCCCC !important;
}
#widgetcalendar_13 .ui-state-default, 
#widgetcalendar_13 .ui-widget-content .ui-state-default, 
#widgetcalendar_13 .ui-widget-header .ui-state-default {
    border: 0px solid #d3d3d3 !important;
    background: #fff !important;
    font-weight: normal !important;
   /* color: #125789 !important */
}
#widgetcalendar_13 .ui-widget-content .ui-state-default.ui-state-highlight.ui-state-active {
background: #125789 !important;
}
 #homepage_hs_105 .ui-datepicker-calendar .ui-datepicker-week-end .ui-state-default {
font-weight: 600 !important;
 }

/* prebuild4_1 */
.prebuild4_1  .col-md-3 {
padding: 0px 10px !important ;
}
.widmix_14 {
    background-color: #f3f5f5 ;
}
.widmix_14 .title_prebuild4_1 {
    padding: 20px;
}

/* prebuild4_2 */
.prebuild4_2 {
    background-color: #343b45;
    color: #ffffff;
}
.prebuild4_2 .title_prebuild4_2,
.prebuild4_2 .title_prebuild2_2,
.prebuild4_3 .title_prebuild4_2,
.prebuild4_3 .title_prebuild2_2{
    margin-bottom: 20px;
font-size: 24px;
padding-bottom: 10px;
color: #ffffff;
}
#widquick_15.ul-quicklink ul {
    margin: 0px 0px;
padding: 0px 0px 0px 20px;
list-style: none;
}
#widquick_15.ul-quicklink ul li a{
color: #ffffff;
}
#widquick_15.ul-quicklink ul li:before {
    content: "\f105";
    position: relative;
    max-width: 0px;
    max-height: 0px;
    left: -20px;
    top: 1px;
    color: #ffffff;
    font-size: 14px;
    display: inline-block;
    font-family: FontAwesome;
}

#widquick_15 #ftquicklinks.ul-quicklink ul, #widquick_3 #ftquicklinks.ul-quicklink ul {
    margin: 0px 0px;
padding: 0px 0px 0px 20px;
list-style: none;
}
#widquick_15 #ftquicklinks.ul-quicklink ul li a, #widquick_3 #ftquicklinks.ul-quicklink ul li a{
color: #ffffff;
}
#widquick_15 #ftquicklinks.ul-quicklink ul li:before, #widquick_3 #ftquicklinks.ul-quicklink ul li:before {
    content: "\f105";
    position: relative;
    max-width: 0px;
    max-height: 0px;
    left: -20px;
    top: 1px;
    color: #ffffff;
    font-size: 14px;
    display: inline-block;
    font-family: FontAwesome;
}



#widgetcalendar_16 .calendar-cont .ui-datepicker .ui-datepicker-header {
    background-color: transparent !important ;
}
#widgetcalendar_16 .calendar-cont .ui-widget-header .ui-datepicker-title .ui-datepicker-month,
#widgetcalendar_16 .calendar-cont .ui-widget-header .ui-datepicker-title .ui-datepicker-year {
    color: #ffffff !important;
}
#widgetcalendar_16 .calendar-cont tbody tr {
    border-top: 0px solid #CCCCCC !important;
   border-bottom: 1px solid #CCCCCC !important;
}
body #widgetcalendar_16 .ui-widget-content {
    background-color: transparent !important;
    color: #ffffff !important;
}
#widgetcalendar_16 .ui-state-default, 
#widgetcalendar_16 .ui-widget-content .ui-state-default, 
#widgetcalendar_16 .ui-widget-header .ui-state-default {
    border: 0px solid #d3d3d3 !important;
background: transparent !important;
font-weight: normal !important; 
}
#widgetcalendar_16 .ui-widget-content .ui-state-default.ui-state-highlight.ui-state-active {
background: #999999 !important;
}
#widgetcalendar_16 .ui-datepicker-calendar .ui-datepicker-week-end .ui-state-default {
font-weight: 600 !important;
 }
#widgetcalendar_16 .calendar-cont .ui-datepicker .ui-datepicker-prev, 
#widgetcalendar_16 .calendar-cont .ui-datepicker .ui-datepicker-next, 
#widgetcalendar_16 .calendar-cont .ui-datepicker-next.ui-corner-all.ui-state-hover.ui-datepicker-next-hover,
#widgetcalendar_16 .calendar-cont .ui-datepicker-next.ui-corner-all.ui-state-hover.ui-datepicker-prev-hover   {
    background: #AFAFAF;
    background: transparent !important;
    border: 0px solid #333333;
    cursor: pointer;
}



#content_prebuild4_2 {
    min-height: 224px !important
}

/* prebuild4_2 widtype_18 */

.widtype_18 .p42-top .p42-circle {
 background-color: #0088cd;
 width: 100px;
 height: 100px;
 margin: 0 auto;
 -webkit-border-radius: 90px;
 -moz-border-radius: 90px;
 border-radius: 90px;
 padding: 10px;
}
.widtype_18 .p42-top .p42-circle-first {
 background-color: #0088cd;
 width: 100%;
 height: 100%; 
 -webkit-border-radius: 90px;
 -moz-border-radius: 90px;
 border-radius: 90px;
 border: 1px solid #ffffff;
 display: table;
}
.widtype_18 .p42-top .p42-circle-first .p24-icon{
 display: table-cell;
 vertical-align: middle;
 text-align: center;
 font-size: 30px;
 color: #ffffff;

}
.widtype_18 .p42-title {
 text-align: center;
 padding: 25px 0px;
 font-weight: 600;
 font-size: 18px;
}
.widtype_18 .p42-description {
 text-align: center;
}





/* prebuild4_3 */
.prebuild4_3 {
    background-color: #343b45;
color: #ffffff;
}

.prebuild4_3 .title_prebuild4_3 {
    margin-bottom: 20px;
    font-size: 24px;
    padding-bottom: 10px;
    color: #ffffff;
}
#content_prebuild4_3 {
    min-height: 224px !important;
}
#widnews_17 ul.ul-news a {
    color: #ffffff;
}
#widnews_17 ul.ul-news table tr td[style="padding-left: 10px"]{
float: left;
}


/* prebuild4_3b */
.widtype_19 {
     width: 100%;
     position: relative
    }
    .widtype_19 .w43-icon{
     -webkit-border-radius: 90px;
     -moz-border-radius: 90px;
     border-radius: 90px;
     background-color: #215b81;
     width: 64px;
     height: 64px;
     display: table;
     text-align: center;
     position: absolute;
     top: 0px;
     left: 0px;
    }
    .widtype_19 .w43-icon .w43-icon-in {
     display: table-cell;
     vertical-align: middle;
     color: #ffffff;
     font-size: 34px;
    }
    .widtype_19 .w43-description{
     padding-left: 80px;
    }
    .widtype_19 .w43-description .w43d-title{
     font-weight: 600;
     font-size: 18px;
     padding-bottom: 10px;
    }
    
/* prebuild3_3b */
.widtype_21 {
     width: 100%;
     position: relative
    }
    .widtype_21 .w43-icon{
     -webkit-border-radius: 90px;
     -moz-border-radius: 90px;
     border-radius: 90px;
     background-color: rgb(51, 51, 51);
     border: 3px solid #ccc;
     width: 67px;
     height: 67px;
     display: table;
     text-align: center;
     position: absolute;
     top: -35px;
    }
    .widtype_21.wgt_2 .w43-icon{ left: 44%; }
    .widtype_21.wgt_3 .w43-icon{ left: 41%; }
    .widtype_21.wgt_4 .w43-icon{ left: 38%; }
    .widtype_21 .w43-icon .w43-icon-in {
     display: table-cell;
     vertical-align: middle;
     color: #ffffff;
     font-size: 34px;
    }
    .widtype_21 .w43-description .w43d-title{
     font-weight: 600;
     font-size: 18px;
     padding-bottom: 10px;
    } 

/* prebuild4_4 */
 .widtype_20 {
     position: relative;
     padding: 60px 25px 25px 25px;
     border: 1px solid #c1c1c1;
     margin-top: 35px;
     background: #ffffff;
    }
    .widtype_20 .w44-icon {
     width: 100%;
     text-align: center;
     position: absolute;
     left: 0px;
     top: -35px;
    }
    .widtype_20 .w44-icon .w44i-circle {
     background-color: #0088cd;
     width: 70px;
     height: 70px;
     margin: 0 auto;
     -webkit-border-radius: 90px;
     -moz-border-radius: 90px;
     border-radius: 90px; 
     display: table;
    }
    .widtype_20 .w44-icon .w44i-circle .w44ic-in-circle {
     display: table-cell;
     text-align: center;
     vertical-align: middle;
     color: #ffffff;
     font-size: 30px;
    }
    .widtype_20 .w44-content {

    }
    .widtype_20 .w44-content .w44-text{
     text-align: center;
    }
    .widtype_20 .w44-button{
     text-align: center;
     margin-top: 20px;
    }
    .widtype_20 .w44-button .btn{
     background: #0088cd;
     color: #ffffff; 
    }


/*-- pv strip --*/
@media (max-width: 767px) { 
body section.prebuild1 .cust_body7{
width: 100%;
}
body section.prebuild1 .cust_content7 {
width: 100%;
margin-top: 30px;
}
body section.prebuild1 .cust_body6 { 
width: 100%;
padding-left:   0px;
margin-bottom: 30px;
}
body section.prebuild1 .cust_content6 { 
width: 100%;
padding-left:   0px;
}
.hs_21_bm{
margin-bottom: 40px;
}
#list_news{
width: 100% !important;
}

}

/*-- prebuild news 1 --*/
.tbl_news .w23-button{
    text-align: center;
    margin-top: 20px;
    width: 100px;
}
.tbl_news .w23-button a{
    color: #ffffff; 
    background: #ff8000;
}
/*-- prebuild news 2 --*/
.tbl_news .w24-button{
    text-align: center;
    margin-top: 20px;
    width: 100px;
}
.tbl_news .w24-button a{
    color: #ffffff; 
    background: #1E90FF;
}
.w24-icon .w24-icon-news {
    display: table-cell;
    font-size: 11px;
    vertical-align: middle;
}
/*-- prebuild news 3 --*/
#list_news a.btn2 {
    font-size: 12px;
    color: #1E90FF;
}
/*-- prebuild news 4 --*/
.w24-icon-news_ttl{
    -webkit-border-radius: 90px;
    -moz-border-radius: 90px;
    border-radius: 90px;
    background-color: #0088cd;
    width: 64px;
    height: 64px;
    display: table;
    text-align: center;
    margin: 0 auto;
    left: 40%;
}
.w24-icon-news_ttl {
    display: block;
    vertical-align: middle;
    color: #ffffff;
    font-size: 22px;
    margin-bottom: 20px;
}
.w24-icon-news_ttl #cal_news_ttl { margin-top: 20px; }
.ttl_news_h2 h2 {
    margin: auto;
    font-weight: bold;
    font-size: 1em;
    text-align: center; 
    position: relative;
    display: inline-block;
    width: auto;
}
.ttl_news_h2 h2:after {
    content: '';
    background: #0088cd;
    width: 100%;
    height: 1px;
    display: block;
    margin-top: 10px;
 
}
/*-- prebuild news 5 --*/
.w27-icon .w27-icon-news {
    display: table-cell;
    font-size: 14px;
    vertical-align: middle;
    color: #666666;
}
.w27-button a.btn27 {
    color: #1E90FF;
    font-size: 13px;
    border-bottom: 1px dotted #1E90FF;
}

/*-- dwcsearch-renderMain --*/
#dwcsearch-renderMain #btnSearch {
    padding: 3px 10px !important;
margin-left: 5px;
}
#dwcsearch-renderMain .bcopy {
padding-left: 10px;
}
@media (max-width: 767px) {  
#dwcsearch-renderMain table tr td {
    width: 100%;
    float: left;
    text-align: left;
}
fieldset[style="border:none"] {
    padding: 0px 0px;
}
#dwcsearch-renderMain table tr td[width="30%"],
#dwcsearch-renderMain table tr td[width="80%"]  {
width: auto;
padding-right: 5px;
}
#dwcsearch-renderMain .bcopy {
    float: left;
    padding-left: 0px;
}
#dwcsearch-renderMain #btnSearch { 
    margin-left: 0px;
}
#dwcsearch-renderMain #searchtext2 {
    margin-bottom: 8px;
}
#dwcsearch-renderMain input[type="radio"] {
    margin: 2px 0px 0px;
}
}
@media screen and (max-width: 767px) and (-webkit-min-device-pixel-ratio:0) { 
#dwcsearch-renderMain #searchtext2 {
    margin-bottom: 0px;
}
}
/* close button */
#TB_title #TB_closeAjaxWindow a#TB_closeWindowButton {
    background: #e6e6e6 url("../images/ui-icons_222222_256x240.png");
    background-repeat: no-repeat ;
    background-position: -93px -125px !important;
    font-size: 0px;
    width: 20px;
    height: 20px;
    display: block;
    border: 1px solid #c5c5c5 !important;
    -webkit-border-radius: 5px !important;
    -moz-border-radius: 5px !important;
    border-radius: 5px !important;
    opacity: 0.7;
}
#TB_title #TB_closeAjaxWindow a#TB_closeWindowButton:hover {
    opacity: 1;
}

@media (max-width: 768px) {
    .ul-news p {
      overflow: hidden;
      position: relative;
      margin-bottom: 1em;
    }

    .ul-news p:after {
      content: '...';
      position: absolute;
      bottom: 0;
      right: 0;
      padding: 0 0.3em;
    }

    .ul-news p span:after {
      content: '\0000a0';
      position: absolute;
      width: 1000px;
      z-index: 1;
    }

    .tbl_list .d1 {width: 550px;}
}
@media (max-width: 650px) {

    .tbl_list .d1 {width: 400px;}
}
@media (max-width: 500px) {

    .tbl_list .d1 {width: 300px;}
}
@media (max-width: 467px) {

    .tbl_list .d1 {width: 200px;}
}


/* List Widget */
.block-hs .widtype_30 .w43d-content{
padding: 10px 0px !important; 
}
.block-hs .widtype_30 .wrap-clickedit2_1317 { 
background-color: #ffffff;
border: 0px dotted #000;
opacity: 0.4;
}
@media only screen and (min-width: 768px) {
        .block-hs .widtype_30 .w43d-content {
                overflow-y: unset !important; 
        }
}
@media only screen and (max-width: 768px) { 
.block-hs .widtype_30 .w43d-content ul.ul-lists li p.d1 {
width: 100%;
}
.block-hs .widtype_30 .w43d-content ul.ul-lists{
        width: calc(100% - 10px) !important;
}
}

.ui-dialog .ui-dialog-titlebar-close { top: 23px !important; }








/* fix header & footer on responsive */
.fullwidthbanner-container .tp-leftarrow.default,
.fullwidthbanner-container .tp-rightarrow.default {
  top:50% !important
}
@media screen and (-webkit-min-device-pixel-ratio:0) and (max-width:991px) and (min-width:768px) {
  body section.img-hero {
    top:0px !important;
  }
}
@media (min-width:768px) and (max-width:992px) {
  body .bottom-header .navbar ul.navbar-nav li a {
    color:#ffffff;
    padding:10px 10px 10px !important;
  }
}
@media screen and (max-width:991px) {
    .prebuild2_1 .col-md-4.colcont_10263{
        margin-top: 50px !important;
    }
  header .mid-headaer .logo {
    padding:10px 0px 0px;
  }
  #search-form .search-text-box {
    width:100% !important;
  }
  body header .mid-headaer .sosmed-row .sosmed #search-form #dwcsearch-renderMain {
    margin-top:0px;
    width:100%;
    position:relative;
    top:0px;
    left:0px;
    margin-left:0px;
  }
  body header .mid-headaer .sosmed-row .sosmed #search-form .icon-sm {
    background-color:#ffffff;
    -webkit-border-radius:100%;
    -moz-border-radius:100%;
    border-radius:100%;
    padding:0px !important;
    margin:0px !important;
    z-index:2;
    position:absolute;
    top:0px;
    left:-17px;
    height:34px !important;
    width:34px !important;
    box-sizing:border-box;
  }
  body header .icon-search #search-form input[type="text"] {
    margin-top:0px;
    height:31px;
    border-radius:10px;
    border-top-right-radius:10px;
    border-bottom-right-radius:10px;
    -moz-border-radius-topright:90px;
    -webkit-border-top-right-radius:90px;
    border-top-right-radius:90px;
    -moz-border-radius-bottomright:90px;
    -webkit-border-bottom-right-radius:90px;
    border-bottom-right-radius:90px;
  }
  body header .icon-search #search-form.openclick input[type="text"] {
    padding-left:25px;
    outline-style:solid !important;
    outline-width:0px !important;
    outline-color:#337ab7 !important;
  }
  header .mid-headaer .sosmed-row .sosmed {
    float:none;
    float:unset;
    display:inline-block;
  }
  body header .mid-headaer .icon-sm {
    padding:0px !important;
    margin:0px 0px !important;
    z-index:2;
  }
  body header .sosmed-wrap {
    text-align:center;
    width:100% !important
  }
  html body header .mid-headaer .sosmed-row .icon-search.sosmed {
    float:none;
    float:unset;
    display:block;
  }
  body header .mid-headaer .sosmed-row .icon-search.sosmed {
    padding-left:17px !important;
    width:270px !important;
    height:34px;
    overflow:hidden;
    position:relative;
    padding-right:0px !important;
    display:block;
    margin:0 auto;
  }
  body header .mid-headaer .logo {
    text-align:center;
  }
  body header .mid-headaer .logo .logo_img {
    float:none;
    float:unset;
  }
}
@media screen and (max-width:1199px) {
  footer .footerlink {
    float:left;
    width:100%;
    text-align:center;
  }
  footer {
    color:#ffffff;
    text-align:center;
  }
  footer .col-footerlink {
    float:unset;
    right:0px;
    float:none;
  }
}
@media screen and (max-width:767px) {
  body section.inner-content {
    margin:0px 0px;
  }
  section.inner-content {
  }
  header {
    border-bottom:1px solid #e8e8e8;
  }
  body .navbar-collapse.collapsing {
    margin-top:0px !important;
  }
  body header .mid-headaer .icon-sm {
    padding:0px !important;
    margin:0px 0px !important;
  } 
  body.pv header{
    margin-top:0px;
  }
  body header .sosmed-wrap {
    text-align:center;
    width:100% !important
  }
  header .mid-headaer .sosmed-row .sosmed {
    float:none;
    float:unset;
    display:inline-block;
  }
  body header .mid-headaer .sosmed-row .icon-search.sosmed {
    padding-left:17px !important;
    width:270px !important;
    height:34px;
    overflow:hidden;
    position:relative;
    padding-right:0px !important;
    display:block;
    margin:0 auto;
  }
  body header #search-form {
    width:100% !important;
    height:100%;
    position:relative;
  }
  body header .mid-headaer .sosmed-row .sosmed #search-form .icon-sm {
    background-color:#ffffff;
    -webkit-border-radius:100%;
    -moz-border-radius:100%;
    border-radius:100%;
    padding:0px !important;
    margin:0px !important;
    z-index:2;
    position:absolute;
    top:0px;
    left:-17px;
    height:34px !important;
    width:34px !important;
    box-sizing:border-box;
  }
  body header .mid-headaer .sosmed-row .sosmed #search-form #dwcsearch-renderMain {
    margin-top:0px;
    width:100%;
    position:relative;
    top:0px;
    left:0px;
  }
  body header .icon-search #search-form input[type="text"] {
    margin-top:0px;
    height:31px;
    border-radius:10px;
    border-top-right-radius:10px;
    border-bottom-right-radius:10px;
    -moz-border-radius-topright:90px;
    -webkit-border-top-right-radius:90px;
    border-top-right-radius:90px;
    -moz-border-radius-bottomright:90px;
    -webkit-border-bottom-right-radius:90px;
    border-bottom-right-radius:90px;
  }
  body header .icon-search #search-form.openclick input[type="text"] {
    padding-left:25px;
    outline-style:solid !important;
    outline-width:0px !important;
    outline-color: #337ab7 !important;
  }
}
/* end fix header & footer on responsive */

@media screen and (min-width:992px) {   
    body header .icon-search #search-form input[type="text"] {    
        margin-top:0px;    
        height:31px;    
        border-radius:10px;    
        border-top-right-radius:10px;    
        border-bottom-right-radius:10px;    
        -moz-border-radius-topright:90px;    
        -webkit-border-top-right-radius:90px;    
        border-top-right-radius:90px;    
        -moz-border-radius-bottomright:90px;    
        -webkit-border-bottom-right-radius:90px;    
        border-bottom-right-radius:90px;  
    }
}

@media screen and (-webkit-min-device-pixel-ratio: 0) and (max-width: 1024px) and (min-width: 992px) {
    body header {
        margin-bottom: 0px;
    }
}

/*81018*/
.prebuild3_3 .w43-description a div.w43d-content{ color: #086aac !important }

body .widtype_21.wgt_2 .w43-icon{ left: 50%;margin-left: -33.5px; }
body .widtype_21.wgt_3 .w43-icon{ left: 50%;margin-left: -33.5px; }
body .widtype_21.wgt_4 .w43-icon{ left: 50%;margin-left: -33.5px; }
@media screen and (max-width: 767px) and (-webkit-min-device-pixel-ratio:0) {
body section.address{  height: auto !important; ;  }
}
@media (max-width: 767px) {  
body {padding-top: 50px !important; }
body #carousel-prebuilt47_126 .owl-nav {
position: relative;
max-width: 110px;
margin: 0 auto;
}

}
@media (max-width: 991px) { 
body #carousel-prebuilt47_126 .owl-item .item {
margin-left: 10px !important;
margin-right: 10px !important;
}
body .prebuild4_3 .colcont_168{
float: left;
margin-top: 40px;
width: 100%;
}
body .prebuild4_3 .title_prebuild4_3 { 
padding-bottom: 20px;
margin-bottom: 0px;
}
body .prebuild4_3 .wcalendar_171 {
margin-top: 40px;
float: left;
width: 100%;
}
body .prebuild4_3 #content_prebuild4_3 img{
padding-bottom: 5px;
margin-left: 0px !important;
}
body .prebuild4_3 .colcont_168 ul{
padding: 0 0px !important;
}
}
 
@media screen and (min-width: 768px) and (max-width: 991px) and (-webkit-min-device-pixel-ratio:0) {  
html body section.schoollink {
margin-top: 0px;
}
}

/*111018*/
body #homepage_hs_7 .calendar-cont .ui-datepicker .ui-datepicker-prev, 
body #homepage_hs_7 .calendar-cont .ui-datepicker .ui-datepicker-next {
    background: transparent !important;
    border: 0px solid #333333;

}
@media (max-width: 991px) {  
    section.address .col-md-4,
    section#homepage_hs_6 .col-md-4 {
        margin-bottom: 20px;
    }
    body header .mid-headaer .sosmed-row .sosmed #searchtext {    
        margin-left: 0px !important ;    
        margin-top: 0px !important ;
    }
}

@media screen and (min-width: 992px) and (max-width: 1024px) { 
    .grid-calendar .ui-datepicker table {    
        font-size: .8em!important;
    }
    #homepage_hs_7 .col-md-3.colcont_8 {
        width: 20%;    
    }    
    #homepage_hs_7 .col-md-3.colcont_11{
        width: 30%;    
    }
}
/* end 161018*/

/*ad*/
@media (max-width: 469px) {   
body .ads-footer-bottom #inner_bottom1,
body .ads-footer-bottom #inner_bottom2 {
    width: 100% !important;
}
body .wrapper-content-bottom .container{
    padding-right: 0px !important;
padding-left: 0px !important;
}
}
.banner-ad-top { 
    max-width: 728px;
height: 90px;
margin: 5px auto;
}
.ads-footer-bottom{
    text-align: center;
}
.ads-footer-bottom .ad480 {
    display: inline-block;
}
.ads-footer-bottom #inner_bottom1,
.ads-footer-bottom #inner_bottom2 {
margin: 5px 0px;
float: none !important;
float: unset !important;
display: inline-block;
}
.inner-ad {
    text-align: center;
}
#inner_ad_page {border: 0px solid #333333 !important;}


body #inner_bottom_mobile,
body #inner_mobile {
    margin: 5px auto;
}
/* end ad*/

body section.inner-content .bc-content.ul-quicklink ul li {
    padding: 0px 0px 5px !important;
        padding-top: 0px;
}

@media only screen and (min-width: 1200px) {
    body .inner-content .container {
        position: relative;
        padding-left: 335px;
        min-height: 100vh;
    }
    /* 87377 - fix class .container rule crash when a class name .container exists in site content */
    body section.inner-content > div.container .dwc-content .container {
        padding-left: 0px;
    }
    .col-md-3.sc-left {
        margin-left: -320px;
        width: 320px;
    }
    .inner-content .col-md-9.sc-center {
        width: 100% !important;
    }
}

@media only screen and (min-width: 1366px) and (max-width: 1919px)  {
    body .container { 
        width: 90%; 
    }
}
@media only screen and (min-width: 1920px)  {
    body .container {  
       max-width: 1920px ;
       width: 90%;
    }
}

/*bug 92933*/
@media (min-width:768px) and (max-width: 1200px) {  
 
body  #main_nav ul.navbar-nav li.dropdown.open >  span.wrapper {
visibility: visible !important;
opacity: 1 !important;
display: block !important;
 }
.bottom-header nav#main_nav li.dropdown ul.dropdown-menu {
    max-height: 9999999px;
    padding: 10px 0px !important;
} 
.bottom-header nav#main_nav li.dropdown.open ul.dropdown-menu {
overflow-x: visible !important;
overflow-y: visible !important;
margin: 0px 0px !important;
padding: 10px 0px !important;
border-radius: 0px !important;
border: 0px solid #333333 !important;
width: 250px;
}
.bottom-header nav#main_nav li.dropdown.open ul.dropdown-menu a {
    white-space: normal;
} 
body .bottom-header .navbar ul.navbar-nav li li a {
    padding: 5px 10px !important;
}
#main_nav ul.navbar-nav > li.dropdown.open > span.wrapper li.dropdown.open { position: relative !important; }
#main_nav ul.navbar-nav > li.dropdown.open > span.wrapper li.dropdown.open > span.wrapper 
{
visibility: visible;
opacity: 1;
}
#main_nav ul.navbar-nav li.dropdown span.wrapper li.dropdown  span.wrapper {
position: absolute;
left: 100%;
top: 0px;
 
}
 .bottom-header nav#main_nav li.dropdown ul.dropdown-menu {
    max-height: 9999999999999px !important;
 }
 #main_nav ul.navbar-nav li.dropdown li.dropdown,
.bottom-header nav#main_nav li#el0_4464 {
   position: relative !important;
}
  #main_nav ul.navbar-nav li.dropdown li.dropdown .wrapper,
.bottom-header nav#main_nav li#el0_4464 .wrapper {
 position: absolute !important;
 top: 0px !important;
 left: 100% !important;
}
 body .bottom-header nav#main_nav li.dropdown:hover > .wrapper {
    display: none !important;
    visibility: unset !important;
    opacity: unset !important;
}

}

/* */
#btPages {padding-left: 40px !important;}
#btPages:before {        
      content: "\f15c"; 
      display: block;
      position: relative;
      max-width: 0px;
      max-height: 0px;
      left: -25px;
      top: 2px;
      color: #125789;
      font-size: 16px; 
      display: inline-block;
      font-family: FontAwesome;
      font-style: normal;
      font-weight: normal;
      line-height: 1;
}
#pageshead, 
#spageshead,
#pagesheadlink,
#save_sublink_area,
#save_subpage_area,
.as input[type="button"] {
    cursor: pointer;
text-align: center;
width: 172px;
background-color: #125789 !important;
color: #fff;
height: auto !important;
border: 0px solid #88b0ee;
border-radius: 0px !important;  
margin: 5px 0px 5px 3px; 
font-weight: bold;
padding: 7px 7px !important;
font-size: 12px;
box-sizing: unset;
}
.as input[type="button"] {
text-decoration-color: unset !important;
float: none !important;
width: auto;
padding: 7px 15px;
}
#spageshead { width: 360px; }
#save_subpage_area,
#save_sublink_area {
    box-sizing: border-box;
    margin: 0px 0px !important;
}
#pageshead:hover, 
#spageshead:hover, 
#pagesheadlink:hover, 
#save_sublink_area:hover,
#save_subpage_area:hover,
#save_page_area:hover, 
#save_link_area:hover,
.as #menuSetting .ui-menu-item a[href="/logout"]:hover {
    cursor: pointer;
    background-color: #1976ba !important;
}

#close_add_page_area:hover, 
#close_add_link_area:hover {
    cursor: pointer;
}
#add_page_area, #add_link_area {
    visibility: hidden;
    padding: 0 8px;
    font-size: 12px;
    height: 0px;
    overflow: hidden;
    transition: 0.5s ease-in;
    -webkit-transition: 0.5s ease-in;
    opacity: 0;
}
#add_page_area.visible { 
visibility: visible;   
  height: 150px;
opacity: 1;
padding-top: 12px !important;
box-sizing: border-box;
} 

#add_link_area.visible {
visibility: visible;
height: 225px;
opacity: 1;
padding-top: 12px !important;
box-sizing: border-box;
}

.menu_list{
    cursor: pointer;
}
.menu_list:hover, .menu_list a:hover{
    color: #1976ba;
    text-decoration: none;
}
.breadchrumb-wrap .wrap-clickedit
{
    position: absolute;
    width:100%;
    display: none;
    bottom: 0;
    height: 100%;
}
.breadchrumb-wrap:hover .wrap-clickedit
{
    display: flex !important;
    left: 0px;
    bottom: 0px;
    height: 100%;
    width: 100%;
    background: rgba(204, 204, 204, 0.5) none repeat scroll 0% 0%;
    cursor: pointer;
}



/* ===================== vav homepage admin =====================  */ 
@media screen and (min-width: 768px) { 
    body.admin-view header {
    margin-top: 50px;
    }
}
.settop_hs {
    background-color: #125789 !important;
    border-bottom: 0px solid #DFDFDF;
    color: #fff;
    height: 50px;
}  
#Leaderboard.btn.opener { 
    color: #125789 !important;
    background: #e4e9ef !important; 
    margin: 0px 0px 0px 10px !important;
}
body .settop_hs #btPages {
    box-sizing: border-box;
}
.settop_hs #start_option input.show_startup {
    margin-top: 0px;
margin-right: 5px;
position: relative;
margin-left: 0px;
opacity: 1;
left: unset;
}
.settop_hs #start_option .sso-dropdown-container .dropdown  #sso-admin-menu-btn{
border: 2px solid #FFF;
padding: 1px 1px;
border-radius: 100%;
height: 30px;
width: 30px;
display: block;
margin-bottom: 0px;
box-sizing: border-box;
margin-top: 0px;
display: flex;
align-items: center;
}
.settop_hs #start_option .sso-dropdown-container {
    margin-top: 0px;
}
.settop_hs #start_option .sso-dropdown-container .dropdown  #sso-admin-menu-btn .icon-white {
padding: 0px 5px 0px 2px;
height: auto;
position: relative;
top: -1px;
}
.settop_hs #start_option .sso-dropdown-container .dropdown  #sso-admin-menu-btn .icon-white .icon-bar { 
    width: 15px;
    height: 2px;
    background-color: #ffffff;
    border-radius: 0;
    margin-bottom: 3px; 
}
.settop_hs #start_option .sso-dropdown-container #ssoDrop{
margin-top: 10px;
}
/* available strip section */
body .settop_hs #listsect {
    display: block !important;
    height: calc( 100vh - 30px ) !important;
    width: 502px;
    left: -502px;
    top: 50px; 

    -webkit-box-shadow: 1px 0px 4px 0px rgba(170, 170, 170, 0.51);
-moz-box-shadow: 1px 0px 4px 0px rgba(170, 170, 170, 0.51);
box-shadow: 1px 0px 4px 0px rgba(170, 170, 170, 0.51);
}

body .settop_hs #listsect #secthead,
body .settop_hs #listsect #listarea2 #listareacontent .tab .tablinks {
    padding-left: 20px;
    padding-right: 10px;
}



body .settop_hs.btfloat #listsect #closebtfloat {
cursor: pointer;
 }
body .settop_hs #listsect #listarea2 {
    width: 500px !important;
    height: calc( 100vh - 30px - 40px ) !important;
}
body .settop_hs #listsect #listarea2 #listareacontent {
    height: 100%;
    padding-left: 0px;
    border-right: 0px solid #333;
}
body .settop_hs #listsect #listarea2 #listareacontent .tab {
    height: 100%;
    padding-left: 0px;
    background-color: #f2f4f7;
}
body .settop_hs #listsect #listarea2 #listareacontent .tab button{ 
    text-transform: none !important;
}
body .settop_hs #listsect #listarea2 #listareacontent .tab button.active,
body .settop_hs #listsect #listarea2 #listareacontent .tab button:hover {
    background-color: #e4ebf5;
    color: #125789;
}
body .settop_hs #listsect #listarea2 #listareacontent .tabcontent {
    height: 100%;
    padding-top: 2px;
    padding-bottom: 2px;
    border-right: 0px solid #333 !important;
}
body .settop_hs #listsect #listarea2 #listareacontent .tabcontent .col-md-12 {
    padding-left: 10px;
    padding-right: 10px;
}
body .settop_hs #listsect #listarea2 #listareacontent .tabcontent .col-md-12 .contentsect {

}

/* page section */
body .settop_hs #cl_pages { 
    height: calc( 100vh - 50px ) !important;
 width: 390px !important;
 border-top: 0px !important;
    left: -390px !important;
    position: fixed !important; 
    top: 50px;
    background-color: #ffffff;
    -webkit-box-shadow: 1px 0px 4px 0px rgba(170, 170, 170, 0.51);
-moz-box-shadow: 1px 0px 4px 0px rgba(170, 170, 170, 0.51);
box-shadow: 1px 0px 4px 0px rgba(170, 170, 170, 0.51);
background-color: #f3f4f8 !important;
}
body .settop_hs #listpages { 
    border: 0px solid #333 !important;
    display: block !important;
width: 100% !important;
left: 0px !important;
background-color: transparent !important;
max-height: 100% !important;
color: #333;
} 
body .settop_hs #listpages #listpage {
    max-height: 100% !important;
    height: calc( 100vh - 50px - 40px - 16px ) !important;
}
body .settop_hs #listpages #listpage .listpagescontent {
    height: calc( 100% - 16px) !important;
}
body .settop_hs #listpages #pages{
 margin-left: 0px;
margin-bottom: 0px;
margin-top: 0px;
background-color: #ffffff;
padding: 3px 5px;
height: 50px;
box-sizing: border-box;
}
body .settop_hs #listpages .settop_hs {
color: #333;
}
body .settop_hs #listpages #listpage .wrap-out-box .ns-section {

}
/*body .settop_hs #listpages #listpage .wrap-out-box .ns-section ol li div,*/
body .settop_hs #listpages #listpage .wrap-out-box .ns-section .ns-intro{
    background: transparent !important;
border: 0px solid #333;
padding-top: 0px !important;
height: auto;
line-height: normal;
min-height: 0px !important;
}
body .settop_hs #listpages #listpage .wrap-out-box .ns-section ol li div.menu_list {
    padding: 5px 5px !important;
    background: #fbfbfb !important;
    display: flex;
align-items: center;
}
body .settop_hs #listpages #listpage .wrap-out-box .ns-section ol li div.icon-move { 
margin-bottom: 0px;
margin-top: 0px;
width: 100%;
}

body .settop_hs #listpages input[type="text"],
body .settop_hs #listpages select{
    width: 100%;

height: 32px;
font-size: 14px;
border-top: 0px solid #808080;
border-right: 0px solid #808080;
border-left: 0px solid #808080;
border-bottom: 1px solid #808080;
background-color: #fafafa;
border-radius: 0px;
webkit-box-shadow: inset 0 0px 0px rgba(0, 0, 0, 0);
-moz-box-shadow: inset 0 0px 0px rgba(0, 0, 0, 0);
box-shadow: inset 0 0px 0px rgba(0, 0, 0, 0);
margin: 10px 0px;
}
body .settop_hs #listpages input[type="text"] {
    padding: 10px;
    margin-top: 0px;
}
body .settop_hs #listpages select{
    padding: 0px 10px;
    margin-top: 0px;
} 
body .settop_hs #listpages input[id^="w_title"] {
width: 50%;
height: 25px;
border: none;
}
body .settop_hs #listpages input:focus, 
body .settop_hs #listpages textarea:focus {
    outline: 0;
    border-color: #808080;
    -webkit-box-shadow: inset 0 0px 0px rgba(0, 0, 0, 0), 0 0 0px rgba(0, 0, 0, 0);
    -moz-box-shadow: inset 0 0px 0px rgba(0, 0, 0, 0), 0 0 0px rgba(0, 0, 0, 0);
    box-shadow: inset 0 0px 0px rgba(0, 0, 0, 0), 0 0 0px rgba(0, 0, 0, 0);
}

body .settop_hs #listpages #close_add_page_area {
    background: transparent;
    background-color: transparent;
    }

/* add page */
body .settop_hs #listpages #add_page_area #sel_parent{
  margin-bottom: 0px;
} 
/* add link */
body .settop_hs #listpages #add_link_area #close_add_link_area:hover { 
}
#listpages .btn-drpdown .btn-add.selected {
background-color: #f2f2f2;
}
body .settop_hs #listpages #add_link_area select#sel_parent_link{
margin-bottom: 0px;
}

/*-- general --*/
body .settop_hs #cl_pages,
body .settop_hs #listsect {
   -webkit-transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
    -ms-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;  }

#add_page_area div[style="float: left;"],
body .settop_hs #listpages #add_link_area div[style="float: left;"]{
    margin-bottom: 5px; 
    width: 100%;
    margin-top: 5px;    
}
.settop_hs #start_option {
    height: 50px;
    padding: 5px 5px;
    box-sizing: border-box;
}
.settop_hs #start_option input.show_startup {

}
.settop_hs #Leaderboard.btn.opener,
.settop_hs #btfloat,
.settop_hs #btPages{
    background: #0c446c !important;
    color: #ffffff  !important;
    border-radius: 0px;
    border: 0px solid #ffffff !important;
    padding: 0px 10px 0px 35px !important;
margin: 10px 0px !important;
height: 30px !important;
border-radius: 5px !important;
font-size: 12px !important;
font-weight: 600 !important;
}
.settop_hs #Leaderboard.btn.opener {
    position: relative;
left: -7px;
}
.settop_hs { 
    padding-left: 10px;
    left: 0px;
    z-index: 10001;
}  
.settop_hs #btfloat:before,
.settop_hs #btPages:before,
.settop_hs #Leaderboard.btn.opener:before {
    color: #ffffff !important;
    top: 0px;
}
.settop_hs #Leaderboard.btn.opener:hover,
.settop_hs #btfloat:hover,
.settop_hs #btPages:hover{
    background: #1976ba !important
}

body.sb-sitecolor #site_color {
display: block !important; 
}
body .settop_hs.btfloat #listsect,
body .settop_hs.btPages #cl_pages,
body.sb-sitecolor #site_color {
    left: 50px !important;
  }
body .settop_hs #listsect,
body .settop_hs #cl_pages {
    display: block !important;
    border-right: 1px solid #e9e9e9 !important;
}
body .settop_hs #listpages [id^="close_"],
body .settop_hs #listpages #save_page_area,
body .settop_hs #listpages #close_page_area,
body .settop_hs #listpages #save_link_area,
body .settop_hs #listpages #close_link_area,
body .settop_hs #listpages #save_subpage_area,
body .settop_hs #listpages #close_subpage_area,
body .settop_hs #listpages #save_sublink_area,
body .settop_hs #listpages #close_sublink_area {
    text-align: center !important;
    width: 100px !important;
    background-color: #125789 !important;
    color: #fff !important;
    height: auto !important;
    border: 0px solid #88b0ee !important;
    border-radius: 0px !important;
    margin: 0px 0px 0px 0px !important;
    font-size: 12px !important;
    font-weight: bold !important;
    padding: 8px !important;
    display: inline-block;
}
body .settop_hs #listpages [id^="close_"]:hover,
body .settop_hs #listpages #save_page_area:hover,
body .settop_hs #listpages #close_page_area:hover,
body .settop_hs #listpages #save_link_area:hover,
body .settop_hs #listpages #close_link_area:hover,
body .settop_hs #listpages #save_subpage_area:hover,
body .settop_hs #listpages #close_subpage_area:hover,
body .settop_hs #listpages #save_sublink_area:hover,
body .settop_hs #listpages #close_sublink_area:hover{
    cursor: pointer !important;
background-color: #1976ba !important;
}
.btn_page, .btn_link { text-align: center; }
#main_nav ul.menu li.dropdown ul.dropdown-menu li.dropdown ul.dropdown-menu li.dropdown ul.dropdown-menu{
    left: -100%;
}

/* modal */
body#homepage .ui-widget-content.ui-dialog .ui-dialog-title{
    -webkit-box-shadow: 0px 0px 0px 0px rgba(0, 0, 0, 0);
    -moz-box-shadow: 0px 0px 0px 0px rgba(0, 0, 0, 0);
    box-shadow: 0px 0px 0px 0px rgba(0, 0, 0, 0);
    width: 100%;
    color: #ffffff;
}
body#homepage .ui-widget-content.ui-dialog .ui-dialog-titlebar-close {
color: #fff;
filter: invert(100%);
margin: 0px 0px !important;
right: 0px;
top: 0px !important;
padding: 15px;
height: auto;
width: auto;
position: absolute;
}
body .ui-widget-content.ui-dialog.startup_style .ui-dialog-titlebar-close { border: none !important; padding: 0px !important; }
body .ui-widget-content.ui-dialog.startup_style .ui-dialog-titlebar-close .ui-button-text { height: 20px !important; }
body#homepage .ui-widget-content.ui-dialog .ui-dialog-titlebar-close.ui-state-hover{
background: none;
}
body#homepage .ui-widget-content.ui-dialog .ui-dialog-titlebar-close .ui-icon-closethick {
margin: 0px 0px !important;
}
body#homepage .ui-corner-all, 
body#homepage #TB_window {
    border: 0px solid #dfdfdf;
    -webkit-border-radius: 0px !important;
    -moz-border-radius: 0px !important;
    border-radius: 0px !important;
}
body#homepage .ui-widget-content.ui-dialog input[type="email"],
body#homepage .ui-widget-content.ui-dialog input[type="password"],
body#homepage .ui-widget-content.ui-dialog input[type="text"],
body#homepage .ui-widget-content.ui-dialog input[type="text"].button { 
font-size: 14px;
border-top: 0px solid #808080;
border-right: 0px solid #808080;
border-left: 0px solid #808080;
border-bottom: 1px solid #808080;
background-color: #fafafa !important;
letter-spacing: normal;
border-radius: 0px !important;
-webkit-box-shadow: inset 0 0px 0px rgba(0, 0, 0, 0.0);
-moz-box-shadow: inset 0 0px 0px rgba(0, 0, 0, 0.0);
box-shadow: inset 0 0px 0px rgba(0, 0, 0, 0.0);
}
body#homepage .ui-widget-content.ui-dialog input{
    margin: 0 auto;
    float: none;
    float: unset;

}
body#homepage .ui-widget-content.ui-dialog #edit_page_settings #stats input{
    margin: 10px auto 20px;
}

body#homepage .ui-widget-content.ui-dialog #get_link div[align="right"] {
width: 100% !important;
text-align: center !important;
margin: 10px 0px auto !important;
}
body#homepage .ui-widget-content.ui-dialog #get_link  input[type="text"],
#edit_page_settings #get_link .zerocop input[type="text"] {
width: 100% !important;
}

body#homepage .ui-widget-content.ui-dialog #get_link .zerocop div[style="padding-left:20px;width: 80%;"] {
width: 100% !important;
padding-left: 0px !important;
}
body#homepage .ui-widget-content.ui-dialog > .ui-widget-header,body .ui-widget-content.ui-dialog.startup_style > .ui-widget-header,
body#homepage #TB_window #TB_title, body .ui-widget-content.ui-dialog.startup_style #TB_window #TB_title{
    background: #125789 !important;
    color: #ffffff;
}  
body#homepage #TB_window #TB_title #TB_closeAjaxWindow a#TB_closeWindowButton { 
    border: 0px solid #333 !important;
    background-position: -92px -123px !important;
}
body#homepage #TB_window div   {
border-radius: 0px !important;
}
body#homepage #TB_window #TB_title #TB_ajaxWindowTitle {
color: #ffffff !important;
}
body#homepage .ui-widget-content.ui-dialog .ui-dialog-buttonpane {
padding: 0px 0px;
}
.ui-dialog-buttonpane.ui-widget-content.ui-helper-clearfix #closebtn {
    position: absolute;
top: 0px;
right: 0px;
}
.ui-dialog-buttonpane.ui-widget-content.ui-helper-clearfix #closebtn .ui-button-text {
width: 40px !important;
}
.ui-dialog-buttonpane.ui-widget-content.ui-helper-clearfix #closebtn .ui-button-text:hover {
background: transparent !important;
border: 0px !important;
}
body#homepage .ui-widget-content.ui-dialog .ui-button .ui-button-text, 
body .ui-widget-content.ui-dialog.startup_style .ui-button .ui-button-text,
#homepage_hs_648 button.btn-here825{
height: 32px;
padding: 0px 0px 2px;
background-color: #125789;
background-size: cover; 
font-size: 12px;
color: #ffffff;
text-decoration: none ;
text-align: center;
font-weight: 600;
width: 100px;
line-height: 2.4;
}
body .ui-widget-content.ui-dialog.startup_style .ui-button { padding: 0px !important; }
body .ui-widget-content.ui-dialog.startup_style .ui-dialog-buttonset { text-align: center; }
body#homepage .ui-widget-content.ui-dialog .ui-button .ui-button-text:hover,
#homepage_hs_648 button.btn-here825:hover{
    background-color: #1976ba;
    opacity: 1;
}
body#homepage .ui-widget-content.ui-dialog form .rst-sortable-navigation-header div {
    background-color: #d3dce5 !important;
    color: #125789 !important;
    height: 100%;
}
body#homepage .ns-section .ns-head {
    background-color: #d3dce5 !important;
    color: #125789 !important;
}
body#homepage .ui-widget-content.ui-dialog form .rst-sortable-navigation-header {
 height: 38px;
padding: 0px;
}
body#homepage .ui-widget-content.ui-dialog form .rst-sortable-navigation {
    margin-top: 0px; 
}
body#homepage .ui-widget-content.ui-dialog form .rst-sortable-navigation-header div span {
    height: 38px; 
padding-top: 9px !important;
border-left: 0px solid #a9a9a9;
box-sizing: border-box;
margin-top: 0px;
}
body#homepage .ui-widget-content.ui-dialog form ul.rst-sortable-navigation.ui-sortable li {
    border-bottom: 1px solid #f2f4f7;
}
body#homepage .ui-widget-content.ui-dialog form ul.rst-sortable-navigation.ui-sortable li:nth-child(odd) {
  background: #fafcff !important;
}
body#homepage .ui-widget-content.ui-dialog form ul.rst-sortable-navigation.ui-sortable li:nth-child(even) {
  background: #f7f7f7 !important;
}
body#homepage .ui-widget-content.ui-dialog form .rst-sortable-navigation-header div span a {
    background: #125789;
}
body#homepage .ui-widget-content.ui-dialog .w70ab {
border-right: 0px solid #fff;
}
/* .modal */
/* range slider on modal*/
body#homepage .ui-widget-content.ui-dialog  .range-slider {
position: relative;
padding: 10px 0px 0px 70px;
height: 30px;
}
body#homepage .ui-widget-content.ui-dialog  .range-slider input.range-slider__range {
padding: 0px 0px;
width: 100% !important;
}
body#homepage .ui-widget-content.ui-dialog  .range-slider input.range-slider__value {
width: 60px;
height: 27px;
position: absolute;
left: 0px;
top: 0px;
}

/* .renge slide on modal */



.translation-links .select-list {
left: auto !important;
right: -60px;
background-color: #fff;
margin-top: 34px !important;
-webkit-box-shadow: 0px 3px 6px 0px rgba(50, 50, 50, 0.27);
-moz-box-shadow: 0px 3px 6px 0px rgba(50, 50, 50, 0.27);
box-shadow: 0px 3px 6px 0px rgba(50, 50, 50, 0.27);
max-height: 300px;
overflow: auto;
 }
.translation-links .select-list  li.clsAnchor:hover {
 background-color: #eee;
}
.translation-links .select-list  li.clsAnchor span{
padding: 0px 15px 0px 40px;
min-height: 20px;
background-color: transparent !important;
font-weight: 400;
}

img[src="/misc/lang/globe.png"] { opacity: 0.4 } 
span.fa {
    font-family: FontAwesome !important ; 
}

span.material-icons {
    font-family: 'Material Icons';
}




/*page setting vav homepage*/
#edit_page_settings textarea{
    border-radius: 0px !important;
    -webkit-box-shadow: inset 0 0px 0px rgba(0, 0, 0, 0);
-moz-box-shadow: inset 0 0px 0px rgba(0, 0, 0, 0);
box-shadow: inset 0 0px 0px rgba(0, 0, 0, 0);
border: 1px solid #ccc;
}
#edit_page_settings input.button,
#edit_page_settings input[type="button"] {
    height: 32px !important; 
background-color: #125789 !important; 
font-size: 14px !important;
color: #ffffff !important;
text-decoration: none !important ;
text-align: center !important;
font-weight: 600 !important;
padding: 5px 20px !important;
border: 0px solid #333;
border-radius: 0px !important;
} 
#edit_page_settings input.button:hover,
#edit_page_settings input[type="button"]:hover {
    background-color: #1976ba !important;
}
#edit_page_settings #page_upd_admin,
#edit_page_settings #page_disp_sett,
#edit_page_settings #cust_url,
#edit_page_settings #meta_tags,
#edit_page_settings #stats,
#edit_page_settings #get_link {
    top: 40px;
padding: 15px 15px !important;
box-sizing: border-box;
width: 100% !important;

}
#edit_page_settings #stats {
    overflow-y: auto;
height: calc( 100% - 30px );
}
#edit_page_settings font[size="5"]{
    font-size: 14px;
margin-left: 0px;
margin-bottom: 10px;
display: block;
}
#edit_page_settings div[style="padding:5px;color:#888888;"],
#edit_page_settings div[style="padding:8px;color:#888888;"]{
padding: 0px 0px !important;
}
#edit_page_settings #page_disp_sett div label {
    float: none;
float: unset;
display: inline-block;
padding: 0px 0px 0px 10px;
}
#edit_page_settings #page_disp_sett input[type="radio"],
#edit_page_settings #page_disp_sett input[type="checkbox"]{
margin: 0px 0px;
display: inline-block;
position: relative;
top: 4px;
}
.expand.fa.fa-angle-down,
.expand.fa.fa-angle-up {
right: 10px
}
#edit_page_settings #closebtn .ui-button-text {

}
 #closebtn {
z-index: 20003;
background-color: transparent !important;
border : 0px solid #333333 !important;
}
#edit_page_settings select#vav_page,
#edit_page_settings select {
border: 1px solid #c6c6c6 !important;
height: 42px !important;
padding: 10px 10px;
margin-right: 5px; 
margin-bottom: 10px;
}
#closebtn span[style="font-weight: bold; position: absolute; color: rgb(255, 255, 255); background-color: rgb(0, 0, 0); top: -5px; left: -7px; border-radius: 5px;"] {
background-color: #125789 !important;
width: 40px !important;
}
#closebtn span[style="font-weight: bold; position: absolute; color: rgb(255, 255, 255); background-color: rgb(0, 0, 0); top: -5px; left: -7px; border-radius: 5px;"] .fa {

}
#edit_page_settings .spage {
    padding: 10px 10px;
}
#edit_page_settings td[style="position: relative; padding-left: 10px;"] {
padding-left: 0px !important;
}
#edit_page_settings td[style="width: 200px;"] div[style="width: 100%; color: #fff; background-color: #000; padding: 4px; text-align: center; border-radius: 5px;"],
#edit_page_settings td[style="width: 200px;"] div[style="width: 100%; height: 400px; background-color: #ccc; padding: 35px 5px 0 5px; position: relative;"] div[style="width: 200px; color: #fff; background-color: #000; padding: 4px; text-align: center; border-radius: 5px; position: absolute; top: 0px; left: 0px;"]{
padding: 10px !important;
border-radius: 0px !important; 
background-color: #125789 !important;
}
#edit_page_settings td[style="width: 200px;"] div[style="width: 100%; height: 400px; background-color: #ccc; padding: 35px 5px 0 5px; position: relative;"] {
    background-color: #eaeaea !important; 
}
#edit_page_settings td[style="width: 200px;"] {
    padding: 0px 0px;
}
#edit_page_settings table tr td div[style="width: 100%; height: 400px; background-color: #ccc; padding: 5px;"] {
border-radius: 0px !important;
padding: 0px 0px !important; 
border-right: 1px solid #c6c6c6;
background-color: #eaeaea !important;
}
#edit_page_settings div[style="width: 100%; height: 400px; background-color: #ccc; padding: 5px;"] {
    padding: 0px 0px !important;
}
#edit_page_settings #menu_settings {
    padding: 10px 10px !important;
}

#edit_page_settings td[style="width: 200px;"] > div > br{
display: none;
}
#edit_page_settings .ui-dialog-buttonset #closebtn .ui-button-text {

}

#edit_page_settings #vav_subname {
width: 100% !important;
border-radius: 0px !important;
top: 0px !important;
background-color: #125789 !important;
padding: 10px 10px !important;
}

body#homepage .ui-widget-content.ui-dialog input:focus, 
body#homepage .ui-widget-content.ui-dialog textarea:focus {
    outline: 0;
    border: 1px solid #1976ba;
    border-color: #1976ba;
    -webkit-box-shadow: inset 0 0px 0px rgba(0, 0, 0, 0), 0 0 0px rgba(0, 0, 0, 0);
    -moz-box-shadow: inset 0 0px 0px rgba(0, 0, 0, 0), 0 0 0px rgba(0, 0, 0, 0);
    box-shadow: inset 0 0px 0px rgba(0, 0, 0, 0), 0 0 0px rgba(0, 0, 0, 0);
}
body#homepage .ui-dialog-content.ui-widget-content{
    z-index: 350000 !important;  
}
body#homepage .ui-widget-content.ui-dialog{
    z-index: 200011 !important;  
}
body#homepage #TB_window {
    z-index: 333336 !important;  
}

body#homepage .ui-widget-overlay {
    background: #000;
    opacity: 0.8;
    z-index: 33335 !important;
}
.contbg  .changebg .fa.fa-arrows {
    font-size: 17px !important;
    position: relative;
    top: 0px;
}
.contbg  .changebg .fa.fa-cog{  
font-size: 20px !important;
}
.contbg .changebg.button {
margin: 0px 0px; 
width: auto !important;
padding: 10px 8px;
}
body.right_active  .top-heder.for-urgentnotice {
/*position: absolute !important;
top: -50px; */
}
body.admin-view .logo-row, 
body.admin-view .sosmed-row {
    min-height: 0px; }
/* ===================== end vav homepage admin =====================  */


/* =====================  vav subsite admin =====================  */
.as {
top: 0px !important;
margin-top: 50px !important;
height: 50px;
background-color: #f2f4f7 !important;
width: 100% !important;
}
.as #btnSetting.ui-button.ui-widget.ui-state-default.ui-corner-all.ui-button-icons-only{
width: auto;
border: 0px solid #333;
background-color: transparent !important;
background: transparent !important;
padding: 0px 0px;
margin: 0px 0px;
height: 50px;
}
.as #btnSetting.ui-button.ui-widget.ui-state-default.ui-corner-all.ui-button-icons-only .ui-button-text {
display: none;
}
.as #btnSetting.ui-button.ui-widget.ui-state-default.ui-corner-all.ui-button-icons-only .ui-icon-gear {
background-image: none;
overflow: visible;
margin: 0px 0px 0px 5px;
position: relative;
padding: 0px 0px;
left: 0px;
top: 0px;
width: 20px;
height: 20px;
text-indent: unset;
text-align: left;
}
.as #btnSetting.ui-button.ui-widget.ui-state-default.ui-corner-all.ui-button-icons-only .ui-icon-gear:before{
content: "\f013";
display: block;
position: relative;
max-width: 0px;
max-height: 0px; 
color: #595959;
font-size: 20px;
display: inline-block;
font-family: FontAwesome;
font-style: normal;
font-weight: normal;
line-height: 1;
}
.as #btnSetting.ui-button.ui-widget.ui-state-default.ui-corner-all.ui-button-icons-only .ui-icon-triangle-1-s {
    display: none;
}
/* ===================== end vav subsite admin =====================  */

.subsite_content {
    width: 90%;
    margin: 0 auto;
    top: 20px !important;
}
.as #menuSetting { 
padding: 10px 10px !important;
border-radius: 0px !important; }
.as #menuSetting  .ui-state-hover, 
.as #menuSetting  .ui-widget-content .ui-state-hover, 
.as #menuSetting  .ui-widget-header .ui-state-hover, 
.as #menuSetting  .ui-state-focus, 
.as #menuSetting  .ui-widget-content .ui-state-focus, 
.as #menuSetting  .ui-widget-header .ui-state-focus { 
    margin: 0px 0px 0px 0px;
    font-weight: normal;
    color: #eeeeee;
    background-color: transparent;
    background-image: none;
    border: 0px solid #333333 !important;
}
.as #menuSetting a {
    text-decoration: none;
}
.as #menuSetting .ui-menu .ui-menu-item { 
    padding: 3px 0px; 
    width: 100% !important;
}
.subsite_content .content_vav {
padding-left: 0px;
max-width: 947.5px;
/*padding-left: 335px*/
}
.subsite_content .content_vav table {
    max-width: 100% !important;
}

body .settop_hs #cl_pages.cl_buttons {
    left: -390px;
width: 390px !important;
}
body .settop_hs #cl_pages.cl_buttons #listpage #listpagescontent .ns-section ol.sortable li.mjs-list .icon-move { 
    box-sizing: border-box;
    padding: 0px 0px !important;
    margin-top: 0px;
}
body .settop_hs #cl_pages.cl_buttons #listpage #listpagescontent .ns-section ol.sortable li.mjs-list .icon-move .menu_list{
    padding: 5px 5px !important;
background: #fbfbfb !important;
margin-bottom: 1px;
border-bottom: 1px solid #d4d4d4;
height: 30px !important;
box-sizing: border-box;
display: flex;
align-items: center;
}
body .settop_hs #cl_pages #listpage #listpagescontent .ns-section ol.sortable li.mjs-list .icon-move .fa-arrows { 
    padding: 0px 0px;
}
body .settop_hs #listpages #listpage  .fa.expand{
right: 10px !important;
}
body#homepage .settop_hs #listpages #listpage .fa.expand.fa-angle-up {
    /* transform: rotate(180deg); */
}
body#homepage .settop_hs #listpages #listpage .fa.expand.fa-angle-down {
   /*  transform: rotate(180deg); */
}




body .settop_hs #cl_pages.cl_buttons #pages  #btn_type{
margin-top: 15px;
width: 390px;
box-sizing: border-box;
height: auto !important;
margin-left: -7px;
border: 1px solid #e9e9e9;
background-color: #fff;
box-shadow: rgb(0, 0, 0) 0px 0px 0px !important;
}
#btn_type{
    width: 374px !important;
    margin-left: 0px !important;
    margin-top: 4px !important;
}
body .settop_hs #cl_pages.cl_buttons #pages  #btn_type .btn-add { 
}
body .settop_hs #cl_pages.cl_buttons #listpages input[type="text"] { 
    box-sizing: border-box;

}
body .settop_hs #cl_pages.cl_buttons #pages  #btn_type .btn-add a{
    text-decoration: none;
color: #333;
padding: 2px 5px;
display: block;
} 
body .settop_hs #cl_pages.cl_buttons #pages  #btn_type .btn-add a:hover {
   text-decoration: none;
    color: #333;  
}

body .settop_hs #cl_pages .ns-section ol.ns-content, body .settop_hs #cl_pages .ns-section ol.ns-content-vav,
body .settop_hs #cl_pages .ns-section ol.ns-content ol, body .settop_hs #cl_pages .ns-section ol.ns-content-vav ol {
margin: 0 0 0 10px !important;
padding-left: 5px;
list-style-type: none;
}
body .settop_hs #cl_pages.cl_buttons .menu_settings,
body .settop_hs #cl_pages .menu_settings {
background: #fff !important;
width: auto !important;  
padding-right: 10px;
padding-left: 10px;
z-index: 2;
border-radius: 5px;
height: 20px !important;
box-sizing: border-box;
margin-top: 1px; 
border: 0px solid #333 !important;
right: 27px !important;
padding-top: 2px !important;
margin-top: 4px !important;
padding-right: 10px !important;
padding-left: 10px !important;
min-height: 0px !important;
}
body .settop_hs #cl_pages.cl_buttons .menu_settings .fa,
body .settop_hs #cl_pages .menu_settings .fa {
padding: 0px 2px;
}
body .settop_hs #cl_pages.cl_buttons .menu_settings:hover, 
body .settop_hs #cl_pages .menu_settings:hover {
background: #fff !important;
width: auto !important; 
visibility: visible !important;
opacity: 1 !important;
padding-right: 10px;
padding-left: 10px;
z-index: 2;
border-radius: 5px;
height: 20px !important;
box-sizing: border-box;
margin-top: 1px; 
}
body .settop_hs #cl_pages.cl_buttons   .menu_settings:hover i,
body .settop_hs #cl_pages .menu_settings:hover i{
color: #333333;
}


body .settop_hs #cl_pages.cl_buttons #add_page_area {
    padding: 0px 10px 0px;
}
body .settop_hs #cl_pages.cl_buttons #add_link_area {
    padding: 0px 10px 0px;
}
body .settop_hs #cl_pages.cl_buttons #add_link_area strong div[style="float: left;"] { 
    margin-bottom: 20px;
display: block; 
margin-top: 20px;
width: 100%;
}
body .settop_hs #cl_pages.cl_buttons #add_link_area #close_add_link_area { 
}
body .settop_hs #cl_pages.cl_buttons #add_page_area .add_p {
padding: 0px 0px;
margin: 20px 0px 20px;
}


.as #menuSetting .ui-menu .ui-menu-item a[style="color:red"] {
color: #fff !important;
background-color: #125789;
padding: 5px 10px;
font-weight: 400;
border-radius: 0px !important;
}
.as #menuSetting .ui-menu-item  {
    width: auto !important;
padding: 5px 0px;
}
.as #menuSetting .ui-menu-item a[href="/logout"] {
    color: #fff !important;
background-color: #125789;
border-radius: 0px !important;
padding: 5px 10px;
}

.settop_hs.hs_eform .btn{
    box-shadow: 0 0px 0px 0 rgba(0, 0, 0, 0), 0 0px 0px 0 rgba(0, 0, 0, 0), 0 0px 0px 0px rgba(0, 0, 0, 0) !important;
    letter-spacing: normal;
transition: 0s ease-out !important;
line-height: normal !important;
font-weight: 400 !important;
font-size: 12px !important;
line-height: 1.5 !important;
height: auto !important;
text-transform: none !important;
font-family: 'Open Sans', sans-serif !important;
font-weight: 600;
}
.content_vav .z-depth-1, 
.content_vav nav, 
.content_vav .card-panel, 
.content_vav .card, 
.content_vav .toast, 
.content_vav .btn, 
.content_vav .btn-large, 
.content_vav .btn-floating, 
.content_vav .dropdown-content, 
.content_vav .collapsible, 
.content_vav .side-nav {
     box-shadow: 0 0px 0px 0 rgba(0, 0, 0, 0), 0 0px 0px 0 rgba(0, 0, 0, 0), 0 0px 0px 0px rgba(0, 0, 0, 0) !important;
}
.content_vav .select-wrapper input.select-dropdown {
border-radius: 0px !important;
font-size: 14px;

}
body .btn, 
body .btn-large{
background-color: #125789;
border-radius: 0px !important; 
 height: auto;
text-transform: unset; 
line-height: normal; 
}
body .subsite_content .btn, 
body .subsite_content .btn-large{
    padding: 7px 10px !important;
letter-spacing: normal;
font-size: 12px;
font-weight: bold;
}
body .subsite_content  a#add-button.thickbox.waves-effect.waves-light.btn .material-icons.left {
display: none;
}
body .btn:hover, .btn-large:hover,
body .btn:focus, .btn-large:focus, 
body .btn-floating:focus {
    background-color: #1976ba !important;

}
  #closebtn {
   background-color: transparent !important;
background: transparent !important; 
}
 #closebtn .ui-button-text{
box-sizing: border-box;
width: auto !important;
background-color: transparent !important;
background: transparent !important;
}

#edit_page_settings #get_link .zerocop div[style="padding-left:20px;width: 80%;"] {
width: 100% !important;
padding-left: 0px !important;
box-sizing: border-box;
}
#edit_page_settings #get_link .zerocop input {
    box-sizing: border-box !important;
}
#edit_page_settings #get_link .zerocop div[align="right"]{
    text-align: center;
    text-align: center;
margin: 10px;
}
#edit_page_settings #get_link .zerocop input[type="button"] {

}

.btn_ttl .classunik{
width: 90%;
margin: 10px auto 0px;
padding-left: 0px;
max-width: 947.5px;
box-sizing: border-box;
text-align: left;
padding-right: 180px; 
}
.btn_ttl .classunik span.bigheader {
    width: auto !important;
    font-size: 18px;
    font-weight: 600;
    font-family: 'Open Sans', sans-serif;
    color: #333; 
} 

.ns-section .ns-content li div {
    margin: 0px 0px !important;
    padding: 0px 0px !important;
}
.ns-section, .ns-content li[id^="list_"] { font-size: 9pt;  }
.ns-content li[id^="list_"] span label, .ns-section .ns-intro span label { padding: 0px 2px; }
.ns-section .ns-head div { font-size: 12px; }

.subsite_content .content_vav div {  }

 
/*site color*/ 
body #site_color .ui-widget-content {
    -webkit-box-shadow: inset 0 0px 0 #fff;
-moz-box-shadow: inset 0 0px 0 #ffffff;
box-shadow: inset 0 0px 0 #fff;
       background: #f3f4f8 !important;
    background-color: #F3F4F8 !important; 
}
body #site_color{
    background: #f3f4f8 !important;
    background-color: #F3F4F8 !important;
    width: 440px !important;
left: -440px !important; 
position: fixed !important; 
height: calc( 100vh - 50px ) !important;
top: 50px !important;
display: block !important;
-webkit-transition: all 0.5s ease-in-out;
-moz-transition: all 0.5s ease-in-out;
-o-transition: all 0.5s ease-in-out;
-ms-transition: all 0.5s ease-in-out;
transition: all 0.5s ease-in-out;

-webkit-box-shadow: 1px 0px 4px 0px rgba(170, 170, 170, 0.51);
-moz-box-shadow: 1px 0px 4px 0px rgba(170, 170, 170, 0.51);
box-shadow: 1px 0px 4px 0px rgba(170, 170, 170, 0.51);
}

body#homepage .ui-widget-content#site_color > .ui-widget-header {
background-color: #ffffff !important;
background: #ffffff !important;
border-bottom: 1px solid #c6c6c6 !important;
text-transform: uppercase;
}
body#homepage .ui-widget-content#site_color > .ui-widget-header:hover {
    cursor: auto !important;
}
body#homepage .ui-widget-content#site_color > .ui-widget-header .ui-dialog-title {
    font-size: 14px;
font-weight: 600;
color: #757575 !important;
    text-align: left;
    
}
body#homepage .ui-widget-content#site_color .ui-dialog-titlebar-close {
    opacity: 1 !important;
}
body .ui-widget-overlay { 
} 

body #site_color tr[style="color:#0069D6;"] {
    color: #757575 !important;
}

form#dwccustom-mod-index  label[for="switch_editor"],
form#dwccustom-mod-index  label[for="switch_image"],
form#dwcbasic-mod-index label[for="switch_editor"],
form#dwcbasic-mod-index label[for="switch_image"] {
padding-top: 0px !important;
position: relative;
top: 0px;
float: none;
float: unset;
display: inline-block;
padding: 0px 0px 0px 0px !important;
}


.content_vav form input[type="radio"], 
.content_vav form input.radio, 
.content_vav input[type="checkbox"],
form#dwccontact-mod-index input[type="radio"], 
form#dwccontact-mod-index input.radio, 
form#dwccontact-mod-index input[type="checkbox"], 
form#dwccontact-mod-index input.checkbox{
float: none;
float: unset;
display: inline-block;
margin: 0px 0px;
}

form#dwccustom-mod-index input[type="radio"],
form#dwccontact-mod-index input[type="radio"] {
    margin-right: 5px;
}


div[align="right"] span#s.bcopyfooter {
float: right;
}
div[align="right"] span#s.bcopyfooter img[src="/sites/all/themes/rstadmin/images/move_right.gif"] {
position: relative;
top: -3px;
}

form#dwccustom-mod-index #sch_enabled {
margin: 3px 5px 0px 0px;
}
form#dwccustom-mod-index table[width="98%"] tbody tr td[style="border: 1px solid #D9D9BA;padding: 10px;"] .bcopyforms {
min-width: 45px !important;
display: inline-block;
}
 
.content_vav form div[align="center"]  {
text-align: center;
margin: 10px 0px;
}

#dwceclass-main-admin div div table[valign="bottom"] {
float: left;
}
#dwceforms-mod-index .ns-section .ns-head.clr,
#dwceclass-main-admin .ns-section .ns-head.clr{
height: auto;
line-height: 30px;
}
#dwceclass-main-admin div div .ns-section ol.ns-content.ui-sortable li div .fr.tc.w110 label{
padding: 0px 0px 0px 4px;
}
#dwceclass-main-admin div div .ns-section ol.ns-content.ui-sortable li div .fr.tc.w110 label input.check_online {

}

.subsite_content .content_vav form {
 text-align: left;
}

.content_vav form .ns-section .ns-intro  label input[type="radio"],
.content_vav form .ns-section .ns-content  label input[type="radio"] {
margin-right: 3px;
}


#dwceforms-mod-index table table div[align="center"] table{
margin: 0 auto;
}

.subsite_content .content_vav form .ns-section .ns-head.clr{ 
height: auto;
line-height: 30px;
}
.subsite_content .content_vav form .ns-section ol li {
    clear: both;
}
.subsite_content .content_vav form .ns-section ol li input.button, 
.subsite_content .content_vav form .ns-section ol li input.link {
    margin-top: 3px;
    padding: 0px 10px !important;
}
.subsite_content .content_vav form#dwcfeedback-edit-subsites label{
float: unset;
float: none;
display: inline-block;
}

#dwctable-mod-index .n_table,
#dwcpolicies-edit-subsites table[style="margin-top:-3px;"],
#dwcpodcasting-mod-index table[style="margin-top:-3px;"],
#dwchomework-mod-index table[style="margin-top:-3px"],
#dwcjobposting-mod-index table[style="margin-top:-3px"],
#dwccontact-mod-index table[style="margin-top:-3px"],
#dwclink-mod-index table[style="margin-top:-3px"],
#dwclink-mod-index table[style="margin-top:-3px;"],
#dwcdoclib-mod-index table[style="margin-top:-3px"],
#dwcgallery-mod-index table[style="margin-top:-3px"],
#dwcsurvey-mod-index table[style="margin-top:-3px;"],
#dwcphotogallery-mod-index table[style="margin-top: -3px;"],
#dwcmulti-content-mod-index table[style="margin-top:-3px;"],
#dwcnewsletter-mod-index table[style="margin-top:-5px;"],
#dwcrss-mod-index table[style="margin-top:-5px;"],
#dwcpolicies-create-next-tab table[style="margin-top:-5px;"],
#dwcpodcasting-mod-index div table tbody tr td table:nth-of-type(2n),
#dwctable-mod-index-zzzzzz div table:nth-of-type(2n) {
border-left: 2px solid #b6b699;
border-right: 2px solid #b6b699;
margin-top: -4px !important;
}

#dwcpolicies-create-next-tab div table tbody tr td table tbody tr td[width="202"] table[width="196"] tbody tr td[width="196"],
#dwcpolicies-edit-subsites div table tbody tr td table tbody tr td[width="202"] table[width="196"] tbody tr td[width="196"],
#dwcmulti-content-mod-index div table tbody tr td table tbody tr td[width="202"] table[width="196"] tbody tr td[width="196"],
#dwcpodcasting-mod-index    div table tbody tr td table tbody tr td[width="202"] table[width="196"] tbody tr td[width="196"] {
width: auto !important; 
}
#dwcjobposting-mod-index td[width="98"] {
width: auto !important;
}
#start_option .show_startup_btn { 
    position: relative !important;
    opacity: 1 !important;
    left: 0px !important; 
}
#dwccontact-mod-index span.products {
display: block;
clear: both;
margin: 0px 0px 0px;
float: left;
}
#dwcmulti-content-mod-index input[type="radio"],
#dwcmulti-content-mod-index input[type="checkbox"],
#dwcnewsflash-form input[type="radio"],
#dwcnewsflash-form input[type="checkbox"],
#dwcquicklinks-form table#otabs input[type="checkbox"]{
margin-right: 5px;
} 
#dwcnewsflash-form input[type="radio"][name="navthumb"][value="2"],
#dwcnewsflash-form input[type="radio"][name="navthumb"][value="3"] {
    margin-left: 10px;
}

#dwcphotogallery-mod-index a[title="Edit Album Name"] {
    padding: 0px 10px 0px 8px;
    position: relative;
    top: 3px;
} 

#TB_closeAjaxWindow {
    display: flex;
    line-height: 2.1;
    font-size: 10px;
 }
 #TB_closeAjaxWindow #TB_closeWindowButton {
    margin-right: 5px;
 }


 #dwcbasic-mod-index  #sch_from{  }
 #dwcbasic-mod-index  #sch_to{ margin-left: 5px; }

#dwcwebform-table-content-form #dwcwebform-content .prevent-spam-container .switch label[for="prevent-spam_5296"] {
        display: block; 
    clear: both;
}


body .ns-section ol.ns-content {
    margin-left: 0px !important;
    padding-left: 0px !important;
    list-style: none !important;
}


form .ns-section .ns-head{
    overflow: hidden;
}
form .ns-section .w30,
form .ns-section .w40,
form .ns-section .w50,
form .ns-section .w60,
form .ns-section .w70,
form .ns-section .w80,
form .ns-section .w90,
form .ns-section .w100,
form .ns-section .w110,
form .ns-section .w120,
form .ns-section .w150,
form .ns-section .w50,
#dwcphotogallery-mod-index .ns-section .ns-content .fr.tc,
#dwcphotogallery-mod-index div[style="width:17%;word-wrap: break-word;border:none;line-height:100%;padding:3px"]
{
min-height: 27px;
display: flex;
align-items: center;
justify-content: center;
}
form .ns-section .wcustom {
 min-height: 27px;
display: flex;
align-items: center;   
}
 
#dwcpolicies-edit-subsites td[width="5%"],
#dwcpolicies-edit-subsites td.rightlink[width="10%"],
#dwcpolicies-edit-subsites td.rightlink[width="15%"],
#dwcpolicies-edit-subsites td.rightlink1,
#dwcpolicies-edit-subsites td.rightlink1[width="15%"] {
text-align: center;
}
#dwcpolicies-edit-subsites td.rightlink1 input[type="radio"]{
margin: 0px 4px;
}

.bcopyforms label[for="switch_editor"] {margin-right: 20px;}

.bcopyforms input#switch_editor[type="checkbox"],
.bcopyforms input#switch_image[type="checkbox"],
form#dwcgallery-mod-index input[type="radio"],
#dwcgallery-mod-index input[type="checkbox"],
#dwchomework-mod-index input[type="checkbox"],
#dwcjobposting-mod-index input[type="radio"][name="layout_textformat"],
#dwcjobposting-mod-index .bcopy input[type="Checkbox"],
#dwcphotogallery-mod-index input[type="Checkbox"]{
margin-right: 5px;
}


#dwcmembers-mod-index input[type="radio"]{
margin-left: 5px;
margin-right: 10px;
}

#dwcquicklinks-form input[type="radio"],
select#title_fontsize,
input[type="Checkbox"][name^="bold_"],
input[type="Checkbox"][name^="italic_"],
input[type="Checkbox"][name^="underline_"],
input[type="Checkbox"][name^="title_"]  { 
margin-right: 5px;
 }


#dwcnewsletter-mod-index input#sch_to[type="Text"],
#dwcrss-mod-index input#sch_to[type="Text"] {
margin-left: 5px;
}

#dwcquicklinks-form table#quicklinks_tab_10 .rightlink {
min-width: calc( 100% - 15px );
display: inline-block;
text-align: center;
}

#dwcpodcasting-mod-index img[src="/sites/all/themes/rstadmin/images/move_right.gif"],
#dwcrss-mod-index img[src="/sites/all/themes/rstadmin/images/move_right.gif"] {
    position: relative;
top: -4px;
left: -2px;
}

#dwcwiki-mod-index a[href="/admin/build/module/wiki/s/4936/5359"]{
position: relative;
top: -4px;
}

/*----*/
.titlesect2 { color: #404040; text-shadow:0 -1px 0 rgba(0,0,0,0.25); }

input.link[value="Create New"],
input#btnCreate.form-submit.link[value="Create New"], 
input.link[value="Add new entry"],
input[type="submit"][value="Save"],
input[type="submit"][value="Save changes to intro text"],
input[type="submit"][value="Save Changes"],
input[type="submit"][value="Save changes"]
 {
color: #fff !important;
background-color: #125789 !important;
border-radius: 0px !important;
border: 0px solid #333;
height: 32px;
cursor: pointer;
padding: 0px 20px !important;
}
input.link[value="Create New"]:hover,
input#btnCreate.form-submit.link[value="Create New"]:hover, 
input.link[value="Add new entry"]:hover, 
input[type="submit"][value="Save"]:hover,
input[type="submit"][value="Save changes to intro text"]:hover,
input[type="submit"][value="Save Changes"]:hover,
input[type="submit"][value="Save changes"]:hover{ 
 background-color:#1976ba !important;
}

 
/*----*/


.ui-dialog.ui-draggable.ui-resizable[aria-describedby="edit_link"] .ui-dialog-buttonset{
text-align: center;
margin-bottom: 10px;
}
.ui-dialog.ui-draggable.ui-resizable[aria-describedby="edit_link"] .ui-dialog-buttonset .ui-button {
    border: 0px solid #D4D4D4 !important;
color: #fff !important;
background-color: #125789 !important;
background: #125789 !important;
border-radius: 0px !important;
}
.ui-dialog.ui-draggable.ui-resizable[aria-describedby="edit_link"] .ui-dialog-buttonset .ui-button:hover {
    background: #1976ba !important;
    background-color:  #1976ba !important;
}

.ui-dialog.ui-draggable.ui-resizable[aria-describedby="edit_link"] .ui-dialog-titlebar.ui-widget-header {
color: #fff !important;
background-color: #125789 !important;
}
.ui-dialog.ui-draggable.ui-resizable[aria-describedby="edit_link"] .ui-dialog-titlebar.ui-widget-header .ui-button.ui-dialog-titlebar-close{
background: transparent !important;
border: 0px !important;
}

.ui-dialog.ui-draggable.ui-resizable[aria-describedby="edit_link"] .ui-dialog-titlebar.ui-widget-header .ui-button.ui-dialog-titlebar-close .ui-icon {
margin-top: -10px;
}
.breadcrumbs, #start_option {
font-size: 14px;
display: flex !important;
align-items: center !important;
}


body .ui-state-default:hover, 
body .ui-widget-content .ui-state-default:hover, 
body .ui-widget-header .ui-state-default:hover,
body .ui-state-default, 
body .ui-widget-content .ui-state-default, 
body .ui-widget-header .ui-state-default{
-webkit-box-shadow: inset 0 0px 0 rgba(0, 0, 0, 0), 0 0px 0px rgba(0, 0, 0, 0);
-moz-box-shadow: inset 0 0px 0 rgba(0, 0, 0, 0), 0 0px 0px rgba(0, 0, 0, 0);
box-shadow: inset 0 0px 0 rgba(0, 0, 0, 0), 0 0px 0px rgba(0, 0, 0, 0); 
}


#start_option input[type="checkbox"], 
#start_option input[type="radio"] {
margin-top: 0px !important;
}


.settop_hs #start_option label {
    padding-top: unset;
}

.page_here {
    display: inline-block;
    height: 50px;
    padding: 12px 0px;
}

body #back_madmin {
    margin-left: 10px !important;
}

#site_color #dialog{
height: auto !important; 
max-height: calc( 100vh - 50px - 46px - 70px);
}
/* vav-left-menu */
body.h_admin {
    padding-left: 50px;
}
#listpage .ns-section ol#sortable1{
padding-left: 0px;
margin-left: 0px !important;
}
.settop_hs ul.breadcrumbs{
padding-left: 0px;
}
body #site_color .ui-dialog-titlebar-close.ui-corner-all,
#closebtfloat2,
#closebtfloat {
    display: none !important;
}
.settop_hs #btPages,
.settop_hs #settop_hs, 
.settop_hs #btfloat, 
.settop_hs #Leaderboard{
    display: none !important;
}
.vav-left-menu {
    font-family: 'Open Sans', sans-serif;
    height: calc( 100% - 50px );
    width: 50px;
    position: fixed;
    background-color: #f3f4f8;
    -webkit-box-shadow: 1px 0px 4px 0px rgba(170, 170, 170, 0.51);
    -moz-box-shadow: 1px 0px 4px 0px rgba(170, 170, 170, 0.51);
    box-shadow: 1px 0px 4px 0px rgba(170, 170, 170, 0.51);
    top: 50px;
    left: 0px;
    z-index: 200022;
    box-sizing: border-box; 
}
.vav-left-menu .vlm-item {
    color: #11578a;
    text-align: center;
    padding: 10px 10px;
    cursor: pointer;
    border-bottom: 1px solid #cecece;
    width: 100%;
    padding: 15px 10px;
    box-sizing: border-box;
    position: relative;
}

#site_color .ui-button .ui-button-text {
display: flex; 
justify-content: center;
align-items: center;
padding: 0px 0px !important;
} 
.vav-left-menu .vlm-item.vlm-button-hide {
    font-size: 24px;
    display: none;
}
.ada-sidenav-active .vav-left-menu .vlm-item.vlm-button-hide {
    display: none;
}
.vav-left-menu .vlm-item:hover,
.vav-left-menu .vlm-item.active {
    background-color: #e3e6eb;
}
.vav-left-menu .vlm-item.vlm-button-hide.active { 
    background-color: #f3f4f8;
}
.vav-left-menu .vlm-item .vlm-item-icon {
    font-size: 20px;
    line-height: 0px; 
    padding: 0px 5px 0px;
    margin-top: -1px;
}
.vav-left-menu .vlm-item .vlm-item-title {
    font-size: 12px;
    font-weight: 600;
    line-height: 1.1;
    display: none;
}
.vav-left-menu .vlm-item:hover .vlm-item-title {
 left: 56px;
background-color: #125789;
color: #fff;
top: 50%;
height: auto;
margin-top: -20px;
display: flex;
align-items: center;
position: absolute;
padding: 7px 10px;
border-radius: 3px;
text-align: left;
}
.vav-left-menu .vlm-item .vlm-item-title:before {
right: 100%;
top: 50%;
border: solid transparent;
    border-top-color: transparent;
    border-top-width: medium;
    border-right-color: transparent;
    border-right-width: medium;
    border-bottom-color: transparent;
    border-bottom-width: medium;
    border-left-color: transparent;
    border-left-width: medium;
content: " ";
height: 0;
width: 0;
position: absolute;
pointer-events: none;
border-color: rgba(136, 183, 213, 0);
    border-right-color: rgba(136, 183, 213, 0);
border-right-color: #125789;
border-width: 5px;
margin-top: -5px;

}
.vav-left-menu .vlm-item.active:hover .vlm-item-title {
    display: none !important;
}

.tooltip-inner {
    background-color: #11578a
} 
.bs-tooltip-auto[x-placement^=bottom] .arrow::before, .bs-tooltip-bottom .arrow::before {
    border-bottom-color: #11578a !important;
}
.bs-tooltip-auto[x-placement^=top] .arrow::before, .bs-tooltip-top .arrow::before {
    border-top-color: #11578a !important;
}
.bs-tooltip-auto[x-placement^=left] .arrow::before, .bs-tooltip-left .arrow::before {
    border-left-color: #11578a !important;
}
.bs-tooltip-auto[x-placement^=right] .arrow::before, .bs-tooltip-right .arrow::before {
    border-right-color: #11578a !important;
}
/* .vav-left-menu */

.h_admin [id^="homepage_hs_"]:hover .contbg,
.h_admin section[id^="homepage_hs_"]:hover .contbg,
.h_admin footer[id^="homepage_hs_"]:hover .contbg {
 margin-top: 10px;   
display: flex;
align-items: center;
background-color: #f3f4f8;
border-radius: 20px;
-webkit-box-shadow: 1px 0px 4px 0px rgba(170, 170, 170, 0.51);
-moz-box-shadow: 1px 0px 4px 0px rgba(170, 170, 170, 0.51);
box-shadow: 1px 0px 4px 0px rgba(170, 170, 170, 0.51);
}
.h_admin .contbg .changebg.button { 
    width: auto !important;
    padding: 0px 4px;
    height: auto !important;
}

.h_admin [id^="homepage_hs_"]:hover .contbg .fa,
.h_admin section[id^="homepage_hs_"]:hover .contbg .fa,
.h_admin footer[id^="homepage_hs_"]:hover .contbg .fa{
    display: inline !important;
}
.h_admin .contbg .changebg.button .fa  {
color: #5b5b5b !important;
}

#dwebsite-edit-socmedicon-form .soclist[style="background-color:#d9edf7;"] {
background-color: #ffffff !important;
}


form#create-dwcnews-review #tabs #tabs-1 .ns-section ol#sortable li[id^="list_"]{ 
    min-height: 33px !important;
 }

 form#create-dwcnews-review #tabs #tabs-1 .ns-section ol#sortable li .ui-sortable-handle .w150 {
justify-content: left !important;
margin-top: 1px !important;
padding-top: 0px !important;
 }



 #homepage_hs_1945 .widtype_20 .btn_more, 
 #homepage_hs_1945 .widtype_21 .btn_more,
 #homepage_hs_1942 .widtype_20 .btn_more, 
 #homepage_hs_1942 .widtype_21 .btn_more {
    border-radius: 0px !important;
 }

/* calendar style */
body [id^="homepage_hs_"]  .calendar-cont .ui-datepicker .ui-datepicker-header, 
body [id^="homepage_hs_"]  .calendar-cont .ui-datepicker .ui-datepicker-prev, 
body [id^="homepage_hs_"]  .calendar-cont .ui-datepicker .ui-datepicker-next {
background: #FFF !important;
}
body [id^="homepage_hs_"]  .calendar-cont {
background: #FFF !important;
padding: 10px;
border-radius: 10px;
}
body [id^="homepage_hs_"] .calendar-cont .ui-datepicker .ui-datepicker-prev .ui-icon, 
body [id^="homepage_hs_"] .calendar-cont .ui-datepicker .ui-datepicker-next .ui-icon {
filter: invert(100%);
background-image: url(../css/custom-theme/images/ui-icons_222222_256x240.png) !important;
}
body [id^="homepage_hs_"] .calendar-cont .ui-datepicker .ui-datepicker-prev, 
body [id^="homepage_hs_"] .calendar-cont .ui-datepicker .ui-datepicker-next {
height: 100%;
background: transparent !important;
} 
body [id^="homepage_hs_"] .calendar-cont .ui-datepicker .ui-datepicker-prev, 
body [id^="homepage_hs_"] .calendar-cont .ui-datepicker .ui-datepicker-next {
background-color: transparent !important;
top: 0px !important;
}
body [id^="homepage_hs_"] .ui-widget-content .ui-state-default { 
text-align: center;
background: transparent !important;
border: 0px !important;
}
body [id^="homepage_hs_"] .ui-widget-content .ui-state-default.ui-state-highlight.ui-state-active {
background: #125789 !important; 
}
body [id^="homepage_hs_"] .calendar-cont .ui-datepicker .ui-datepicker-header { 
height: auto !important;
padding: 0px !important;
background: #5E5E5E !important;
}
body [id^="widgetcalendar_"] .calendar-cont .ui-widget-header .ui-datepicker-title .ui-datepicker-month,
body [id^="widgetcalendar_"] .calendar-cont .ui-widget-header .ui-datepicker-title .ui-datepicker-year,
body #widgetcalendar_13 .calendar-cont .ui-widget-header .ui-datepicker-title .ui-datepicker-month, 
body #widgetcalendar_13 .calendar-cont .ui-widget-header .ui-datepicker-title .ui-datepicker-year {
color: #ffffff !important;
}
body [id^="widgetcalendar_"] .ui-widget-content,
body #widgetcalendar_16 .ui-widget-content,
body .bc-content.grid-calendar .ui-widget-content {
color: #333333 !important;
background: #fff !important;
}
/* .calendar style */


/*2cs8*/
body [id^="homepage_hs_"] .widtype_20 .btn_more, 
body [id^="homepage_hs_"] .widtype_21 .btn_more { 
    border-radius: 0px !important;
}
/*2cs8*/

/* 100389 id 41 */

@media only screen and (min-width: 1366px) {
        /* search header */
        .mid-headaer .col-md-6 .sosmed-row .sosmed-wrap .icon-search.sosmed{
            min-width: 39px;
           padding-right: 0px !important;
            margin-top: 3px;
            margin-left: 5px;
            padding-left: 0px !important;
            margin-bottom: 0px;
            height: 39px;
        }
        .mid-headaer .col-md-6 .sosmed-row .sosmed-wrap .icon-search.sosmed #search-form{
            height: 100%;
        }
        .mid-headaer .col-md-6 .sosmed-row .sosmed-wrap .icon-search.sosmed #search-form #searchtext {
            margin-top: 0px !important;
            height: 39px;
        }
        .mid-headaer .col-md-6 .sosmed-row .sosmed-wrap .icon-search.sosmed .icon-sm {
            margin: 0px 0px !important;
            padding: 0px 0px !important;
        }
        /* .search header */


        body [id^="homepage_hs_"] [class*="col-md-12 colcont_"]  {
            padding-right: 15px !important;
            padding-left: 15px !important;
        }
        
        body [id^="homepage_hs_"].prebuild4_1 .container .row,
        body [id^="homepage_hs_"].prebuild4_4 .container .row,
        body [id^="homepage_hs_"].prebuild4_5 .container .row,
        body [id^="homepage_hs_"].prebuild4_6 .container .row,
        body [id^="homepage_hs_"].prebuild3_3 .container .row {
            margin-left: 0px;
            margin-right: 0px;
        }


}


body [id^="homepage_hs_"].prebuild2_4 .col-md-4 #widgetcalendar_13  .calendar-cont .ui-datepicker .ui-datepicker-header {
background: #5E5E5E !important;
}
.iconpicker-items .bg-primary {
    color: #fff !important;
    background-color: #337ab7 !important; 
}
.popover-footer .iconpicker-btn {
    color: #fff !important;
}

.sp-button-container .sp-cancel, .sp-button-container .sp-choose {
    text-transform: capitalize !important;
}

button[id^="bsave"] .fa-check, button[id^="bcancel"] .fa-times {
    color: #fff !important;    
}
.cke_show_border td, .cke_show_border th {
    padding: 5px;
}

 /* preloading */
.preloading .textpreload {
    color: #ffffff;
}

#floatingCirclesG{
    position:relative;
    width:67px;
    height:67px;
    margin:auto;
    transform:scale(0.6);
        -o-transform:scale(0.6);
        -ms-transform:scale(0.6);
        -webkit-transform:scale(0.6);
        -moz-transform:scale(0.6);
}

.f_circleG{
    position:absolute;
    background-color:rgb(255,255,255);
    height:12px;
    width:12px;
    border-radius:6px;
        -o-border-radius:6px;
        -ms-border-radius:6px;
        -webkit-border-radius:6px;
        -moz-border-radius:6px;
    animation-name:f_fadeG;
        -o-animation-name:f_fadeG;
        -ms-animation-name:f_fadeG;
        -webkit-animation-name:f_fadeG;
        -moz-animation-name:f_fadeG;
    animation-duration:0.782s;
        -o-animation-duration:0.782s;
        -ms-animation-duration:0.782s;
        -webkit-animation-duration:0.782s;
        -moz-animation-duration:0.782s;
    animation-iteration-count:infinite;
        -o-animation-iteration-count:infinite;
        -ms-animation-iteration-count:infinite;
        -webkit-animation-iteration-count:infinite;
        -moz-animation-iteration-count:infinite;
    animation-direction:normal;
        -o-animation-direction:normal;
        -ms-animation-direction:normal;
        -webkit-animation-direction:normal;
        -moz-animation-direction:normal;
}

#frotateG_01{
    left:0;
    top:27px;
    animation-delay:0.2895s;
        -o-animation-delay:0.2895s;
        -ms-animation-delay:0.2895s;
        -webkit-animation-delay:0.2895s;
        -moz-animation-delay:0.2895s;
}

#frotateG_02{
    left:8px;
    top:8px;
    animation-delay:0.386s;
        -o-animation-delay:0.386s;
        -ms-animation-delay:0.386s;
        -webkit-animation-delay:0.386s;
        -moz-animation-delay:0.386s;
}

#frotateG_03{
    left:27px;
    top:0;
    animation-delay:0.4825s;
        -o-animation-delay:0.4825s;
        -ms-animation-delay:0.4825s;
        -webkit-animation-delay:0.4825s;
        -moz-animation-delay:0.4825s;
}

#frotateG_04{
    right:8px;
    top:8px;
    animation-delay:0.589s;
        -o-animation-delay:0.589s;
        -ms-animation-delay:0.589s;
        -webkit-animation-delay:0.589s;
        -moz-animation-delay:0.589s;
}

#frotateG_05{
    right:0;
    top:27px;
    animation-delay:0.6855s;
        -o-animation-delay:0.6855s;
        -ms-animation-delay:0.6855s;
        -webkit-animation-delay:0.6855s;
        -moz-animation-delay:0.6855s;
}

#frotateG_06{
    right:8px;
    bottom:8px;
    animation-delay:0.782s;
        -o-animation-delay:0.782s;
        -ms-animation-delay:0.782s;
        -webkit-animation-delay:0.782s;
        -moz-animation-delay:0.782s;
}

#frotateG_07{
    left:27px;
    bottom:0;
    animation-delay:0.8785s;
        -o-animation-delay:0.8785s;
        -ms-animation-delay:0.8785s;
        -webkit-animation-delay:0.8785s;
        -moz-animation-delay:0.8785s;
}

#frotateG_08{
    left:8px;
    bottom:8px;
    animation-delay:0.975s;
        -o-animation-delay:0.975s;
        -ms-animation-delay:0.975s;
        -webkit-animation-delay:0.975s;
        -moz-animation-delay:0.975s;
}



@keyframes f_fadeG{
    0%{
        background-color:rgb(117,117,117);
    }

    100%{
        background-color:rgb(255,255,255);
    }
}

@-o-keyframes f_fadeG{
    0%{
        background-color:rgb(117,117,117);
    }

    100%{
        background-color:rgb(255,255,255);
    }
}

@-ms-keyframes f_fadeG{
    0%{
        background-color:rgb(117,117,117);
    }

    100%{
        background-color:rgb(255,255,255);
    }
}

@-webkit-keyframes f_fadeG{
    0%{
        background-color:rgb(117,117,117);
    }

    100%{
        background-color:rgb(255,255,255);
    }
}

@-moz-keyframes f_fadeG{
    0%{
        background-color:rgb(117,117,117);
    }

    100%{
        background-color:rgb(255,255,255);
    }
}


  /* .preloading  */


/* VAV Setting Menu Redesign NFR 79054*/
.rightpanel {
  font-family: 'Open Sans', sans-serif;
  width: 260px;
  position: fixed;
  right: 0px;
  top: 50px;
  height: calc( 100vh - 50px );
  background-color: #F3F4F8;
  -webkit-box-shadow: 1px 0px 4px 0px rgba(170, 170, 170, 0.51);
  -moz-box-shadow: 1px 0px 4px 0px rgba(170, 170, 170, 0.51);
  box-shadow: 1px 0px 4px 0px rgba(170, 170, 170, 0.51);
  /* Create a custom radio button */
  /* On mouse-over, add a grey background color */
  /* Create the indicator (the dot/circle - hidden when not checked) */
  /* Rounded sliders */ }
  .rightpanel .custom-radio-button {
    width: 13px;
    height: 13px;
    display: inline-block;
    position: relative;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    /* Hide the browser's default radio button */
    /* When the radio button is checked, add a blue background */
    /* Show the indicator (dot/circle) when checked */
    /* Style the indicator (dot/circle) */ }
    .rightpanel .custom-radio-button input {
      position: absolute;
      opacity: 0;
      cursor: pointer;
      z-index: 2; }
    .rightpanel .custom-radio-button input:checked ~ .checkmark {
      /* background-color: #2196F3;  */ }
    .rightpanel .custom-radio-button input:checked ~ .checkmark:after {
      display: block; }
    .rightpanel .custom-radio-button .checkmark:after {
      top: 0;
      left: 0;
      width: 11px;
      height: 11px;
      border-radius: 50%;
      background: #125789;
      border: 1px solid #ffffff !important; }
  .rightpanel .checkmark {
    position: absolute;
    top: 0;
    left: 0;
    width: 13px;
    height: 13px;
    background: #ffffff;
    border: 1px solid #aeaeae;
    border-radius: 50%; }
  .rightpanel .custom-radio-button:hover input ~ .checkmark {
    background-color: #ccc; }
  .rightpanel .checkmark:after {
    content: "";
    position: absolute;
    display: none; }
  .rightpanel .rp-header {
    background-color: #FBFBFB;
    font-weight: 600; }
  .rightpanel .rp-row-menu {
    padding: 10px 20px 10px 20px;
    color: #757575;
    font-size: 14px;
    border-bottom: 1px solid #E9E9E9;
    display: flex;
    align-items: center; }
  .rightpanel .rp-wrap1 {
    height: calc( 100vh - 50px - 41px );
    overflow: auto; }
    .rightpanel .rp-wrap1 .stick-to-top,
    .rightpanel .rp-wrap1 .setting-menu {
      color: #555555; }
    .rightpanel .rp-wrap1 .setting-menu.rp-caret.rp-menu-active .rp-menu-content {
      cursor: auto;
      height: auto; }
    .rightpanel .rp-wrap1 .setting-menu.rp-caret .rp-menu-content .rpmc-row {
      padding: 10px 0px 10px 0px;
      border-top: 1px solid #E9E9E9; }
    .rightpanel .rp-wrap1 .setting-menu {
      background-color: #FBFBFB;
      cursor: pointer !important; }
      .rightpanel .rp-wrap1 .setting-menu .rp-content-heading {
        display: flex;
        padding: 10px 20px 10px 20px; }
      .rightpanel .rp-wrap1 .setting-menu .rp-menu-content.dinamic-height {
        height: 0px !important; }
      .rightpanel .rp-wrap1 .setting-menu .rp-menu-content {
        -webkit-transition: all 0.3s;
        -o-transition: all 0.3s;
        transition: all 0.3s;
        overflow: hidden;
        background-color: #F3F4F8;
        padding: 0px 0px 0px 0px;
        position: relative; }
        .rightpanel .rp-wrap1 .setting-menu .rp-menu-content .sp-replacer {
          width: 40px;
          border: 1px solid #e9e9e9;
          box-sizing: border-box;
          background-color: #f3f4f8; }
        .rightpanel .rp-wrap1 .setting-menu .rp-menu-content .sp-preview {
          border: 0px solid #333333 !important; }
        .rightpanel .rp-wrap1 .setting-menu .rp-menu-content select {
          border-radius: 0px;
          border: 1px solid #e9e9e9;
          background-color: #fff; }
        .rightpanel .rp-wrap1 .setting-menu .rp-menu-content .rpmc-row .rpmcr-row {
          padding: 0px 20px 0px 25px; }
          .rightpanel .rp-wrap1 .setting-menu .rp-menu-content .rpmc-row .rpmcr-row label.radio-container {
            padding-left: 10px;
            color: #757575;
            font-weight: 600; }
          .rightpanel .rp-wrap1 .setting-menu .rp-menu-content .rpmc-row .rpmcr-row .rp-pattern .rp-pattern-row .rpr-gradient-color {
            padding: 5px 0px 0px 20px;
            display: flex;
            align-items: center; }
            .rightpanel .rp-wrap1 .setting-menu .rp-menu-content .rpmc-row .rpmcr-row .rp-pattern .rp-pattern-row .rpr-gradient-color .pattern-text {
              padding-right: 10px;
              min-width: 90px; }
          .rightpanel .rp-wrap1 .setting-menu .rp-menu-content .rpmc-row .rpmcr-row .rp-pattern .rp-pattern-row .pattern-number {
            padding-right: 10px; }
          .rightpanel .rp-wrap1 .setting-menu .rp-menu-content .rpmc-row .rpmcr-row .rp-pattern .rp-pattern-row .rpr-choose-pattern {
            padding: 0px 10px 0px 0px; }
          .rightpanel .rp-wrap1 .setting-menu .rp-menu-content .rpmc-row .rpmcr-row .rp-pattern .rp-pattern-row .rpr-input-file {
            background-color: #FFF;
            border: 1px solid #E7E8E9; }
            .rightpanel .rp-wrap1 .setting-menu .rp-menu-content .rpmc-row .rpmcr-row .rp-pattern .rp-pattern-row .rpr-input-file #img_ptrnhs_3 {
              background: url("img/inputfile.png") no-repeat;
              background-size: 42px 42px;
              width: 42px;
              height: 42px; }
          .rightpanel .rp-wrap1 .setting-menu .rp-menu-content .rpmc-row .rpmcr-row .rp-pattern .rp-pattern-row.btn-apply-color {
            padding-top: 10px; }
          .rightpanel .rp-wrap1 .setting-menu .rp-menu-content .rpmc-row .rpmcr-row .rp-pattern .rp-pattern-row.pattern-input-file {
            align-items: center;
            display: flex; }
          .rightpanel .rp-wrap1 .setting-menu .rp-menu-content .rpmc-row .rpmcr-row .rp-plain-color {
            display: flex;
            padding: 5px 0px 10px; }
            .rightpanel .rp-wrap1 .setting-menu .rp-menu-content .rpmc-row .rpmcr-row .rp-plain-color .rp-plain-color-left {
              border-right: 1px solid #E9E9E9; }
            .rightpanel .rp-wrap1 .setting-menu .rp-menu-content .rpmc-row .rpmcr-row .rp-plain-color .rp-plain-color-left {
              padding-right: 20px; }
              .rightpanel .rp-wrap1 .setting-menu .rp-menu-content .rpmc-row .rpmcr-row .rp-plain-color .rp-plain-color-left .rppc-top {
                margin-bottom: 5px; }
            .rightpanel .rp-wrap1 .setting-menu .rp-menu-content .rpmc-row .rpmcr-row .rp-plain-color .rp-plain-color-right {
              padding-left: 20px; }
              .rightpanel .rp-wrap1 .setting-menu .rp-menu-content .rpmc-row .rpmcr-row .rp-plain-color .rp-plain-color-right .rppr-top {
                padding-bottom: 5px; }
        .rightpanel .rp-wrap1 .setting-menu .rp-menu-content .rpmc-row .rpmcr-row.rpbi-btn {
          margin: 10px 0px 5px 20px; }
        .rightpanel .rp-wrap1 .setting-menu .rp-menu-content .rpmcr-row .gradient {
          border-top: 1px solid #E9E9E9;
          margin-top: 5px;
          padding-top: 5px; }
          .rightpanel .rp-wrap1 .setting-menu .rp-menu-content .rpmcr-row .gradient .rpmcr-gradient-row {
            padding: 0px 20px 0px 25px; }
        .rightpanel .rp-wrap1 .setting-menu .rp-menu-content .rpmcr-row.pattern {
          border-top: 1px solid #E9E9E9;
          padding-top: 10px; }
        .rightpanel .rp-wrap1 .setting-menu .rp-menu-content .rpmcr-row.rp-bg-image {
          padding-top: 10px;
          border-top: 1px solid #E9E9E9;
          margin-top: 15px; }
        .rightpanel .rp-wrap1 .setting-menu .rp-menu-content .rpmcr-row.rp-bg-image-2 {
          display: flex;
          align-items: center;
          padding-left: 45px; }
          .rightpanel .rp-wrap1 .setting-menu .rp-menu-content .rpmcr-row.rp-bg-image-2 .bgi-input-file {
            background-color: #FFF;
            border: 1px solid #E7E8E9;
            margin-left: 10px; }
        .rightpanel .rp-wrap1 .setting-menu .rp-menu-content .rpmcr-row#img_bghs_3 {
          width: 88px;
          height: 88px; }
    .rightpanel .rp-wrap1 .setting-menu.rp-menu-with-content {
      padding: 0px 0px;
      display: block; }
    .rightpanel .rp-wrap1 .setting-menu.rp-caret {
      position: relative; }
    .rightpanel .rp-wrap1 .setting-menu.rp-caret:after {
      content: "\f0da";
      font-family: FontAwesome;
      font-size: 18px;
      text-rendering: auto;
      -webkit-font-smoothing: antialiased;
      -moz-osx-font-smoothing: grayscale;
      color: #787878;
      transform: rotate(90deg);
      position: absolute;
      right: 15px;
      top: 9px; }
    .rightpanel .rp-wrap1 .setting-menu.rp-caret.rp-menu-active:after {
      transform: rotate(270deg); }
  .rightpanel .icon-panel {
    width: 23px;
    height: 23px;
    background-color: #125789;
    position: relative;
    border-radius: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-right: 10px; }
  .rightpanel .icon-panel:after {
    content: "\f0da";
    font-family: FontAwesome;
    font-size: 13px;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    color: #ffffff; }
  .rightpanel .icon-panel.icon-edit:after {
    content: "\f044"; }
  .rightpanel .icon-panel.icon-setup-page:after {
    content: "\f0c5"; }
  .rightpanel .icon-panel.icon-background-color:after {
    content: "\f1fc"; }
  .rightpanel .icon-panel.icon-strip-color:after {
    content: "\f1fb"; }
  .rightpanel .icon-panel.icon-move-header:after {
    content: "\f2d0"; }
  .rightpanel .icon-panel.icon-remove:after {
    content: "\f1f8"; }
  .rightpanel .icon-panel.icon-content:after {
    content: "\f036"; }
  .rightpanel .icon-panel.icon-display-control:after {
    content: "\f108"; }
  .rightpanel .sticky-switch {
    padding: 0 25px 0 15px;
    cursor: pointer; }
  .rightpanel .switch {
    top: 1px;
    position: relative;
    width: 45px;
    height: 18px;
    margin-bottom: 0px;
    margin-left: 10px; }
  .rightpanel .switch input {
    display: none; }
  .rightpanel .slider {
    position: absolute;
    cursor: pointer;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: #ccc;
    -webkit-transition: .4s;
    transition: .4s; }
  .rightpanel .slider:before {
    position: absolute;
    content: "";
    height: 16px;
    width: 16px;
    left: 1px;
    bottom: 1px;
    background-color: white;
    -webkit-transition: .4s;
    transition: .4s; }
     .rightpanel input:checked + .sliderchange,
  .rightpanel input:checked + .slider {
    background-color: #125789; }
  .rightpanel input:focus + .sliderchange,
  .rightpanel input:focus + .slider {
    box-shadow: 0 0 1px #125789; }
  .rightpanel input:checked + .sliderchange:before ,
  .rightpanel input:checked + .slider:before {
    -webkit-transform: translateX(27px);
    -ms-transform: translateX(27px);
    transform: translateX(27px); }
  .rightpanel .slider.round {
    border-radius: 34px; }
  .rightpanel .slider.round:before {
    border-radius: 50%; }
  .rightpanel .form-settings {
    padding: 15px 30px 30px; }
  .rightpanel .form-settings .label-head {
    font-weight: 700;
    margin: 15px 0; }
  .rightpanel .form-settings input[type="radio"] {
    margin-bottom: 15px; }
  .rightpanel .btn-group {
    text-align: center; }
  .rightpanel .slider:after {
    content: 'OFF';
    color: white;
    display: block;
    position: absolute;
    transform: translate(-50%, -50%);
    top: 50%;
    left: 65%;
    font-size: 8px;
    font-family: Verdana, sans-serif; }
  .rightpanel input:checked + .slider:after {
    content: 'ON';
    left: 35%; }
  .rightpanel .rp-content-news .switch {
    width: 50px; }
    .rightpanel .rp-content-news .switch .slider:after {
      content: 'Hide';
      padding-right: 8px; }
    .rightpanel .rp-content-news .switch input:checked + .slider:after {
      content: 'Show';
      padding-left: 6px;
      padding-right: 0px; }
    .rightpanel .rp-content-news .switch input:checked + .slider::before {
      -webkit-transform: translateX(32px);
      -ms-transform: translateX(32px);
      transform: translateX(32px); }
  .rightpanel .rp-wrap1 .setting-menu .rp-menu-content select {
    font-size: 12px;
    color: #808080; }
   .rightpanel .rpmcr-row input[type="button"],
  .rightpanel .rp-btn {
    background-color: #125789 !important;
    color: #ffffff !important;
    padding: 5px 10px;
    border: 0px solid #333333;
    font-size: 12px;
    min-width: 52px; }
  .rightpanel .rp-btn:hover {
    background-color: #1976ba !important; }
  .rightpanel input[type="button"]#btn_pths_3,
  .rightpanel input[type="button"]#btn_fmhs_3 {
    border-radius: 0px;
    border: 1px solid #e9e9e9;
    background-color: #fff;
    font-size: 12px;
    color: #808080; }
  .rightpanel .strip-color-content {
    padding: 15px 0px;
    border-top: 1px solid #E9E9E9; }
    .rightpanel .strip-color-content .line-bottom {
      border-bottom: 1px solid #E9E9E9; }
    .rightpanel .strip-color-content .sc-save {
      margin-bottom: 0px !important;
      padding-bottom: 0px !important; }
    .rightpanel .strip-color-content .sc-row-group {
      margin-bottom: 10px;
      padding: 0px 20px 10px; }
      .rightpanel .strip-color-content .sc-row-group .scg-item-row.scg-header {
        color: #757575;
        font-weight: 600;
        padding: 0px 0px 10px; }
      .rightpanel .strip-color-content .sc-row-group .scg-item-row {
        margin-bottom: 2px;
        display: flex;
        align-items: center;
        width: 100%; }
        .rightpanel .strip-color-content .sc-row-group .scg-item-row .sp-replacer {
          margin-right: 10px; }
        .rightpanel .strip-color-content .sc-row-group .scg-item-row .main-item-row {
          width: 100%;
          margin-bottom: 3px; }
          .rightpanel .strip-color-content .sc-row-group .scg-item-row .main-item-row .mright {
            float: right; }
            .rightpanel .strip-color-content .sc-row-group .scg-item-row .main-item-row .mright .imgalign {
              width: 25px;
              height: 25px; }
            .rightpanel .strip-color-content .sc-row-group .scg-item-row .main-item-row .mright select, .rightpanel .strip-color-content .sc-row-group .scg-item-row .main-item-row .mright input {
              width: 50px;
              font-size: 12px;
              color: #808080;
              height: 21px;
              padding: 0px 5px 0px; }
            .rightpanel .strip-color-content .sc-row-group .scg-item-row .main-item-row .mright input.valcontent.w_large.buttontext,
            .rightpanel .strip-color-content .sc-row-group .scg-item-row .main-item-row .mright select.valcontent.nav_display.w_large {
              width: 83px; }

.rightpanel .slidershow:after {
    left: 30px;
}
.rightpanel input:checked + .slidershow:after {
    content: 'Show';
    left: 15px;
}
.rightpanel .stick-to-top .slidershow:after { 

}


/* ========= dark mode ========= */
body.darkmode {
  /* general */ }
  body.darkmode .vav-left-menu {
    /* left panel */
    background-color: #252525;
    -webkit-box-shadow: 0px 0px 0px 0px rgba(0, 0, 0, 0);
    -moz-box-shadow: 0px 0px 0px 0px rgba(0, 0, 0, 0);
    box-shadow: 0px 0px 0px 0px rgba(0, 0, 0, 0); }
    body.darkmode .vav-left-menu .vlm-item {
      color: #C5C5C5;
      border-bottom: 1px solid #202020; }
    body.darkmode .vav-left-menu .vlm-item:hover,
    body.darkmode .vav-left-menu .vlm-item.active {
      background-color: #393939; }
    body.darkmode .vav-left-menu .vlm-item:hover .vlm-item-title {
      background-color: #252525; }
    body.darkmode .vav-left-menu .vlm-item .vlm-item-title:before {
      border-right-color: #252525; }
  body.darkmode .settop_hs {
    /* header */
    color: #C5C5C5 !important;
    position: relative;
    background-color: #252525 !important; }
    body.darkmode .settop_hs #start_option .sso-dropdown-container .dropdown #sso-admin-menu-btn {
      border: 2px solid #C5C5C5; }
    body.darkmode .settop_hs #start_option .sso-dropdown-container .dropdown #sso-admin-menu-btn .icon-white .icon-bar {
      background-color: #C5C5C5; }
    body.darkmode .settop_hs #back_madmin,
    body.darkmode .settop_hs #view_site,
    body.darkmode .settop_hs #start_option input[value="Help"],
    body.darkmode .settop_hs #start_option input[value="Logout"] {
      background-color: #3E3E3E !important;
      color: #C5C5C5 !important; }
    body.darkmode .settop_hs #back_madmin:hover,
    body.darkmode .settop_hs #view_site:hover,
    body.darkmode .settop_hs #start_option input[value="Help"]:hover,
    body.darkmode .settop_hs #start_option input[value="Logout"]:hover {
      background-color: #515151 !important;
      color: #C5C5C5 !important;
      /* .header */ }
  body.darkmode .rightpanel {
    /* right panel */
    background-color: #252525;
    /*content*/ }
    body.darkmode .rightpanel .rp-header {
      background-color: #2D2D2D;
      border-bottom: 1px solid #202020; }
    body.darkmode .rightpanel .rp-header,
    body.darkmode .rightpanel .rp-wrap1 .stick-to-top,
    body.darkmode .rightpanel .rp-wrap1 .setting-menu {
      color: #C5C5C5; }
    body.darkmode .rightpanel .rp-wrap1 .setting-menu {
      background-color: #2D2D2D;
      border-bottom: 1px solid #202020; }
    body.darkmode .rightpanel .rp-wrap1 .setting-menu:hover {
      background-color: #393939; }
    body.darkmode .rightpanel .rp-row-menu {
      border-bottom: 1px solid #202020; }
    body.darkmode .rightpanel .icon-panel:after {
      color: #2D2D2D; }
    body.darkmode .rightpanel .icon-panel {
      background-color: #C5C5C5; }
    body.darkmode .rightpanel .switch .slider {
      background-color: #3E3E3E; }
    body.darkmode .rightpanel .switch .slider:before {
      background-color: #C5C5C5; }
    body.darkmode .rightpanel .stick-to-top .slider:after {
      color: #C5C5C5; }
    body.darkmode .rightpanel .switch input:checked + .slider {
      background-color: #c5c5c5; }
    body.darkmode .rightpanel .switch input:checked + .slider:before {
      background-color: #2D2D2D; }
    body.darkmode .rightpanel .switch input:checked + .slider:after {
      color: #2D2D2D; }
    body.darkmode .rightpanel .rp-wrap1 .setting-menu .rp-menu-content {
      background-color: #252525; }
    body.darkmode .rightpanel .rp-wrap1 .setting-menu .rp-menu-content .rpmcr-row.pattern,
    body.darkmode .rightpanel .rp-wrap1 .setting-menu .rp-menu-content .rpmcr-row.rp-bg-image {
      border-top: 1px solid #3E3E3E; }
    body.darkmode .rightpanel .rp-wrap1 .setting-menu .rp-menu-content .rpmc-row .rpmcr-row label.radio-container,
    body.darkmode .rightpanel .strip-color-content .sc-row-group .scg-item-row.scg-header {
      color: #C5C5C5; }
    body.darkmode .rightpanel .rp-wrap1 .setting-menu.rp-caret .rp-menu-content .rpmc-row {
      border-top: 1px solid #202020; }
    body.darkmode .rightpanel .strip-color-content .line-bottom {
      border-bottom: 1px solid #3E3E3E; }
    body.darkmode .rightpanel .strip-color-content {
      border-top: 1px solid #202020; }
    body.darkmode .rightpanel .rp-btn {
      background-color: #3E3E3E !important;
      color: #C5C5C5; }
    body.darkmode .rightpanel .rp-btn:hover {
      background-color: #515151 !important; }
    body.darkmode .rightpanel .sp-replacer,
    body.darkmode .rightpanel .rp-wrap1 .setting-menu .rp-menu-content .sp-replacer {
      border: 1px solid #3E3E3E;
      background-color: #3E3E3E;
      cursor: pointer;
      color: #808080; }
    body.darkmode .rightpanel .rp-wrap1 .setting-menu .rp-menu-content .rpmc-row .rpmcr-row .rp-plain-color .rp-plain-color-left {
      border-right: 1px solid #3E3E3E; }
    body.darkmode .rightpanel .rp-wrap1 .setting-menu .rp-menu-content select {
      color: #C5C5C5;
      background-color: #3E3E3E !important;
      border: 1px solid #3E3E3E;
      height: 28px;
      box-sizing: border-box; }
    body.darkmode .rightpanel input[type="button"]#btn_pths_3,
    body.darkmode .rightpanel input[type="button"]#btn_fmhs_3 {
      border: 1px solid #3E3E3E;
      color: #C5C5C5;
      background-color: #3E3E3E; }
    body.darkmode .rightpanel .rp-wrap1 .setting-menu .rp-menu-content .rpmc-row .rpmcr-row .rp-pattern .rp-pattern-row .rpr-input-file,
    body.darkmode .rightpanel .rp-wrap1 .setting-menu .rp-menu-content .rpmcr-row.rp-bg-image-2 .bgi-input-file {
      background-color: #6f6f6f;
      border: 1px solid #252525; }
    body.darkmode .rightpanel input:checked ~ .checkmark {
      background-color: red !important; }
    body.darkmode .rightpanel .custom-radio-button .checkmark::after {
      background: #2d2d2d; }
    body.darkmode .rightpanel .strip-color-content .sc-row-group .scg-item-row .main-item-row .mright select,
    body.darkmode .rightpanel .strip-color-content .sc-row-group .scg-item-row .main-item-row .mright input {
      color: #C5C5C5;
      background-color: #3E3E3E !important;
      border: 1px solid #3E3E3E; }
    body.darkmode .rightpanel .strip-color-content .sc-row-group .scg-item-row .main-item-row .mright .imgalign {
      opacity: 0.3; }


body.darkmode .rightpanel .rp-row-menu .fa.fa-chevron-circle-right {
    color: #c5c5c5 !important;
}
.settop_hs {
    z-index: 99999 !important;
}
/*left panel*/
body.darkmode .settop_hs #listpage{
background-color: #2d2d2d;
border-top: 1px solid #252525 !important;
}
body.darkmode  .settop_hs #listpages #pages,
body.darkmode .settop_hs #cl_pages,
body.darkmode .settop_hs #cl_pages.cl_buttons #pages #btn_type,
body.darkmode  .ps_tooltip .pstooltip {
background-color: #2d2d2d !important;
}
body.darkmode  .ps_tooltip .pstooltip {
opacity: 1 !important;
}
body.darkmode .settop_hs #cl_pages{
    border-right: 1px solid #2d2d2d !important;
}
body.darkmode .menu_list .fa-arrows { 
    color: #c5c5c5;
}
body.darkmode .settop_hs #cl_pages.cl_buttons #listpages #pages #spageshead,
body.darkmode #pageshead  {
background-color: #3e3e3e !important;
color: #c5c5c5;
} 
body.darkmode .settop_hs #cl_pages.cl_buttons #listpage #listpagescontent .ns-section ol.sortable li.mjs-list .icon-move .menu_list { 
    background: #3e3e3e !important; 
    border-bottom: 1px solid #2d2d2d; 
}
body.darkmode .settop_hs #cl_pages.cl_buttons #listpage #listpagescontent .ns-section ol.sortable li.mjs-list .icon-move .menu_list a,
body.darkmode .settop_hs #cl_pages.cl_buttons #listpage #listpagescontent .ns-section ol.sortable li.mjs-list .icon-move .menu_list span,
body.darkmode .settop_hs #cl_pages.cl_buttons #add_page_area span,
body.darkmode .settop_hs #cl_pages.cl_buttons #add_link_area span
{
color: #c5c5c5 !important;
}
body.darkmode .settop_hs #cl_pages.cl_buttons #pages #btn_type {
border: 1px solid #3e3e3e !important;
}
body.darkmode .settop_hs #cl_pages.cl_buttons #pages #btn_type .btn-add a {
    color: #c5c5c5; }
body.darkmode .settop_hs #cl_pages.cl_buttons .menu_settings:hover, 
body.darkmode .settop_hs #cl_pages .menu_settings:hover {
    background: #c5c5c5 !important; }


body.darkmode .titlesect2 {
    color: #c5c5c5 !important; }
body.darkmode .settop_hs #listsect #listarea2 #listareacontent .tab { 
background-color: #252525 !important;
border: 1px solid #313131 !important;
}
body.darkmode #listsect {
border: 1px #252525 solid !important;
background-color: #353535 !important;
-webkit-box-shadow: 0px 0px 0px 0px rgba(0, 0, 0, 0) !important;
-moz-box-shadow: 0px 0px 0px 0px rgba(0, 0, 0, 0) !important;
box-shadow: 0px 0px 0px 0px rgba(0, 0, 0, 0) !important;
} 
body.darkmode #listsect #secth #secthead {
color: #c5c5c5 !important;
}
body.darkmode #listsect #secth{
    border-bottom: 1px solid #333 !important;
}
body.darkmode .settop_hs #listsect #listarea2 #listareacontent .tab button {
color: #c5c5c5;
}
body.darkmode .settop_hs #listsect #listarea2 #listareacontent .tab button.active, 
body.darkmode .settop_hs #listsect #listarea2 #listareacontent .tab button:hover {
background-color: #353535;
color: #c5c5c5;
}
body.darkmode .tabcontent { 
    background-color: #313131 !important;
    border: 0px solid #cccccc !important;
}

body img.dotimg {
    filter: invert(100%);
}
body .ninedot:hover {
    background-color: #0c446c !important;
}
body.darkmode .ninedot:hover {
    background-color: #3e3e3e !important;
}
body#homepage.darkmode  .ui-widget-content#site_color > .ui-widget-header {
    background-color: #353535 !important;
    background: : #353535 !important;
    border-bottom: 0px solid #c6c6c6 !important;
} 
body.darkmode #site_color,
body.darkmode #site_color .ui-widget-content { 
    background-color: #252525 !important;
    background: : #252525 !important;
    color: #c5c5c5 !important;
     }
body.darkmode #site_color .ui-widget-content .in_border {
    background: #353535 !important;
    border-bottom: 0px solid #f1f1f1 !important; }
body#homepage.darkmode #site_color.ui-widget-content.ui-dialog .ui-button .ui-button-text, 
body.darkmode #site_color.ui-widget-content.ui-dialog.startup_style .ui-button .ui-button-text, 
#site_color #homepage_hs_648 button.btn-here825 {  
    background-color: #3E3E3E !important;
color: #C5C5C5 !important;
border: 0px solid #333333 !important; 
}
body#homepage.darkmode #site_color.ui-widget-content.ui-dialog .ui-button .ui-button-text:hover, 
body.darkmode #site_color.ui-widget-content.ui-dialog.startup_style .ui-button .ui-button-text:hover, 
#site_color #homepage_hs_648 button.btn-here825:hover{
    background-color: #515151 !important;
color: #C5C5C5 !important;
}
body.darkmode #site_color {
    border-left: 1px solid #313131;
}
body.darkmodebody .ui-widget-content,
body#homepage.darkmode #site_color.ui-widget-content#site_color > .ui-widget-header .ui-dialog-title { 
    color: #c5c5c5 !important; 
}
body#homepage.darkmode #site_color  .ui-dialog-buttonpane .ui-dialog-buttonset .ui-button {
    border: 0px solid #333333 !important;
}
body#homepage.darkmode .bgme .ui-tabs .ui-tabs-nav li {
    background-color: #f2f2f2 !important;
}
body#homepage.darkmode #site_color .bgme .ui-tabs .ui-tabs-nav li a {
    color: #c5c5c5 !important;
}
body#homepage.darkmode .bgme .ui-tabs .ui-tabs-nav li {
    background-color: #353535 !important;
    border: 0px solid #333 !important;
}
body#homepage.darkmode #site_color .bgme .ui-tabs .ui-tabs-nav li.ui-tabs-active a {
    background-color: #535353 !important;}
body#homepage.darkmode #site_color  #tabs .ui-widget-header {
    background: transparent !important;
    border-bottom: 1px solid #313131 !important;
}
body#homepage.darkmode #site_color .ui-tabs .ui-tabs-nav li:hover, 
body#homepage.darkmode #site_color .ui-tabs .ui-tabs-nav li a:hover {
    background: #535353 !important;
    border-bottom: 0px solid #535353 !important; }


#tabs-2 td[style="border-bottom:2px solid #c3c3c3;"]{
border-bottom: 1px solid #353535 !important;
color: #c5c5c5;
}
body#homepage.darkmode #site_color .sp-replacer {
border: solid 0px #91765d;
background: #535353;
color: #333;
}
body#homepage.darkmode #site_color .sp-replacer .sp-dd {
color: #868686;
}
body#homepage.darkmode #site_color select#gradient,
body#homepage.darkmode #site_color.ui-widget-content.ui-dialog input { 
    background-color: #4f4f4f !important;
    border: 0px solid #333 !important;
}
body#homepage.darkmode #site_color #img_ptrn,
body#homepage.darkmode #site_color img#img_bg {
opacity: 0.6;
}
body.darkmode .settop_hs #listpages #listpage .fa.expand {
    right: 10px !important;
    color: #fff !important;
}
#vlm-mode .vlm-item-title {
    width: 85px;
}

/* zindex*/
.right-panel-active-here {
    z-index: 33334 !important;  
}


header {
/* z-index: 33333; */
}
body#homepage .ui-widget-content.ui-dialog {
    z-index: 333333 !important;
}
body.admin-view .block-hs{
z-index: 10000;
position: relative;
width: 100%;
margin-left: 0px; 
}
.settop_hs {
   /* z-index: 3333331 !important;*/
}
.vav-left-menu {
     z-index: 333335 !important;

}
 /*
body#homepage .ui-widget-content.ui-dialog {
    z-index: 33333 !important;
}
 zindex*/


 body.right_active .changebg {
    visibility: hidden;
}
body.right_active div[id^="homepage_hs_"], body.right_active section[id^="homepage_hs_"]  {
    border: none !important;
}


body .settop_hs #cl_pages.click-deleted {
left: 50px !important;
}


body .settop_hs #cl_pages.cl_buttons #listpage #listpagescontent .ns-section ol.sortable li.mjs-list.active .icon-move .menu_list {
background-color: #f1f7ff !important;
}
body.darkmode .settop_hs #cl_pages.cl_buttons #listpage #listpagescontent .ns-section ol.sortable li.mjs-list.active .icon-move .menu_list {
background: #2d2d2d !important;
}


#sso-admin-menu-btn {
    border: 0px solid #A9A9A9 !important; }


section.movetop div[class*="wrap-clickedit"], 
section.movetop div[id*="inputtitle"], section.movetop .contbg { visibility: hidden; }

.input-group-right {
    float: right;
}
body.admin-view section.img-hero img.defaultimg {
width: calc( 100% + 60px ) !important; 
}
body section.img-hero img.defaultimg {
       width: calc( 100% + 50px ) !important;  }

 


/*carousel margin fix */
#carousel-prebuilt41_768 .owl-item .item ,
#carousel-prebuilt41_3_1785 .owl-item .item { 
    margin: 0px 10px !important;
}

/*carousel same height*/
/*pv*/
#carousel-prebuilt41_867 .owl-item .item .widmix_14,
#carousel-prebuilt41_1338 .owl-item .item .widmix_14,
#carousel-prebuilt41_1476 .owl-item .item .widmix_14,
#carousel-prebuilt41_3_3252 .owl-item .item .widmix_14,
#carousel-prebuilt41_3_2559 .owl-item .item .widmix_14{ 
    padding-bottom: 100% !important;
    margin-bottom: -100% !important; 
}

#carousel-prebuilt41_3_2559 .owl-item .item .widmix_14 .tcolbody2559 {
max-height: 580px;
overflow: hidden;
}


@media screen and (max-width: 1024px) { 

#carousel-prebuilt41_3_2559 .owl-item .item .widmix_14 .tcolbody2559 {
max-height: 400px; 
}
}


/*av*/
.prebuild4_1 .row {
     overflow: hidden; 
}
.prebuild4_1 .col-md-3 .widmix_14,
.prebuild4_1 .col-md-4 .widmix_14{
    padding-bottom: 100% !important;
    margin-bottom: -100% !important;  
}

#homepage_hs_1479 .widtype_20 {
min-height: 335px;
padding-bottom: 70px;
}

 
#homepage_hs_1479 .widtype_20 .w44-button {
  padding-bottom: 20px;
position: absolute;
bottom: 0px;
left: calc( 50% - 51px);
margin-top: 0px;
}
/*carousel same height*/




.colcont_2595 #ftquicklinks2595 ul {
padding: 0 0px !important;
}


/*additonal npix*/

.darkmode img[src="/sites/all/themes/rstadmin/images/no_image_found.gif"],
.darkmode div[style="background:url('/sites/all/themes/rstadmin/images/no_image_found.gif') no-repeat; background-size: 60px 60px; width:60px; height:60px;"]{
filter: invert(80%);
}
.darkmode input[type="number"],
.darkmode  input[value="Choose a Pattern"],
.darkmode  input[value="Browse Image"] {
background-color: #3e3e3e;
color: #c5c5c5 !important;
border: 0px;
padding: 2px 5px;
}


.darkmode .rightpanel input:checked + .sliderchange, 
.darkmode .rightpanel input:checked + .slider {
background-color: #c5c5c5;
color: #2D2D2D;
}

/*hide*/
.darkmode .sliderchange.round:before { 
    background-color: #c5c5c5;
}
body.darkmode  .rightpanel .slideryesno:after
.darkmode .rightpanel .slidershow:after { 
    color: #c5c5c5;
}
.darkmode .sliderchange {
 background-color: #3e3e3e;
}

/*show */
.darkmode .rightpanel input:checked + .sliderchange:before {
background-color: #2d2d2d;
}

.darkmode .rightpanel input:checked + .slideryesno:after,
.darkmode .rightpanel input:checked + .slidershow:after {
color: #2d2d2d;
}
.darkmode .darkmode .rightpanel input:checked + .sliderchange {
background-color: #c5c5c5;
}


/* start optimize */
.namewidget{
    color:#ac0c0c;
    font-weight:;
}

.ui-dialog-titlebar-close {
    display: block !important;
}
.ui-dialog .ui-dialog-titlebar-close span{
        margin:-8px !important;
}
.ui-dialog.custom-ui-widget-header-warning .ui-dialog-titlebar-close span{
        margin:2px !important;
}
.wtitle{
    color:#7c0701;
    font-size:14px;
    font-weight:500;
}
.tbwidget{
    border-spacing: 10px;
    border-collapse: separate;
}
.bg_td {
    background: #cccccc;
    text-align: center;
    vertical-align: middle;
}
td.bg_td a div, td.bg_td a img {
    margin: 10px;
    padding: 4px !important;
    width: 90% !important;
}
td.bg_td a div:hover, td.bg_td a img:hover {
    opacity: .4;
    border: 2px solid #1895be;
}
div[class^="widget_"] div[id^="widcustom_"].linefocus {
    padding: 0 2px !important;
}

div[id^="box_set"], div[id^="box_sets"] {
    border: 1px solid #dadada !important;
    background-color: #ffffff !important;
    color: #545454 !important;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    width: 300px !important;
    margin: 0 5px;
    float: right;
    position: absolute;
    left: 30px;
    margin-top:10px;
    z-index: 10002;
}
div[id^="box_set"] #btitle, div[id^="box_sets"] #btitle{
    color: #000;
    font-family: "Open Sans",sans-serif;
    font-size: 14px;
    font-weight: 600;
}

div[id^="box_set"] #bhead, div[id^="box_sets"] #bhead{
    float: left;
    padding: 5px 20px 5px 10px;
}
div[id^="box_set"] #btitle #closebtfloat, div[id^="box_sets"] #btitle #closebtfloat{
    cursor: pointer;
    padding:5px;
}
div[id^="box_set"] #bcontet{
    border-top: 1px solid #6f6e6e;
    padding: 10px 0 !important;
}
div[id^="box_sets"] #bcontet{
    border-top: 1px solid #6f6e6e;
    padding: 5px 20px 5px 10px !important;
}
div[id^="box_set"] #bcontet input, div[id^="box_sets"] #bcontet input{
    width: 270px;
}
div[id^="box_set"] #bbutton, div[id^="box_sets"] #bbutton{
    text-align: center;
    padding: 10px;
}
/* end optimize */



/*ck editor */
div[id^="cke_widcustom_"] {
    z-index: 10010 !important;
} 

/* fix carousel news bg item */
section[id^="homepage_hs_"].prebuild4_1 .gridpadd .container  {
overflow: hidden;
}

.admin-view .bottom-header nav#main_nav li.dropdown ul.dropdown-menu li {
    width: 100%;
}
div.bt_ndisp { display: none !important; }

@media screen and (max-width: 992px) {
section[class^="prebuild4_"] .container,
section[class^="prebuild4_"] .container .row,
.prebuild4_5 .container,
.prebuild4_5 .container .row ,
#homepage_hs_1518 .container,
#homepage_hs_1518 .container .row {
padding-left: 0px;
padding-right: 0px;
margin-left: 0px;
margin-right: 0px;
width: 100%;

}

div[id^="carousel-prebuilt4"] .owl-nav .owl-prev,
#carousel-prebuilt41_1476 .owl-nav .owl-prev,
#carousel-prebuilt46_3_1479 .owl-nav .owl-prev,
#carousel-prebuilt41_3_2535 .owl-nav .owl-prev,
#carousel-prebuilt47_2532 .owl-nav .owl-prev  {
    left: 0px !important;
}
div[id^="carousel-prebuilt4"] .owl-nav .owl-next,
#carousel-prebuilt41_1476 .owl-nav .owl-next,
#carousel-prebuilt46_3_1479 .owl-nav .owl-next,
#carousel-prebuilt41_3_2535 .owl-nav .owl-next,
#carousel-prebuilt47_2532 .owl-nav .owl-next {
    right: 0px !important;
}
}






@media screen and (max-width: 768px) { 
body li.dropdown .fa-caret-down { 
    margin-right: 0px; 
    margin-top: 0px;
    position: absolute;
    right: -2px;
    top: calc( 50% - 7px);
}
}



@media screen and (min-width: 768px) { 
html body.admin-view .bottom-header nav#main_nav li.dropdown:hover > ul.dropdown-menu {
    display: none !important; }
.admin-view .bottom-header nav#main_nav li.dropdown:hover > ul.dropdown-menu {
    width: auto !important;
}
/*
.navbar-nav > li:nth-last-child(1) > ul.dropdown-menu {
left: unset;
right: 0px;
}

.navbar-nav > li:nth-last-child(1) ul.dropdown-menu ul.dropdown-menu {
 right: 100%;
left: unset !important;
}
*/
}

@media screen and (min-width: 823px) {  
#carousel-prebuilt41_1476 .owl-nav .owl-prev,
#carousel-prebuilt46_3_1479 .owl-nav .owl-prev  {
    left: 0px !important;
}
#carousel-prebuilt41_1476 .owl-nav .owl-next,
#carousel-prebuilt46_3_1479 .owl-nav .owl-next {
    right: 0px !important;
}

}

@media (min-width:768px) and (max-width:992px) { 

body header .mid-headaer .logo {
    text-align: center !important;
}
body header .mid-headaer .sosmed-row .sosmed #searchtext {
    height: 34px !important;
    padding-left: 25px !important;
}
body header .mid-headaer .sosmed-row .icon-search.sosmed {
    padding-left: 0px !important;
}
body header .mid-headaer .sosmed-row .sosmed #search-form .icon-sm {
    left: 0px !important;
}
header #search-form #vav-dwcsearch-renderMain { 
 display: table;
width: calc( 100% - 16px ) !important;
height: 34px;
float: right;
}

}


 


@media screen and (max-width: 991px) {  
.welcome-text .col-md-6.colcont_2160{
margin-bottom: 40px;
}
body .prebuild4_3 .col-md-3 {
margin-bottom: 50px;
display: block;
width: 100%;
float: left;
}
.prebuild4_3 .tcolbody864{
min-height: auto !important;
}
.mid-content .col-md-4.colcont_1026 {
margin-top: 50px;
margin-bottom: 50px;

}
#homepage_hs_2523 .widget_4023 #clicksch_4023,
.prebuild1 .widget_4269 #clicksch_4269 {
width: 100% !important;
    padding-left: 0px !important;
    line-height: 1;
}
#homepage_hs_2523 .widget_4023  .cust_content6 {
margin-top: 0px !important;
}





}

.prebuild2_3 .tcolbody1665 img{
max-width: 100%;
height: auto !important;
}

@media screen and (max-width: 767px) {  
body section.prebuild1 .cust_content6, 
body section.prebuild1 .cust_content9 {
margin-top: 0px !important
}
#clicksch_1725 { 
    width: 100% !important;
line-height: 1;
padding-left: 0px !important;
}

section.prebuild1 .cust_body6, 
section.prebuild1 .cust_body9 {
float: unset !important;
width: 100% !important;
padding-left: 0px !important;
min-width: 0px !important;
}


.prebuild1 .cust_content7 {
    position: relative;
}
html body .prebuildnews_1 .ttl_news_h2.ftnews_2076 .list-news1485   div[id^="list_news1485_"]{
width: 100% !important;
}

}


body .prebuildnews_1 .ttl_news_h2.ftnews_2076 .list-news1485   div[id^="list_news1485_"]{
width: 50% !important;
}



.ui-dialog-buttonpane.ui-widget-content.ui-helper-clearfix #closebtn {
    z-index: 1000000;
}


body .bottom2-header {
    height: 70px  !important ;
    /*background: transparent !important;*/
}
body .breadchrumb-wrap {
   /* height: auto !important ;*/
}
body .breadchrumb-wrap .breadchrumb {
top: 10px !important ;
}
body .breadchrumb-wrap .breadchrumb .breadcrumb {
/*border: 0px solid #000000 !important;
background-color: #f2f2f2 !important;*/
}


.pv header {
    z-index: 2; }

#dwebsite-nav-tpl-form  .w154a_ql input[type="radio"]{ margin-right: 5px !important;}
#dwebsite-nav-tpl-form  .w154a_ql label:nth-child(1) { margin-right: 10px; }

#dwebsite-nav-tpl-form  div[style="display: flex;align-items: stretch;"] input[type="radio"]{ margin-right: 5px !important;}
#dwebsite-nav-tpl-form  div[style="display: flex;align-items: stretch;"] label:nth-child(1) { margin-right: 10px; }



@media screen and (min-width: 768px) {   
header .bottom-header .navbar ul.navbar-nav > li > a, 
.block-hs .bottom-header .navbar ul.navbar-nav > li > a { 
    padding: 15px 15px 15px 10px !important;
}
li.dropdown .fa-caret-down { 
    margin-right: 0px !important;
    display: block !important;
    margin-top: 0px !important;
    position: absolute;
    right: 0px !important;
    top: calc( 50% - 7px ) !important;
}
li.dropdown li.dropdown .fa-caret-down  {
    display: none !important;
}
}


@media only screen and (min-width: 0px) and (max-width: 991px)  { 
.prebuild1 .colcont_4269{

}
.prebuild1 .colcont_4269 .cust_body6 {
    margin-top: 0px !important;
}

.prebuild1 .colcont_4269 .cust_content6 {
margin-top: 0px !important;
}

.cust_content6 ,
.bc-content ,
section#homepage_hs_2700,
section#homepage_hs_2700 .gridpadd .container,
section#homepage_hs_4992 .gridpadd .container,
section#homepage_hs_4992 {
    height: auto !important;
} 

}





/* popup admin*/
body .ui-widget-content.ui-dialog .ui-widget-header {
    background: #125789;
    color: #fff;
}
body .ui-corner-all, 
body #TB_window {
    border: 0px solid #dfdfdf; }
.ui-dialog .ui-dialog-titlebar-close span {
    margin: -10px 0px 0px !important;
    filter: invert(100%);
}
.ui-state-hover,
.ui-widget-content .ui-state-hover, 
.ui-widget-header .ui-state-hover, 
.ui-state-focus, 
.ui-widget-content .ui-state-focus, 
.ui-widget-header .ui-state-focus, 
.ui-button:hover, 
.ui-button:focus {

    background: none;
    border: 0px solid #333; }
body .ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset { 
    display: flex;
    justify-content: center;
}
body .ui-dialog-buttonpane .ui-dialog-buttonset .ui-button {
    border: 0px solid #D4D4D4 !important;
       background-color: #125789 !important;
    color: #fff !important; 
background: none;}
body .ui-corner-all, 
body #TB_window {
    border: 0px solid #dfdfdf;
    -webkit-border-radius: 0px !important;
    -moz-border-radius: 0px !important; 
    border-radius: 0px !important;
padding: 0px;
}

/*--- Start:: Article Slide ---*/
section.prebuildnews_1 .ttl_news_h2 .list_news_carousel,
section.prebuildnews_1 .ttl_news_h2 .list_news_carousel .owl-carousel .nw-item,
section.prebuildnews_1 .ttl_news_h2 .list_news_carousel .owl-carousel .nw-item .nw-top {
	height: auto !important;
}
section.prebuildnews_1 .ttl_news_h2 .list_news_carousel .owl-carousel .nw-item .nw-top .draggableHelper {
	width: 100%;
	height: 0;
	position: relative;
	padding-top: 66.66%;
}
section.prebuildnews_1 .ttl_news_h2 .list_news_carousel .owl-carousel .nw-item .nw-top .draggableHelper img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	object-position: top;
	position: absolute;
	top:0;
	left:0;
}
@media only screen and (min-width: 991px) {
	section.prebuildnews_1,	section.prebuildnews_1 .gridpadd .container {
		height: auto !important;
	}
}
@media only screen and (min-width: 768px) {
	section.prebuildnews_1 .owl-carousel .nw-item .nw-bottom .nwt-title {
		height: 50px;
	}
}
/*--- End:: Article Slide ---*/

body .settop_hs #cl_pages.cl_buttons #listpage #listpagescontent .ns-section ol.sortable li.mjs-list .icon-move .menu_list {
    margin-bottom: 0px !important;
}

/*--- Bug #116620 ---*/
@media screen and (max-width: 991px)   {  
    .sosmed:empty {
      display: none !important;
    }
}
/*--- end Bug #116620 ---*/