body{font-family: 'Raleway', sans-serif; background:#F7F7F7; background-size:auto;min-height:100vh;position:relative} 
body:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,0.5);-webkit-transition:.3s all ease;-o-transition:.3s all ease;transition:.3s all ease;opacity:0;visibility:hidden;z-index:1}
body.offcanvas-menu:before{opacity:1;z-index:1002;visibility:visible}

/*NotifIt*/
#ui_notifIt{position:fixed;top:10px;right:10px;cursor:pointer;overflow:hidden;-webkit-box-shadow:0 3px 5px rgba(0,0,0,0.3);-moz-box-shadow:0 3px 5px rgba(0,0,0,0.3);-o-box-shadow:0 3px 5px rgba(0,0,0,0.3);box-shadow:0 3px 5px rgba(0,0,0,0.3);-wekbit-border-radius:5px;-moz-border-radius:5px;-o-border-radius:5px;border-radius:5px;z-index:2000}
#ui_notifIt:hover{opacity:1!important}
#ui_notifIt p{text-align:center;font-family:'Dosis',sans-serif;font-size:14px;padding:0;margin:0}
#notifIt_close{position:absolute;color:#FFF;top:0;padding:0 5px;right:0}
#notifIt_close:hover{background-color:rgba(255,255,255,0.3)}
#ui_notifIt.success{background-color:#9acd32;color:#fff}
#ui_notifIt.error{background-color:#ff4500;color:#fff}
#ui_notifIt.warning{background-color:orange;color:#fff}
#ui_notifIt.info{background-color:#00bfff;color:#fff}
#ui_notifIt.default{background-color:#EEE;color:#444}
.notifit_confirm_bg{position:fixed;top:0;left:0;height:100%;width:100%;background-color:rgba(255,255,255,0.8)}
.notifit_confirm *{font-family:sans-serif}
.notifit_confirm{position:fixed;top:0;left:0;padding:30px 30px 0;background-color:#EEE;border:1px solid rgba(0,0,0,0.1);-webkit-border-radius:5px;-moz-border-radius:5px;-ms-border-radius:5px;-o-border-radius:5px;border-radius:5px;-webkit-box-shadow:0 2px 10px rgba(0,0,0,0.2);box-shadow:0 2px 10px rgba(0,0,0,0.2)}
.notifit_confirm_accept,.notifit_confirm_cancel{padding:10px 20px;color:#FFF;border:1px solid rgba(0,0,0,0.1);margin:10px;outline:0;cursor:pointer;display:inline-block;-webkit-border-radius:5px;-moz-border-radius:5px;-ms-border-radius:5px;-o-border-radius:5px;border-radius:5px}
.notifit_confirm_accept{background-color:#9ACD32}
.notifit_confirm_accept:hover{background-color:#ABDE43}
.notifit_confirm_cancel{background-color:#FF4500}
.notifit_confirm_cancel:hover{background-color:#FF5611}
.notifit_confirm_message{text-align:center;margin-bottom:20px}

/*Site Navigation*/
.site-navbar{margin-bottom:0;z-index:1999;position:relative;top:0;width:100%;padding:1rem}
.site-navbar .toggle-button{position:absolute;right:0}
.site-navbar .site-logo{margin:0;padding:0;font-size:1.7rem}
.site-navbar .site-logo a{color:#89ba16;text-transform:lowercase}
@media (max-width: 991.98px) {
    .site-navbar .site-logo{float:left;position:relative}
}
.site-navbar .site-navigation.border-bottom{border-bottom:1px solid #fff!important}
.site-navbar .site-navigation .site-menu{margin:0;padding:0;margin-bottom:0}
.site-navbar .site-navigation .site-menu .active{color:#89ba16!important}
.site-navbar .site-navigation .site-menu a{text-decoration:none!important;display:inline-block}
.site-navbar .site-navigation .site-menu > li{display:inline-block}
.site-navbar .site-navigation .site-menu > li > a{margin-left:15px;margin-right:15px;padding:20px 0;color:#000!important;display:inline-block;text-decoration:none!important}
.site-navbar .site-navigation .site-menu > li > a:hover{color:#89ba16}
.site-navbar .site-navigation .site-menu > li.active > a{color:#89ba16!important}
.site-navbar .site-navigation .site-menu .has-children{position:relative}
.site-navbar .site-navigation .site-menu .has-children > a{position:relative;padding-right:20px}
.site-navbar .site-navigation .site-menu .has-children > a:before{position:absolute;content:"\25bf";font-size:16px;top:50%;right:0;-webkit-transform:translateY(-50%);-ms-transform:translateY(-50%);transform:translateY(-50%);}
.site-navbar .site-navigation .site-menu .has-children .dropdown{visibility:hidden;opacity:0;top:100%;position:absolute;text-align:left;border-top:2px solid #89ba16;-webkit-box-shadow:0 2px 10px -2px rgba(0,0,0,0.1);box-shadow:0 2px 10px -2px rgba(0,0,0,0.1);padding:0;margin-top:20px;margin-left:0;background:#fff;-webkit-transition:.2s 0;-o-transition:.2s 0;transition:.2s 0}
.site-navbar .site-navigation .site-menu .has-children .dropdown.arrow-top{position:absolute}
.site-navbar .site-navigation .site-menu .has-children .dropdown.arrow-top:before{display:none;bottom:100%;left:20%;border:solid transparent;content:" ";height:0;width:0;position:absolute;pointer-events:none;border-color:rgba(136,183,213,0);border-bottom-color:#fff;border-width:10px;margin-left:-10px}
.site-navbar .site-navigation .site-menu .has-children .dropdown a{text-transform:none;letter-spacing:normal;-webkit-transition:0 all;-o-transition:0 all;transition:0 all;color:#000!important}
.site-navbar .site-navigation .site-menu .has-children .dropdown a.active{color:#89ba16!important;background:#f8f9fa}
.site-navbar .site-navigation .site-menu .has-children .dropdown > li{list-style:none;padding:0;margin:0;min-width:200px}
.site-navbar .site-navigation .site-menu .has-children .dropdown > li > a{padding:9px 20px;display:block}
.site-navbar .site-navigation .site-menu .has-children .dropdown > li > a:hover{background:#f8f9fa;color:#ced4da}
.site-navbar .site-navigation .site-menu .has-children .dropdown > li.has-children > a:before{content:"\e315";right:20px}
.site-navbar .site-navigation .site-menu .has-children .dropdown > li.has-children > .dropdown,.site-navbar .site-navigation .site-menu .has-children .dropdown > li.has-children > ul{left:100%;top:0}
.site-navbar .site-navigation .site-menu .has-children .dropdown > li.has-children:hover > a,.site-navbar .site-navigation .site-menu .has-children .dropdown > li.has-children:active > a,.site-navbar .site-navigation .site-menu .has-children .dropdown > li.has-children:focus > a{background:#f8f9fa;color:#ced4da}
.site-navbar .site-navigation .site-menu .has-children:hover > a,.site-navbar .site-navigation .site-menu .has-children:focus > a,.site-navbar .site-navigation .site-menu .has-children:active > a{color:#89ba16}
.site-navbar .site-navigation .site-menu .has-children:hover,.site-navbar .site-navigation .site-menu .has-children:focus,.site-navbar .site-navigation .site-menu .has-children:active{cursor:pointer}
.site-navbar .site-navigation .site-menu .has-children:hover > .dropdown,.site-navbar .site-navigation .site-menu .has-children:focus > .dropdown,.site-navbar .site-navigation .site-menu .has-children:active > .dropdown{-webkit-transition-delay:0;-o-transition-delay:0;transition-delay:0;margin-top:0;visibility:visible;opacity:1}
.site-mobile-menu{width:300px;position:fixed;right:0;z-index:2000;padding-top:20px;background:#fff;height:calc(100vh);-webkit-transform:translateX(110%);-ms-transform:translateX(110%);transform:translateX(110%);-webkit-box-shadow:-10px 0 20px -10px rgba(0,0,0,0.1);box-shadow:-10px 0 20px -10px rgba(0,0,0,0.1);-webkit-transition:.3s all ease-in-out;-o-transition:.3s all ease-in-out;transition:.3s all ease-in-out}
.offcanvas-menu .site-mobile-menu{-webkit-transform:translateX(0%);-ms-transform:translateX(0%);transform:translateX(0%)}
.site-mobile-menu .site-mobile-menu-header{width:100%;float:left;padding-left:20px;padding-right:20px}
.site-mobile-menu .site-mobile-menu-header .site-mobile-menu-close{float:right;margin-top:8px}
.site-mobile-menu .site-mobile-menu-header .site-mobile-menu-close span{font-size:30px;display:inline-block;padding-left:10px;padding-right:0;line-height:1;cursor:pointer;-webkit-transition:.3s all ease;-o-transition:.3s all ease;transition:.3s all ease}
.site-mobile-menu .site-mobile-menu-header .site-mobile-menu-close span:hover{color:#ced4da}
.site-mobile-menu .site-mobile-menu-header .site-mobile-menu-logo{float:left;margin-top:10px;margin-left:0}
.site-mobile-menu .site-mobile-menu-header .site-mobile-menu-logo a{display:inline-block;text-transform:uppercase}
.site-mobile-menu .site-mobile-menu-header .site-mobile-menu-logo a img{max-width:70px}
.site-mobile-menu .site-mobile-menu-header .site-mobile-menu-logo a:hover{text-decoration:none}
.site-mobile-menu .site-mobile-menu-body{overflow-y:scroll;-webkit-overflow-scrolling:touch;position:relative;padding:0 20px 20px;height:calc(100vh - 52px);padding-bottom:150px}
.site-mobile-menu .site-nav-wrap{padding:0;margin:0;list-style:none;position:relative}
.site-mobile-menu .site-nav-wrap a{padding:10px 20px;display:block;position:relative;color:#212529}
.site-mobile-menu .site-nav-wrap a:hover{color:#89ba16}
.site-mobile-menu .site-nav-wrap li{position:relative;display:block}
.site-mobile-menu .site-nav-wrap li .nav-link.active{color:#89ba16}
.site-mobile-menu .site-nav-wrap li.active > a{color:#89ba16}
.site-mobile-menu .site-nav-wrap .arrow-collapse{position:absolute;right:0;top:10px;z-index:20;width:36px;height:36px;text-align:center;cursor:pointer;border-radius:50%}
.site-mobile-menu .site-nav-wrap .arrow-collapse:hover{background:#f8f9fa}
.site-mobile-menu .site-nav-wrap .arrow-collapse:before{font-size:12px;z-index:20;font-family:"FontAwesome";content:"\f078";position:absolute;top:50%;left:50%;-webkit-transform:translate(-50%,-50%) rotate(-180deg);-ms-transform:translate(-50%,-50%) rotate(-180deg);transform:translate(-50%,-50%) rotate(-180deg);-webkit-transition:.3s all ease;-o-transition:.3s all ease;transition:.3s all ease}
.site-mobile-menu .site-nav-wrap .arrow-collapse.collapsed:before{-webkit-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}
.site-mobile-menu .site-nav-wrap > li{display:block;position:relative;float:left;width:100%}
.site-mobile-menu .site-nav-wrap > li > a{padding-left:20px;font-size:20px}
.site-mobile-menu .site-nav-wrap > li > ul{padding:0;margin:0;list-style:none}
.site-mobile-menu .site-nav-wrap > li > ul > li{display:block}
.site-mobile-menu .site-nav-wrap > li > ul > li > a{padding-left:40px;font-size:16px}
.site-mobile-menu .site-nav-wrap > li > ul > li > ul{padding:0;margin:0}
.site-mobile-menu .site-nav-wrap > li > ul > li > ul > li{display:block}
.site-mobile-menu .site-nav-wrap > li > ul > li > ul > li > a{font-size:16px;padding-left:60px}
.site-mobile-menu .site-nav-wrap[data-class="social"]{float:left;width:100%;margin-top:30px;padding-bottom:5em}
.site-mobile-menu .site-nav-wrap[data-class="social"] > li{width:auto}
.site-mobile-menu .site-nav-wrap[data-class="social"] > li:first-child a{padding-left:15px!important}
.sticky-wrapper{position:relative;z-index:100;width:100%;position:relative;top:0}
.sticky-wrapper .site-navbar{-webkit-transition:.3s all ease;-o-transition:.3s all ease;transition:.3s all ease;background:#fff}
.sticky-wrapper .site-navbar ul li a{color:rgba(0,0,0,0.7)!important}
.sticky-wrapper .site-navbar ul li a.active{color:#000!important}
.sticky-wrapper.is-sticky .site-navbar{background:#fff;-webkit-box-shadow:4px 0 20px -5px rgba(0,0,0,0.2);box-shadow:4px 0 20px -5px rgba(0,0,0,0.2)}
.sticky-wrapper.is-sticky .site-navbar .site-logo a{color:#89ba16}
.sticky-wrapper.is-sticky .site-navbar ul li a{color:#000!important}
.sticky-wrapper.is-sticky .site-navbar ul li a.active{color:#89ba16!important}
.sticky-wrapper .shrink{padding-top:0!important;padding-bottom:0!important}
@media (max-width: 991.98px) {
    .sticky-wrapper .shrink{padding-top:30px!important;padding-bottom:30px!important}
}

/*CSS Spinner*/
.lds-ellipsis{display:inline-block;position:relative;width:80px;height:80px}
.lds-ellipsis div{position:absolute;top:33px;width:13px;height:13px;border-radius:50%;background:#fff;animation-timing-function:cubic-bezier(0,1,1,0)}
.lds-ellipsis div:nth-child(1){left:8px;animation:lds-ellipsis1 .6s infinite}
.lds-ellipsis div:nth-child(2){left:8px;animation:lds-ellipsis2 .6s infinite}
.lds-ellipsis div:nth-child(3){left:32px;animation:lds-ellipsis2 .6s infinite}
.lds-ellipsis div:nth-child(4){left:56px;animation:lds-ellipsis3 .6s infinite}
@keyframes lds-ellipsis1 {
    0%{transform:scale(0)}
    100%{transform:scale(1)}
}
@keyframes lds-ellipsis3 {
    0%{transform:scale(1)}
    100%{transform:scale(0)}
}
@keyframes lds-ellipsis2 {
    0%{transform:translate(0,0)}
    100%{transform:translate(24px,0)}
}

.logo {height: 48px;width: auto;}
.smaller {font-size: 60%;}
.category-icon {background: #EAEAEA;width: 56px;height: 56px;padding: 8px;border-radius: 8px;}
.category-icon:hover, .category-icon.active {filter: invert(100%);background: #029c91;cursor: pointer;}
.cursor-pointer{cursor: pointer;}
.overlay {background: rgba(0,0,0,0.5);width: 100%; height: 100%;position: absolute;top: 0px;left: 0px;}
#CategoryStepA{min-height: 125px;}
.AndClass {width: 100%;border: dashed 1px #9D9D9D;margin: 15px;padding: 0 0 15px 0;}
.ParameterOptionTxt{display: block;margin: 5px auto -12px;font-size: 11px;text-align: center;}

/*Placeholder Animation*/
div.input-block span.placeholder {position: absolute; margin: 0; padding: .55rem .75rem; color:  #6c757d; display: flex; align-items: center; top: 0; left: 17px; transition: all 0.2s; transform-origin: 0% 0%; background: none; pointer-events: none; font-size: 0.8rem; font-weight: 400; line-height: 1.5;}
div.input-block input:valid + span.placeholder, div.input-block input:focus + span.placeholder { transform: scale(0.8) translateY(-20px); background: #fff; padding: 0 6px; margin: 6px;}
div.input-block input:focus{color: #284B63; border-color: #284B63;}
div.input-block input:focus + span.placeholder {color: #284B63;}