/* Copyright (C) YOOtheme GmbH, YOOtheme Proprietary Use License (http://www.yootheme.com/license) */

/* ========================================================================
   Use this file to add custom CSS easily
 ========================================================================== */
#wpadminbar #wp-admin-bar-my-account.with-avatar>a img { background: rgba(0, 0, 0, 0) !important; border: none !important; }
#wp-admin-bar-top-secondary { background: #000 !important; }
#wpadminbar { z-index: 99 !important; }
.uk-text-red { color: #ff0000; }
.uk-text-litered { color: #D1EEFC; }
.uk-text-green { color: #06ff0f; }
.uk-text-litegreen { color: #04FF00; }
.uk-text-yellow { color: #ff9500; }
.uk-text-liteyellow { color: #ff9500; }
.uk-text-blue { color: #00a9e0; }
.uk-text-grey { color: #4a5960; }
.uk-text-showcase { font-size: 30px; line-height: 60px; font-weight: 700;color: #ff1300;}
.page .tm-main .uk-text-blue { color: #4A5960; font-family: 'Nunito', Helvetica, Arial, sans-serif; }
.uk-text-liteblue { color: rgba(232, 254, 255, 0.6); }
.uk-text-white{color: #ffffff;}
.uk-text-litewhite{color: #C2DAFF;}
ul.uk-list-arrow li { list-style: none; padding-left: 20px; position: relative; margin: 0 0 10px;}
ul.uk-list-arrow li:before { content: "\f0da";font-family: FontAwesome; font-size: 20px;left: 0; position: absolute; top: 0;}
.uk-dropdown-left, .uk-dropdown-right {  padding: 15px; background: #fff; color: #4A5960; z-index: 1; border: none; box-shadow: 0 1px 10px 2px rgb(244, 255, 244);}
.marker-icon { border-radius: 50%; font-size: 50px; height: 120px; line-height: 120px; width: 120px;}
.bottom-a-popover .marker-icon{  background: #03ca00; }
@media(max-width:767px){
.bottom-a-popover img{ display: none;}
.bottom-a-popover .uk-dotnav > li > a::before{background: #4a5960;}
}
@media(min-width:768px){
  .uk-text-custom-width{width: 75%;}
  .uk-list-collapse{padding-left: 0;}
}
@media (min-width: 768px) {
.uk-panel-box-last {
background-image: url("../../../images/ah-cloud-bg.jpg");
background-size: cover;
box-shadow: 0 0 15px 2px #ffffff;
}
.uk-panel-box-last  .uk-panel-title {
    color: #ffffff;
}
}

/* css for wordpress page */
.inner-switcher .uk-subnav-pill > * > *:before { content: ""; position: absolute; right: -2px; top: -2px; left: auto; bottom: auto;
background: #45DA19; -webkit-transition: height 0.3s; transition: height 0.3s;  height: 0; width: 0;
background: -moz-linear-gradient(225deg,  #FFFFFF 45%, #cccccc 47%, #A3FFB7 56%, #45DA19 80%);
background: -webkit-linear-gradient(225deg,  #FFFFFF 45%,#cccccc 47%,#A3FFB7 56%,#45DA19 80%); 
background: linear-gradient(225deg,  #FFFFFF 45%,#cccccc 47%,#A3FFB7 56%,#45DA19 80%); 
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#A3FFB7', endColorstr='#45DA19',GradientType=1 );
}
.inner-switcher .uk-subnav-pill > li > a { position: relative; z-index: 2; padding: 5px 15px; background: #00a9e0; border: 2px solid #009ad0; font-size: 16px; }
.inner-switcher .uk-subnav-pill > li.uk-active > a { color: #ffffff;}
.inner-switcher .uk-subnav-pill > .uk-active > *::before, .inner-switcher .uk-subnav-pill > * > *:hover::before, .inner-switcher .inner-switcher .uk-subnav-pill > * > *:focus::before { height: 15px; width: 15px;}

.inner-switcher .uk-margin-top > .uk-grid > div + div { border-top: 1px solid #dddddd; margin-top: 40px; padding-top: 40px;}
.framework-admin-widget .uk-switcher { border: 1px solid #eeeeee; border-radius: 8px; padding: 30px;}
.inner-switcher > .uk-switcher { margin-top: 0 !important; padding-top: 20px;}
.framework-custom-widget .uk-panel-box {
  background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
  box-shadow: none;
}
.framework-custom-widget .uk-panel-box::after {
  box-shadow: none;
}

/*overview switcher*/
/*left*/
.overview-features-widget .uk-nav li a { background: #204159; border: 2px solid #4a5960; color: #ff9500; font-size: 20px; margin-bottom: 10px; padding: 19px 15px; position: relative; text-align: left;}
.overview-features-widget .uk-nav li a::after { border: 2px solid #ffffff; border-radius: 50%; content: "\f00c";  font-family: FontAwesome;
  font-size: 24px; height: 40px; line-height: 40px; position: absolute; right: 5px; text-align: center; top: 10px; width: 40px;}
.overview-features-widget .uk-nav li a::before { background: #204159; border-right: 2px solid #4a5960; border-top: 2px solid #4a5960;
  content: ""; height: 45px; position: absolute; right: -25px; top: 8px; transform: rotate(45deg); width: 45px;}
.overview-features-widget .uk-nav-side > li.uk-active > a, .overview-features-widget .uk-nav-side > li > a:hover, .overview-features-widget .uk-nav-side > li > a:hover { color: #ffffff;}
/*right*/
.overview-features-widget .uk-float-right .uk-nav li a::before {left: -25px; right: auto; 
transform: rotate(225deg);
-ms-transform: rotate(225deg);
-webkit-transform: rotate(225deg);
}
.overview-features-widget .uk-float-right .uk-nav li a {
  text-align: right;
}
.overview-features-widget .uk-float-right .uk-nav li a::after {
  left: 5px;
  right: auto;
}
@media(max-width: 767px){
.inner-switcher .uk-subnav-pill > li > a{margin-top: 10px;}
.overview-features-widget .uk-nav li a {
   width: 80%;
  margin: 0 auto 10px;
}
}
@media(min-width:768px) and (max-width:1059px){
  .overview-features-widget .uk-nav li a{font-size: 16px;}
}
.availibility-popover .marker-icon {
  background: #4486f9 !important;
  color: #ffffff !important;
  font-size: 16px;
  height: 35px;
  line-height: 35px;
  width: 35px;
}

.availibility-popover .marker-icon:hover::before {
    color: #010a4d !important;
}

/*pop up design*/
#wsi-latest-news .wsi-news-modal:after{
  background-image: url("../../../images/popup-badge-icon.png");
background-size: 100% 100%;
content: "";
font-size: 25px;
height: 100px;
left: -25px;
position: absolute;
top: -25px;
width: 100px;
word-wrap: break-word;
}
#wsi-latest-news .wsi-news-modal{
  padding: 10px;
  border-radius: 25px;
   color: #4a5960;
}
.ln-inner-wrap {
min-height: 200px;
padding: 10px;
}
.close-btn-hover::after {
    background: #00a9e0;
    bottom: -6px;
    content: "";
    display: block;
    height: 15px;
    position: absolute;
    right: 14px;
    transform: rotate(45deg);
   -webkit-transform: rotate(45deg);
    width: 15px;
}
.close-btn-hover {
    background: #00a9e0;
    border-radius: 5px;
    color: #ffffff;
    display: none;
    padding: 10px 20px;
    position: absolute;
    right: 0;
    top: -60px;
}
@media(max-width: 590px){
#wsi-latest-news .wsi-news-modal::after {
  background-size: 100% auto;
  height: 75px;
  left: 0;
  right: 0;
  width: 75px;
}
.close-btn-hover {
  bottom: 0;
  top: auto;
  border-radius: 0;
}
.close-btn-hover::after {
    top: -5px;
    bottom: auto;
}
}
.videoWrapper {
  position: relative;
  padding-bottom: 56.25%; /* 16:9 */
  height: 0;
}
.videoWrapper iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

@media(max-width: 767px){
.uk-padding-bottom-extra-large { padding-bottom: 50px; }
.uk-link-bottom-button, .uk-link-top-button { padding: 7px 10px; font-size: 14px;}
.uk-link-button-play {background-size: 100% 100%; height: 45px; width: 60px; right: 10px; bottom: 10px;}
.tm-footer, .tm-footer-right .uk-subnav { font-size: 13px;}
.tm-footer-right .uk-subnav-pill > li { padding: 5px;}
}