.site-header-top-wrapper {display:none;}
.services_box_element .box {
    height: auto !important;
}

.title_small {display:block !important;}
.rightarea {overflow-x:auto;}



#th-content-post > img, .kl-blog-full-image {

    max-width: 135px !important;
}

.note {margin-left:30px;background:#fcd9a5;padding:5px;border-radius:5px;text-align:center;}

.byauthor {  text-transform: capitalize;}

@media only screen and (max-width: 900px) {
.ph-content-wrap {
    padding-bottom: 50px;
    padding-top: 150px;
}
.page-subheader.zn_def_header_style .ph-content-wrap, .page-subheader.uh_zn_def_header_style .ph-content-wrap {padding-top:10% !important;}

.leftsidebar {
    width: 90% !important;
    margin: 0 auto;
}

.rightarea {
    width: 100%  !important;
  
    margin: 10px auto;
    padding: 0  !important;
}
}
.ph-content-wrap {
    
    padding-top: 150px !important;
}

.acf-true-false {text-align:center;}
   .acf-form-submit{ text-align: center;
    margin: 20px;
    padding: 20px; }
.orangeb {   background-color: #E26103;
    color: white;
    font-weight: 600;
    padding: 10px 20px;
    line-height: 1.5;
    text-align: center;
    word-break: break-word;
    white-space: normal;
    border: none;
    cursor: pointer;
}
/* Tooltip container */
.tooltip {
  position: relative;
  display: inline-block;
  border-bottom: 1px dotted black; /* If you want dots under the hoverable text */
}

/* Tooltip text */
.tooltip .tooltiptext {
  visibility: hidden;
  width: 120px;
  background-color: black;
  color: #fff;
  text-align: center;
  padding: 5px 0;
  border-radius: 6px;
 
  /* Position the tooltip text - see examples below! */
  position: absolute;
  z-index: 1;
}

/* Show the tooltip text when you mouse over the tooltip container */
.tooltip:hover .tooltiptext {
  visibility: visible;
}



.container {
   max-width: 1270px !important;
width:100%;
}

.glyphicon-pencil:before {
  
    font-size: 10px !important;
}

.glyphicon-save:before {
  
    font-size: 9px !important;
}
#ur-frontend-form > form > div > div > p.user-registration-register.register {text-align:right !important;}
#ur-frontend-form > form > div > div > p.user-registration-register.register > a {    background-color: #0c4ca3;
    color: white;
    font-weight: 600;

    padding: 10px 20px;
    line-height: 1.5;
    text-align: center;
    word-break: break-word;
    white-space: normal;
    border: none;
    cursor: pointer;

}
.downloadbtn {  height: 45px;    padding: 5px 15px;    background: #066fd9;    color: #fff;border-radius: 5px;}


#dtBasicExample > thead > tr > th {background:#74beeb !important;border:0 !important;border:3px solid #ffffff !important; color:#fff; font-weight:400;}
#dtBasicExample > tr > tr {border:0 !important;}
#dtBasicExample > tr > td {border:0 !important;}

#jsontable> thead > tr > th {background:#74beeb !important;border:0 !important;border:3px solid #ffffff !important; color:#fff;  font-weight:400;}
#jsontable> tr > tr {border:0 !important;}
#jsontable> tr > td {border:0 !important;}


.table-bordered>thead>tr>th, .table-bordered>tbody>tr>th, .table-bordered>tfoot>tr>th, .table-bordered>thead>tr>td, .table-bordered>tbody>tr>td, .table-bordered>tfoot>tr>td {border:3px solid #ffffff !important;}


.table-striped>tbody>tr:nth-of-type(even) {
  background:#f0f9ff!important;}

.notfy {float: left;
    margin: 5px;
    padding: 5px;height:auto !important;}
ul.acf-radio-list li, ul.acf-checkbox-list li {display:inline-block;padding-right:15px;}

.notfy input {height: auto !important;}

#acf-form {width:100%;}

@media only screen and (min-width: 1100px) {#user-registration {
margin: 0 auto !important;
    width: 50%;
}
.rightarea #user-registration {
margin: 0 auto !important;
    width: 100%;
}
}
.widgettitle {color:#000 !important;}
.mainarea {    box-shadow: 0 2px 10px rgb(45 53 89 / 10%);
width:100%;float:right;background:#f4f4f4;margin:10px auto;padding:5px 20px 25px 20px;}.
#ur-frontend-form > form > div > div > div > h2 {display:none;}
.ur-frontend-form, .user-registration {margin:0 !important;}
#ur-frontend-form {border:0 !important;}
#user-registration, #user-registration.horizontal { box-shadow: 0px 0px 0px #d2d2d2 !important; }
#user-registration, #user-registration.horizontal{background:#f4f4f4;     box-shadow: 0 !important;
}
#user-registration .ur-edit-profile, #user-registration .user-registration-MyAccount-content, #user-registration.horizontal .ur-edit-profile, #user-registration.horizontal .user-registration-MyAccount-content {
    text-align: center;  box-shadow: 0 !important;
    width: 100% !important;
    float: left;
    margin: 27px auto;background:#f4f4f4;
}
#user-registration .ur-edit-profile, #user-registration .user-registration-MyAccount-content, #user-registration.horizontal .ur-edit-profile, #user-registration.horizontal .user-registration-MyAccount-content {
    text-align: center;
    width: 100% !important;background:#f4f4f4;
}
.rightarea {   
width:80%;float:right;margin:10px auto;padding:5px 20px 25px 20px;}.leftsidebar {float:left;width:20%;}
#page_header > div.ph-content-wrap > div > div > div > div > div > div > h2 > a {color:#fff;}
#page_header > div.ph-content-wrap > div > div > div > div > div > div > h2 > a:hover {color:#fff;text-decoration:underline;}
.subcategories-list li {margin:10px;display:block;padding:15px;background:#f4f4f4;color:#000!important;text-align:left;}
div.leftsidebar > ul > li.active {background:#74beeb!important; color:#fff !important;}
div.leftsidebar > ul > li:hover {background:#74ceeb!important;pointer; color:#fff; }
.subcategories-list li a {color:#000!important;text-align:left;}
.subcategories-list {text-align:center;}
body {background:#fff;}
.sh--light .topnav .menu-item>a, .site-header .kl-cta-lined, .sh--light .main-nav>ul>li>a {
    color: #000 !important;
}
.kl-top-header {background: #ffffff !important;}

.homeboxes  div > div.kl-iconbox__content-wrapper > div.kl-iconbox__el-wrapper.kl-iconbox__desc-wrapper > p {padding-right:2px;margin-top:5px;}
.homeboxes  .kl-iconbox__icon-wrapper {margin:0 !important;}
.homeboxes {background:#fff !important; padding:0px 0px 0px 10px;box-shadow:2px 2px 4px #d2d2d2;}
.homeboxes  div > div.kl-iconbox__content-wrapper > div.kl-iconbox__el-wrapper.kl-iconbox__title-wrapper > h3 {font-size:14px !important;}
.homeboxes div > div.kl-iconbox__content-wrapper > div.kl-iconbox__el-wrapper.kl-iconbox__cta-wrapper > a {background:#fff !important; color:blue; padding:0px;font-size:12px !important;}
.modeon {background: #2f2f2f; }

#content > div.container > div::before {content:"" !important;}

#hideme {display:none !important;}
.acf-button { height:45px; padding:5px 15px;background:#066fd9;color:#fff;}
.topnav-item, .topnav .menu-item>a {
    font-size: 18px !important;}

select, input {height:45px;}


.greendot {
  height: 15px;
  width: 15px;
  background-color: green;
  border-radius: 50%;
  display: inline-block; text-align:center;

}

.reddot {
  height: 15px;
  width: 15px;
  background-color: red;
  border-radius: 50%;
  display: inline-block; text-align:center;
}

.orangedot {
  height: 15px;
  width: 15px;
  background-color: orange;
  border-radius: 50%;
  display: inline-block; text-align:center !important;
}
.graydot {
  height: 15px;
  width: 15px;
  background-color: #d2d2d2;
  border-radius: 50%;
  display: inline-block; text-align:center;
}