@font-face{font-family:'Poppins-Regular';src:url(../fonts/Poppins-Regular.ttf) format('truetype');}
@font-face{font-family:'Poppins-Light';src:url(../fonts/Poppins-Light.ttf) format('truetype');}
@font-face{font-family:'Roboto-Light';src:url(../fonts/Roboto-Light.ttf) format('truetype');}
@font-face{font-family:'Roboto-Black';src:url(../fonts/Roboto-Black.ttf) format('truetype');}
@font-face {font-family: 'sagar';src: url('../fonts/sagar.eot');src: local('sagar'), url('../fonts/sagar.woff') format('woff'), url('../fonts/sagar.ttf') format('truetype');}
@font-face {font-family: 'OpenSans-Light';src: url('../fonts/OpenSans-Light.eot');src: local('OpenSans-Light'), url('../fonts/OpenSans-Light.woff') format('woff'), url('../fonts/OpenSans-Light.ttf') format('truetype');}
html *{outline:0 !important;}

body{background:url(../images/backgd.jpg) no-repeat top center fixed;
  -webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;margin:0;overflow-x:hidden;padding:0;}
p{font-family:Roboto;font-size:13px;font-weight:normal;margin:0;color:#777777;letter-spacing:0.30px;float:left;width:100%;line-height:24px;}
a:hover{text-decoration:none;}
a{text-decoration:none;}
.top-margin{float:left;width:100%;margin-top:-30px;}
body .no-padding{padding:0;}
.full-width{float:none;margin:0 -30px;width:auto;}
.widget-area.blank{background:none repeat scroll 0 0 rgba(0, 0, 0, 0);-webkit-box-shadow:none;-moz-box-shadow:none;-ms-box-shadow:none;-o-box-shadow:none;box-shadow:none;}
.login-sec{background-repeat:repeat;background-size:100% 100%;height:100%;left:0;position:relative;top:0;width:100%;}
.login{left:50%;margin-left:-215px;position:absolute;top:45px;width:430px;z-index:0;}
.login-form{background:#fff; border-left:4px solid #00bcd4; -webkit-border-radius:20px;-moz-border-radius:20px;-ms-border-radius:20px;-o-border-radius:20px;border-radius:20px;-webkit-box-shadow:0 13px 48px rgba(0, 0, 0, 0.43);-moz-box-shadow:0 13px 48px rgba(0, 0, 0, 0.43);-ms-box-shadow:0 13px 48px rgba(0, 0, 0, 0.43);-o-box-shadow:0 13px 48px rgba(0, 0, 0, 0.43);box-shadow:0 13px 48px rgba(0, 0, 0, 0.43);float:left;padding:30px;width:100%;text-align: center;}
.login-form > span img{float:left;}
.login-form > span{display:table;float:none;margin:0 auto;}
.login-form > h5{color:#2f3136;float:left;font-family:Lato;font-size:21px;font-weight:100;line-height:16px;margin:10px 0 30px;text-align:center;text-transform:uppercase;width:100%;}
.login-form > h5 > strong{font-weight:bold;}
.login-form > form{float:left;width:100%;}
.login-form > form > fieldset{background:none repeat scroll 0 0 rgba(255, 255, 255, 0.16);border:3px solid rgba(255, 255, 255, 0.3);float:left;height:50px;margin-bottom:15px;padding:0 22px;position:relative;width:100%;}
.login-form > form > fieldset > i{color:#fff;font-size:18px;margin-top:-10px;position:absolute;right:18px;top:50%;}
.login-form > form > fieldset > input{background:none repeat scroll 0 0 rgba(0, 0, 0, 0);border:medium none;color:#fff;float:left;font-family:Roboto;font-size:15px;height:44px;letter-spacing:0.3px;padding:0 15px 0 0;width:100%;}
.login-form > form > label{color:#dfdfdf;float:left;font-family:Roboto;font-size:14px;font-weight:normal;letter-spacing:0.3px;margin:12px 0 0;}
.login-form > form > label input{border:medium none;float:left;margin-right:10px;}
.login-form > form button{border:medium none;float:right;font-family:Roboto;font-size:14px;padding:10px 26px;}
.login-form > a{color:#000;float:left;font-family:Roboto;font-size:14px;letter-spacing:0.3px;margin-top:30px;text-align:center;-webkit-transition:all 0.4s ease 0s;-moz-transition:all 0.4s ease 0s;-ms-transition:all 0.4s ease 0s;-o-transition:all 0.4s ease 0s;transition:all 0.4s ease 0s;width:100%;}
.login-form > a:hover{}
.login > span{color:#cecece;float:left;font-family:Lato;font-size:14px;letter-spacing:0.3px;margin-top:40px;text-align:center;width:100%;}
.reg-social-btns{list-style:none outside none;margin:0;padding:0;position:absolute;right:-50px;top:102px;width:50px;z-index:-1;}
.reg-social-btns > li{float:left;margin-bottom:10px;}
.reg-social-btns > li > a{float:left;}
.reg-social-btns > li > a > i{color:#fff;font-size:21px;height:50px;line-height:50px;text-align:center;-webkit-transition:all 0.4s ease 0s;-moz-transition:all 0.4s ease 0s;-ms-transition:all 0.4s ease 0s;-o-transition:all 0.4s ease 0s;transition:all 0.4s ease 0s;width:50px;}
.reg-social-btns > li > a > i:hover{padding-left:52px;padding-right:18px;width:80px;}
.reg-social-btns > li > a > i.fa-facebook{background:#3f70b2;}
.reg-social-btns > li > a > i.fa-twitter{background:#5a9efa;}
.reg-social-btns > li > a > i.fa-github{background:#82807d;}
.reg-social-btns > li > a > i.fa-google-plus{background:#ff5c5c;}
.main{float:left;width:100%;}
.header{background:#00bcd4;float:left;position:fixed;width:100%;z-index:99999   ; height:58px; border-bottom:none;font-family:'Roboto-Black';}
.logo{float:left;padding:13px 0 10px 11px;width:250px;background:#313d4f; }
.logo > a{float:left;margin-top:0px;}
.logo > a img{float:left;}
.logo > a > span{color:#4d5455;float:left;font-family:Roboto;font-size:16px;letter-spacing:0.3px;line-height:13px;margin-left:15px;margin-top:8px;}
.logo .toggle-menu{float:right;}
.toggle-menu{background:none repeat scroll 0 0 #ff5f5f;color:#fff;cursor:pointer;font-size:18px;height:35px;line-height:39px;position:relative;text-align:center;margin-right:10px !important;-webkit-transition:all 0.4s ease 0s;-moz-transition:all 0.4s ease 0s;-ms-transition:all 0.4s ease 0s;-o-transition:all 0.4s ease 0s;transition:all 0.4s ease 0s;width:40px;}
.toggle-menu:before{background:none repeat scroll 0 0 #f7f7f7;content:"";font-family:fontawesome;font-size:15px;height:100%;left:0;line-height:37px;opacity:0;position:absolute;top:0;-webkit-transition:all 0.4s ease 0s;-moz-transition:all 0.4s ease 0s;-ms-transition:all 0.4s ease 0s;-o-transition:all 0.4s ease 0s;transition:all 0.4s ease 0s;width:100%;}
.toggle-menu.default:before{opacity:1;}
.search{background:none repeat scroll 0 0 #fdfdfd;border:1px solid #e0e0e0;-webkit-border-radius:21px;-moz-border-radius:21px;-ms-border-radius:21px;-o-border-radius:21px;border-radius:21px;float:left;margin:10px 80px 9px;overflow:hidden;width:240px;}
.search > input[type="text"]{background:none repeat scroll 0 0 rgba(0, 0, 0, 0);border:medium none;float:left;font-family:Roboto;font-size:13px;height:40px;letter-spacing:0.3px;padding:0 5px 0 24px;}
.search button{background:none repeat scroll 0 0 rgba(0, 0, 0, 0);border:medium none;color:#7f7f7f;float:right;font-size:15px;height:40px;padding:0 20px 0 0;}
.message-list{float:left;}
.custom-dropdowns{float:left;padding-bottom:22px;margin-left:3%;}
.custom-dropdowns .dropdown{margin-top:20px;float:left;}
.custom-dropdowns .dropdown > a{border-right:1px solid #e0e0e0;color:#7f7f7f;cursor:pointer;float:left;font-size:15px;line-height:19px;margin-right:20px;padding-right:20px;position:relative;}
.custom-dropdowns .dropdown > a > span{color:#fff;float:left;font-family:Roboto;font-size:13px;height:18px;line-height:18px;text-align:center;width:22px;position:relative;}
.custom-dropdowns .dropdown > a > span{color:#fff;float:left;font-family:Roboto;font-size:13px;height:18px;line-height:18px;margin-right:15px;position:relative;text-align:center;width:22px;}
.custom-dropdowns .dropdown > a > span:before{border-bottom:5px solid rgba(255, 255, 255, 0);border-left:5px solid;border-top:5px solid rgba(255, 255, 255, 0);content:"";margin-top:-5px;position:absolute;right:-4px;top:50%;}
.drop-list{background:none repeat scroll 0 0 #ffffff;border:1px solid #e0e0e0;display:none;margin-top:22px;position:absolute;right:0;top:100%;width:260px;}
.notification.drop-list{float:none;margin-top:22px;width:260px;}
.drop-list:before{background:none repeat scroll 0 0 #fff;border-left:1px solid #e0e0e0;border-top:1px solid #e0e0e0;content:"";height:12px;left:74%;position:absolute;top:-7px;-webkit-transform:rotate(45deg);-moz-transform:rotate(45deg);-ms-transform:rotate(45deg);-o-transform:rotate(45deg);transform:rotate(45deg);width:12px;}
.drop-list > span{border-bottom:1px solid #e0e0e0;color:#777777;float:left;font-family:Roboto;font-size:13px;letter-spacing:0.3px;padding:13px;text-align:center;width:100%;}
.drop-list > ul{float:left;list-style:none outside none;margin:0;padding:0;width:100%;}
.drop-list > ul > li{border-bottom:1px solid #e0e0e0;float:left;min-height:71px;padding:15px;-webkit-transition:all 0.4s ease 0s;-moz-transition:all 0.4s ease 0s;-ms-transition:all 0.4s ease 0s;-o-transition:all 0.4s ease 0s;transition:all 0.4s ease 0s;width:100%;}
.drop-list > ul > li:hover{background:none repeat scroll 0 0 #fafafa;}
.drop-list > ul > li > a{color:#333333;float:left;font-family:Roboto;font-size:12px;letter-spacing:0.3px;line-height:17px;padding-left:55px;position:relative;width:100%;}
.drop-list > ul > li > a > i{color:#222222;float:left;font-style:normal;font-weight:bold;margin-bottom:3px;width:100%;}
.drop-list > ul > li > a span{float:left;height:40px;left:0;margin-right:10px;overflow:hidden;position:absolute;top:0;width:40px;}
.drop-list > ul > li > a span > i{font-size:18px;height:40px;line-height:40px;text-align:center;width:40px;}
.drop-list > ul > li > a h6{color:#777777;display:block;font-family:Open Sans;font-size:11px;letter-spacing:0.3px;margin:2px 0 0;width:100%;}
.drop-list > ul > li > a .status{-webkit-border-radius:1px 0 0 4px;-moz-border-radius:1px 0 0 4px;-ms-border-radius:1px 0 0 4px;-o-border-radius:1px 0 0 4px;border-radius:1px 0 0 4px;color:#fff;font-size:10px;line-height:12px;margin-top:-9px;padding:3px 4px;position:absolute;right:-15px;text-transform:uppercase;top:-7px;width:auto;}
.drop-list > a{color:#333;float:left;font-family:Roboto;font-size:14px;letter-spacing:0.3px;padding:13px 0;text-align:center;-webkit-transition:all 0.4s ease 0s;-moz-transition:all 0.4s ease 0s;-ms-transition:all 0.4s ease 0s;-o-transition:all 0.4s ease 0s;transition:all 0.4s ease 0s;width:100%;}
.drop-list > ul > li .progress{background:none repeat scroll 0 0 #ededed;border:medium none;-webkit-box-shadow:none;-moz-box-shadow:none;-ms-box-shadow:none;-o-box-shadow:none;box-shadow:none;color:transparent;float:left;height:5px;margin:16px 0 0;width:100%;}
.drop-list > ul > li .progress .progress-bar{border:medium none;-webkit-box-shadow:none;-moz-box-shadow:none;-ms-box-shadow:none;-o-box-shadow:none;box-shadow:none;color:transparent;}
.activity-list.dropdown > a{border:medium none;margin:0;padding:0;}
.dropdown.profile{float:right;margin-top:3px;padding:8px;-webkit-transition:all 0.4s ease 0s;-moz-transition:all 0.4s ease 0s;-ms-transition:all 0.4s ease 0s;-o-transition:all 0.4s ease 0s;transition:all 0.4s ease 0s;}
.dropdown.profile:hover{background:none repeat scroll 0 0 #f7f7f7; margin-right:5px;color:#000;}
.dropdown.profile > a{border:medium none;float:left;margin:0;padding:0;}
.dropdown.profile > a img{float:left;margin-right:15px;width:38px;}
.dropdown.profile > a{border:medium none;color:#fff;float:left;font-family:Lato;font-size:15px;font-weight:bold;letter-spacing:0.3px;line-height:34px; cursor:pointer;}
.dropdown.profile > a:hover{border:medium none;color:#000;float:left;font-family:Lato;font-size:15px;}
.dropdown.profile > a i{margin-left:15px;}
.dropdown-menu{border:1px solid #e0e0e0;-webkit-box-shadow:none;-moz-box-shadow:none;-ms-box-shadow:none;-o-box-shadow:none;box-shadow:none;}
.profile.drop-list{margin-top:10px;width:200px;}
.profile.drop-list > ul > li > a{padding:0;}
.profile.drop-list > ul > li{min-height:inherit;}
.profile.drop-list > ul > li > a i{color:#777777;float:left;font-size:14px;font-weight:normal;margin-right:14px;text-align:center;width:30px;}
.page-container{float:left;position:relative;width:100%;}
aside.fixed{position:fixed;}
.sidebar{background:none repeat scroll 0 0 #0b151f;float:left;left:0;position:absolute;top:0;height:100%;-webkit-transition:all 0.4s ease 0s;-moz-transition:all 0.4s ease 0s;-ms-transition:all 0.4s ease 0s;-o-transition:all 0.4s ease 0s;transition:all 0.4s ease 0s;width:250px;padding-top:61px;}
.menu-sec > p{margin-top:15px;text-align:center;}
.profile-stats{background:url(../images/material-menu.jpg);float:left;padding:20px 13px; margin-top:-3px;width:100%;-webkit-transition:all 0.4s ease 0s;-moz-transition:all 0.4s ease 0s;-ms-transition:all 0.4s ease 0s;-o-transition:all 0.4s ease 0s;transition:all 0.4s ease 0s;}
.mini-profile{float:left;padding-left:63px;position:relative;width:100%;-webkit-transition:all 0.4s ease 0s;-moz-transition:all 0.4s ease 0s;-ms-transition:all 0.4s ease 0s;-o-transition:all 0.4s ease 0s;transition:all 0.4s ease 0s;}
.mini-profile > span{height:50px;left:0;overflow:hidden;position:absolute;top:0;width:50px;-webkit-transition:all 0.4s ease 0s;-moz-transition:all 0.4s ease 0s;-ms-transition:all 0.4s ease 0s;-o-transition:all 0.4s ease 0s;transition:all 0.4s ease 0s;}
.mini-profile > span img{float:left; width:100%;-webkit-transition:all 0.4s ease 0s;-moz-transition:all 0.4s ease 0s;-ms-transition:all 0.4s ease 0s;-o-transition:all 0.4s ease 0s;transition:all 0.4s ease 0s;}
.mini-profile h3{color:#ffffff;float:left;font-family:Roboto;font-size:16px;font-weight:600;letter-spacing:0.3px;margin:7px 0 7px -64px;width:100%;-webkit-transition:all 0.4s ease 0s;-moz-transition:all 0.4s ease 0s;-ms-transition:all 0.4s ease 0s;-o-transition:all 0.4s ease 0s;transition:all 0.4s ease 0s;}
.status{color:#abb4be;float:left;font-family:Lato;font-size:13px;letter-spacing:0.3px;line-height:8px;list-style:none outside none;margin:0 -65px 8px;width:100%;-webkit-transition:all 0.4s ease 0s;-moz-transition:all 0.4s ease 0s;-ms-transition:all 0.4s ease 0s;-o-transition:all 0.4s ease 0s;transition:all 0.4s ease 0s;}
.status > i{-webkit-border-radius:50%;-moz-border-radius:50%;-ms-border-radius:50%;-o-border-radius:50%;border-radius:50%;float:left;height:10px;margin-right:10px;width:10px;-webkit-transition:all 0.4s ease 0s;-moz-transition:all 0.4s ease 0s;-ms-transition:all 0.4s ease 0s;-o-transition:all 0.4s ease 0s;transition:all 0.4s ease 0s;}
.logout{font-size:13px;height:27px;line-height:27px;margin-top:-13px;position:absolute;right:0;text-align:center;top:50%;width:27px;-webkit-transition:all 0.4s ease 0s;-moz-transition:all 0.4s ease 0s;-ms-transition:all 0.4s ease 0s;-o-transition:all 0.4s ease 0s;transition:all 0.4s ease 0s; margin-right:-3px;}
.quick-stats{float:left;width:100%;-webkit-transition:all 0.4s ease 0s;-moz-transition:all 0.4s ease 0s;-ms-transition:all 0.4s ease 0s;-o-transition:all 0.4s ease 0s;transition:all 0.4s ease 0s;}
.quick-stats > h5{color:#fff;float:left;font-family:Lato;font-size:11px;font-weight:bold;letter-spacing:0.3px;line-height:8px;margin:15px 0 11px;text-transform:uppercase;width:100%;-webkit-transition:all 0.4s ease 0s;-moz-transition:all 0.4s ease 0s;-ms-transition:all 0.4s ease 0s;-o-transition:all 0.4s ease 0s;transition:all 0.4s ease 0s;}
.quick-stats > ul{list-style:none outside none;margin:0 -5px;padding:0;-webkit-transition:all 0.4s ease 0s;-moz-transition:all 0.4s ease 0s;-ms-transition:all 0.4s ease 0s;-o-transition:all 0.4s ease 0s;transition:all 0.4s ease 0s;}
.quick-stats > ul > li{float:left;padding:0 5px;width:33.333%;-webkit-transition:all 0.4s ease 0s;-moz-transition:all 0.4s ease 0s;-ms-transition:all 0.4s ease 0s;-o-transition:all 0.4s ease 0s;transition:all 0.4s ease 0s;}
.quick-stats > ul > li > span{background:none repeat scroll 0 0 #fff;color:#000;float:left;font-family:Roboto;font-size:19px;font-weight:600;padding:14px 0;text-align:center;width:100%;-webkit-transition:all 0.4s ease 0s;-moz-transition:all 0.4s ease 0s;-ms-transition:all 0.4s ease 0s;-o-transition:all 0.4s ease 0s;transition:all 0.4s ease 0s;}
.quick-stats > ul > li > span i{color:#babec9;float:left;font-family:Roboto;font-size:11px;font-style:normal;font-weight:600;letter-spacing:0.3px;line-height:12px;text-transform:uppercase;width:100%;-webkit-transition:all 0.4s ease 0s;-moz-transition:all 0.4s ease 0s;-ms-transition:all 0.4s ease 0s;-o-transition:all 0.4s ease 0s;transition:all 0.4s ease 0s;}
.menu-sec{background:none repeat scroll 0 0 #313d4f;float:left;padding:0px 0px;width:100%;-webkit-transition:all 0.4s ease 0s;-moz-transition:all 0.4s ease 0s;-ms-transition:all 0.4s ease 0s;-o-transition:all 0.4s ease 0s;transition:all 0.4s ease 0s;}
.menus{float:left;position:relative;-webkit-transition:all 0.4s ease 0s;-moz-transition:all 0.4s ease 0s;-ms-transition:all 0.4s ease 0s;-o-transition:all 0.4s ease 0s;transition:all 0.4s ease 0s;width:100%;}
.single-menu > h2{background:none repeat scroll 0 0 #0b151f;color:#fff;cursor:pointer;float:left;font-size:13px;letter-spacing:0.3px;margin:0 0 2px;position:relative;-webkit-transition:all 0.4s ease 0s;-moz-transition:all 0.4s ease 0s;-ms-transition:all 0.4s ease 0s;-o-transition:all 0.4s ease 0s;transition:all 0.4s ease 0s;width:100%;}
.single-menu > h2 > a{color:#fff;float:left;line-height:15px;padding:13px 45px 13px 15px;width:100%;-webkit-transition:all 0.4s ease 0s;-moz-transition:all 0.4s ease 0s;-ms-transition:all 0.4s ease 0s;-o-transition:all 0.4s ease 0s;transition:all 0.4s ease 0s; border-left:1px solid #00bcd4;}
.single-menu > h2 > a > i{float:left;font-size:15px;margin-right:15px;-webkit-transition:all 0.4s ease 0s;-moz-transition:all 0.4s ease 0s;-ms-transition:all 0.4s ease 0s;-o-transition:all 0.4s ease 0s;transition:all 0.4s ease 0s;}
.single-menu > h2 > a:hover > i{float:left;font-size:15px;margin-right:15px;-webkit-transition:all 0.4s ease 0s;-moz-transition:all 0.4s ease 0s;-ms-transition:all 0.4s ease 0s;-o-transition:all 0.4s ease 0s;transition:all 0.4s ease 0s; color:#12c3a4;}
.single-menu > h2 > i{color:#ffffff;font-family:Lato;font-style:normal;font-weight:bold;margin-top:-10px;padding:3px 10px;position:absolute;right:10px;-webkit-transition:all 0.4s ease 0s;-moz-transition:all 0.4s ease 0s;-ms-transition:all 0.4s ease 0s;-o-transition:all 0.4s ease 0s;transition:all 0.4s ease 0s;top:50%;}
.single-menu > h2.active,
.single-menu > h2:hover{ z-index:9999999999 important;background:none repeat scroll 0 0 #253143;}
.sub-menu{background:none repeat scroll 0 0 #fff;-webkit-border-radius:1px;-moz-border-radius:1px;-ms-border-radius:1px;-o-border-radius:1px;border-radius:1px;display:none;float:left;margin-bottom:2px;margin-top:9px;padding:9px 23px;position:relative;-webkit-transition:all 0.4s ease 0s;-moz-transition:all 0.4s ease 0s;-ms-transition:all 0.4s ease 0s;-o-transition:all 0.4s ease 0s;transition:all 0.4s ease 0s;width:100%;}
.sub-menu:before{background:none repeat scroll 0 0 #fff;-webkit-border-radius:2px;-moz-border-radius:2px;-ms-border-radius:2px;-o-border-radius:2px;border-radius:2px;content:"";height:11px;position:absolute;right:20px;top:-5px;-webkit-transform:rotate(45deg);-moz-transform:rotate(45deg);-ms-transform:rotate(45deg);-o-transform:rotate(45deg);transform:rotate(45deg);width:11px;-webkit-transition:all 0.4s ease 0s;-moz-transition:all 0.4s ease 0s;-ms-transition:all 0.4s ease 0s;-o-transition:all 0.4s ease 0s;transition:all 0.4s ease 0s;}
.sub-menu > ul{float:left;list-style:none outside none;margin:0;padding:0;-webkit-transition:all 0.4s ease 0s;-moz-transition:all 0.4s ease 0s;-ms-transition:all 0.4s ease 0s;-o-transition:all 0.4s ease 0s;transition:all 0.4s ease 0s;width:100%;}
.sub-menu > ul > li{float:left;-webkit-transition:all 0.4s ease 0s;-moz-transition:all 0.4s ease 0s;-ms-transition:all 0.4s ease 0s;-o-transition:all 0.4s ease 0s;transition:all 0.4s ease 0s;width:100%;position:relative;}
.sub-menu > ul > li > a{color:#000;float:left;font-family:Roboto;font-size:13px;-webkit-transition:all 0.4s ease 0s;-moz-transition:all 0.4s ease 0s;-ms-transition:all 0.4s ease 0s;-o-transition:all 0.4s ease 0s;transition:all 0.4s ease 0s;letter-spacing:0.3px;line-height:37px;padding-left:21px;position:relative;-webkit-transition:all 0.4s ease 0s;-moz-transition:all 0.4s ease 0s;-ms-transition:all 0.4s ease 0s;-o-transition:all 0.4s ease 0s;transition:all 0.4s ease 0s;width:auto;}
.sub-menu > ul > li span{margin-top:-8px;position:absolute;right:0;top:50%;}
.sub-menu > ul > li > a:hover{padding-left:30px;-webkit-transition:all 0.4s ease 0s;-moz-transition:all 0.4s ease 0s;-ms-transition:all 0.4s ease 0s;-o-transition:all 0.4s ease 0s;transition:all 0.4s ease 0s;}
.sub-menu > ul > li > a:before{background:none repeat scroll 0 0 #9a9ea9;-webkit-border-radius:50%;-moz-border-radius:50%;-ms-border-radius:50%;-o-border-radius:50%;border-radius:50%;content:"";height:6px;left:0;-webkit-transition:all 0.4s ease 0s;-moz-transition:all 0.4s ease 0s;-ms-transition:all 0.4s ease 0s;-o-transition:all 0.4s ease 0s;transition:all 0.4s ease 0s;margin-top:-3px;position:absolute;top:50%;width:6px;}
.slide-menu .sidebar{width:100px !important;}
.slide-menu .profile-stats{text-align:center;}
.slide-menu .mini-profile{padding:0;}
.slide-menu .mini-profile > span{display:table;float:none;margin:0 auto;position:relative;width:38px;}
.slide-menu .mini-profile > span img{-webkit-border-radius:1px;-moz-border-radius:1px;-ms-border-radius:1px;-o-border-radius:1px;border-radius:1px;}
.slide-menu .logout{display:table;float:none;margin:10px auto 0;position:relative;}
.slide-menu .mini-profile h3{font-size:15px;margin-bottom:10px;margin-top:-2px;}
.slide-menu .profile-stats{padding:20px 10px;text-align:center;}
.slide-menu .quick-stats > h5{line-height:16px;}
.slide-menu .quick-stats > ul{float:left;margin:0;width:100%;}
.slide-menu .quick-stats > ul > li{margin-bottom:5px;padding:0;width:100%;}
.slide-menu .single-menu > h2 > a{padding:20px;}
.slide-menu .single-menu > h2 > a > i{float:left;font-size:20px;text-align:center;width:100%;}
.slide-menu .single-menu > h2 > a > span{ z-index:9999999999 important;background:none repeat scroll 0 0 #575b61;-webkit-border-radius:0 4px 4px 0;-moz-border-radius:0 4px 4px 0;-ms-border-radius:0 4px 4px 0;-o-border-radius:0 4px 4px 0;border-radius:0 4px 4px 0;left:100%;margin-top:-6px;opacity:0;padding:10px 13px;position:absolute;-webkit-transform:rotateX(90deg);-moz-transform:rotateX(90deg);-ms-transform:rotateX(90deg);-o-transform:rotateX(90deg);transform:rotateX(90deg);-webkit-transition:all 0.4s ease 0s;-moz-transition:all 0.4s ease 0s;-ms-transition:all 0.4s ease 0s;-o-transition:all 0.4s ease 0s;transition:all 0.4s ease 0s;width:150px;z-index:999;}
.slide-menu .single-menu > h2 > a:hover > span{opacity:1;-webkit-transform:rotate(0deg);-moz-transform:rotate(0deg);-ms-transform:rotate(0deg);-o-transform:rotate(0deg);transform:rotate(0deg);}
.slide-menu .single-menu > h2.active{-webkit-border-radius:4px 0 0 4px;-moz-border-radius:4px 0 0 4px;-ms-border-radius:4px 0 0 4px;-o-border-radius:4px 0 0 4px;border-radius:4px 0 0 4px;}
.slide-menu .single-menu{float:left;position:relative;width:100%;}
.slide-menu .sub-menu{-webkit-border-radius:4px 4px 4px 0;-moz-border-radius:4px 4px 4px 0;-ms-border-radius:4px 4px 4px 0;-o-border-radius:4px 4px 4px 0;border-radius:0px;bottom:2px;left:100%;margin:0;position:absolute;width:500px;z-index:9999; background: #F8F8FF;
border: 1px solid #A9A9A9;}
.slide-menu .sub-menu:before{display:none;}
.slide-menu .single-menu > h2 > i{left:0;margin-top:-11px;right:auto;top:0;}
.slide-menu .sub-menu > ul > li{width:50%;}
.slide-menu .status > i{display:inline-block;float:none;height:7px;margin-right:2px;margin-top:0;width:7px;}
.responsive-header{background:none repeat scroll 0 0 rgba(255, 255, 255, 0.95);float:left;left:0;position:relative;top:0;width:100%;z-index:100000;padding-bottom:20px;display:none;-webkit-border-radius:0 0 3px 0;-moz-border-radius:0 0 3px 0;-ms-border-radius:0 0 3px 0;-o-border-radius:0 0 3px 0;border-radius:0 0 3px 0;}
.responsive-logo{display:table;margin:0 auto;padding:15px 0;text-align:center;}
.responsive-logo a{float:left;width:100%;color:#7F7F7F;}
.responsive-logo a img{float:left;height:auto;}
.responsive-logo a h1{float:left;font-family:open sans;font-size:22px;font-weight:500;line-height:40px;margin-left:20px;}
.responsive-header > span{background:none repeat scroll 0 0 rgba(240, 240, 240, 0.8);border-bottom:1px solid #e7e7e7;color:#bfbfbf;float:left;font-size:19px;margin-left:10%;padding:5px 10px;text-align:center;cursor:pointer;width:80%;-webkit-border-radius:3px 3px 0 0;-moz-border-radius:3px 3px 0 0;-ms-border-radius:3px 3px 0 0;-o-border-radius:3px 3px 0 0;border-radius:3px 3px 0 0;}
.responsive-header > ul{background:none repeat scroll 0 0 rgba(240, 240, 240, 0.8);border-top:1px solid #f7f7f7;float:left;margin-left:10%;padding:10px;display:none;position:relative;width:80%;-webkit-border-radius:0 0 3px 3px;-moz-border-radius:0 0 3px 3px;-ms-border-radius:0 0 3px 3px;-o-border-radius:0 0 3px 3px;border-radius:0 0 3px 3px;}
.responsive-header ul{list-style:none;}
.responsive-header > ul li{float:left;width:100%;}
.responsive-header > ul li a{border-bottom:1px solid #e7e7e7;border-top:1px solid #f7f7f7;color:#919191;float:left;font-family:roboto;font-size:13px;letter-spacing:0.2px;line-height:12px;overflow:hidden;padding:10px;text-overflow:ellipsis;white-space:nowrap;width:100%;-webkit-transition:all 0.4s linear;-moz-transition:all 0.4s linear;-ms-transition:all 0.4s linear;-o-transition:all 0.4s linear;transition:all 0.4s linear;}
.responsive-header > ul li:hover > a,
.responsive-header > ul li.opened > a{color:#2f8cff;}
.responsive-header > ul li:first-child > a{border-top:0;}
.responsive-header > ul li:last-child > a{border-bottom:0;}
.responsive-header > ul ul{padding-left:20px;border-bottom:1px solid #e7e7e7;float:left;width:100%;display:none;}
.horizontal-menu{background:none repeat scroll 0 0 #fafafa;float:left;width:100%;}
.horizontal-menu > ul{float:left;list-style:none outside none;margin:0;padding:0;border-right:1px solid #e5e5e5;border-left:1px solid #ffffff;}
.horizontal-menu > ul > li:hover > a{background:none repeat scroll 0 0 #fff;}
.horizontal-menu > ul > li > ul > li{background:none repeat scroll 0 0 #fff;border-bottom:1px solid #e8ecec;float:left;width:100%;}
.horizontal-menu > ul > li > ul{-webkit-box-shadow:0 14px 16px rgba(0, 0, 0, 0.02);-moz-box-shadow:0 14px 16px rgba(0, 0, 0, 0.02);-ms-box-shadow:0 14px 16px rgba(0, 0, 0, 0.02);-o-box-shadow:0 14px 16px rgba(0, 0, 0, 0.02);box-shadow:0 14px 16px rgba(0, 0, 0, 0.02);left:50%;list-style:none outside none;margin:0 0 0 -115px;padding:0;position:absolute;top:100%;-webkit-transition:all 0.4s ease 0s;-moz-transition:all 0.4s ease 0s;-ms-transition:all 0.4s ease 0s;-o-transition:all 0.4s ease 0s;transition:all 0.4s ease 0s;width:230px;z-index:99;}
.horizontal-menu > ul > li > ul > li:last-child{border:medium none;}
.horizontal-menu > ul > li{float:left;position:relative;}
.horizontal-menu > ul > li > a{border-left:1px solid #e5e5e5;border-right:1px solid #ffffff;color:#515151;float:left;font-family:Roboto;font-weight:normal;letter-spacing:0.3px;padding:20px;-webkit-transition:all 0.4s ease 0s;-moz-transition:all 0.4s ease 0s;-ms-transition:all 0.4s ease 0s;-o-transition:all 0.4s ease 0s;transition:all 0.4s ease 0s;}
.horizontal-menu > ul > li > ul{-webkit-box-shadow:0 0 16px rgba(0, 0, 0, 0.02);-moz-box-shadow:0 0 16px rgba(0, 0, 0, 0.02);-ms-box-shadow:0 0 16px rgba(0, 0, 0, 0.02);-o-box-shadow:0 0 16px rgba(0, 0, 0, 0.02);box-shadow:0 0 16px rgba(0, 0, 0, 0.02);left:50%;list-style:none outside none;margin:0 0 0 -115px;opacity:0;padding:0;position:absolute;top:100%;-webkit-transform:rotateY(90deg);-moz-transform:rotateY(90deg);-ms-transform:rotateY(90deg);-o-transform:rotateY(90deg);transform:rotateY(90deg);-webkit-transition:all 0.4s ease 0s;-moz-transition:all 0.4s ease 0s;-ms-transition:all 0.4s ease 0s;-o-transition:all 0.4s ease 0s;transition:all 0.4s ease 0s;width:230px;z-index:99;}
.horizontal-menu > ul > li:hover > ul{opacity:1;-webkit-transform:rotateY(0deg);-moz-transform:rotateY(0deg);-ms-transform:rotateY(0deg);-o-transform:rotateY(0deg);transform:rotateY(0deg);}
.horizontal-menu > ul > li > ul > li > a{color:#595959;float:left;font-family:Roboto;font-size:13px;padding:10px;text-align:center;-webkit-transition:all 0.4s ease 0s;-moz-transition:all 0.4s ease 0s;-ms-transition:all 0.4s ease 0s;-o-transition:all 0.4s ease 0s;transition:all 0.4s ease 0s;width:100%;}
.horizontal-menu > ul > li > ul > li > a:hover{background:none repeat scroll 0 0 #fafafa;}
.no-sticky{float:left;position:relative;width:100%;}
.slide-menu.menu-left .content-sec{padding-left:100px;}
.menu-right .sidebar{left:auto;right:0;}
.page-container.slide-menu.menu-right .content-sec{padding-left:0;padding-right:100px;}
.page-container.menu-right > .content-sec{padding-left:0;padding-right:300px;}
.panel-right .slide-panel{left:auto;right:-300px;}
.panel-right .slide-panel.active{right:0;left:auto;}
.page-container.menu-right > .sidebar.slide{width:300px;}
.page-container.wide > .content-sec{padding-left:0;padding-top:122px;}
.page-container.flip > .sidebar{left:auto;right:0;}
.page-container.flip > .content-sec{padding-left:0;padding-right:100px;}
.page-container.flip > .content-sec.slide-menu{padding-right:300px;}
.page-container.slide-menu.menu-right .sub-menu{-webkit-border-radius:4px 0 4px 4px;-moz-border-radius:4px 0 4px 4px;-ms-border-radius:4px 0 4px 4px;-o-border-radius:4px 0 4px 4px;border-radius:4px 0 4px 4px;left:auto;right:100%;}
.page-container.slide-menu.menu-right .single-menu > h2.active{-webkit-border-radius:0 4px 4px 0;-moz-border-radius:0 4px 4px 0;-ms-border-radius:0 4px 4px 0;-o-border-radius:0 4px 4px 0;border-radius:0 4px 4px 0;}
.page-container.slide-menu.menu-right .single-menu > h2 > a > span{-webkit-border-radius:4px 0 0 4px;-moz-border-radius:4px 0 0 4px;-ms-border-radius:4px 0 0 4px;-o-border-radius:4px 0 0 4px;border-radius:4px 0 0 4px;left:auto;right:100%;}
.track3{width:10px;background:rgba(0, 0, 0, 0);margin-right:0;-webkit-transition:background 250ms linear;-moz-transition:background 250ms linear;-ms-transition:background 250ms linear;-o-transition:background 250ms linear;transition:background 250ms linear;-webkit-border-radius:10px;-moz-border-radius:10px;-ms-border-radius:10px;-o-border-radius:10px;border-radius:10px;}
.track3:hover,
.track3.dragging{background:#d9d9d9;background:rgba(0, 0, 0, 0.15);}
.handle3{width:7px;right:0;background:#999;background:rgba(0, 0, 0, 0.4);-webkit-transition:width 250ms;-moz-transition:width 250ms;-ms-transition:width 250ms;-o-transition:width 250ms;transition:width 250ms;-webkit-border-radius:7px;-moz-border-radius:7px;-ms-border-radius:7px;-o-border-radius:7px;border-radius:7px;}
.track3:hover .handle3,
.track3.dragging .handle3{width:10px;}
#activity-scroll{overflow:auto;height:273px !important;padding:0 !important;width:100% !important;}
#panel-scroll{height:100% !important;overflow:auto;padding:0 !important;width:300px !important;}
#timeline-scroll{overflow:auto;height:373px !important;padding:0 !important;width:100% !important;}
.your-emails{height:585px !important;overflow:auto;padding:0 !important;width:100% !important;}
#frnd-list{height:505px !important;overflow:auto;padding:0 !important;width:100% !important;}
.content-sec{float:left;padding-left:255px;padding-top:61px;-webkit-transition:all 0.4s ease 0s;-moz-transition:all 0.4s ease 0s;-ms-transition:all 0.4s ease 0s;-o-transition:all 0.4s ease 0s;transition:all 0.4s ease 0s;width:100%;}
.breadcrumbs{background:none repeat scroll 0 0 #fff;float:left;width:100%;}
.breadcrumbs > ul{float:left;list-style:none outside none;margin:0;padding:0 0 0 30px;width:100%;}
.breadcrumbs > ul > li{color:#777;float:left;line-height:16px;margin-right:20px;padding:8px 0;}
.breadcrumbs > ul > li a i{float:left;font-size:15px;line-height:16px;}
.breadcrumbs > ul > li a{color:#777777;float:left;font-family:Roboto;font-size:12px;letter-spacing:0.3px;padding-right:20px;}
.container{float:left;padding:0 30px 30px;width:100% !important;}
.title-date-range{float:left;width:100%; background:#fff; padding:15px; margin-top:10px;}
.main-title{float:left;width:100%;margin-top:-14px;}
.main-title h1 i{	color:#c5cddd; font-size:25px;}
.main-title > h1{color:#333333;float:left;font-family:'OpenSans-Light';font-size:29px;letter-spacing:0;line-height:22px;margin:15px 0 13px;width:100%;}
.main-title > h5{color:#777777;float:left;font-family:Roboto;font-size:13px;font-weight:normal;letter-spacing:0.3px;line-height:10px;margin:0 10px 0 0;}
.main-title > span{color:#777;float:left;font-family:Roboto;font-size:12px;letter-spacing:0.3px;line-height:10px;}
.main-title > span > i{margin-right:10px;}
.date-range{background:none repeat scroll 0 0 #fff;border:medium none;-webkit-border-radius:1px;-moz-border-radius:1px;-ms-border-radius:1px;-o-border-radius:1px;border-radius:1px;color:#777777;cursor:pointer;float:right;font-family:Roboto;font-size:13px;font-weight:normal;letter-spacing:0.3px;margin-top:38px;padding:10px 25px;text-align:center;width:auto;}
.date-range > i{margin-right:10px;}
.date-range > b{margin-left:10px;}
.stats-counter-sec{-webkit-box-shadow:0 0 16px rgba(0, 0, 0, 0.05);-moz-box-shadow:0 0 16px rgba(0, 0, 0, 0.05);-ms-box-shadow:0 0 16px rgba(0, 0, 0, 0.05);-o-box-shadow:0 0 16px rgba(0, 0, 0, 0.05);box-shadow:0 0 16px rgba(0, 0, 0, 0.05);float:left;margin-top:30px;width:100%;}
.stats-counter-sec .row > div{padding:0;}
.stats-counter-sec .row{margin:0;}
.stats-counter{background:none repeat scroll 0 0 #ffffff;-webkit-border-radius:1px;-moz-border-radius:1px;-ms-border-radius:1px;-o-border-radius:1px;border-radius:1px;float:left;margin-top:30px;overflow:hidden;position:relative;text-align:center;width:100%;-webkit-transition:all 0.4s ease 0s;-moz-transition:all 0.4s ease 0s;-ms-transition:all 0.4s ease 0s;-o-transition:all 0.4s ease 0s;transition:all 0.4s ease 0s; padding-bottom:15px;}
.stats-counter:hover{background:none repeat scroll 0 0 #fbfbfb;}
.stats-counter:before{background:none repeat scroll 0 0 #ecedf0;content:"";height:100%;position:absolute;right:0;top:0;width:1px;}
.stats-counter > h3{color:#777777;float:left;font-family:Lato;font-size:13px;letter-spacing:0.3px;line-height:10px;margin:20px 0 15px;text-align:center;width:100%;}
.stats-counter > span{color:#333333;float:left;font-family:Roboto;font-size:31px;font-weight:600;line-height:24px;margin-bottom:11px;margin-top:-2px;text-align:center;width:100%;}
.stats-counter > i{-webkit-border-radius:50%;-moz-border-radius:50%;-ms-border-radius:50%;-o-border-radius:50%;border-radius:50%;display:table;float:none;font-size:14px;height:29px;line-height:29px;margin:0 auto;position:relative;text-align:center;width:29px;}
.stats-counter > h6{background:none repeat scroll 0 0 #f5f5f5;border-top:1px solid #ecedf0;color:#777;float:left;font-family:Roboto;font-size:14px;font-weight:normal;margin:-15px 0 0;padding:22px 0 17px;width:100%;}
.fileUpload{position:relative;overflow:hidden;}

.fileUpload input.upload{position:absolute;top:0;right:0;margin:0;padding:0;font-size:20px;cursor:pointer;opacity:0;filter:alpha(opacity=0);}
.areatextfm{border:1px solid #abaeb9; color:#525768; border-radius:3px;width:100%;margin-right:5px;padding:5px 10px 5px 10px;margin-bottom:10px;margin-top:5px;}
.areatextfm:focus{background-color:#f7fff8;border:1px solid #8ac843;}
.areatextlist:focus{background-color:#def5f8;border:1px solid #bad5d8}
.areatextfm:hover{-webkit-transition: all 1s ease;border:1px solid #8ac843;border-radius:3px;width:100%;margin-right:5px;padding:5px;margin-bottom:10px;}
.areatextlist{border:1px solid #e5e5e5;border-radius:3px;width:100%;margin-right:5px;padding:8px;margin-bottom:10px;}
.areatextlist:hover{border:1px solid #8ac843;border-radius:3px;width:100%;margin-right:5px;padding:8px;margin-bottom:10px;}
.submitbutton{padding:6px 20px;width:100%;margin-top:25px;border:none;outline:none;font-size:14px;border-radius:20px;background:#2fcded;color:#fff;box-shadow: 0 0 0 0 rgba(232, 76, 61, 0.7);animation: pulse 2.25s infinite cubic-bezier(0.20, 0, 0, 0);}


.submitbutton1{padding:6px 20px;width:100%;margin-top:3px;border:none;outline:none;font-size:14px;border-radius:20px;background:#2fcded;color:#fff;box-shadow: 0 0 0 0 rgba(232, 76, 61, 0.7);animation: pulse 2.25s infinite cubic-bezier(0.20, 0, 0, 0);}

.rt{width:100%;font-size:0.85em;line-height:1.25em;border-collapse:collapse;border-spacing:0;}
.rt th,
.rt td{margin:0;border:1px solid #bbbfc1;background:#fff;color:#000;padding:8px;}
.alter{background:#000;color:#393030;padding:8px;}
.rt th{text-align:left;background:#313d4f;border-bottom:2px solid #bbbfc1;color:#FFF;padding:8px;}
tr.d0 td{background-color:#e9e9e9;color:black;}
.d1 td{background-color:#68e1f9 !important;color:white !important; }
.d2 td{background-color:#4e428e;color:white;font-size: larger; }
@media only screen and (max-width:40em){#rt1{display:block;position:relative;width:100%;}
#rt1 thead{display:none;float:none;}
#rt1 tbody{display:block;overflow-x:auto;white-space:nowrap;}
#rt1 thead tr{display:block;}
}
.widget-area{background:#fff;-webkit-border-radius:1px;-moz-border-radius:1px;-ms-border-radius:1px;-o-border-radius:1px;border-radius:1px;-webkit-box-shadow:0 0 16px rgba(0, 0, 0, 0.05);-moz-box-shadow:0 0 16px rgba(0, 0, 0, 0.05);-ms-box-shadow:0 0 16px rgba(0, 0, 0, 0.05);-o-box-shadow:0 0 16px rgba(0, 0, 0, 0.05);box-shadow:0 0 16px rgba(0, 0, 0, 0.05);float: left;
margin-top: 0px;
padding: 25px 30px;
position: relative;
width: 100%; }
.pattern{background-image:url("../images/backgd.png");}
.widget-title{color:#000;float:left;font-family:Lato;font-size:16px;letter-spacing:0.3px;line-height:34px;margin:-10px 0 20px;padding-left:10px;width:100%;}
.widget-fmname{color:#fff;font-family:Lato;font-size:16px;letter-spacing:0.3px;line-height:34px;margin:-10px 0 20px;padding-left:10px;width:100%;background:#9c97d5;}
.panel-function{list-style:none outside none;margin:0;padding:0;position:absolute;right:0;top:0;padding:9px;}
.panel-function > .dropdown{border:1px solid #e8ecec;-webkit-border-radius:1px;-moz-border-radius:1px;-ms-border-radius:1px;-o-border-radius:1px;border-radius:1px;float:left;margin:0;}
.panel-function > .dropdown > a{background:none repeat scroll 0 0 #fff;-webkit-border-radius:1px;-moz-border-radius:1px;-ms-border-radius:1px;-o-border-radius:1px;border-radius:1px;float:left;height:34px;line-height:34px;text-align:center;width:34px;}
.panel-function > .dropdown > a > b{border-left:5px solid transparent;border-right:5px solid transparent;border-top:5px solid #555555;margin-top:-2px;}
.panel-function .dropdown-menu{background:none repeat scroll 0 0 rgba(0, 0, 0, 0);border:1px solid #e8ecec;-webkit-border-radius:0 0 4px 4px;-moz-border-radius:0 0 4px 4px;-ms-border-radius:0 0 4px 4px;-o-border-radius:0 0 4px 4px;border-radius:0 0 4px 4px;left:-1px;margin:-2px 0 0;min-width:34px !important;overflow:auto;padding:0;}
.panel-function .dropdown-menu > li{float:left;margin:0;padding:0;width:34px;}
.panel-function .dropdown-menu > li > a{background:none repeat scroll 0 0 #fff;color:#777777;cursor:pointer;float:left;font-size:12px;height:34px;line-height:34px;padding:0;text-align:center;width:100%;border-bottom:1px solid #e8ecec;}
.panel-function .dropdown-menu > li:last-child > a{border-bottom:medium none;}
.panel-function .dropdown-menu > li > a:hover{background:none repeat scroll 0 0 #f5f5f5;}
.widget{float:left;width:100%;}
.statistics-report{float:left;list-style:none outside none;margin:30px 0 0;padding:0;width:100%;}
.statistics-report > li{float:left;margin-right:30px;width:auto;}
.website-stats{float:left;}
.statistics-report > li > h3{color:#333333;float:left;font-family:Lato;font-size:29px;font-weight:bold;letter-spacing:0.3px;line-height:21px;list-style:none outside none;margin:0;width:100%;}
.statistics-report > li > h3 i{color:#777777;display:inline;float:right;font-family:Roboto;font-size:13px;font-style:normal;font-weight:normal;letter-spacing:0.3px;line-height:32px;margin-left:10px;margin-top:0;}
.statistics-report > li > h6{color:#777777;float:left;font-family:Roboto;font-size:12px;font-weight:normal;letter-spacing:0.3px;line-height:32px;margin:0;width:100%;}
.statistics-report > li > h6 > i{color:#333;float:left;font-size:17px;line-height:32px;margin-right:10px;}
.statistics-report > li > h6 > span{font-size:15px;}
.full-report{float:left;padding-bottom:1px;width:100%;}
.user{float:left;padding-left:70px;position:relative;width:100%;}
.user > span{left:0;position:absolute;top:0;width:52px;}
.user > span > img{-webkit-border-radius:1px;-moz-border-radius:1px;-ms-border-radius:1px;-o-border-radius:1px;border-radius:1px;float:left;width:100%;}
.user > h3{color:#333333;float:left;font-family:Roboto;font-size:16px;font-weight:600;letter-spacing:0.3px;line-height:13px;margin:11px 0 0;width:100%;}
.user > i{float:left;font-family:Lato;font-size:13px;font-style:normal;letter-spacing:0.3px;margin-top:5px;width:100%;}
.full-report > ul{float:left;list-style:none outside none;margin:28px 0 0;padding:0;position:relative;width:100%;}
.full-report > ul:before{background:none repeat scroll 0 0 #adadad;content:"";height:89%;left:17px;position:absolute;top:0;width:1px;z-index:0;}
.full-report > ul li{color:#382f68;float:left;font-family:Lato;font-size:14px;letter-spacing:0.3px;line-height:34px;width:100%;-webkit-transition:all 0.4s ease 0s;-moz-transition:all 0.4s ease 0s;-ms-transition:all 0.4s ease 0s;-o-transition:all 0.4s ease 0s;transition:all 0.4s ease 0s;}
.full-report > ul li > span{background:none repeat scroll 0 0 #adadad;-webkit-border-radius:50%;-moz-border-radius:50%;-ms-border-radius:50%;-o-border-radius:50%;border-radius:50%;color:#fff;float:left;font-size:14px;height:34px;line-height:34px;margin-bottom:10px;margin-right:30px;position:relative;text-align:center;width:34px;-webkit-transition:all 0.4s ease 0s;-moz-transition:all 0.4s ease 0s;-ms-transition:all 0.4s ease 0s;-o-transition:all 0.4s ease 0s;transition:all 0.4s ease 0s;z-index:9;}
.full-report > ul > li:last-child > span{margin-bottom:0;}
.full-report > ul li i{color:black;float:right;font-family:Roboto;font-size:16px;font-style:normal;font-weight:600;}
.full-report > ul li:hover{color:#333;}
.server{float:left;padding:0 30px;width:100%;}
.server > .btn-group{float:right;margin-bottom:33px;margin-top:0;padding:0;width:auto;}
.server label.btn{font-family:Roboto;font-size:12px;letter-spacing:0.3px;padding:5px 10px;}
.server-status{float:left;width:100%;}
.server > span{color:#666666;float:left;font-family:Roboto;font-size:13px;letter-spacing:0.3px;margin-right:20px;margin-top:8px;}
.server > span > i{-webkit-border-radius:1px;-moz-border-radius:1px;-ms-border-radius:1px;-o-border-radius:1px;border-radius:1px;float:left;height:14px;margin-right:10px;margin-top:2px;width:14px;}
.server > span.server1 > i{background:#b3b3b3;}
.server > span.server2 > i{background:#505050;}
.rickshaw_graph{float:left;width:100%;}
.status-progress-sec{float:left;width:100%;margin-top:-25px;}
.server-status > h3{color:#333333;float:left;font-family:Lato;font-size:16px;letter-spacing:0.3px;line-height:12px;margin:30px 0 25px;position:relative;width:100%;z-index:9;}
.status-progress{float:left;margin-top:20px;width:100%;}
.status-progress > span{color:#7d7d7d;float:left;font-family:Roboto;font-size:13px;font-weight:normal;letter-spacing:0.3px;line-height:10px;margin-bottom:15px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;width:100%;}
.status-progress > .progress{background:none repeat scroll 0 0 #e7e7e7;-webkit-border-radius:1px;-moz-border-radius:1px;-ms-border-radius:1px;-o-border-radius:1px;border-radius:1px;-webkit-box-shadow:none;-moz-box-shadow:none;-ms-box-shadow:none;-o-box-shadow:none;box-shadow:none;float:left;height:5px;width:100%;margin:0px;}
.status-progress > .progress .progress-bar{-webkit-box-shadow:none;-moz-box-shadow:none;-ms-box-shadow:none;-o-box-shadow:none;box-shadow:none;}
#ContentPlaceHolder1_lblcount{ color:#fff !important;}

.rickshaw_graph > svg{float:left;width:100% !important;}
.mini-profile-widget{float:left;width:100%;}
.mini-profile-area{float:left;padding-left:90px;position:relative;width:100%;}
.mini-profile-area > span{border:3px solid #adadad;-webkit-border-radius:50%;-moz-border-radius:50%;-ms-border-radius:50%;-o-border-radius:50%;border-radius:50%;left:0;overflow:hidden;position:absolute;top:0;}
.mini-profile-area > span > img{float:left;width:65px;}
.mini-profile-area > h3{color:#333333;float:left;font-family:Roboto;font-size:16px;letter-spacing:0.3px;margin:20px 0 0;width:100%;font-weight:600;}
.mini-profile-area > i{float:left;font-family:Lato;font-size:13px;font-style:normal;letter-spacing:0.3px;margin-top:5px;width:100%;}
.social-btns{float:right;list-style:none outside none;margin:-35px 0 0;padding:0;}
.mini-profile-widget > p{margin-top:22px;}
.social-btns > li{float:right;list-style:none outside none;margin-left:6px;}
.social-btns > li > a{float:left;}
.social-btns > li > a > i{-webkit-border-radius:1px;-moz-border-radius:1px;-ms-border-radius:1px;-o-border-radius:1px;border-radius:1px;color:#fff;float:left;font-size:16px;height:31px;line-height:31px;text-align:center;-webkit-transition:all 0.4s ease 0s;-moz-transition:all 0.4s ease 0s;-ms-transition:all 0.4s ease 0s;-o-transition:all 0.4s ease 0s;transition:all 0.4s ease 0s;width:31px;}
.social-btns > li > a > i:hover{opacity:0.7;}
.social-btns > li > a > i.fa-facebook{background:#3b5998;}
.social-btns > li > a > i.fa-twitter{background:#439ed6;}
.social-btns > li > a > i.fa-google-plus{background:#dd4b39;}
.earning-widget{float:left;width:100%;}
.earning-graph{-webkit-border-radius:4px 4px 0 0;-moz-border-radius:4px 4px 0 0;-ms-border-radius:4px 4px 0 0;-o-border-radius:4px 4px 0 0;border-radius:4px 4px 0 0;float:left;overflow:hidden;padding:25px;position:relative;width:100%;}
.earning-graph > h3{float:left;font-family:Roboto;font-size:24px;font-weight:600;letter-spacing:0.3px;line-height:18px;margin:0;width:100%;}
.earning-graph > span{background:none repeat scroll 0 0 #fff;-webkit-border-radius:16px;-moz-border-radius:16px;-ms-border-radius:16px;-o-border-radius:16px;border-radius:16px;color:#6c6c6c;font-family:Lato;font-size:12px;letter-spacing:0.3px;padding:6px 16px;position:absolute;right:25px;text-transform:uppercase;top:25px;}
.earning-graph .rickshaw_graph{margin-top:25px;}
.earning-graph > h3 > i{color:#fff;float:left;font-family:Roboto;font-size:14px;font-style:normal;font-weight:normal;margin-top:5px;width:100%;}
.earning-graph .rickshaw_graph > svg{height:126px;}
.earning-status{float:left;padding:25px;width:100%;}
.earning-status > ul{float:left;list-style:none outside none;margin:0;padding:0;width:100%;}
.earning-status > ul > li{float:left;width:33.3333%;}
.earning-status span{color:#777777;float:left;font-family:Lato;font-size:13px;letter-spacing:0.3px;text-align:center;width:100%;}
.earning-status h4{color:#333333;float:left;font-family:Roboto;font-size:15px;font-weight:bold;letter-spacing:0.3px;line-height:21px;margin:3px 0 -4px;text-align:center;width:100%;}
.slide-panel-btn{background:none repeat scroll 0 0 #fdfdfd;border:1px solid #e0e0e0;-webkit-border-radius:1px;-moz-border-radius:1px;-ms-border-radius:1px;-o-border-radius:1px;border-radius:1px;color:#555555;cursor:pointer;float:right;font-size:17px;height:36px;line-height:33px;margin-left:15px;margin-right:10px;margin-top:11px;text-align:center;width:36px;-webkit-transition:all 0.4s ease 0s;-moz-transition:all 0.4s ease 0s;-ms-transition:all 0.4s ease 0s;-o-transition:all 0.4s ease 0s;transition:all 0.4s ease 0s;}
.slide-panel-btn.active{background:none repeat scroll 0 0 #f7f7f7;}
.slide-panel{background:none repeat scroll 0 0 #1d2127;height:100%;position:fixed;left:-300px;top:0;-webkit-transition:all 0.4s ease 0s;-moz-transition:all 0.4s ease 0s;-ms-transition:all 0.4s ease 0s;-o-transition:all 0.4s ease 0s;transition:all 0.4s ease 0s;width:300px;z-index:2147483647;}
.slide-panel.active{left:0;}
.panel-tab-btn{border:medium none;float:left;list-style:none outside none;margin:0;padding:0;width:100%;}
.panel-tab-btn > li{float:left;margin:0;padding:0;width:50%;}
.slide-panel .panel-tab-btn > li > a{background:none repeat scroll 0 0 #14171b;border:medium none;-webkit-border-radius:0;-moz-border-radius:0;-ms-border-radius:0;-o-border-radius:0;border-radius:0;color:#ffffff;float:left;font-size:23px;margin:0;padding:15px 0;position:relative;text-align:center;width:100%;-webkit-transition:all 0.4s ease 0s;-moz-transition:all 0.4s ease 0s;-ms-transition:all 0.4s ease 0s;-o-transition:all 0.4s ease 0s;transition:all 0.4s ease 0s;}
.slide-panel .panel-tab-btn > li > a > span{bottom:0;font-family:lato;font-size:12px;left:0;letter-spacing:0.3px;opacity:0;position:absolute;text-align:center;-webkit-transition:all 0.4s ease 0s;-moz-transition:all 0.4s ease 0s;-ms-transition:all 0.4s ease 0s;-o-transition:all 0.4s ease 0s;transition:all 0.4s ease 0s;width:100%;}
.slide-panel .panel-tab-btn > li.active > a > span{bottom:8px;opacity:1;}
.slide-panel .panel-tab-btn > li.active > a{padding-bottom:22px;padding-top:8px;background:none repeat scroll 0 0 #1d2127;}
.panel-tab{float:left;width:100%;}
.recent-mails-widget{float:left;width:100%;}
.recent-mails-widget > form{border-bottom:1px solid #2b2e33;float:left;padding:20px;width:100%;}
.recent-mails-widget .filterform{background:none repeat scroll 0 0 #14171b;-webkit-border-radius:1px;-moz-border-radius:1px;-ms-border-radius:1px;-o-border-radius:1px;border-radius:1px;float:left;padding:11px 36px 11px 15px;position:relative;width:100%;}
.recent-mails-widget .filterform input{background:none repeat scroll 0 0 rgba(0, 0, 0, 0);border:medium none;color:#9a9ea9;float:left;font-family:Roboto;font-size:13px;margin:0;padding:0;width:100%;}
.recent-mails-widget .filterform:before{color:#626262;content:"";font-family:fontawesome;position:absolute;right:10px;top:10px;}
.recent-mails-widget > h3{color:#e5e5e5;float:left;font-family:Lato;font-size:13px;letter-spacing:0.3px;margin:0;padding:20px;text-transform:uppercase;width:100%;}
.mail-list{float:left;list-style:none outside none;margin:0;padding:0 20px;width:100%;margin-bottom:15px;}
.mail-list > li{border-bottom:1px solid #2b2e33;float:left;padding:20px 0;position:relative;width:100%;}
.mail-list > li:first-child{padding-top:0;}
.mail-list > li > .title{float:left;padding-left:55px;position:relative;width:100%;}
.mail-list > li > .title > span{border:1px solid #a1a4af;-webkit-border-radius:50%;-moz-border-radius:50%;-ms-border-radius:50%;-o-border-radius:50%;border-radius:50%;float:left;left:0;padding:2px;position:absolute;top:0;}
.mail-list > li > .title > span > img{-webkit-border-radius:50%;-moz-border-radius:50%;-ms-border-radius:50%;-o-border-radius:50%;border-radius:50%;float:left;width:100%;}
.mail-list > li > .title > h3{color:#fff;float:left;font-family:Roboto;font-size:15px;font-weight:600;letter-spacing:0.3px;margin:8px 0 0;padding-right:20px;width:100%;}
.mail-list > li > .title > h3 > a{color:#fff;}
.mail-list > li > .title > h3 span{color:#9a9ea9;float:left;font-family:Lato;font-size:11px;font-weight:normal;margin-top:3px;width:100%;}
.mail-list > li > .title > a{color:#929292;font-size:14px;position:absolute;right:0;top:9px;}
.mail-list > li > h4{color:#f4f4f4;float:left;font-family:Lato;font-size:13px;font-weight:bold;margin:13px 0 0;width:100%;}
.mail-list > li > p{color:#babec9;font-size:12px;line-height:19px;margin-top:5px;}
.mail-list > li > .title > span > i{-webkit-border-radius:50%;-moz-border-radius:50%;-ms-border-radius:50%;-o-border-radius:50%;border-radius:50%;bottom:5px;height:8px;position:absolute;right:0;width:8px;}
.recent-mails-widget > a{-webkit-border-radius:1px;-moz-border-radius:1px;-ms-border-radius:1px;-o-border-radius:1px;border-radius:1px;display:table;float:none;font-family:Roboto;font-size:15px;margin-bottom:0;margin-left:auto;margin-right:auto;padding:8px 26px;}
.file-transfer-widget{float:left;margin-bottom:0;margin-top:40px;width:100%;}
.file-transfer-widget > h3{background:none repeat scroll 0 0 #404349;color:#e5e5e5;cursor:pointer;float:left;font-family:Lato;font-size:14px;letter-spacing:0.3px;margin:0;padding:15px 30px;text-transform:uppercase;width:100%;-webkit-transition:all 0.4s ease 0s;-moz-transition:all 0.4s ease 0s;-ms-transition:all 0.4s ease 0s;-o-transition:all 0.4s ease 0s;transition:all 0.4s ease 0s;}
.file-transfer-widget > .active{background:none repeat scroll 0 0 #4c4c4c;}
.file-transfer-widget > .active > i{-webkit-transform:rotate(180deg);-moz-transform:rotate(180deg);-ms-transform:rotate(180deg);-o-transform:rotate(180deg);transform:rotate(180deg);}
.file-transfer-widget > h3 > i{float:right;-webkit-transition:all 0.4s ease 0s;-moz-transition:all 0.4s ease 0s;-ms-transition:all 0.4s ease 0s;-o-transition:all 0.4s ease 0s;transition:all 0.4s ease 0s;}
.file-transfer-widget .toggle{float:left;padding:20px;width:100%;}
.file-transfer-widget .toggle > ul{float:left;list-style:none outside none;margin:0;padding:0;width:100%;}
.file-transfer-widget .toggle > ul > li h4{color:#ececec;display:inline;float:none;font-size:13px;font-weight:normal;margin:-1px 0 0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;width:100%;}
.file-transfer-widget .toggle > ul > li h4 > i{color:#9a9ea9;display:block;float:none;font-size:11px;font-style:normal;margin-top:3px;width:100%;}
.file-transfer-widget .toggle > ul > li{float:left;margin-bottom:20px;position:relative;width:100%;}
.file-transfer-widget .toggle > ul > li > i{color:#ececec;float:left;font-size:14px;margin-bottom:12px;margin-right:12px;margin-top:6px;}
.file-transfer-widget .toggle > ul > li > .progress{-webkit-border-radius:1px;-moz-border-radius:1px;-ms-border-radius:1px;-o-border-radius:1px;border-radius:1px;-webkit-box-shadow:none;-moz-box-shadow:none;-ms-box-shadow:none;-o-box-shadow:none;box-shadow:none;float:left;height:5px;margin-bottom:0;margin-top:11px;overflow:visible;width:80%;}
.file-transfer-widget .toggle > ul > li > .progress > .progress-bar{-webkit-border-radius:1px;-moz-border-radius:1px;-ms-border-radius:1px;-o-border-radius:1px;border-radius:1px;-webkit-box-shadow:none;-moz-box-shadow:none;-ms-box-shadow:none;-o-box-shadow:none;box-shadow:none;color:#333333;font-size:11px;line-height:7px;position:relative;z-index:0;}
.file-transfer-widget .toggle > ul > li > .progress > .progress-bar:before{background:none repeat scroll 0 0 #fff;-webkit-border-radius:1px;-moz-border-radius:1px;-ms-border-radius:1px;-o-border-radius:1px;border-radius:1px;content:"";height:16px;left:50%;margin-left:-16px;margin-top:-8px;position:absolute;top:50%;width:32px;z-index:-1;}
.file-action-btn{float:right;width:20%;}
.file-action-btn > a{-webkit-border-radius:1px;-moz-border-radius:1px;-ms-border-radius:1px;-o-border-radius:1px;border-radius:1px;float:right;font-size:11px;height:19px;line-height:19px;margin-left:5px;margin-top:-1px;text-align:center;width:19px;}
.setting-widget{float:left;padding:20px;width:100%;}
.setting-widget > form{float:left;padding-bottom:40px;width:100%;}
.setting-widget > form > h3{color:#e5e5e5;float:left;font-family:Lato;font-size:13px;letter-spacing:0.3px;margin:0;text-transform:uppercase;width:100%;}
.toggle-setting{border-bottom:1px dotted #333333;float:left;padding:15px 0;width:100%;}
.toggle-setting > span{color:#a1a1a1;float:left;font-family:Roboto;font-size:14px;letter-spacing:0.3px;}
.toggle-setting > .toggle-switch{float:right;margin:0;}
.toggle-switch{background:none repeat scroll 0 0 #404349;-webkit-border-radius:1px;-moz-border-radius:1px;-ms-border-radius:1px;-o-border-radius:1px;border-radius:1px;cursor:pointer;display:inline-block;overflow:hidden;padding:0.125em;width:8em;}
.toggle-switch input{position:absolute;visibility:hidden;}
.toggle-switch span{position:relative;left:0%;display:block;text-transform:uppercase;text-align:center;-webkit-transition:left 200ms ease-out;-moz-transition:left 200ms ease-out;-o-transition:left 200ms ease-out;transition:left 200ms ease-out;}
.toggle-switch:checked + span{left:50%;}
.toggle-switch span:before{-webkit-border-radius:1px;-moz-border-radius:1px;-ms-border-radius:1px;-o-border-radius:1px;border-radius:1px;color:#b3b3b3;content:attr(data-unchecked);display:block;font-family:Roboto;font-size:12px;padding:2px 0;width:50%;}
.toggle-switch:checked + span:before{content:attr(data-checked);}
.map-vector{background:none repeat scroll 0 0 rgba(0, 0, 0, 0) !important;}
.map-vector > div{-webkit-border-radius:0;-moz-border-radius:0;-ms-border-radius:0;-o-border-radius:0;border-radius:0;height:18px;width:18px;}
.visit-table{float:left;width:100%;}
.visit-table > ul{-webkit-border-radius:1px;-moz-border-radius:1px;-ms-border-radius:1px;-o-border-radius:1px;border-radius:1px;float:left;list-style:none outside none;margin:0;overflow:hidden;padding:0;width:100%;}
.visit-table > ul > li.table-head h2.location{border-right:1px solid #e0e0e0;}
.visit-table > ul > li{float:left;width:100%;}
.visit-table > ul > li.table-head{float:left;width:100%;background:none repeat scroll 0 0 #fff;}
.visit-table li .location{width:70%;}
.visit-table li .visit{width:30%;}
.visit-table > ul > li.table-head h2{color:#333333;float:left;font-family:Roboto;font-size:14px;font-weight:normal;letter-spacing:0.3px;margin:0;padding:10px 23px;}
.visit-table > ul > li:nth-child(2n+3){background:none repeat scroll 0 0 #f5f5f5;-webkit-border-radius:1px;-moz-border-radius:1px;-ms-border-radius:1px;-o-border-radius:1px;border-radius:1px;}
.visit-table > ul > li > span img{float:left;margin-right:14px;margin-top:5px;}
.visit-table > ul > li > i{color:#333333;float:left;font-family:Lato;font-size:13px;font-style:normal;font-weight:900;padding:12px 0;text-align:center;}
.visit-table > ul > li > span{color:#777777;float:left;font-family:Lato;font-size:13px;letter-spacing:0.3px;padding:12px 15px;}
.graph-container,
.graph-container div,
.graph-container a,
.graph-container span{margin:0;padding:0;}
#tooltip{background:#ffffff;background:-moz-linear-gradient(top, #ffffff 0%, #f9f9f9 100%);background:-webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#f9f9f9));background:-webkit-linear-gradient(top, #ffffff 0%,#f9f9f9 100%);background:-o-linear-gradient(top, #ffffff 0%,#f9f9f9 100%);background:-ms-linear-gradient(top, #ffffff 0%,#f9f9f9 100%);background:linear-gradient(to bottom, #ffffff 0%,#f9f9f9 100%);-webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px;}
.visitors > span{-webkit-border-radius:1px;-moz-border-radius:1px;-ms-border-radius:1px;-o-border-radius:1px;border-radius:1px;float:left;height:16px;margin-right:9px;margin-top:2px;width:16px;}
.returning > span{-webkit-border-radius:1px;-moz-border-radius:1px;-ms-border-radius:1px;-o-border-radius:1px;border-radius:1px;float:left;height:16px;margin-right:9px;margin-top:2px;width:16px;}
.graph-container{float:left;height:330px;padding:0;position:relative;top:-78px;width:100%;}
.graph-container > div{height:400px;left:5%;position:absolute;top:0;width:90%;}
.graph-info{float:left;margin-bottom:0;width:100%;}
#tooltip, .graph-info a{color:#646464;float:left;font-family:'Helvetica Neue',Helvetica,Arial,sans-serif;font-size:12px;font-weight:bold;height:33px;line-height:20px;}
.tickLabel{color:#333333;float:left;font-family:open sans;font-size:12px;font-weight:600;letter-spacing:0.25px;margin-right:-50px;position:absolute;right:530px;text-align:right;top:271px;width:28px;}
#tooltip{position:absolute;display:none;padding:5px 10px;border:1px solid #e1e1e1;}
.graph-info a{cursor:default;display:inline-block;float:left;font-family:open sans;font-weight:600;letter-spacing:0.25px;margin-right:28px;position:relative;text-decoration:none;text-transform:uppercase;}
.graph-info .returning:before{background:#77b7c5;}
.graph-info #bars.graph-tab-btn{margin-left:8px;}
.graph-info .graph-tab-btn{float:right;margin:0;}
.graph-info .graph-tab-btn{background:none repeat scroll 0 0 #fafafa;border:1px solid #eaeaea;-webkit-border-radius:1px;-moz-border-radius:1px;-ms-border-radius:1px;-o-border-radius:1px;border-radius:1px;cursor:pointer;float:right;font-size:15px;height:32px;line-height:32px;margin:0;position:relative;text-align:center;width:32px;z-index:999;}
.graph-info .graph-tab-btn.active{color:#fff;}
.yAxis .tickLabel:first-child,
.yAxis .tickLabel:last-child{display:none;}
.graph-info:before, .graph-info:after,
.graph-container:before, .graph-container:after{content:'';display:block;clear:both;}
#large-bar-chart{float:left;padding:0;}
#graph-wrapper{float:left;margin-bottom:30px;width:100%;}
.graph-details{float:left;width:100%;}
.graph-details > ul{display:table;float:none;list-style:none outside none;margin:0 auto;padding:0;width:auto;}
.graph-details > ul > li{float:left;width:150px;}
.graph-details > ul > li span{float:left;text-align:center;width:100%;}
.graph-details > ul > li p{float:left;text-align:center;width:100%;}
.graph-details > ul > li p{color:#333333;float:left;font-size:20px;font-weight:bold;margin-top:9px;text-align:center;width:100%;}
.graph-details > ul > li p > i{float:left;font-style:normal;text-align:center;width:100%;color:#777777;font-size:12px;font-weight:normal;line-height:16px;}
#graph-lines .xAxis.x1Axis{float:left !important;margin-top:-11px !important;position:absolute;top:-81px !important;width:100% !important;}
#graph-bars .xAxis.x1Axis{float:left !important;height:20px;margin-top:-31px !important;position:absolute;top:0;width:100%;}
.status-upload{background:none repeat scroll 0 0 #f5f5f5;-webkit-border-radius:1px;-moz-border-radius:1px;-ms-border-radius:1px;-o-border-radius:1px;border-radius:1px;float:left;width:100%;}
.status-upload form{float:left;width:100%;}
.status-upload form textarea{background:none repeat scroll 0 0 #fff;border:medium none;-webkit-border-radius:4px 4px 0 0;-moz-border-radius:4px 4px 0 0;-ms-border-radius:4px 4px 0 0;-o-border-radius:4px 4px 0 0;border-radius:4px 4px 0 0;color:#777777;float:left;font-family:Lato;font-size:14px;height:142px;letter-spacing:0.3px;padding:20px;width:100%;}
.social-widget p{color:#333333;font-size:20px;font-weight:500;}
.status-upload ul{float:left;list-style:none outside none;margin:0;padding:0 0 0 15px;width:auto;}
.status-upload ul > li{float:left;}
.status-upload ul > li > a{-webkit-border-radius:1px;-moz-border-radius:1px;-ms-border-radius:1px;-o-border-radius:1px;border-radius:1px;color:#777777;float:left;font-size:14px;height:30px;line-height:30px;margin:10px 0 10px 10px;text-align:center;-webkit-transition:all 0.4s ease 0s;-moz-transition:all 0.4s ease 0s;-ms-transition:all 0.4s ease 0s;-o-transition:all 0.4s ease 0s;transition:all 0.4s ease 0s;width:30px;cursor:pointer;}
.status-upload ul > li > a:hover{background:none repeat scroll 0 0 #606060;color:#fff;}
.status-upload form button{border:medium none;-webkit-border-radius:1px;-moz-border-radius:1px;-ms-border-radius:1px;-o-border-radius:1px;border-radius:1px;color:#fff;float:right;font-family:Lato;font-size:14px;letter-spacing:0.3px;margin-right:9px;margin-top:9px;padding:6px 15px;}
.status-upload form button > i{margin-right:7px;}
.social-widget{-webkit-border-radius:1px;-moz-border-radius:1px;-ms-border-radius:1px;-o-border-radius:1px;border-radius:1px;float:left;overflow:hidden;width:100%;}
.social-widget > span{float:left;font-size:28px;height:110px;line-height:110px;text-align:center;width:100%;}
.social-widget > span#fb{background:#3b5998;color:#3b5998;}
.social-widget > span#twitter{background:#48a4dc;color:#48a4dc;}
.social-widget > span > i{background:none repeat scroll 0 0 #fff;-webkit-border-radius:50%;-moz-border-radius:50%;-ms-border-radius:50%;-o-border-radius:50%;border-radius:50%;height:60px;line-height:60px;width:60px;}
.social-widget > ul{background:none repeat scroll 0 0 #fff;float:left;margin:0;padding:0;position:relative;width:100%;}
.social-widget > ul > li{float:left;list-style:none outside none;position:relative;text-align:center;width:50%;}
.social-widget > ul > li{float:left;list-style:none outside none;padding:17px 0;position:relative;text-align:center;width:50%;}
.social-widget > ul > li:first-child:before{background:none repeat scroll 0 0 #e8ecec;content:"";height:30px;margin-top:-15px;position:absolute;right:0;top:50%;width:1px;}
.social-widget > ul:before{border-bottom:9px solid #fff;border-left:9px solid transparent;border-right:9px solid transparent;content:"";left:50%;margin-left:-9px;position:absolute;top:-8px;}
.social-widget li > p > i{color:#777777;float:left;font-family:Lato;font-size:13px;font-style:normal;font-weight:normal;letter-spacing:0.3px;line-height:24px;text-align:center;width:100%;}
.work-progress-table{border:medium none;-webkit-border-radius:1px;-moz-border-radius:1px;-ms-border-radius:1px;-o-border-radius:1px;border-radius:1px;-webkit-box-shadow:none;-moz-box-shadow:none;-ms-box-shadow:none;-o-box-shadow:none;box-shadow:none;float:left;margin:0;width:100%;}
.work-progress-table > .panel-heading{background:none repeat scroll 0 0 #fafafa;color:#333333;float:left;font-family:roboto;font-size:20px;font-weight:normal;letter-spacing:0.3px;padding:17px 30px 11px;width:100%;font-weight:bold;}
.work-progress-table > .panel-heading > i{color:#777777;float:left;font-family:Lato;font-size:15px;font-style:normal;letter-spacing:0.3px;line-height:10px;margin-bottom:10px;margin-top:5px;width:100%;}
.work-progress-table > .panel-heading .btn-group{float:right;margin-top:-45px;}
.work-progress-table td .progress{background:none repeat scroll 0 0 #f3f3f3;-webkit-border-radius:1px;-moz-border-radius:1px;-ms-border-radius:1px;-o-border-radius:1px;border-radius:1px;-webkit-box-shadow:none;-moz-box-shadow:none;-ms-box-shadow:none;-o-box-shadow:none;box-shadow:none;height:6px;margin:7px 0 0;overflow:visible;}
.work-progress-table td .progress > .progress-bar{-webkit-border-radius:4px 0 0 4px;-moz-border-radius:4px 0 0 4px;-ms-border-radius:4px 0 0 4px;-o-border-radius:4px 0 0 4px;border-radius:4px 0 0 4px;-webkit-box-shadow:none;-moz-box-shadow:none;-ms-box-shadow:none;-o-box-shadow:none;box-shadow:none;position:relative;}
.work-progress-table td .progress > .progress-bar > span{background:none repeat scroll 0 0 #8d8d8d;-webkit-border-radius:1px;-moz-border-radius:1px;-ms-border-radius:1px;-o-border-radius:1px;border-radius:1px;font-family:Roboto;font-size:10px;height:18px;line-height:18px;margin-top:-9px;position:absolute;right:0;top:50%;width:31px;}
.work-progress-table .table td{padding:15px 10px;}
.work-progress-table .table td{font-family:Lato;font-size:13px;letter-spacing:0.3px;padding:15px 10px;}
.activity-feed > ul{float:left;list-style:none outside none;margin:0;padding:0;width:100%;}
.activity-feed > ul > li{border-bottom:1px solid #e8ecec;float:left;padding:10px 0 10px 50px;position:relative;width:100%;}
.activity-feed li:first-child{padding-top:0;}
.activity-feed li:last-child{border:medium none;padding-bottom:0;}
.activity-feed li > span{-webkit-border-radius:50%;-moz-border-radius:50%;-ms-border-radius:50%;-o-border-radius:50%;border-radius:50%;height:36px;left:0;margin-top:-18px;overflow:hidden;position:absolute;top:50%;width:36px;}
.activity-feed li p{line-height:18px;margin-bottom:5px;}
.activity-feed li > i{color:#999999;float:left;font-size:11px;font-style:italic;letter-spacing:0.3px;width:100%;}
.activity-feed li > span > i{color:#fff;float:left;font-size:15px;height:100%;line-height:36px;position:relative;text-align:center;width:100%;}
.activity-feed li h3{color:#333333;float:left;font-family:Lato;font-size:14px;font-weight:600;letter-spacing:0.3px;margin:5px 0;width:100%;}
.carousal-sec{background-image:url("../images/resource/carousal-bg.jpg");background-repeat:no-repeat;background-size:cover;-webkit-border-radius:1px;-moz-border-radius:1px;-ms-border-radius:1px;-o-border-radius:1px;border-radius:1px;float:left;list-style:none outside none;margin:0;overflow:hidden;padding:0;position:relative;width:100%;z-index:0;}
.carousal-sec:before{content:"";height:100%;left:0;opacity:0.8;position:absolute;top:0;width:100%;z-index:-1;}
.carousal-sec li{float:left;padding:36px 36px 25px;text-align:center;width:100%;}
.carousal-sec li i{color:#fff;float:left;font-size:66px;margin-bottom:15px;text-align:center;width:100%;}
.carousal-sec li p{color:#fff;float:left;font-family:Lato;font-size:24px;font-weight:lighter;line-height:35px;text-align:center;width:100%;}
.carousal-sec li span{color:#d5d5d5;float:left;font-family:Roboto;font-size:12px;margin-top:16px;text-align:center;width:100%;}
.carousal-sec .owl-buttons{display:table;float:none;margin:0 auto 30px;}
.carousal-sec .owl-buttons > div{background:none repeat scroll 0 0 rgba(0, 0, 0, 0.3);-webkit-border-radius:1px;-moz-border-radius:1px;-ms-border-radius:1px;-o-border-radius:1px;border-radius:1px;color:transparent;float:left;height:28px;margin:0 2px;position:relative;width:28px;}
.carousal-sec .owl-buttons > div:before{color:#fff;font-family:fontawesome;font-size:13px;left:0;line-height:28px;position:absolute;text-align:center;top:0;width:100%;}
.carousal-sec .owl-buttons > .owl-prev:before{content:"\f104";}
.carousal-sec .owl-buttons > .owl-next:before{content:"\f105";}
.carousal-sec.color:before{display:none;}
.balance-widget{float:left;position:relative;width:100%;}
.example-space > .row > div{float:left;margin-bottom:20px;text-align:center;width:16%;}
.balance-widget > span.sparkpie{left:0;position:absolute;top:0;}
.balance-widget{float:left;padding-left:55px;position:relative;width:100%;}
.balance-widget > h3{color:#333333;float:left;font-family:Roboto;font-size:18px;font-weight:bold;letter-spacing:0.3px;margin:0 0 -3px;width:100%;}
.balance-widget > h2{color:#555555;float:left;font-family:ROBOTO;font-size:19px;font-weight:bold;letter-spacing:0.3px;margin:0;width:100%;}
.balance-widget > h2 > i{color:#777777;float:left;font-size:12px;font-style:normal;font-weight:normal;margin-bottom:5px;margin-top:14px;width:100%;}
.progress.w-tooltip{background:none repeat scroll 0 0 #e2e2e2;-webkit-box-shadow:none;-moz-box-shadow:none;-ms-box-shadow:none;-o-box-shadow:none;box-shadow:none;float:left;height:7px;margin:0;overflow:visible;width:100%;}
.progress.w-tooltip > .progress-bar{-webkit-border-radius:4px 0 0 4px;-moz-border-radius:4px 0 0 4px;-ms-border-radius:4px 0 0 4px;-o-border-radius:4px 0 0 4px;border-radius:4px 0 0 4px;-webkit-box-shadow:none;-moz-box-shadow:none;-ms-box-shadow:none;-o-box-shadow:none;box-shadow:none;position:relative;}
.progress.w-tooltip > .progress-bar span{background:none repeat scroll 0 0 #8d8d8d;-webkit-border-radius:1px;-moz-border-radius:1px;-ms-border-radius:1px;-o-border-radius:1px;border-radius:1px;bottom:100%;font-family:Roboto;font-size:10px;font-weight:500;height:20px;left:0;letter-spacing:0.3px;line-height:18px;margin-bottom:7px;margin-top:-9px;padding:0 9px;position:absolute;width:auto;}
.balance-widget .progress{margin-top:40px;}
.progress.w-tooltip > .progress-bar span i{font-style:normal;margin-right:10px;}
.progress.w-tooltip > .progress-bar span:before{border-left:6px solid transparent;border-right:6px solid transparent;border-top:6px solid #8d8d8d;bottom:-4px;content:"";left:50%;margin-left:-6px;position:absolute;}
.my-profile-widget{float:left;width:100%;}
.profile-widget-head{background-image:url("../images/resource/carousal-bg.jpg");background-size:cover;-webkit-border-radius:4px 4px 0 0;-moz-border-radius:4px 4px 0 0;-ms-border-radius:4px 4px 0 0;-o-border-radius:4px 4px 0 0;border-radius:4px 4px 0 0;float:left;padding:30px 0 55px;position:relative;text-align:center;width:100%;z-index:0;margin-bottom:50px;}
.profile-widget-head:before{-webkit-border-radius:4px 4px 0 0;-moz-border-radius:4px 4px 0 0;-ms-border-radius:4px 4px 0 0;-o-border-radius:4px 4px 0 0;border-radius:4px 4px 0 0;content:"";height:100%;left:0;opacity:0.8;position:absolute;top:0;width:100%;z-index:-1;}
.profile-widget-head > h3{color:#fff;float:left;font-family:Lato;font-size:21px;font-weight:bold;letter-spacing:0.3px;margin:0;text-align:center;width:100%;}
.profile-widget-head > i{color:#ffffff;float:left;font-family:Roboto;font-size:13px;font-style:normal;letter-spacing:0.3px;margin-top:6px;text-align:center;width:100%;}
.profile-widget-head > span > img{float:left;width:70px;}
.profile-widget-head > span{border:3px solid #fff;-webkit-border-radius:50%;-moz-border-radius:50%;-ms-border-radius:50%;-o-border-radius:50%;border-radius:50%;bottom:0;left:50%;margin-bottom:-35px;margin-left:-40px;overflow:hidden;position:absolute;}
.my-profile-widget > h4{float:left;font-family:Lato;font-size:18px;font-weight:bold;letter-spacing:0.3px;margin:0 0 15px;text-align:center;width:100%;}
.my-profile-widget > span{-webkit-border-radius:21px;-moz-border-radius:21px;-ms-border-radius:21px;-o-border-radius:21px;border-radius:21px;color:#fff;display:table;float:none;font-family:Lato;font-size:13px;letter-spacing:0.3px;margin:0 auto;padding:7px 16px;}
.my-profile-widget > p{margin-top:15px;padding:0 22px;text-align:center;}
.my-profile-widget > a{color:#a5a5a5;float:left;font-family:lato;font-size:15px;font-weight:normal;letter-spacing:0.3px;margin-bottom:25px;margin-top:8px;text-align:center;width:100%;-webkit-transition:all 0.4s ease 0s;-moz-transition:all 0.4s ease 0s;-ms-transition:all 0.4s ease 0s;-o-transition:all 0.4s ease 0s;transition:all 0.4s ease 0s;}
.my-profile-widget > .social-btns{display:table;float:none;margin:0 auto 40px;}
.my-profile-widget > span > i{margin-right:7px;}
.timeline-sec{float:left;width:100%;}
.timeline-sec > ul{float:left;list-style:none outside none;margin:0;padding:0;position:relative;width:100%;}
.timeline-content > .btn-group > label{font-family:Roboto;font-size:11px;letter-spacing:0.3px;padding:2px 8px;}
.timeline-sec > ul:before{background:none repeat scroll 0 0 #fafafa;content:"";height:100%;left:22px;position:absolute;top:0;width:2px;}
.timeline-sec > ul > li{float:left;margin-bottom:30px;position:relative;width:100%;}
.timeline{float:left;padding-left:70px;position:relative;width:100%;}
.user-timeline{left:0;position:absolute;top:0;width:70px;}
.user-timeline > span{float:left;position:relative;width:100%;}
.user-timeline > span > img{border:3px solid #f5f5f5;-webkit-border-radius:50%;-moz-border-radius:50%;-ms-border-radius:50%;-o-border-radius:50%;border-radius:50%;float:left;height:45px;overflow:hidden;width:45px;}
.timeline-detail{background:none repeat scroll 0 0 #f5f5f5;-webkit-border-radius:1px;-moz-border-radius:1px;-ms-border-radius:1px;-o-border-radius:1px;border-radius:1px;float:left;position:relative;width:100%;}
.timeline-head{background:none repeat scroll 0 0 #fafafa;-webkit-border-radius:4px 4px 0 0;-moz-border-radius:4px 4px 0 0;-ms-border-radius:4px 4px 0 0;-o-border-radius:4px 4px 0 0;border-radius:4px 4px 0 0;float:left;width:100%;}
.timeline-head > h3{color:#333333;float:left;font-family:Roboto;font-size:14px;font-weight:normal;letter-spacing:0.3px;line-height:22px;margin:0;padding:9px 0 9px 20px;}
.timeline-head > h3 > span{color:#999999;font-size:11px;letter-spacing:0.3px;margin-left:20px;margin-right:12px;}
.timeline-head > h3 > i{-webkit-border-radius:1px;-moz-border-radius:1px;-ms-border-radius:1px;-o-border-radius:1px;border-radius:1px;font-family:Lato;font-size:11px;font-style:normal;letter-spacing:0.3px;padding:2px 6px;}
.social-share{float:right;padding:8px;position:relative;}
.social-share > a{background:none repeat scroll 0 0 #fff;-webkit-border-radius:1px;-moz-border-radius:1px;-ms-border-radius:1px;-o-border-radius:1px;border-radius:1px;color:#777777;cursor:pointer;float:right;height:25px;line-height:25px;text-align:center;width:25px;position:relative;}
.social-share > a:before{border-left:5px solid transparent;border-right:5px solid transparent;border-top:5px solid #fff;bottom:-4px;content:"";left:50%;margin-left:-5px;position:absolute;-webkit-transition:all 0.4s ease 0s;-moz-transition:all 0.4s ease 0s;-ms-transition:all 0.4s ease 0s;-o-transition:all 0.4s ease 0s;transition:all 0.4s ease 0s;}
.social-share > .social-btns{margin:0;opacity:0;position:absolute;top:100%;-webkit-transform:rotateY(90deg);-moz-transform:rotateY(90deg);-ms-transform:rotateY(90deg);-o-transform:rotateY(90deg);transform:rotateY(90deg);width:25px;-webkit-transition:all 0.4s ease 0s;-moz-transition:all 0.4s ease 0s;-ms-transition:all 0.4s ease 0s;-o-transition:all 0.4s ease 0s;transition:all 0.4s ease 0s;}
.social-share:hover > .social-btns{opacity:1;-webkit-transform:rotate(0deg);-moz-transform:rotate(0deg);-ms-transform:rotate(0deg);-o-transform:rotate(0deg);transform:rotate(0deg);}
.social-share > .social-btns > li{float:left;margin:0 0 2px;width:100%;}
.social-share > .social-btns > li > a > i{font-size:13px;height:25px;line-height:25px;width:25px;}
.timeline-content{float:left;padding:15px 20px;width:100%;}
.timeline-content > .btn-group{float:left;margin-top:15px;width:100%;}
.timeline-detail:before{border-bottom:8px solid transparent;border-right:8px solid #fafafa;border-top:8px solid transparent;content:"";left:-7px;position:absolute;top:12px;}
.post-reply{background:none repeat scroll 0 0 #ffffff;-webkit-border-radius:1px;-moz-border-radius:1px;-ms-border-radius:1px;-o-border-radius:1px;border-radius:1px;float:left;margin-top:11px;position:relative;width:100%;}
.post-reply > textarea{background:none repeat scroll 0 0 rgba(0, 0, 0, 0);border:medium none;color:#888888;float:left;font-family:Roboto;font-size:13px;height:36px;letter-spacing:0.3px;padding:7px 45px 7px 19px;resize:vertical;-webkit-transition:all 0.4s ease 0s;-moz-transition:all 0.4s ease 0s;-ms-transition:all 0.4s ease 0s;-o-transition:all 0.4s ease 0s;transition:all 0.4s ease 0s;width:100%;}
.post-reply > textarea:focus{height:100px;}
.post-reply > i{color:#999999;font-size:14px;margin-top:-7px;position:absolute;right:13px;top:50%;}
.timeline .progress.w-tooltip{margin-top:35px;}
.timeline-gallery{float:left;margin-top:15px;width:100%;}
.timeline-gallery > ul{float:left;list-style:none outside none;margin:-10px 0 0;padding:0;width:100%;}
.timeline-gallery > ul > li{float:left;margin-right:10px;margin-top:10px;}
.timeline-gallery > ul > li > a{-webkit-border-radius:50%;-moz-border-radius:50%;-ms-border-radius:50%;-o-border-radius:50%;border-radius:50%;float:left;overflow:hidden;position:relative;width:100%;}
.timeline-gallery > ul > li > a > img{-webkit-border-radius:50%;-moz-border-radius:50%;-ms-border-radius:50%;-o-border-radius:50%;border-radius:50%;float:left;width:100%;}
.timeline-gallery > ul > li > a i{color:#fff;left:0;margin-top:-5px;opacity:0;position:absolute;text-align:center;top:50%;-webkit-transform:scale(2);-moz-transform:scale(2);-ms-transform:scale(2);-o-transform:scale(2);transform:scale(2);-webkit-transition:all 0.4s ease 0s;-moz-transition:all 0.4s ease 0s;-ms-transition:all 0.4s ease 0s;-o-transition:all 0.4s ease 0s;transition:all 0.4s ease 0s;width:100%;z-index:9;}
.timeline-gallery > ul > li > a:before{background:none repeat scroll 0 0 rgba(255, 255, 255, 0.8);-webkit-border-radius:50%;-moz-border-radius:50%;-ms-border-radius:50%;-o-border-radius:50%;border-radius:50%;content:"";height:90%;left:5%;opacity:0;position:absolute;top:5%;-webkit-transform:scale(0.5);-moz-transform:scale(0.5);-ms-transform:scale(0.5);-o-transform:scale(0.5);transform:scale(0.5);-webkit-transition:all 0.4s ease 0s;-moz-transition:all 0.4s ease 0s;-ms-transition:all 0.4s ease 0s;-o-transition:all 0.4s ease 0s;transition:all 0.4s ease 0s;width:90%;}
.timeline-gallery > ul > li > a:hover:before{opacity:1;-webkit-transform:scale(1);-moz-transform:scale(1);-ms-transform:scale(1);-o-transform:scale(1);transform:scale(1);}
.timeline-gallery > ul > li > a:hover i{color:#333;opacity:1;-webkit-transform:scale(1);-moz-transform:scale(1);-ms-transform:scale(1);-o-transform:scale(1);transform:scale(1);}
.tweet-widget{-webkit-border-radius:1px;-moz-border-radius:1px;-ms-border-radius:1px;-o-border-radius:1px;border-radius:1px;float:left;overflow:hidden;width:100%;}
.tweet-widget > img{float:left;width:100%;}
.twitter-profile{float:left;padding:30px 30px 30px 125px;position:relative;width:100%;z-index:0;}
.twitter-profile:before{color:#f2f2f2;content:"ï‚™";font-family:fontawesome;font-size:114px;left:0;margin-top:-69px;position:absolute;right:0;text-align:center;top:50%;width:100%;z-index:-1;}
.twitter-profile > span{border:3px solid #f0f1f3;-webkit-border-radius:50%;-moz-border-radius:50%;-ms-border-radius:50%;-o-border-radius:50%;border-radius:50%;left:30px;overflow:hidden;position:absolute;top:30px;}
.twitter-profile > span > img{float:left;width:69px;}
.twitter-profile > h3{color:#333333;float:left;font-family:Roboto;font-size:17px;font-weight:bold;letter-spacing:0.3px;margin-bottom:5px;margin-top:15px;width:100%;}
.twitter-profile > h3 > i{-webkit-border-radius:50%;-moz-border-radius:50%;-ms-border-radius:50%;-o-border-radius:50%;border-radius:50%;display:inline-block;font-size:12px;height:20px;line-height:19px;margin-left:10px;text-align:center;width:20px;}
.twitter-profile > h4{color:#777777;float:left;font-family:lato;font-size:13px;letter-spacing:0.3px;margin:0;width:100%;}
.twitter-activity{background:none repeat scroll 0 0 #fafafa;float:left;list-style:none outside none;margin:0;padding:20px;width:100%;margin-top:20px;}
.twitter-activity > li{float:left;text-align:center;width:33.333%;}
.twitter-activity > li > i{color:#777777;float:left;font-family:Roboto;font-size:11px;font-style:normal;letter-spacing:0.3px;text-align:center;text-transform:uppercase;width:100%;}
.twitter-activity > li > span{float:left;font-family:Lato;font-size:22px;font-weight:bold;letter-spacing:0.3px;line-height:26px;margin-bottom:-3px;margin-top:6px;text-align:center;width:100%;}
.contact-widget{float:left;width:100%;}
.contact-widget form{float:left;width:100%;}
.contact-widget form input[type="text"],
.contact-widget form textarea{border:1px solid #e8e0e0;-webkit-border-radius:1px;-moz-border-radius:1px;-ms-border-radius:1px;-o-border-radius:1px;border-radius:1px;color:#777777;float:left;font-family:Roboto;font-size:13px;letter-spacing:0.3px;margin-bottom:15px;padding:10px 24px;width:100%;}
.contact-widget form textarea{height:204px;}
.contact-widget form input[type="submit"]{border:medium none;-webkit-border-radius:1px;-moz-border-radius:1px;-ms-border-radius:1px;-o-border-radius:1px;border-radius:1px;color:#fff;float:right;font-family:Lato;font-size:15px;font-weight:bold;letter-spacing:0.3px;padding:9px 37px;width:auto;}
.calculator{float:left;width:100%;}
#calculator{float:left;height:auto;margin:0;padding:45px 20px 9px;width:100%;}
.top span.clear{float:left;}
.top .screen{background:none repeat scroll 0 0 rgba(0, 0, 0, 0.2);-webkit-border-radius:1px;-moz-border-radius:1px;-ms-border-radius:1px;-o-border-radius:1px;border-radius:1px;color:black;float:right;font-size:17px;height:36px;letter-spacing:1px;line-height:40px;padding:0 10px;text-align:right;width:100%;}
.keys, .top{margin:0 -5px;overflow:hidden;}
.keys span{-moz-user-select:none;background:none repeat scroll 0 0 #dddddd;-webkit-border-radius:1px;-moz-border-radius:1px;-ms-border-radius:1px;-o-border-radius:1px;border-radius:1px;color:#333333;cursor:pointer;float:left;font-family:Roboto;height:36px;line-height:36px;margin:0 7px 11px 0;position:relative;text-align:center;top:0;-webkit-transition:all 0.4s ease 0s;-moz-transition:all 0.4s ease 0s;-ms-transition:all 0.4s ease 0s;-o-transition:all 0.4s ease 0s;transition:all 0.4s ease 0s;width:100%;}
.top span.clear{float:left;position:relative;top:0;cursor:pointer;width:100%;height:36px;-webkit-border-radius:1px;-moz-border-radius:1px;-ms-border-radius:1px;-o-border-radius:1px;border-radius:1px;margin:0 7px 11px 0;color:#888;line-height:36px;text-align:center;user-select:none;-webkit-transition:all 0.4s ease 0s;-moz-transition:all 0.4s ease 0s;-ms-transition:all 0.4s ease 0s;-o-transition:all 0.4s ease 0s;transition:all 0.4s ease 0s;}
.calculator .keys > div{padding:0 5px;}
.keys{float:left;margin:0;width:100%;}
.keys span.operator{margin-right:0;}
.calculator .row{margin:0 -5px;}
.calculator .row > .top{margin:0;width:100%;}
.calculator .row > .top > div{padding:0 5px;}
.keys span.eval{color:#888e5f;}
.top span.clear{color:white;}
.keys span:hover{color:white;background:#999999;}
.keys span.eval:hover{background:#abb850;color:#ffffff;}
.top span.clear:hover{background:#f68991;color:white;}
.notification{float:left;margin-top:-20px;width:100%;}
.notification > .alert{float:left;font-family:Roboto;font-size:15px;font-weight:normal;letter-spacing:0.3px;margin:20px 0 0;min-height:72px;width:100%;}
.alert.color a{color:#ffffff;}
.alert.white{background:none repeat scroll 0 0 #ffffff;padding-left:70px;position:relative;}
.alert.white > span{-webkit-border-radius:1px;-moz-border-radius:1px;-ms-border-radius:1px;-o-border-radius:1px;border-radius:1px;height:40px;left:15px;position:absolute;top:15px;width:40px;}
.alert.white > span > i{-webkit-border-radius:1px;-moz-border-radius:1px;-ms-border-radius:1px;-o-border-radius:1px;border-radius:1px;float:left;height:100%;line-height:40px;position:relative;text-align:center;width:100%;}
.alert.white a{color:#333333;}
.btn-example{float:left;margin-top:-10px;width:100%;}
.btn-example > a{margin-right:10px;margin-top:10px;}
.btn-example > p > a,
.btn-example > p > button{margin-top:10px;margin-right:10px;}
.tag-button{background:none repeat scroll 0 0 #e1e1e1;-webkit-border-radius:1px;-moz-border-radius:1px;-ms-border-radius:1px;-o-border-radius:1px;border-radius:1px;color:#333333;float:left;font-family:Roboto;font-size:13px;padding:6px 13px;position:relative;-webkit-transition:all 0.4s ease 0s;-moz-transition:all 0.4s ease 0s;-ms-transition:all 0.4s ease 0s;-o-transition:all 0.4s ease 0s;transition:all 0.4s ease 0s;}
.tag-button:before{background:none repeat scroll 0 0 #fff;-webkit-border-radius:50%;-moz-border-radius:50%;-ms-border-radius:50%;-o-border-radius:50%;border-radius:50%;content:"";height:8px;left:-3px;margin-top:-4px;position:absolute;top:50%;width:8px;}
.tag-button:after{background:none repeat scroll 0 0 #fff;-webkit-border-radius:50%;-moz-border-radius:50%;-ms-border-radius:50%;-o-border-radius:50%;border-radius:50%;content:"";height:8px;right:-3px;margin-top:-4px;position:absolute;top:50%;width:8px;}
.dynamic-tags{float:left;width:100%;}
.dynamic-tags .tagsinput{float:left;height:auto !important;width:100% !important;}
.dynamic-tags .tagsinput .tag{float:left;}
.dynamic-tags .tagsinput .tag{background:none repeat scroll 0 0 #e1e1e1;-webkit-border-radius:1px;-moz-border-radius:1px;-ms-border-radius:1px;-o-border-radius:1px;border-radius:1px;color:#333333;float:left;font-family:Roboto;font-size:13px;margin-right:10px;margin-top:10px;padding:6px 13px;position:relative;-webkit-transition:all 0.4s ease 0s;-moz-transition:all 0.4s ease 0s;-ms-transition:all 0.4s ease 0s;-o-transition:all 0.4s ease 0s;transition:all 0.4s ease 0s;}
.dynamic-tags .tagsinput .tag:hover{color:#fff;}
.dynamic-tags .tagsinput .tag:hover a{color:#fff}
.dynamic-tags .tagsinput .tag > a{color:#333333;font-family:Roboto;font-weight:bold;-webkit-transition:all 0.4s ease 0s;-moz-transition:all 0.4s ease 0s;-ms-transition:all 0.4s ease 0s;-o-transition:all 0.4s ease 0s;transition:all 0.4s ease 0s;}
.dynamic-tags .tagsinput input{border:1px solid #e8ecec;-webkit-border-radius:1px;-moz-border-radius:1px;-ms-border-radius:1px;-o-border-radius:1px;border-radius:1px;float:left;font-family:Roboto;font-size:13px;margin-top:10px;padding:6px 19px;width:100% !important;}
.dynamic-tags .tagsinput .tag:before{background:none repeat scroll 0 0 #fff;-webkit-border-radius:50%;-moz-border-radius:50%;-ms-border-radius:50%;-o-border-radius:50%;border-radius:50%;content:"";height:8px;left:-3px;margin-top:-4px;position:absolute;top:50%;width:8px;}
.dynamic-tags .tagsinput .tag:after{background:none repeat scroll 0 0 #fff;-webkit-border-radius:50%;-moz-border-radius:50%;-ms-border-radius:50%;-o-border-radius:50%;border-radius:50%;content:"";height:8px;right:-3px;margin-top:-4px;position:absolute;top:50%;width:8px;}
.c-btn{-webkit-border-radius:1px;-moz-border-radius:1px;-ms-border-radius:1px;-o-border-radius:1px;border-radius:1px;float:left;font-family:Roboto;font-weight:normal;letter-spacing:0.3px;line-height:12px;-webkit-transition:all 0.4s ease 0s;-moz-transition:all 0.4s ease 0s;-ms-transition:all 0.4s ease 0s;-o-transition:all 0.4s ease 0s;transition:all 0.4s ease 0s;}
.c-btn:hover{opacity:0.8;}
a.large,
button.large{font-size:15px;padding:13px 21px;}
a.medium,
button.medium{padding:10px 12px;}
a.small,
button.small{padding:7px 18px;}
a.mini,
button.mini{font-size:11px;padding:5px 13px;}
.icon-btn{background:none repeat scroll 0 0 #ffffff;-webkit-border-radius:1px;-moz-border-radius:1px;-ms-border-radius:1px;-o-border-radius:1px;border-radius:1px;color:#333333;float:left;font-family:Roboto;letter-spacing:0.3px;line-height:32px;overflow:hidden;padding:0 24px 0 0;position:relative;-webkit-transition:all 0.4s ease 0s;-moz-transition:all 0.4s ease 0s;-ms-transition:all 0.4s ease 0s;-o-transition:all 0.4s ease 0s;transition:all 0.4s ease 0s;}
.icon-btn:hover{background:none repeat scroll 0 0 #f7f7f7;}
.icon-btn > i{float:left;height:34px;left:0;line-height:34px;margin-right:15px;position:relative;text-align:center;top:0;width:34px;}
span.preview img{border-radius:1px;}
td > p.name a{color:#333333;float:left;font-family:Roboto;font-size:13px;margin:19px 0;}
td span.size{background:none repeat scroll 0 0 #efefef;border-radius:1px;float:left;font-family:Lato;font-size:11px;letter-spacing:0.3px;margin-top:15px;padding:7px 10px;}
.dynamic-gallery td > button.btn.delete{margin-top:13px;}
.dynamic-gallery td{border:none;}
.dynamic-gallery td > input[type="checkbox"]{float:right;margin-right:10px;margin-top:23px;}
.gallery-static{float:left;width:100%;}
.image-gallery{float:left;margin-bottom:30px;margin-top:30px;position:relative;width:100%;}
.image-gallery img{-webkit-border-radius:1px;-moz-border-radius:1px;-ms-border-radius:1px;-o-border-radius:1px;border-radius:1px;float:left;width:100%;}
.thumb{float:left;position:relative;width:100%;}
.thumb:before{background:none repeat scroll 0 0 rgba(0, 0, 0, 0.7);-webkit-border-radius:1px;-moz-border-radius:1px;-ms-border-radius:1px;-o-border-radius:1px;border-radius:1px;content:"";height:100%;left:0;opacity:0;position:absolute;top:0;-webkit-transform:scale(0.7);-moz-transform:scale(0.7);-ms-transform:scale(0.7);-o-transform:scale(0.7);transform:scale(0.7);-webkit-transition:all 0.4s ease 0s;-moz-transition:all 0.4s ease 0s;-ms-transition:all 0.4s ease 0s;-o-transition:all 0.4s ease 0s;transition:all 0.4s ease 0s;width:100%;z-index:0;}
.thumb:hover:before{opacity:1;-webkit-transform:scale(1);-moz-transform:scale(1);-ms-transform:scale(1);-o-transform:scale(1);transform:scale(1);}
.thumb:hover > h3{height:0;padding:0;}
.thumb > h3{background:none repeat scroll 0 0 rgba(0, 0, 0, 0.7);-webkit-border-radius:0 0 4px 4px;-moz-border-radius:0 0 4px 4px;-ms-border-radius:0 0 4px 4px;-o-border-radius:0 0 4px 4px;border-radius:0 0 4px 4px;bottom:0;color:#fff;font-family:Roboto;font-size:17px;font-weight:normal;height:80px;left:0;letter-spacing:0.3px;margin:0;overflow:hidden;padding:16px 0;position:absolute;text-align:center;text-overflow:ellipsis;-webkit-transition:all 0.4s ease 0s;-moz-transition:all 0.4s ease 0s;-ms-transition:all 0.4s ease 0s;-o-transition:all 0.4s ease 0s;transition:all 0.4s ease 0s;white-space:normal;width:100%;}
.thumb > i{border:5px solid #ecedf0;-webkit-border-radius:50%;-moz-border-radius:50%;-ms-border-radius:50%;-o-border-radius:50%;border-radius:50%;bottom:-30px;color:#fff;font-size:24px;height:60px;left:50%;line-height:50px;margin-left:-30px;position:absolute;text-align:center;-webkit-transition:all 0.4s ease 0s;-moz-transition:all 0.4s ease 0s;-ms-transition:all 0.4s ease 0s;-o-transition:all 0.4s ease 0s;transition:all 0.4s ease 0s;width:60px;z-index:99;}
.thumb:hover > i{-webkit-transform:scale(0);-moz-transform:scale(0);-ms-transform:scale(0);-o-transform:scale(0);transform:scale(0);-webkit-transition:all 0.4s ease 0.2s;-moz-transition:all 0.4s ease 0.2s;-ms-transition:all 0.4s ease 0.2s;-o-transition:all 0.4s ease 0.2s;transition:all 0.4s ease 0.2s;}
.thumb > a{border:5px solid #fafafa;-webkit-border-radius:50%;-moz-border-radius:50%;-ms-border-radius:50%;-o-border-radius:50%;border-radius:50%;color:#fff;font-size:20px;height:60px;left:50%;line-height:50px;margin-left:-30px;margin-top:-30px;opacity:0;position:absolute;text-align:center;top:50%;-webkit-transform:scale(2);-moz-transform:scale(2);-ms-transform:scale(2);-o-transform:scale(2);transform:scale(2);-webkit-transition:all 0.4s ease 0s;-moz-transition:all 0.4s ease 0s;-ms-transition:all 0.4s ease 0s;-o-transition:all 0.4s ease 0s;transition:all 0.4s ease 0s;width:60px;}
.thumb:hover > a{opacity:1;-webkit-transform:scale(1);-moz-transform:scale(1);-ms-transform:scale(1);-o-transform:scale(1);transform:scale(1);-webkit-transition:all 0.4s ease 0.4s;-moz-transition:all 0.4s ease 0.4s;-ms-transition:all 0.4s ease 0.4s;-o-transition:all 0.4s ease 0.4s;transition:all 0.4s ease 0.4s;}
.carousel.slide{float:left;width:100%;}
.carousel-control > span{margin-top:-10px;position:absolute;top:50%;}
.introjs-overlay{position:absolute;z-index:999999;background-color:#000;opacity:0;filter:alpha(opacity=0);background:-moz-radial-gradient(center,ellipse cover,rgba(0,0,0,0.4) 0,rgba(0,0,0,0.9) 100%);background:-webkit-gradient(radial,center center,0px,center center,100%,color-stop(0%,rgba(0,0,0,0.4)),color-stop(100%,rgba(0,0,0,0.9)));background:-webkit-radial-gradient(center,ellipse cover,rgba(0,0,0,0.4) 0,rgba(0,0,0,0.9) 100%);background:-o-radial-gradient(center,ellipse cover,rgba(0,0,0,0.4) 0,rgba(0,0,0,0.9) 100%);background:-ms-radial-gradient(center,ellipse cover,rgba(0,0,0,0.4) 0,rgba(0,0,0,0.9) 100%);background:radial-gradient(ellipse ,rgba(0,0,0,0.4) 0,rgba(0,0,0,0.9) 100%);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#66000000',endColorstr='#e6000000',GradientType=1);-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";filter:alpha(opacity=50);-webkit-transition:all 0.3s ease-out;-moz-transition:all 0.3s ease-out;-ms-transition:all 0.3s ease-out;-o-transition:all 0.3s ease-out;transition:all 0.3s ease-out;}
.introjs-fixParent{z-index:auto !important;}
.introjs-showElement{z-index:9999999 !important;}
.introjs-relativePosition{position:relative;}
.introjs-helperLayer{background-color:rgba(255, 255, 255, 0);border:1px solid rgba(0, 0, 0, 0.5);position:absolute;z-index:2147483647;-webkit-border-radius:1px;-moz-border-radius:1px;-ms-border-radius:1px;-o-border-radius:1px;border-radius:1px;-webkit-box-shadow:0 2px 15px rgba(0,0,0,.4);-moz-box-shadow:0 2px 15px rgba(0,0,0,.4);-ms-box-shadow:0 2px 15px rgba(0,0,0,.4);-o-box-shadow:0 2px 15px rgba(0,0,0,.4);box-shadow:0 2px 15px rgba(0,0,0,.4);-webkit-transition:all 0.3s ease-out;-moz-transition:all 0.3s ease-out;-ms-transition:all 0.3s ease-out;-o-transition:all 0.3s ease-out;transition:all 0.3s ease-out;}
.introjs-helperNumberLayer{background:none repeat scroll 0 0 #28AB7C;border:3px solid;-webkit-border-radius:50%;-moz-border-radius:50%;-ms-border-radius:50%;-o-border-radius:50%;border-radius:50%;-webkit-box-shadow:0 2px 5px rgba(0, 0, 0, 0.4);-moz-box-shadow:0 2px 5px rgba(0, 0, 0, 0.4);-ms-box-shadow:0 2px 5px rgba(0, 0, 0, 0.4);-o-box-shadow:0 2px 5px rgba(0, 0, 0, 0.4);box-shadow:0 2px 5px rgba(0, 0, 0, 0.4);color:#FFFFFF;font-family:Arial,verdana,tahoma;font-size:13px;font-weight:bold;height:30px;left:-16px;line-height:20px;padding:2px;position:absolute;text-align:center;text-shadow:1px 1px 1px rgba(0, 0, 0, 0.3);top:-16px;width:30px;z-index:2147483647 !important;}
.introjs-arrow{border:5px solid white;content:'';position:absolute;}
.introjs-arrow.top{border-color:rgba(0, 0, 0, 0) rgba(0, 0, 0, 0) #FFFFFF;right:22px;top:-10px;}
.introjs-arrow.right{right:-10px;top:10px;border-top-color:transparent;border-right-color:transparent;border-bottom-color:transparent;border-left-color:white;}
.introjs-arrow.bottom{bottom:-10px;border-top-color:white;border-right-color:transparent;border-bottom-color:transparent;border-left-color:transparent;}
.introjs-arrow.left{left:-10px;top:10px;border-top-color:transparent;border-right-color:white;border-bottom-color:transparent;border-left-color:transparent;}
.introjs-tooltip{background-color:#ffffff;-webkit-box-shadow:0 1px 10px rgba(0, 0, 0, 0.4);-moz-box-shadow:0 1px 10px rgba(0, 0, 0, 0.4);-ms-box-shadow:0 1px 10px rgba(0, 0, 0, 0.4);-o-box-shadow:0 1px 10px rgba(0, 0, 0, 0.4);box-shadow:0 1px 10px rgba(0, 0, 0, 0.4);font-family:open sans;font-size:12px;padding:10px;position:absolute;-webkit-transition:opacity 0.1s ease-out 0s;-moz-transition:opacity 0.1s ease-out 0s;-ms-transition:opacity 0.1s ease-out 0s;-o-transition:opacity 0.1s ease-out 0s;transition:opacity 0.1s ease-out 0s;-webkit-border-radius:2px;-moz-border-radius:2px;-ms-border-radius:2px;-o-border-radius:2px;border-radius:2px;}
.introjs-tooltipbuttons{text-align:right;}
.introjs-button{position:relative;overflow:visible;display:inline-block;padding:0.3em 0.8em;border:1px solid #d4d4d4;margin:0;text-decoration:none;text-shadow:1px 1px 0 #fff;font:11px/normal sans-serif;color:#333;white-space:nowrap;cursor:pointer;outline:none;background-color:#ececec;background-image:-webkit-gradient(linear, 0 0, 0 100%, from(#f4f4f4), to(#ececec));background-image:-moz-linear-gradient(#f4f4f4, #ececec);background-image:-o-linear-gradient(#f4f4f4, #ececec);background-image:linear-gradient(#f4f4f4, #ececec);-webkit-background-clip:padding;-moz-background-clip:padding;-o-background-clip:padding-box;-webkit-border-radius:0.2em;-moz-border-radius:0.2em;border-radius:0.2em;zoom:1;*display:inline;margin-top:10px;}
.introjs-button:hover{border-color:#bcbcbc;text-decoration:none;-webkit-box-shadow:0px 1px 1px #e3e3e3;-moz-box-shadow:0px 1px 1px #e3e3e3;-ms-box-shadow:0px 1px 1px #e3e3e3;-o-box-shadow:0px 1px 1px #e3e3e3;box-shadow:0px 1px 1px #e3e3e3;}
.introjs-button:focus,
.introjs-button:active{background-image:-webkit-gradient(linear, 0 0, 0 100%, from(#ececec), to(#f4f4f4));background-image:-moz-linear-gradient(#ececec, #f4f4f4);background-image:-o-linear-gradient(#ececec, #f4f4f4);background-image:linear-gradient(#ececec, #f4f4f4);}
.introjs-button::-moz-focus-inner{padding:0;border:0;}
.introjs-skipbutton{margin-right:5px;color:#7a7a7a;}
.introjs-prevbutton{-webkit-border-radius:0.2em 0 0 0.2em;-moz-border-radius:0.2em 0 0 0.2em;border-radius:0.2em 0 0 0.2em;border-right:none;}
.introjs-nextbutton{-webkit-border-radius:0 0.2em 0.2em 0;-moz-border-radius:0 0.2em 0.2em 0;border-radius:0 0.2em 0.2em 0;}
.introjs-disabled, .introjs-disabled:hover, .introjs-disabled:focus{color:#9a9a9a;border-color:#d4d4d4;-webkit-box-shadow:none;-moz-box-shadow:none;-ms-box-shadow:none;-o-box-shadow:none;box-shadow:none;cursor:default;background-color:#f4f4f4;background-image:none;text-decoration:none;}
.introjs-tooltiptext{color:#434343;font-family:open sans;font-size:13px;font-weight:500;letter-spacing:0.25px;width:181px;}
#tourbtn{position:fixed;right:15px;bottom:35px;}
#tourbtn a{background:#bac081;padding:8px 15px;padding:8px 15px;font-size:12px;line-height:22px;font-weight:bold;color:#454a50;text-decoration:none;-webkit-border-radius:1px;-moz-border-radius:1px;border-radius:1px;}
#tourbtn a:hover{background:#cacf96;}
.collapse-sec{float:left;width:100%;}
.c-collapse{float:left;width:100%;}
.c-collapse > h2{background:none repeat scroll 0 0 #fff;border:1px solid #e5e5e5;-webkit-border-radius:1px;-moz-border-radius:1px;-ms-border-radius:1px;-o-border-radius:1px;border-radius:1px;color:#333333;cursor:pointer;float:left;font-family:Roboto;font-size:14px;letter-spacing:0.3px;line-height:43px;margin:0 0 10px;opacity:0.6;overflow:hidden;padding:0 21px;position:relative;text-overflow:ellipsis;-webkit-transition:all 0.4s ease 0s;-moz-transition:all 0.4s ease 0s;-ms-transition:all 0.4s ease 0s;-o-transition:all 0.4s ease 0s;transition:all 0.4s ease 0s;white-space:nowrap;width:100%;}
.c-collapse > h2 i{-webkit-border-radius:1px;-moz-border-radius:1px;-ms-border-radius:1px;-o-border-radius:1px;border-radius:1px;float:left;font-size:12px;height:26px;line-height:24px;margin-right:10px;margin-top:8px;position:relative;text-align:center;width:26px;}
.c-collapse > h2.active{opacity:1;}
.c-collapse > h2:hover{opacity:1;}
.c-collapse > .content{background:none repeat scroll 0 0 #f9f9f9;border:1px solid #fcfcfc;-webkit-border-radius:1px;-moz-border-radius:1px;-ms-border-radius:1px;-o-border-radius:1px;border-radius:1px;float:left;margin-bottom:10px;padding:15px 25px;position:relative;width:100%;}
.c-collapse > .content:before{background:none repeat scroll 0 0 #f9f9f9;border-left:1px solid #fcfcfc;border-top:1px solid #fcfcfc;content:"";height:15px;left:30px;position:absolute;top:-3px;-webkit-transform:rotate(45deg);-moz-transform:rotate(45deg);-ms-transform:rotate(45deg);-o-transform:rotate(45deg);transform:rotate(45deg);width:15px;}
.range-slider{float:left;width:100%;}
.range-slider > span{float:left;margin-bottom:45px;width:100%;}
.streaming-table{float:left;margin-top:10px;padding-bottom:20px;padding-top:20px;width:100%;}
.table.table-striped.table-bordered{float:left;margin-top:20px;width:100%;}
.st_pagination{float:right;}
.streaming-table .progress{display:table;float:none;height:5px;margin:0 auto 20px;width:100%;-webkit-border-radius:0;-moz-border-radius:0;-ms-border-radius:0;-o-border-radius:0;border-radius:0;}
.streaming-table .progress .progress-bar{font-family:open sans;font-size:14px;font-weight:700;line-height:29px;text-align:center;width:100%;}
#stream_table td{color:#555555;font-size:13px;}
#stream_table th{font-family:open sans;font-size:15px;font-weight:600;padding:10px;text-align:center;}
#stream_table > thead{background:none repeat scroll 0 0 #ECEDEE;color:#444444;font-family:open sans;font-size:16px;font-weight:600;}
#stream_table td{color:#555555;font-size:13px;text-align:center;}
#stream_table tr{font-family:open sans;font-size:13px;letter-spacing:0.35px;}
#summary{color:#3D3D3D;float:left;font-family:open sans;font-size:14px;font-weight:500;line-height:35px;}
.streaming-table .pagination{-webkit-border-radius:0;-moz-border-radius:0;-ms-border-radius:0;-o-border-radius:0;border-radius:0;}
.streaming-table .pagination li a{background:none repeat scroll 0 0 #fafafa;border:1px solid #d1d1d1;-webkit-border-radius:0;-moz-border-radius:0;-ms-border-radius:0;-o-border-radius:0;border-radius:0;color:#444444;font-family:Roboto;font-size:13px;letter-spacing:0.3px;}
.st_search{background:none repeat scroll 0 0 #fff;border:1px solid #e8ecec;-webkit-border-radius:1px;-moz-border-radius:1px;-ms-border-radius:1px;-o-border-radius:1px;border-radius:1px;color:#333333;float:right;font-family:pt sans;font-size:12px;font-weight:500;letter-spacing:0.3px;margin:0;max-width:200px;padding:7px 10px;text-transform:uppercase;width:207px;}
.pagination{display:table;float:none;margin:0 auto;}
.pagination li.active a{background-color:#3d3d3d;border:1px solid #3d3d3d;color:#fff;}
.st_per_page{border:1px solid #e8ecec;-webkit-border-radius:11px;-moz-border-radius:11px;-ms-border-radius:11px;-o-border-radius:11px;border-radius:11px;color:#444444;float:right;font-family:roboto;font-size:13px;height:33px !important;margin-right:10px;text-align:center;width:100px;}
.record_count{margin-left:20px;}
.wizard-form-h{float:left;width:100%;margin-top:-15px;}
.swMain{float:left;width:100%;}
.anchor{float:left;list-style:none outside none;margin:0 0 15px;padding:0;width:100%;}
.anchor > li{float:left;margin-right:15px;}
.anchor > li > a{background:none repeat scroll 0 0 #fafafa;border:1px solid #e8ecec;-webkit-border-radius:1px;-moz-border-radius:1px;-ms-border-radius:1px;-o-border-radius:1px;border-radius:1px;color:#333;float:left;font-family:Roboto;letter-spacing:0.3px;line-height:14px;padding:11px 28px;position:relative;-webkit-transition:all 0.4s ease 0s;-moz-transition:all 0.4s ease 0s;-ms-transition:all 0.4s ease 0s;-o-transition:all 0.4s ease 0s;transition:all 0.4s ease 0s;}
.anchor > li > a > span{background:none repeat scroll 0 0 #fff;border:1px solid #e8ecec;-webkit-border-radius:50%;-moz-border-radius:50%;-ms-border-radius:50%;-o-border-radius:50%;border-radius:50%;color:#333;font-size:11px;height:20px;line-height:17px;position:absolute;right:-9px;text-align:center;top:-9px;width:20px;-webkit-transition:all 0.4s ease 0s;-moz-transition:all 0.4s ease 0s;-ms-transition:all 0.4s ease 0s;-o-transition:all 0.4s ease 0s;transition:all 0.4s ease 0s;}
.stepContainer{float:left;width:100%;}
.stepContainer > .content{margin:0 -15px;}
.StepTitle{float:left;font-family:Roboto;font-size:21px;margin:10px 0 0;padding:0 15px;width:100%;}
.inline-form{background:none repeat scroll 0 0 #fff;border:1px solid #e8ecec;-webkit-border-radius:1px;-moz-border-radius:1px;-ms-border-radius:1px;-o-border-radius:1px;border-radius:1px;float:left;margin-top:20px;position:relative;width:100%;}
.inline-form > label{background:none repeat scroll 0 0 #fff;color:#777;font-family:lato;font-size:11px;font-weight:normal;letter-spacing:0.3px;padding:1px 19px;position:absolute;right:10px;text-transform:uppercase;top:-11px;}
.inline-form > input,
.inline-form > textarea{background:none repeat scroll 0 0 rgba(0, 0, 0, 0);border:medium none;color:#000000;float:left;font-family:Roboto;letter-spacing:0.3px;margin-top:7px;padding:6px 20px 14px;width:100%;}
.actionBar .loader{display:none;}
.actionBar{float:left;margin-top:20px;width:100%;}
.actionBar > a{background:none repeat scroll 0 0 #555555;-webkit-border-radius:1px;-moz-border-radius:1px;-ms-border-radius:1px;-o-border-radius:1px;border-radius:1px;color:#fff;float:left;font-family:Roboto;letter-spacing:0.3px;margin-right:10px;padding:7px 13px;}
.inline-form > select{background:none repeat scroll 0 0 rgba(0, 0, 0, 0);border:medium none;color:#000000;float:left;font-family:Roboto;height:46px;padding:0 16px;position:relative;width:100%;z-index:9;}
.sec select{margin-bottom:24px;}
.invoice-billing{float:left;margin-top:30px;width:100%;}
.invoice-billing h4{color:#555555;float:left;margin:0 0 14px;width:100%;}
address{color:#777777;font-family:Roboto;letter-spacing:0.3px;}
.invoice{background:none repeat scroll 0 0 #ffffff;-webkit-border-radius:1px;-moz-border-radius:1px;-ms-border-radius:1px;-o-border-radius:1px;border-radius:1px;float:left;margin:15px 0;overflow:hidden;width:100%;}
.invoice-head{background:none repeat scroll 0 0 #fafafa;float:left;width:100%;}
.invoice-head h2{color:#555555;float:left;font-family:Roboto;font-size:15px;font-weight:600;letter-spacing:0.3px;line-height:12px;margin:0;padding:23px 0;text-align:center;}
.invoice li div p{color:#555555;float:left;font-family:Lato;font-size:13px;letter-spacing:0.3px;line-height:10px;margin:0;padding:15px 0;text-align:center;width:100%;}
.invoice-number{width:10%;float:left;}
.date{width:10%;float:left;}
.description{width:50%;float:left;}
.quantity{width:10%;float:left;}
.vat{width:10%;float:left;}
.total{width:10%;float:left;}
.long-column{width:90%;}
.long-column p{padding-left:10px !important;text-align:left !important;}
.invoice li{border-bottom:1px solid #EDEDED;border-top:1px solid #FFFFFF;float:left;list-style:none outside none;width:100%;}
.invoice li:hover{background:none repeat scroll 0 0 #F7F7F7;}
.invoice > ul{float:left;margin:0;padding:0;width:100%;}
.invoice li:nth-child(2n+1){background:none repeat scroll 0 0 #FDFDFD;}
.invoice li div{border-left:1px solid #FFFFFF;border-right:1px solid #EBEBEB;}
.total a{color:#FFFFFF;float:left;font-family:open sans;font-size:12px;line-height:10px;padding:10px 0;text-align:center;text-decoration:none;width:100%;-webkit-border-radius:2px;-moz-border-radius:2px;-ms-border-radius:2px;-o-border-radius:2px;border-radius:2px;}
.order-reveived{background:none repeat scroll 0 0 #FFFFFF;border:1px solid #DFDFDF;float:left;margin-top:30px;padding:20px;width:100%;-webkit-border-radius:0;-moz-border-radius:0;-ms-border-radius:0;-o-border-radius:0;border-radius:0;}
.order-reveived p strong{color:#222222;font-family:Roboto;font-size:19px;font-style:normal;font-weight:600;letter-spacing:0.3px;text-transform:uppercase;}
.order-reveived > p{color:#555555;float:left;font-family:open sans;font-size:13px;margin:0;padding-bottom:15px;width:100%;}
.order-reveived > a{float:left;font-family:open sans;font-size:13px;font-weight:600;letter-spacing:0.25px;padding:7px 10px;-webkit-border-radius:3px;-moz-border-radius:3px;-ms-border-radius:3px;-o-border-radius:3px;border-radius:3px;}
.msg{background:none repeat scroll 0 0 #fff;-webkit-border-radius:34px;-moz-border-radius:34px;-ms-border-radius:34px;-o-border-radius:34px;border-radius:34px;color:#333333;display:table;float:none;font-size:22px;font-weight:lighter;margin:0 auto;padding:15px 51px;text-align:left;width:auto;}
.prices-sec{float:left;width:100%;}
.price-table{background:none repeat scroll 0 0 #ffffff;-webkit-border-radius:3px 3px 0 0;-moz-border-radius:3px 3px 0 0;-ms-border-radius:3px 3px 0 0;-o-border-radius:3px 3px 0 0;border-radius:3px 3px 0 0;-webkit-box-shadow:0 0 14px rgba(0, 0, 0, 0.04);-moz-box-shadow:0 0 14px rgba(0, 0, 0, 0.04);-ms-box-shadow:0 0 14px rgba(0, 0, 0, 0.04);-o-box-shadow:0 0 14px rgba(0, 0, 0, 0.04);box-shadow:0 0 14px rgba(0, 0, 0, 0.04);float:left;list-style:none outside none;margin:0;padding:0;position:relative;width:100%;}
.price-table > .price-package{float:left;width:100%;}
.price-table > .price-package > h3{color:#555555;float:left;font-family:Roboto;font-size:24px;letter-spacing:0.3px;line-height:19px;margin:30px 0 40px;text-align:center;width:100%;}
.price-table > .service-price{float:left;margin-bottom:20px;width:100%;}
.service-price > h3{color:#777;display:table;float:none;font-family:Roboto;font-size:70px;letter-spacing:0.3px;line-height:35px;margin:0 auto;position:relative;}
.service-price > h3:before{content:"$";font-family:Roboto;font-size:17px;font-weight:lighter;position:absolute;right:16px;top:-15px;}
.service-price > h3 > i{color:#888888;font-family:lato;font-size:15px;font-style:normal;font-weight:normal;letter-spacing:0.3px;margin-left:4px;}
.service-offer{background:none repeat scroll 0 0 #F0F0F0;-webkit-border-radius:0 3px 3px 0;-moz-border-radius:0 3px 3px 0;-ms-border-radius:0 3px 3px 0;-o-border-radius:0 3px 3px 0;border-radius:0 3px 3px 0;color:#888888;font-family:Roboto;font-size:14px;left:0;line-height:10px;padding:8px 13px;position:absolute;top:27px;}
.service-icon{background:none repeat scroll 0 0 #FFFFFF;color:#E8ECEC;font-size:50px;line-height:10px;padding:0 20px;position:absolute;right:0;top:142px;}
.service-features{border-top:1px solid #E8ECEC;color:#888888;float:left;font-family:lato;font-size:14px;letter-spacing:0.3px;line-height:10px;padding:20px 30px;width:100%;}
.price-table .signup{border-top:1px solid #E8ECEC;float:left;padding-top:30px;text-align:center;width:100%;}
.price-table .signup > a{-webkit-border-radius:3px 3px 0 0;-moz-border-radius:3px 3px 0 0;-ms-border-radius:3px 3px 0 0;-o-border-radius:3px 3px 0 0;border-radius:3px 3px 0 0;color:#FFFFFF;display:table;float:none;font-family:Roboto;font-size:14px;line-height:10px;margin:0 auto;padding:15px 20px;}
.price-table.premium > .service-icon{color:#fff95a;}
.fresheditor-toolbar{font-family:"Georgia", Serif;line-height:1.67em;font-size:1em;}
.toolbar-btn{height:20px;}
.colorpanel{background-color:#333;}
.fresheditor-toolbar{float:left;height:auto;width:100%;}
.fresheditor-toolbar{float:left;height:auto;width:100%;}
.fresheditor-toolbar > .btn-toolbar > .btn-group{float:left;margin-bottom:8px;margin-right:4px;}
.fresheditor-toolbar > .btn-toolbar > .btn-group .btn{-moz-border-bottom-colors:none;-moz-border-left-colors:none;-moz-border-right-colors:none;-moz-border-top-colors:none;background-color:#fafafa;background-image:linear-gradient(#ffffff, #ffffff 25%, #e6e6e6);background-repeat:no-repeat;border-color:#ccc #ccc #bbb;border-image:none;-webkit-border-radius:0;-moz-border-radius:0;-ms-border-radius:0;-o-border-radius:0;border-radius:0;border-style:solid;border-width:1px;-webkit-box-shadow:0 1px 0 rgba(255, 255, 255, 0.2) inset, 0 1px 2px rgba(0, 0, 0, 0.05);-moz-box-shadow:0 1px 0 rgba(255, 255, 255, 0.2) inset, 0 1px 2px rgba(0, 0, 0, 0.05);-ms-box-shadow:0 1px 0 rgba(255, 255, 255, 0.2) inset, 0 1px 2px rgba(0, 0, 0, 0.05);-o-box-shadow:0 1px 0 rgba(255, 255, 255, 0.2) inset, 0 1px 2px rgba(0, 0, 0, 0.05);box-shadow:0 1px 0 rgba(255, 255, 255, 0.2) inset, 0 1px 2px rgba(0, 0, 0, 0.05);color:#333333;cursor:pointer;display:inline-block;font-size:13px;line-height:2px;padding:14px 10px;text-align:center;text-shadow:0 1px 1px rgba(255, 255, 255, 0.75);}
.fresheditor-toolbar > .btn-toolbar > .btn-group .btn:first-child{border-bottom-left-radius:4px;border-top-left-radius:4px;}
.fresheditor-toolbar > .btn-toolbar > .btn-group .btn:first-child{border-bottom-left-radius:4px;border-top-left-radius:4px;}
.fresheditor-toolbar > .btn-toolbar > .btn-group .btn:last-child{border-bottom-right-radius:4px;border-top-right-radius:4px;}
.fresheditor-toolbar > .btn-toolbar > .btn-group .btn:hover{background:none repeat scroll 0 0 #fafafa;}
.fresheditor-toolbar > .btn-toolbar > .btn-group .btn i{line-height:0;}
.fresheditor-toolbar > .btn-toolbar > .btn-group a > div{line-height:0;}
.fresheditor-toolbar > .btn-toolbar > .btn-group .btn.toolbar_bgcolor div{-webkit-border-radius:1px;-moz-border-radius:1px;-ms-border-radius:1px;-o-border-radius:1px;border-radius:1px;float:left !important;line-height:0 !important;margin:-5px 7px 0 0 !important;}
.fresheditor-toolbar > .btn-toolbar > .btn-group .btn.toolbar_forecolor,
.fresheditor-toolbar > .btn-toolbar > .btn-group .btn.toolbar_fontname,
.fresheditor-toolbar > .btn-toolbar > .btn-group .btn.toolbar_fontsize{-webkit-border-radius:1px;-moz-border-radius:1px;-ms-border-radius:1px;-o-border-radius:1px;border-radius:1px;}
.mail-area{float:left;margin-top:30px;width:100%;}
.inbox-nav{background:none repeat scroll 0 0 #fff;-webkit-border-radius:1px;-moz-border-radius:1px;-ms-border-radius:1px;-o-border-radius:1px;border-radius:1px;float:left;position:relative;width:100%;}
.user-mail{border-bottom:1px dashed #e8ecec;float:left;padding:40px 20px 20px;text-align:center;width:100%;}
.user-mail > span{border:1px solid #676767;-webkit-border-radius:50%;-moz-border-radius:50%;-ms-border-radius:50%;-o-border-radius:50%;border-radius:50%;display:table;float:none;margin:0 auto;padding:2px;}
.user-mail > span img{-webkit-border-radius:50%;-moz-border-radius:50%;-ms-border-radius:50%;-o-border-radius:50%;border-radius:50%;float:left;overflow:hidden;width:100%;}
.user-mail > h3{color:#333333;float:left;font-family:Roboto;font-size:17px;font-weight:bold;letter-spacing:0.3px;margin:12px 0 0;text-align:center;width:100%;}
.user-mail > i{float:left;font-family:Lato;font-style:normal;letter-spacing:0.3px;margin-bottom:17px;margin-top:4px;text-align:center;width:100%;}
.user-mail > .social-btns{display:table;float:none;margin:0 auto 37px;width:auto;}
.compose-btn{border:2px solid #555555;-webkit-border-radius:30px;-moz-border-radius:30px;-ms-border-radius:30px;-o-border-radius:30px;border-radius:30px;color:#555555;display:table;float:none;font-family:Roboto;font-size:20px;letter-spacing:0.3px;margin:0 auto;padding:10px 30px;-webkit-transition:all 0.4s ease 0s;-moz-transition:all 0.4s ease 0s;-ms-transition:all 0.4s ease 0s;-o-transition:all 0.4s ease 0s;transition:all 0.4s ease 0s;}
.mail-menu{background:none repeat scroll 0 0 #fafafa;float:left;width:100%;}
.mail-menu > ul{float:left;list-style:none outside none;margin:0;padding:0;width:100%;}
.mail-menu > ul > li{float:left;width:100%;}
.mail-menu > ul > li > a:hover{background:none repeat scroll 0 0 #5a5a5a;color:#fff;padding-left:40px;}
.mail-menu > ul > li > a{border-bottom:1px solid #ededed;color:#333333;float:left;font-family:Roboto;font-weight:normal;letter-spacing:0.3px;padding:14px 30px;width:100%;-webkit-transition:all 0.4s ease 0s;-moz-transition:all 0.4s ease 0s;-ms-transition:all 0.4s ease 0s;-o-transition:all 0.4s ease 0s;transition:all 0.4s ease 0s;}
.mail-menu > ul > li > a > span{-webkit-border-radius:10px;-moz-border-radius:10px;-ms-border-radius:10px;-o-border-radius:10px;border-radius:10px;float:right;font-size:12px;line-height:14px;padding:3px 10px;}
.mail-labels{float:left;padding:20px 30px;width:100%;}
.mail-labels > h3{float:left;font-family:Roboto;font-size:16px;letter-spacing:0.3px;margin:0 0 13px;width:100%;}
.mail-labels > ul{float:left;list-style:none outside none;margin:0;padding:0;width:100%;}
.mail-labels > ul > li{float:left;width:100%;}
.mail-labels > ul > li > a{color:#777777;float:left;font-family:Lato;font-weight:normal;letter-spacing:0.3px;padding:7px 0;width:100%;}
.mail-labels > ul > li > a > i{margin-right:20px;}
.all-mail{float:left;width:100%;}
.all-mail > h2{color:#333333;float:left;margin:0 0 30px;width:100%;}
.mail-head{float:left;width:100%;}
.search-emails{float:left;width:100%;}
.search-emails input{border:1px solid #dadada;-webkit-border-radius:1px;-moz-border-radius:1px;-ms-border-radius:1px;-o-border-radius:1px;border-radius:1px;float:left;font-family:Roboto;font-weight:lighter;height:40px;letter-spacing:0.3px;margin-bottom:10px;padding:0 30px;width:100%;}
.mail-head > form{background:none repeat scroll 0 0 #fafafa;-webkit-border-radius:4px 4px 0 0;-moz-border-radius:4px 4px 0 0;-ms-border-radius:4px 4px 0 0;-o-border-radius:4px 4px 0 0;border-radius:4px 4px 0 0;float:left;width:100%;}
.mail-head form > label{background:none repeat scroll 0 0 #ffffff;-webkit-border-radius:1px;-moz-border-radius:1px;-ms-border-radius:1px;-o-border-radius:1px;border-radius:1px;float:left;font-family:Roboto;font-size:13px;font-weight:normal;letter-spacing:0.3px;margin:8px 25px 8px 8px;padding:6px 15px;}
.mail-head form > label input[type="checkbox"]{float:left;margin-right:8px;margin-top:3px;}
.btn-group, .btn-group-vertical{display:inline-block;position:relative;vertical-align:middle;}
.mail-head > form > .btn-group{float:left;margin:7px;}
.mail-head > form > .btn-group > label{border:1px solid #e8ecec;color:#757575;font-size:14px;}
.mail-head > form > .btn-group.mail-pagination{float:right;text-align:left;}
.mail-head > form > .btn-group.mail-pagination span{float:left;}
.mail-head > form > .btn-group.mail-pagination span{color:#666666;float:left;font-family:Roboto;font-size:12px;font-weight:600;letter-spacing:0.3px;line-height:33px;margin-right:20px;}
.your-emails{background:none repeat scroll 0 0 #ffffff;float:left;list-style:none outside none;margin:0;padding:0;width:100%;}
.your-emails > li{border-left:3px solid #dfdfdf;float:left;margin-bottom:1px;padding:0 20px;position:relative;-webkit-transition:all 0.4s ease 0s;-moz-transition:all 0.4s ease 0s;-ms-transition:all 0.4s ease 0s;-o-transition:all 0.4s ease 0s;transition:all 0.4s ease 0s;width:100%;}
.email > input{float:left;margin:13px 10px 0 0;}
.star-email{cursor:pointer;float:left;height:20px;line-height:20px;margin-top:9px;text-align:center;width:20px;}
.star-email.starred{color:#e0d341;}
.email > h3{float:left;font-family:lato;font-size:14px;font-weight:bold;line-height:20px;margin:0;overflow:hidden;padding:10px;text-overflow:ellipsis;white-space:nowrap;width:130px;}
.email.unread a{font-weight:500;color:#333;}
.email.unread{background:none repeat scroll 0 0 #fafafa;}
.inbox-msg{color:#777777;float:left;font-family:Roboto;font-size:12px;letter-spacing:0.3px;line-height:21px;overflow:hidden;padding:9px 0;text-overflow:ellipsis;white-space:nowrap;width:270px;}
.inbox-msg > span{-webkit-border-radius:1px;-moz-border-radius:1px;-ms-border-radius:1px;-o-border-radius:1px;border-radius:1px;float:left;font-family:Roboto;font-size:11px;line-height:11px;margin-right:10px;margin-top:3px;padding:3px 5px;}
.email > span{color:#999999;float:right;font-family:Roboto;font-size:11px;letter-spacing:0.3px;line-height:10px;padding:14px 0;}
.attachment{float:left;margin-left:10px;padding:10px 0;text-align:center;width:40px;}
.read-email .modal-dialog{margin:120px auto;}
.read-email .modal-dialog > .modal-content{-webkit-border-radius:1px;-moz-border-radius:1px;-ms-border-radius:1px;-o-border-radius:1px;border-radius:1px;}
.read-email-sec{background:none repeat scroll 0 0 #ffffff;-webkit-border-radius:1px;-moz-border-radius:1px;-ms-border-radius:1px;-o-border-radius:1px;border-radius:1px;float:left;width:100%;}
.read-email-head{background:none repeat scroll 0 0 #fafafa;float:left;padding:10px 20px;width:100%;}
.read-email-head > h3{float:left;font-size:15px;line-height:50px;margin:0;}
.read-email-head > h3 > span{border:1px solid #666666;-webkit-border-radius:50%;-moz-border-radius:50%;-ms-border-radius:50%;-o-border-radius:50%;border-radius:50%;float:left;height:50px;margin-right:20px;overflow:hidden;padding:2px;width:50px;}
.read-email-head > h3 > span img{-webkit-border-radius:50%;-moz-border-radius:50%;-ms-border-radius:50%;-o-border-radius:50%;border-radius:50%;float:left;width:100%;}
.read-email-head > h3.mail-user{float:right;}
.read-email-head > h3.mail-user span{float:right;margin:0 0 0 20px;}
.read-email-head > h3.mail-user a{color:#777777;font-size:13px;font-weight:normal;letter-spacing:0.3px;margin-right:20px;}
.message-container{float:left;padding:20px 30px;width:100%;}
.message-container > p{margin-bottom:20px;}
.quick-reply{background:none repeat scroll 0 0 #fafafa;border:1px solid #e8ecec;-webkit-border-radius:1px;-moz-border-radius:1px;-ms-border-radius:1px;-o-border-radius:1px;border-radius:1px;float:left;padding:10px;width:100%;}
.quick-reply .clear{background:none repeat scroll 0 0 #fff;border:1px solid #e8ecec;-webkit-border-radius:1px;-moz-border-radius:1px;-ms-border-radius:1px;-o-border-radius:1px;border-radius:1px;float:left;padding:20px;width:100%;}
.quick-reply > .c-btn{float:right;margin-top:10px;}
.compose-email-sec{background:none repeat scroll 0 0 #ffffff;-webkit-border-radius:1px;-moz-border-radius:1px;-ms-border-radius:1px;-o-border-radius:1px;border-radius:1px;float:left;margin-top:70px;padding-top:30px;width:100%;}
.compose-email-sec > form{float:left;padding:0 15px;width:100%;}
.compose-email-sec > form input{border:1px solid #e8ecec;-webkit-border-radius:1px;-moz-border-radius:1px;-ms-border-radius:1px;-o-border-radius:1px;border-radius:1px;color:#333333;float:left;font-family:Roboto;font-size:13px;letter-spacing:0.3px;margin-bottom:10px;padding:9px 30px;width:100%;}
.profile-sec{float:left;width:100%;}
.profile-head{background:#3e95c4;background-size:100% 100%;-webkit-border-radius:1px;-moz-border-radius:1px;-ms-border-radius:1px;-o-border-radius:1px;border-radius:1px;min-height:230px;overflow:hidden;padding:40px;position:relative;}
.profile-avatar{float:left;max-width:460px;padding-left:0px;position:relative;}
.profile-avatar > span{background:none repeat scroll 0 0 rgba(255, 255, 255, 0.5);-webkit-border-radius:50%;-moz-border-radius:50%;-ms-border-radius:50%;-o-border-radius:50%;border-radius:50%;left:0;overflow:hidden;padding:3px;position:absolute;top:0;}
.profile-avatar > span img{-webkit-border-radius:50%;-moz-border-radius:50%;-ms-border-radius:50%;-o-border-radius:50%;border-radius:50%;float:left;}
.profile-name{float:left;padding-top:0px; margin-top:-32px;:100%;}
.profile-name > h3{color:#ffffff;float:left;font-family:Roboto;font-size:23px;letter-spacing:0.3px;margin:0;width:100%;}
.profile-name > i{color:#d7d7d7;float:left;font-family:Lato;font-size:18px;font-style:normal;font-weight:bold;letter-spacing:0.3px;margin-top:6px;width:100%;}
.profile-name .social-btns{float:left;margin:20px 0 0;width:100%;}
.profile-name .social-btns > li{float:left;}
.profile-name .social-btns > li:first-child{margin:0;}
.profile-count{bottom:20px;margin:0;padding:0;position:absolute;}
.profile-count > li{color:#ffffff;float:left;font-family:Roboto;font-size:13px !important;font-weight:bold;letter-spacing:0.5px;list-style:none outside none;text-align:center;width:auto;}
.profile-count > li > i{color:#d4d4d4;float:left;font-family:Lato;font-size:14px;font-style:normal;font-weight:normal;text-align:center;width:100%;}
.profile-connect{list-style:none outside none;margin:0;padding:0;position:absolute;right:20px;top:20px;}
.profile-connect > li{float:left;margin-left:20px;}
.profile-connect > li > a{background:none repeat scroll 0 0 rgba(0, 0, 0, 0.8);border:2px solid rgba(255, 255, 255, 0.5);-webkit-border-radius:30px;-moz-border-radius:30px;-ms-border-radius:30px;-o-border-radius:30px;border-radius:30px;color:#fff;float:left;font-family:Roboto;font-size:14px;letter-spacing:0.3px;padding:11px 22px;}
.friend-list{float:left;width:100%;}
.friend-list > ul{float:left;list-style:none outside none;margin:0;padding:0;width:100%;}
.friend-list li{border-bottom:1px dotted #e8ecec;float:left;padding:20px 0;position:relative;width:100%;}
.friend-list li:first-child{padding-top:0;}
.friend-list li img{border:1px solid #d8d8d8;-webkit-border-radius:50%;-moz-border-radius:50%;-ms-border-radius:50%;-o-border-radius:50%;border-radius:50%;float:left;margin-right:20px;padding:2px;}
.friend-list li h3{display:block;font-family:Roboto;font-size:14px;letter-spacing:0.3px;margin:0;overflow:hidden;text-overflow:ellipsis;white-space:normal;}
.friend-list li h3 i{float:left;font-family:Lato;font-size:13px;font-style:normal;font-weight:normal;letter-spacing:0.3px;margin-top:4px;width:100%;color:#999;}
.friend-list li > span{bottom:7px;font-family:Roboto;font-size:11px;letter-spacing:0.3px;position:absolute;right:0;}
.friend-list li > span:before{-webkit-border-radius:50%;-moz-border-radius:50%;-ms-border-radius:50%;-o-border-radius:50%;border-radius:50%;content:"";height:6px;left:-10px;position:absolute;top:6px;width:6px;}
.birthday{float:left;width:100%;}
.birthday > h3{float:left;font-family:Roboto;font-size:14px;margin:0;width:100%;z-index:0;}
.birthday > h3 > i{font-size:50px;left:50%;margin-left:-30px;opacity:0.2;position:absolute;top:6px;z-index:0;}
.birthday > h3 > span{color:#efefef;float:right;font-size:12px;font-weight:lighter;}
.my-location{float:left;width:100%;}
.my-location iframe{float:left;width:100%;border:none;}
.my-location > h3{float:left;font-family:Roboto;font-size:14px;margin:20px 0;padding:0 20px;width:100%;}
.my-location > h3 > i{margin-right:10px;}
.contact-form{float:left;width:100%;}
.contact-form .error_message{margin-bottom:20px;}
.contact-form #contact{float:left;width:100%;}
#contact span.required{font-size:13px;color:#ff0000;}
.contact-form #contact #message{float:left;margin:0;width:100%;}
.contact-form form{float:left;width:100%;}
.contact-form form label{color:#555555;float:left;font-family:Roboto;font-size:13px;font-weight:normal;letter-spacing:0.3px;line-height:12px;margin-bottom:10px;width:100%;}
.error_message{background:url("../assets/error.gif") no-repeat scroll 10px center #FBE3E4;border:1px solid #FBC2C4;-webkit-border-radius:3px;-moz-border-radius:3px;-ms-border-radius:3px;-o-border-radius:3px;border-radius:3px;color:#8A1F11;display:block;float:left;height:43px;line-height:22px;padding:9px 42px;width:100%;}
.contact-form form input[type="text"],
.contact-form form textarea{border:1px solid #d5d5d5;-webkit-border-radius:1px;-moz-border-radius:1px;-ms-border-radius:1px;-o-border-radius:1px;border-radius:1px;color:#444444;float:left;font-family:Roboto;font-size:13px;font-weight:normal;height:35px;letter-spacing:0.3px;margin-bottom:20px;padding:0 20px;width:100%;}
.contact-form form select{border:1px solid #d5d5d5;-webkit-border-radius:1px;-moz-border-radius:1px;-ms-border-radius:1px;-o-border-radius:1px;border-radius:1px;color:#444;float:left;font-family:Roboto;font-size:13px;height:35px;margin-bottom:20px;width:100%;}
.contact-form form textarea{min-height:165px;padding:20px;}
.contact-form form #verify{margin-right:10px;width:auto;}
.contact-form form input[type="submit"]{border:medium none;-webkit-border-radius:1px;-moz-border-radius:1px;-ms-border-radius:1px;-o-border-radius:1px;border-radius:1px;float:left;font-family:Lato;font-size:15px;letter-spacing:0.3px;padding:7px 20px;}
.loader{padding:0 10px;}
#contact #success_page h1{background:url('../assets/success.gif') left no-repeat;padding-left:22px;}
acronym{border-bottom:1px dotted #ccc;}
.social-btns.contact{float:left;margin:0;}
.social-btns.contact > li{float:left;margin:0 6px 0 0;}
.contact-map{float:left;width:100%;}
.contact-map > iframe{border:medium none;-webkit-border-radius:1px;-moz-border-radius:1px;-ms-border-radius:1px;-o-border-radius:1px;border-radius:1px;float:left;height:230px;width:100%;}
.tree-list{float:left;width:100%;}
.abix-tree-list li{color:#777777;font-size:13px;font-weight:normal;list-style:none outside none;}
.tree-list > p a{color:#555555;display:inline;font-family:Roboto;font-size:14px;letter-spacing:0.3px;}
.tree-list p{float:left;margin-bottom:20px;width:100%;}
.tree-list > ul{float:left;list-style:none outside none;margin:0;padding:0;width:100%;}
.tree-list > ul .expanded{color:#333;font-family:Roboto;font-size:15px;font-weight:bold;letter-spacing:0.3px;}
.abix-tree-list .collapsed span.icon,
.abix-tree-list .expanded span.icon{margin-right:6px;cursor:pointer;}
.connected, .sortable, .exclude, .handles{-moz-user-select:none;float:left;margin:auto;padding:0;width:100%;}
.sortable.grid{overflow:hidden;}
.connected li, .sortable li, .exclude li, .handles li{background:none repeat scroll 0 0 #fafafa;border:1px solid #ccc;-webkit-border-radius:1px;-moz-border-radius:1px;-ms-border-radius:1px;-o-border-radius:1px;border-radius:1px;color:#333333;float:left;font-family:Roboto;height:auto;list-style:none outside none;margin:0;padding:8px 15px;width:100%;}
.sortable-style .list > li{margin-top:10px;}
.sortable-style > .sortable{margin-top:-10px;}
.handles span{cursor:move;}
li.disabled{opacity:0.5;}
.sortable.grid li{float:left;height:110px;line-height:110px;margin-right:10px;margin-top:10px;text-align:center;width:110px;}
li.highlight{background:#FEE25F;}
#connected{width:440px;overflow:hidden;margin:auto;}
.connected{float:left;width:200px;}
.connected.no2{float:right;}
li.sortable-placeholder{border:1px dashed #CCC;background:none;}
.sortable-style{float:left;width:100%;}
.fontawesome-icon-list a{border-bottom:1px dashed #d9d9d9;color:#333333;float:left;font-family:Roboto;font-size:14px;padding:10px 0;pointer-events:none;width:100%;}
.task-sec{float:left;width:100%;margin-top:30px;}
#task-form{float:left;width:100%;}
#task-form input{border:1px solid #e2e2e2;-webkit-border-radius:4px 0 0 4px;-moz-border-radius:4px 0 0 4px;-ms-border-radius:4px 0 0 4px;-o-border-radius:4px 0 0 4px;border-radius:4px 0 0 4px;color:#404040;float:left;font-family:Roboto;font-size:14px;height:60px;letter-spacing:0.3px;padding:20px;-webkit-transition:all 0.4s ease 0s;-moz-transition:all 0.4s ease 0s;-ms-transition:all 0.4s ease 0s;-o-transition:all 0.4s ease 0s;transition:all 0.4s ease 0s;width:80%;}
#task-form input:focus, #task-form input:active, #task-form button:focus, #task-form button:active{outline-color:#F0553B;outline-width:thin;-webkit-transition:all 0.4s ease 0s;-moz-transition:all 0.4s ease 0s;-ms-transition:all 0.4s ease 0s;-o-transition:all 0.4s ease 0s;transition:all 0.4s ease 0s;}
#task-form button{background:none repeat scroll 0 0 #f0553b;border:medium none;-webkit-border-radius:0 4px 4px 0;-moz-border-radius:0 4px 4px 0;-ms-border-radius:0 4px 4px 0;-o-border-radius:0 4px 4px 0;border-radius:0 4px 4px 0;color:#fff;cursor:pointer;float:left;font-family:Roboto;font-size:15px;height:60px;margin-left:-1px;padding:0 20px;position:relative;-webkit-transition:all 0.4s ease 0s;-moz-transition:all 0.4s ease 0s;-ms-transition:all 0.4s ease 0s;-o-transition:all 0.4s ease 0s;transition:all 0.4s ease 0s;width:20%;}
#task-form button:hover{opacity:0.8;-webkit-transition:all 0.4s ease 0s;-moz-transition:all 0.4s ease 0s;-ms-transition:all 0.4s ease 0s;-o-transition:all 0.4s ease 0s;transition:all 0.4s ease 0s;}
#task-container{float:left;width:100%;}
#task-container ul{float:left;list-style:none outside none;margin:0;padding:0;width:100%;}
#task-container .task-headline{display:none;color:#666666;border-bottom:1px solid #C8C7BB;padding-bottom:20px;margin-bottom:20px;font-size:1.6em;position:relative;}
#task-container .task-headline:before{height:1px;width:100%;background:#FFF;position:absolute;content:" ";bottom:0px;left:0;}
#task-container .nothing-message{background:url("../img/logo2.png") no-repeat scroll center 20px/15% auto rgba(0, 0, 0, 0);color:#333333;height:160px;}
#task-container li{display:none;float:left;width:49%;overflow:auto;height:auto;min-height:10px;background:#FFF;display:inline-block;padding:20px;border:1px solid #CCC;color:#666;border-top:9px solid #39D1B4;cursor:pointer;margin-bottom:10px;margin-right:2%;-webkit-transition:all 0.4s ease 0s;-moz-transition:all 0.4s ease 0s;-ms-transition:all 0.4s ease 0s;-o-transition:all 0.4s ease 0s;transition:all 0.4s ease 0s;position:relative;}
#task-container li:nth-child(even){margin-right:0;}
#task-container li:hover{opacity:0.8;border-top:9px solid #F0553B;}
#task-container p{line-height:1.6em;text-align:left;}
#task-container li.complete{opacity:0.3;border-top:9px solid #666;-webkit-transition:all 0.4s ease 0s;-moz-transition:all 0.4s ease 0s;-ms-transition:all 0.4s ease 0s;-o-transition:all 0.4s ease 0s;transition:all 0.4s ease 0s;}
#task-container li.complete:before{background:url("../img/complete.png") no-repeat;position:absolute;top:5px;right:5px;content:"";width:55px;height:55px;background-size:100%;}
#task-container li.complete:hover{border-top:9px solid #F0553B;opacity:0.6;}
#task-container li.complete p{text-decoration:line-through;}
#controls{display:none;text-align:center;clear:both;margin-top:60px;background:#E4E3D5;padding:20px;border:1px solid #c8c7bb;}
#controls p{display:inline-block;color:#666;font-style:italic;}
#controls p:first-child{margin-right:20px;}
#clear-all-tasks{clear:both;margin-top:20px;background:#999;border:none;color:#FFF;padding:10px 20px;text-transform:uppercase;cursor:pointer;font-family:'Quicksand', sans-serif;-webkit-transition:all 0.4s ease 0s;-moz-transition:all 0.4s ease 0s;-ms-transition:all 0.4s ease 0s;-o-transition:all 0.4s ease 0s;transition:all 0.4s ease 0s;}
#clear-all-tasks:hover{background:#666;-webkit-transition:all 0.4s ease 0s;-moz-transition:all 0.4s ease 0s;-ms-transition:all 0.4s ease 0s;-o-transition:all 0.4s ease 0s;transition:all 0.4s ease 0s;}
.tdl-holder{float:left;margin:0;width:100%;}
.tdl-content{float:left;width:100%;}
.tdl-holder li{background-color:#fff;border:1px solid #e8ecec;-webkit-border-radius:1px;-moz-border-radius:1px;-ms-border-radius:1px;-o-border-radius:1px;border-radius:1px;color:#333333;float:left;margin-bottom:5px;width:100%;}
.tdl-holder li span{color:#333333;font-family:Roboto;font-size:16px;letter-spacing:0.3px;margin-left:30px;-webkit-transition:all 0.4s ease 0s;-moz-transition:all 0.4s ease 0s;-ms-transition:all 0.4s ease 0s;-o-transition:all 0.4s ease 0s;transition:all 0.4s ease 0s;}
.tdl-holder label:hover{background-color:#fafafa;color:#333333;}
.tdl-holder label{cursor:pointer;display:block;line-height:56px;margin:0;padding:0 15px;position:relative;-webkit-transition:all 0.4s ease 0s;-moz-transition:all 0.4s ease 0s;-ms-transition:all 0.4s ease 0s;-o-transition:all 0.4s ease 0s;transition:all 0.4s ease 0s;}
.tdl-holder label a{background-color:#222222;color:#FFFFFF;display:none;float:right;font-weight:bold;height:16px;line-height:14px;margin-top:20px;text-align:center;text-decoration:none;-webkit-transition:all 0.2s linear 0s;-moz-transition:all 0.2s linear 0s;-ms-transition:all 0.2s linear 0s;-o-transition:all 0.2s linear 0s;transition:all 0.2s linear 0s;width:16px;-webkit-border-radius:50%;-moz-border-radius:50%;-ms-border-radius:50%;-o-border-radius:50%;border-radius:50%;}
.tdl-holder label:hover a{display:block;}
.tdl-holder label a:hover{background-color:#fff;color:#de3f53;}
.tdl-holder input[type="checkbox"]{cursor:pointer;opacity:0;position:absolute;}
.tdl-content > ul{float:left;list-style:none outside none;margin:0 0 -6px;padding:0;width:100%;}
.tdl-holder input[type="checkbox"] + i{background-color:#efefef;-webkit-border-radius:50%;-moz-border-radius:50%;-ms-border-radius:50%;-o-border-radius:50%;border-radius:50%;display:block;height:16px;position:absolute;top:20px;width:16px;z-index:1;}
.tdl-holder input[type="checkbox"]:checked + i:after{background-color:#c4c4c4;content:"";display:block;height:8px;left:4px;position:absolute;top:4px;width:8px;z-index:2;-webkit-border-radius:50%;-moz-border-radius:50%;-ms-border-radius:50%;-o-border-radius:50%;border-radius:50%;}
.tdl-holder input[type="checkbox"]:checked ~ span{color:#777777;text-decoration:line-through;}
.tdl-holder input[type="text"]{background:none repeat scroll 0 0 #fff;border:1px solid #bfbfbf;-webkit-border-radius:1px;-moz-border-radius:1px;-ms-border-radius:1px;-o-border-radius:1px;border-radius:1px;color:#464f72;font-family:Roboto;font-size:18px;margin:40px 0 0;padding:20px 15px;-webkit-transition:all 0.4s ease 0s;-moz-transition:all 0.4s ease 0s;-ms-transition:all 0.4s ease 0s;-o-transition:all 0.4s ease 0s;transition:all 0.4s ease 0s;width:100%;}
.tdl-holder input[type="text"]:hover{color:#4c577f;}
.tdl-holder input[type="text"]:focus{color:#333333;}
.tdl-holder::-webkit-input-placeholder{color:#464f72;}
.tdl-holder:-moz-placeholder{color:#464f72;}
.tdl-holder::-moz-placeholder{color:#464f72;}
.tdl-holder:-ms-input-placeholder{color:#464f72;}
.tdl-holder li.remove{-webkit-animation:collapseItem 300ms ease;animation:collapseItem 300ms ease;-webkit-transform-origin:50% 0%;-ms-transform-origin:50% 0%;transform-origin:50% 0%;}
.tdl-holder li.remove span{color:#586186;text-decoration:line-through;}
@keyframes collapseItem{0%{-ms-transform:perspective(500px) rotateX(0deg);transform:perspective(500px) rotateX(0deg);}
100%{-ms-transform:perspective(500px) rotateX(-90deg);transform:perspective(500px) rotateX(-90deg);}
}
@-webkit-keyframes collapseItem{0%{-webkit-transform:perspective(500px) rotateX(0deg);}
100%{-webkit-transform:perspective(500px) rotateX(-90deg);}
}
.google-map{float:left;width:100%;}
.google-map iframe{border:medium none;-webkit-border-radius:1px;-moz-border-radius:1px;-ms-border-radius:1px;-o-border-radius:1px;border-radius:1px;float:left;width:100%;height:500px;}
.image-crop{border:1px solid #e8ecec;-webkit-border-radius:1px;-moz-border-radius:1px;-ms-border-radius:1px;-o-border-radius:1px;border-radius:1px;float:left;width:100%;}
.bheader{background-color:#fafafa;-webkit-border-radius:4px 4px 0 0;-moz-border-radius:4px 4px 0 0;-ms-border-radius:4px 4px 0 0;-o-border-radius:4px 4px 0 0;border-radius:4px 4px 0 0;float:left;padding:10px 0;text-align:center;width:100%;}
.bheader > h2{color:#333333;float:left;font-family:Roboto;letter-spacing:0.3px;margin:0;padding:20px 0;width:100%;}
.bbody{color:#000;float:left;overflow:hidden;padding-bottom:20px;text-align:center;width:100%;background:-moz-linear-gradient(#ffffff, #f2f2f2);background:-ms-linear-gradient(#ffffff, #f2f2f2);background:-webkit-gradient(linear, left top, left bottom, color-stop(0%, #ffffff), color-stop(100%, #f2f2f2));background:-webkit-linear-gradient(#ffffff, #f2f2f2);background:-o-linear-gradient(#ffffff, #f2f2f2);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#f2f2f2');-ms-filter:"progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#f2f2f2')";background:linear-gradient(#ffffff, #f2f2f2);}
.bbody > form{display:table;float:none;margin:0 auto;width:auto;}
#upload_form > h2{color:#555555;font-family:Roboto;font-size:16px;font-weight:normal;letter-spacing:0.3px;}
.step2, .error{display:none;}
.error{font-size:18px;font-weight:bold;color:red;}
.info{float:left;padding:20px;width:100%;}
.info > label{color:#333333;font-family:Roboto;font-size:13px;font-weight:normal;margin-right:10px;}
.info input{background:none repeat scroll 0 0 #fff;border:1px solid #dadede;-webkit-border-radius:1px;-moz-border-radius:1px;-ms-border-radius:1px;-o-border-radius:1px;border-radius:1px;display:inline-block;font-family:Roboto;font-size:14px;margin-bottom:17px;padding:6px 16px;}
.image-crop label{margin:0 5px;}
.image-crop input[type="file"]{background:none repeat scroll 0 0 #ffffff;border:1px solid #cccccc;-webkit-border-radius:1px;-moz-border-radius:1px;-ms-border-radius:1px;-o-border-radius:1px;border-radius:1px;color:#888888;float:left;font-family:Lato;font-size:13px;letter-spacing:0.3px;margin-top:11px;padding:4px 8px;text-align:center;width:100%;}
#upload_form > div{display:table;float:none;margin:0 auto;}
.step2 > h2{color:#555555;float:left;font-size:16px;font-weight:normal;letter-spacing:0.3px;text-align:center;width:100%;}
.jcrop-holder{display:inline-block;}
.image-crop input[type=submit]{background:#e3e3e3;border:1px solid #bbb;-webkit-border-radius:1px;-moz-border-radius:1px;-ms-border-radius:1px;-o-border-radius:1px;border-radius:1px;-webkit-box-shadow:inset 0 0 1px 1px #f6f6f6;-moz-box-shadow:inset 0 0 1px 1px #f6f6f6;-ms-box-shadow:inset 0 0 1px 1px #f6f6f6;-o-box-shadow:inset 0 0 1px 1px #f6f6f6;box-shadow:inset 0 0 1px 1px #f6f6f6;color:#333;font:bold 12px/1 "helvetica neue", helvetica, arial, sans-serif;padding:8px 0 9px;text-align:center;text-shadow:0 1px 0 #fff;width:150px;}
.image-crop input[type=submit]:hover{background:#d9d9d9;-webkit-box-shadow:inset 0 0 1px 1px #eaeaea;-moz-box-shadow:inset 0 0 1px 1px #eaeaea;-ms-box-shadow:inset 0 0 1px 1px #eaeaea;-o-box-shadow:inset 0 0 1px 1px #eaeaea;box-shadow:inset 0 0 1px 1px #eaeaea;color:#222;cursor:pointer;}
.image-crop input[type=submit]:active{background:#d0d0d0;-webkit-box-shadow:inset 0 0 1px 1px #e3e3e3;-moz-box-shadow:inset 0 0 1px 1px #e3e3e3;-ms-box-shadow:inset 0 0 1px 1px #e3e3e3;-o-box-shadow:inset 0 0 1px 1px #e3e3e3;box-shadow:inset 0 0 1px 1px #e3e3e3;color:#000;}
.dounut-chart{float:left;margin-top:-25px;width:100%;}
.dounut-chart .status-progress-sec{margin-top:-50px;}
.dounut-chart #svg{float:left;height:300px;width:100%;}
.dounut-chart #svg text{color:#999999 !important;font-family:Roboto;letter-spacing:0.3px;}
.pattern-lock-sec{background-repeat:no-repeat;background-size:100% 100%;float:left;height:100%;left:0;padding-top:70px;position:absolute;top:0;width:100%;}
.show-pattern-modal{float:left;text-align:center;width:100%;}
.show-pattern-modal > button.btn{background:none repeat scroll 0 0 rgba(255, 255, 255, 0.1);border:1px solid rgba(255, 255, 255, 0.15);-webkit-border-radius:1px;-moz-border-radius:1px;-ms-border-radius:1px;-o-border-radius:1px;border-radius:1px;display:table;float:none;font-family:Roboto;font-size:13px;font-weight:normal;letter-spacing:0.3px;margin:0 auto;padding:9px 20px;}
.patter-container{float:left;padding-top:30px;width:100%;}
.pattern-logo{float:left;width:100%;}
.pattern-lock-sec .container{float:none;padding:0 15px;width:1170px;}
.patt-holder{background:none repeat scroll 0 0 rgba(255, 255, 255, 0.1);-webkit-border-radius:14px;-moz-border-radius:14px;-ms-border-radius:14px;-o-border-radius:14px;border-radius:14px;display:table;float:none;margin:0 auto 40px;}
.patter-container span{color:#fff;float:left;font-family:Roboto;letter-spacing:0.3px;margin-bottom:20px;text-align:center;width:100%;}
.patt-wrap{position:relative;cursor:pointer;}
.patt-wrap ul, .patt-wrap li{list-style:none;margin:0;padding:0;}
.patt-circ{position:relative;float:left;box-sizing:border-box;-moz-box-sizing:border-box;}
.patt-circ.hovered{border:3px solid #009900;}
.patt-error .patt-circ.hovered{border:3px solid #BA1B26;}
.patt-hidden .patt-circ.hovered{border:0;}
.patt-dots{background:#FFF;width:10px;height:10px;-webkit-border-radius:1px;-moz-border-radius:1px;-ms-border-radius:1px;-o-border-radius:1px;border-radius:1px;position:absolute;top:50%;left:50%;margin-top:-5px;margin-left:-5px;}
.patt-lines{-webkit-border-radius:1px;-moz-border-radius:1px;-ms-border-radius:1px;-o-border-radius:1px;border-radius:1px;height:10px;background:rgba(255,255,255,.7);position:absolute;transform-origin:5px 5px;-ms-transform-origin:5px 5px;-webkit-transform-origin:5px 5px;}
.patt-hidden .patt-lines{display:none;}
.clock{bottom:70px;color:#fff;padding:0;position:absolute;right:50px;width:auto;}
.clock #Date{font-family:Roboto;font-size:20px;letter-spacing:0.3px;text-align:right;}
.clock ul{float:right;list-style:none outside none;margin:0;padding:0;text-align:right;width:auto;}
.clock ul li{display:inline;font-family:Roboto;font-size:60px;font-weight:900;}
.clock .point{-webkit-animation:1s ease 0s normal none infinite;-moz-animation:1s ease 0s normal none infinite;-ms-animation:1s ease 0s normal none infinite;-o-animation:1s ease 0s normal none infinite;animation:1s ease 0s normal none infinite;padding:0 2px;position:relative;}
@-webkit-keyframes mymove{0%{opacity:1.0;}
50%{opacity:0;}
100%{opacity:1.0;}
}
@-moz-keyframes mymove{0%{opacity:1.0;}
50%{opacity:0;}
100%{opacity:1.0;}
}
body.error-bg{background-attachment:fixed;background-image:url("../images/resource/error-bg.jpg");background-repeat:no-repeat;background-size:cover;}
.error-page:before{background-image:url("../images/resource/white-shadow.png");content:"";height:100%;position:absolute;right:-303px;top:0;width:303px;}
.error-sec{float:left;width:100%;}
.error-page{background:none repeat scroll 0 0 #fff;float:left;padding:160px 0;position:relative;text-align:center;width:50%;}
.error-page h1{color:#3a3a3a;float:left;font-family:Roboto;font-size:160px;font-weight:900;letter-spacing:0.3px;line-height:126px;margin:-10px 0 0;text-align:center;width:100%;}
.error-page > h2{color:#5d5d5d;float:left;font-family:Roboto;font-size:20px;font-weight:lighter;letter-spacing:0.3px;margin:35px 0 50px;text-align:center;width:100%;}
.error-page > input{background:none repeat scroll 0 0 #fafafa;border:1px solid #dadada;-webkit-border-radius:1px;-moz-border-radius:1px;-ms-border-radius:1px;-o-border-radius:1px;border-radius:1px;display:table;float:none;font-family:Roboto;height:42px;letter-spacing:0.3px;margin:0 auto 30px;padding:0 20px;width:325px;}
.error-page ul{float:left;margin:0;padding:0;text-align:center;width:100%;}
.error-page ul > li{display:inline-flex;float:none;margin:0 3px;position:relative;}
.error-page ul > li a{border:1px solid #dadada;-webkit-border-radius:1px;-moz-border-radius:1px;-ms-border-radius:1px;-o-border-radius:1px;border-radius:1px;color:#818181;float:left;font-family:Roboto;font-size:13px;letter-spacing:0.3px;line-height:18px;padding:9px 20px;-webkit-transition:all 0.4s ease 0s;-moz-transition:all 0.4s ease 0s;-ms-transition:all 0.4s ease 0s;-o-transition:all 0.4s ease 0s;transition:all 0.4s ease 0s;}
.error-page ul > li a:hover{background:none repeat scroll 0 0 #fafafa;}
.error-page ul > li:before{-webkit-border-radius:50%;-moz-border-radius:50%;-ms-border-radius:50%;-o-border-radius:50%;border-radius:50%;color:#fff;content:"OR";font-family:Roboto;font-size:11px;height:25px;line-height:23px;position:absolute;right:-19px;top:6px;width:25px;z-index:9;}
.error-page ul > li:last-child:before{opacity:0;}
.error-page > p{margin-top:40px;padding:0 80px;}
.ribbon-wrapper{height:88px;overflow:hidden;position:absolute;right:-2px;top:-2px;width:85px;}
.ribbon-design:before{left:0;}
.ribbon-design:before, .ribbon-design:after{border-left:3px solid transparent;border-right:3px solid transparent;border-top:3px solid #6e8900;bottom:-3px;content:"";position:absolute;}
.ribbon-design:after{right:0;}
.ribbon-design:before, .ribbon-design:after{border-left:3px solid transparent;border-right:3px solid transparent;border-top:3px solid #6e8900;bottom:-3px;content:"";position:absolute;}
.ribbon-design{color:#ffffff;font:bold 12px sans-serif;left:-5px;letter-spacing:0.35px;padding:7px 0;position:relative;text-align:center;top:15px;-webkit-transform:rotate(45deg);-moz-transform:rotate(45deg);-ms-transform:rotate(45deg);-o-transform:rotate(45deg);transform:rotate(45deg);width:120px;}
#live-chat hr{background:#e9e9e9;border:0;-moz-box-sizing:content-box;box-sizing:content-box;height:1px;margin:0;min-height:1px;}
#live-chat input[type="text"]{border:1px solid #CCCCCC;font-family:open sans;font-size:13px;letter-spacing:0.35px;outline:medium none;padding:8px;width:100%;-webkit-border-radius:3px;-moz-border-radius:3px;-ms-border-radius:3px;-o-border-radius:3px;border-radius:3px;}
#live-chat p{color:#555555;float:left;font-family:lato;font-size:13px;letter-spacing:0.3px;line-height:24px;margin:0;}
.chat > img{float:left;padding:20px 0 0;}
.chat form{float:left;width:100%;}
#live-chat{bottom:0;font-size:12px;position:fixed;right:24px;width:300px;z-index:2147483647;-webkit-box-shadow:0 4px 4px #797979;-moz-box-shadow:0 4px 4px #797979;-ms-box-shadow:0 4px 4px #797979;-o-box-shadow:0 4px 4px #797979;box-shadow:0 4px 4px #797979;}
#live-chat .chat-header{border:medium none;-webkit-border-radius:6px 6px 0 0;-moz-border-radius:6px 6px 0 0;-ms-border-radius:6px 6px 0 0;-o-border-radius:6px 6px 0 0;border-radius:6px 6px 0 0;color:#ffffff;cursor:pointer;float:left;padding:7px 24px;-webkit-transition:all 0.4s ease 0s;-moz-transition:all 0.4s ease 0s;-ms-transition:all 0.4s ease 0s;-o-transition:all 0.4s ease 0s;transition:all 0.4s ease 0s;width:100%;}
#live-chat .chat-header:hover{background:none repeat scroll 0 0 #333333;}
#live-chat h4:before{background:#A6D87A;content:"";display:inline-block;height:8px;margin:0 8px 0 0;width:8px;-webkit-border-radius:50%;-moz-border-radius:50%;-ms-border-radius:50%;-o-border-radius:50%;border-radius:50%;}
#live-chat h4{color:#fff;float:left;font-family:Roboto;font-size:14px;font-weight:600;letter-spacing:0.3px;}
#live-chat h5{color:#333333;font-family:Roboto;font-size:15px;font-weight:600;letter-spacing:0.3px;line-height:10px;margin-bottom:15px;}
#live-chat form{padding:15px;}
#live-chat input[type="text"]{border:1px solid #ccc;-webkit-border-radius:1px;-moz-border-radius:1px;-ms-border-radius:1px;-o-border-radius:1px;border-radius:1px;font-family:Roboto;letter-spacing:0.3px;outline:medium none;padding:8px 18px;width:100%;}
.chat-message-counter{background:#e62727;border:1px solid #fff;display:none;font-size:12px;font-weight:bold;height:28px;left:0;line-height:28px;margin:-15px 0 0 -15px;position:absolute;text-align:center;top:0;width:28px;-webkit-border-radius:50%;-moz-border-radius:50%;-ms-border-radius:50%;-o-border-radius:50%;border-radius:50%;}
.chat-close{background:none repeat scroll 0 0 #1B2126;color:#FFFFFF;display:block;float:right;font-size:22px;height:20px;line-height:18px;margin:9px 0 0;text-align:center;width:20px;-webkit-border-radius:50%;-moz-border-radius:50%;-ms-border-radius:50%;-o-border-radius:50%;border-radius:50%;}
.chat-close:hover{color:#FFFFFF;text-decoration:none;}
.chat{background:none repeat scroll 0 0 #ffffff;float:left;overflow:hidden;width:100%;}
.chat-history{float:left;height:252px;padding:0 !important;width:100% !important;}
.chat-message-content{float:left;width:100%;}
.chat-message{border-bottom:1px dashed #d8dcdc;float:left;padding:20px 20px 20px 73px;position:relative;width:100%;}
.chat-message img{-webkit-border-radius:50%;-moz-border-radius:50%;-ms-border-radius:50%;-o-border-radius:50%;border-radius:50%;border:0 none;float:none;left:20px;max-width:100%;position:absolute;top:20px;}
.chat-time{float:right;font-family:open sans;font-size:11px;}
.chat-feedback{background:none repeat scroll 0 0 #fff;border-bottom:1px solid #e8ecec;-webkit-box-shadow:0 -10px 24px rgba(0, 0, 0, 0.1);-moz-box-shadow:0 -10px 24px rgba(0, 0, 0, 0.1);-ms-box-shadow:0 -10px 24px rgba(0, 0, 0, 0.1);-o-box-shadow:0 -10px 24px rgba(0, 0, 0, 0.1);box-shadow:0 -10px 24px rgba(0, 0, 0, 0.1);float:left;font-style:italic;margin:0 0 0 80px;padding:5px 15px;width:100%;}
.blue,
.toggle-switch *:checked + span:before,
.profile-widget-head:before,
.keys span.operator,
.tag-button:hover,
.dynamic-tags .tagsinput .tag:hover,
.dynamic-tags .tagsinput .tag:hover a,
.thumb > a,
.anchor > li > a.selected,
.price-table .signup > a{background:#6a94ff;color:#fff;}
.dropdown > a > span.blue:before{border-left-color:#6a94ff;}
.anchor > li > a.selected{border-color:#6a94ff;}
.menu-sec > p > a,
.mail-labels > ul > li > a > i,
.my-profile-widget > a:hover{color:#00bcd4;}
.red,
.status.offline > i,
.mail-list > li > .title > span > .offline,
.toggle-switch span:before,
.actionBar > a.buttonDisabled,
.friend-list li > span.offline:before,
.error-page ul > li:before,
.full-report > ul li:hover > span{background:#13c4a5;color:#fff;}
.dropdown > a > span.red:before{border-left-color:#ff604f;}
.main-title > span > i,
.statistics-report > li > h6 > span,
.user > i,
.mini-profile-area > i,
footer > p a,
.timeline-content > p a,
.activity-feed li p a,
.user-mail > i,
address a,
.my-location > h3 > i,
.my-location > h3 a{color:#ff604f;}
.green,
.status.online > i,
.mail-list > li > .title > span > .online,
.keys span.eval,
.actionBar > a.buttonFinish,
.compose-btn:hover,
.friend-list li > span.online:before,
.contact-form form input[type="submit"]{background:#2dcb73;color:#fff;}
.dropdown > a > span.green:before{border-left-color:#2dcb73;}
.gray,
.graph-info .graph-tab-btn.active,
.carousal-sec:before,
.thumb > i{background:#878889;color:#fff;}
.graph-info .graph-tab-btn.active,
.your-emails > li:hover{border-color:#878889;}
.dropdown > a > span.gray:before{border-left-color:#878889;}
.mytextbox{background:none repeat scroll 0px 0px rgba(255, 255, 255, 0.16);border:1px solid #bdc0c3;float:left;height:50px;font-weight:bold;margin-bottom:15px;padding:0px 22px;position:relative;width:100%; border-radius:3px;}
.mylog{border:medium none;float:right;font-family:Roboto;font-size:14px;font-weight:bold;padding:10px 36px;background:#4caf50; color:#fff; border-radius:5px;box-shadow: 0 0 0 0 rgba(232, 76, 61, 0.7);
  border-radius:20px;
  background-color: #e84c3d;
  color:#fff;
  animation: pulse 2.25s infinite cubic-bezier(0.20, 0, 0, 0);   }


@keyframes pulse {to {box-shadow: 0 0 0 15px rgba(232, 76, 61, 0);}}
.mytextbox1{background:none repeat scroll 0px 0px transparent;border:medium none;color:#323932;float:left;font-family:Roboto;font-size:15px;font-weight:bold;height:44px;letter-spacing:0.3px;padding:0px 15px 0px 0px;width:100%;}



.searchbutton:hover{background:#9e2368;color:#fff;}
.searchbutton:focus{background:#9e2368;color:#fff;}
.searchbutton{padding:6px 20px;width:100%;margin-top:25px;border:none;outline:none;font-size:14px;border-radius:20px;background:#c4bb3e;color:#fff;box-shadow: 0 0 0 0 rgba(232, 76, 61, 0.7);animation: pulse 2.25s infinite cubic-bezier(0.20, 0, 0, 0);}
.refreshbutton{padding:6px 20px;width:100%;margin-top:25px;border:none;outline:none;font-size:14px;border-radius:20px;background:#e05757;color:#fff;}
.refreshbutton:hover{background:#ce4a4a;color:#fff;}
.refreshbutton:focus{background:#5433c0;color:#fff;}


.refreshbutton1{padding:6px 20px;width:100%;margin-top:3px;border:none;outline:none;font-size:14px;border-radius:20px;background:#e05757;color:#fff;}
.refreshbutton1:hover{background:#ce4a4a;color:#fff;}
.refreshbutton1:focus{background:#5433c0;color:#fff;}



.xlsbutton{padding:6px 20px;width:100%;margin-top:25px;border:none;outline:none;font-size:14px;border-radius:20px;background:#f18c34;color:#fff;}
.xlsbutton:hover{background:#b35f15;color:#fff;}
.xlsbutton:focus{background:#b35f15;color:#fff;}
.margintop30{margin-top:30px;}
.margintop25{margin-top:25px;}
.margintop35{margin-top:35px;}
.margintop5{margin-top:5px;}
.widget-heading{color:#000;float:left;font-family:Lato;font-size:24px;letter-spacing:0.3px;line-height:25px;width:100%;position:relative;}
.comp_name{ line-height:65px; margin-left:20px; font-size:26px;font-family:'Poppins-Regular'; color:#fff;}
.actionbutton{width:100%;float:left;border-radius:5px;padding:10px 15px;background:rgba(255,255,255,1);background:-moz-linear-gradient(left, rgba(255,255,255,1) 0%, rgba(246,246,246,1) 47%, rgba(237,237,237,1) 100%);background:-webkit-gradient(left top, right top, color-stop(0%, rgba(255,255,255,1)), color-stop(47%, rgba(246,246,246,1)), color-stop(100%, rgba(237,237,237,1)));background:-webkit-linear-gradient(left, rgba(255,255,255,1) 0%, rgba(246,246,246,1) 47%, rgba(237,237,237,1) 100%);background:-o-linear-gradient(left, rgba(255,255,255,1) 0%, rgba(246,246,246,1) 47%, rgba(237,237,237,1) 100%);background:-ms-linear-gradient(left, rgba(255,255,255,1) 0%, rgba(246,246,246,1) 47%, rgba(237,237,237,1) 100%);background:linear-gradient(to right, rgba(255,255,255,1) 0%, rgba(246,246,246,1) 47%, rgba(237,237,237,1) 100%);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#ededed', GradientType=1)}
.border01{width:100%;border-radius:5px;padding:5px 5px 0px 5px;border:1px solid #C9C9C9;}
.black .ajax__calendar_container{width:190px !important;background-color:#000000;border:solid 1px #666666;-moz-border-radius-topleft:8px;-webkit-border-top-left-radius:8px;-khtml-border-top-left-radius:8px;border-top-left-radius:8px;-moz-border-radius-topright:8px;-webkit-border-top-right-radius:8px;-khtml-border-top-right-radius:8px;border-top-right-radius:8px;-moz-border-radius-bottomleft:8px;-webkit-border-bottom-left-radius:8px;-khtml-border-bottom-left-radius:8px;border-bottom-left-radius:8px;-moz-border-radius-bottomright:8px;-webkit-border-bottom-right-radius:8px;-khtml-border-bottom-right-radius:8px;border-bottom-right-radius:8px;}
.black .ajax__calendar_body{width:180px !important;height:150px !important;background-color:#000000;border:solid 1px #666666;}
.black .ajax__calendar_header{background-color:#626262;margin-bottom:8px !important;-moz-border-radius-topleft:4px;-webkit-border-top-left-radius:4px;-khtml-border-top-left-radius:4px;border-top-left-radius:4px;-moz-border-radius-topright:4px;-webkit-border-top-right-radius:4px;-khtml-border-top-right-radius:4px;border-top-right-radius:4px;-moz-border-radius-bottomleft:4px;-webkit-border-bottom-left-radius:4px;-khtml-border-bottom-left-radius:4px;border-bottom-left-radius:4px;-moz-border-radius-bottomright:4px;-webkit-border-bottom-right-radius:4px;-khtml-border-bottom-right-radius:4px;border-bottom-right-radius:4px;}
.black .ajax__calendar_title{color:#ffffff;padding-top:3px!important;}
.black .ajax__calendar_next,
.black .ajax__calendar_prev{border:solid 4px #ffffff;background-color:#ffffff;-moz-border-radius-topleft:18px;-webkit-border-top-left-radius:18px;-khtml-border-top-left-radius:18px;border-top-left-radius:18px;-moz-border-radius-topright:18px;-webkit-border-top-right-radius:18px;-khtml-border-top-right-radius:18px;border-top-right-radius:18px;-moz-border-radius-bottomleft:18px;-webkit-border-bottom-left-radius:18px;-khtml-border-bottom-left-radius:18px;border-bottom-left-radius:18px;-moz-border-radius-bottomright:18px;-webkit-border-bottom-right-radius:18px;-khtml-border-bottom-right-radius:18px;border-bottom-right-radius:18px;}
.black .ajax__calendar_hover .ajax__calendar_next,
.black .ajax__calendar_hover .ajax__calendar_prev{border:solid 4px #328BC8;background-color:#ffffff;-moz-border-radius-topleft:4px;-webkit-border-top-left-radius:4px;-khtml-border-top-left-radius:4px;border-top-left-radius:4px;-moz-border-radius-topright:4px;-webkit-border-top-right-radius:4px;-khtml-border-top-right-radius:4px;border-top-right-radius:4px;-moz-border-radius-bottomleft:4px;-webkit-border-bottom-left-radius:4px;-khtml-border-bottom-left-radius:4px;border-bottom-left-radius:4px;-moz-border-radius-bottomright:4px;-webkit-border-bottom-right-radius:4px;-khtml-border-bottom-right-radius:4px;border-bottom-right-radius:4px;}
.black .ajax__calendar_dayname{text-align:center;margin-bottom:4px;margin-top:2px;color:#ffffff;background-color:#313d4f;}
.black .ajax__calendar_day,
.black .ajax__calendar_month,
.black .ajax__calendar_year{margin:1px 1px 1px 1px !important;text-align:center !important;border:solid 1px #000000;color:#ffffff;background-color:#626262;}
.black .ajax__calendar_hover .ajax__calendar_day,
.black .ajax__calendar_hover .ajax__calendar_month,
.black .ajax__calendar_hover .ajax__calendar_year{color:#ffffff;font-weight:bold;background-color:#328BC8;border:solid 1px #328BC8;}
.black .ajax__calendar_active .ajax__calendar_day,
.black .ajax__calendar_active .ajax__calendar_month,
.black .ajax__calendar_active .ajax__calendar_year{color:#ffffff;font-weight:bold;background-color:#F7B64A;}
.black .ajax__calendar_today .ajax__calendar_day{color:#ffffff;font-weight:bold;background-color:#F7B64A;}
.black .ajax__calendar_other,
.black .ajax__calendar_hover .ajax__calendar_today{color:#ffffff;font-weight:bold;}
.black .ajax__calendar_days{background-color:#000000; z-index:9999999999999;}


.borderline{
    border-bottom:2px dotted #B4B4B4;
    margin-bottom:10px;
    margin-top:10px;
  }  
 
.ajax-loader
{
    /*hidden from IE 5-6 */
    margin-top: 0; /* to clean up, just in case IE later supports valign! */
    vertical-align: middle;
    margin-top: expression(( 150 - this.height ) / 2); 
}
.divbox{ margin-top:30px;}
.boxborderbottom{border-bottom:1px solid #e6e6e6;}
.mypagecont{padding-left:15px;padding-right:15px;}
.mydashboard{margin-right:55px;}
.myprofilecont{margin-top:-15px;}
.resultcount{ border:1px solid #e1e5ed; padding:8px 0px 8px 15px; background:#f9f9f9; font-weight:700; color:#db1313;}
.dashboradtext{ color:#fff !important; font-family:'sagar';}
.tableBodyModal { max-height: 250px !important;overflow: auto !important;}
.tableBodyModal table thead { background: #164b79;color: #fff;}
.activeTable{ color: green;}
.inactiveTable{ color: red;}
.bio-metPop{ width: 25px;}
.btnPopcolor{ background: #ff5f5f;color: #fff; box-shadow: 8px 8px 23px -2px rgba(0, 0, 0, 0.14);border: 1px solid rgba(0, 0, 0, 0.13); margin-right:10px;}

.tabUl ul {padding: 0;
    border-bottom: 2px solid #313d4f;
    overflow: hidden;}
.tabUl ul li { float: left;margin-right: 15px;list-style: none;}
.tabUl ul li a {display: block; padding: 10px 15px;border-radius: 4px 4px 0 0;background: #313d4f;color:#fff;}
.tabUl ul li.active a { background: #00bcd4 !important;}
.tab-red {
        color: #a00f0f;
    font-weight: 700;
}
.tab-yellow {
    color: #FFEB3B;
    font-weight: 700;
}
.form-control table input { border: 0 !important;}
.form-control table { width: 100% !important;}
.p-0 {padding: 0 !important;}
.max-width-spacial { max-width: 250px !important;}

.login-body {
    background: url(../images/login-bg.png) no-repeat;
    background-size: cover;
    height: 100vh;
}
.login-wrapper {
    width: 300px;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%,-50%);
    background: #fff;
    box-shadow: 7px 8px 17px -7px #000;
}
.login-logo { padding: 10px; background: #f5f5f5;text-align: center;}
.login-logo img {width: 100px; margin: 0 auto}
.input-div {position: relative; clear: both; overflow: hidden;}
.input-div i { position: absolute; top: 21px; left: 17px; font-size: 20px; opacity: 0.8; }
.input-div input { width: 100%; font-size: 14px; margin: 0; padding: 20px 15px 20px 60px; border: 0; outline: none;}
.input-div:nth-of-type(1)::before {
    content: "";
    width: 80%;
    position: absolute;
    right: 0;
    bottom: 0;
    height: 1px;
    background: #ddd;
}

.login-submit input {position: relative;border: 0; background: #fe0000; text-align: center; font-size: 14px; width: 130%; left: -15%; padding: 13px; color: #fff;}
.login-submit {position: relative;}
.login-submit::before {
    content: "";
    position: absolute;
    top: 42px;
    left: -45px;
    background: url(../images/before-left.png) no-repeat;
    width: 49px;
    height: 15px;
}
.login-submit::after {
    content: "";
    position: absolute;
    top: 42px;
    right: -49px;
    background: url(../images/before-right.png) no-repeat;
    width: 49px;
    height: 15px;
}
.login-para {padding: 10px 5px; text-align: center; font-size: 12px; opacity: 0.7;}
.input-div span { color: red;font-size: 10px;padding-left: 60px;}

/* home page */
.home-body {
    padding: 25px;
    background: url(../images/login-bg.png) no-repeat;
    background-size: cover;
    height: 100vh;
}
.wrapper-home {
    background: #fff;
    padding: 25px;
    border-radius: 4px;
    height: 100%;
    box-shadow: 0px 0px 16px 0px #000;
    min-height: 92.5vh;
    max-height: 92.5vh;
    overflow: auto;
    position: relative;
}

/* form page */
.tab-pane {height: 410px;
    background: whitesmoke;
    border-radius: 4px;
    border: 1px solid rgba(0, 0, 0, 0.11);
    box-shadow: 1px 0px 12px -4px #000;
    padding: 15px;}
    /* .nav-tabs>li.active>a, .nav-tabs>li.active>a:focus, .nav-tabs>li.active>a:hover {background: whitesmoke;} */
    .tab-img a::before {
        content: "";
        position: absolute;
        left: 0;
        top: 0;
        width: 100%;
        height: 100%;
        background: rgba(0, 0, 0, 0.55);
        z-index: -1;
    }
    .tab-img a {
        position: relative;
        width: 200px;
        height: 100px;
        margin-bottom: 15px;
        border: 0;
        box-shadow: 2px 3px 10px -5px #000;
        color: #fff !important;
        font-weight: 600;
        display: flex !important;
        align-items: center;
        justify-content: center;
        z-index: 8;
        border-radius: 4px !important;}
        .nav-tabs {border-bottom: 0;}
        .tab-img:nth-child(1) a{margin-right: 15px; background: url(../images/create-company.png) no-repeat; background-position: center; }
        .tab-img:nth-child(2) a{margin-right: 15px; background: url(../images/set-policy.png) no-repeat; background-position: center; }
        .tab-img:nth-child(3) a{background: url(../images/view-company.png) no-repeat; background-position: center; }
.input-field {position: relative; margin-bottom: 15px;}
.input-field p {font-weight: 600; font-size: 13px; margin: 0}
.input-field input, .input-field select, .input-field textarea {border: 1px solid rgba(0, 0, 0, 0.158); padding: 6px 10px; width: 100%; max-width: 100%; height: 35px; background: #fff; border-radius: 4px; }
.input-field input[type=submit], .input-field button {border: 1px solid rgba(0, 0, 0, 0.158); padding: 6px 10px; width: auto; height: 35px;}
.input-field input[type=submit]:hover, .input-field button:hover {cursor: pointer;}
.input-field .select2-selection {border: 1px solid rgba(0, 0, 0, 0.158) !important;padding: 6px 10px !important;width: 100% !important;height: 35px !important;background: #f5f5f5 !important;border-radius: 0 !important;}
.select2-container--default .select2-selection--single .select2-selection__rendered {line-height: inherit !important;}
.flex-row {display: flex; flex-wrap: wrap;}
.grid-view-data {background: #fff;margin-bottom: 20px;}
.grid-heading svg { float: left; width: 35px;}
.grid-heading h4 {padding: 10px 15px; margin: 0; }
.grid-content {padding: 0 15px 15px 15px;}
.error-input {color: #f70b0b; font-size: 12px;}
.tablehom {max-height: 380px; overflow: auto;}
.tablehom thead tr th {background: #1b4c63; color: #fff; position: sticky; top: 0; padding: 15px 10px;}
.edit-icon:hover {cursor: pointer;}
.edit-icon {
    background: #FF9800;
    padding: 5px;
    width: 25px;
    height: 25px;
    border-radius: 100%;
    overflow: hidden;
    display: flex;
    justify-content: center;
    align-items: center;
    margin: 0 auto;
}
.datepicker-container {z-index: 999999999 !important;}
.logoutright a:hover {background: #000 !important;}
.logoutright a{
    margin-right: inherit;
    line-height: inherit;
    border: 1px solid transparent;
    border-radius: 4px !important; color: #fff !important;
    background-image: linear-gradient(to right, #73edfb, #1b9aa9);
}
.name-title {position: absolute;right: 155px;top: 32px;}
.active-link a::before {
    background: rgba(37, 157, 171, 0.78);
}
.tab-content {
    background: #f5f5f5;
    padding: 15px;
    border-radius: 4px;
    border: 1px solid #ddd;
    margin-bottom: 15px;
}
.tab-heading {
    background-image: linear-gradient(to right, #1b9aa9, #73edfb);
    color: #fff;
    padding: 15px;
    border-radius: 4px;
    border: 1px solid #ddd;
    margin-bottom: 15px;
}
.tab-button {
    background: #f5f5f5;
    padding: 15px;
    border-radius: 4px;
    border: 1px solid #ddd;
    margin-bottom: 15px;
}
.tab-heading h4 { margin: 0;}

.btn-submit {
    background-image: linear-gradient(to right, #1b9aa9, #73edfb);
    color: #fff;
    border: 1px solid rgba(0, 0, 0, 0.16);
    padding: 7px 10px;
    border-radius: 4px;
}
.field-radio table {
    width: 50%;
}

.mb-0 { margin-bottom: 0; }
#ContentPlaceHolder1_Div1 { margin-top: 50px !important;}
.searchbutton, .xlsbutton, .submitbutton, .refreshbutton { margin-top: 0 !important;}

.modalUT
{
    position: fixed;
    z-index: 999;
    height: 100%;
    width: 100%;
    top: 0;
    background-color: Black;
    filter: alpha(opacity=60);
    opacity: 0.6;
    -moz-opacity: 0.8;
}
.centerUT
{
    z-index: 1000;
    margin: 300px auto;
    padding: 10px;
    width: 130px;
    background-color: White;
    border-radius: 10px;
    filter: alpha(opacity=100);
    opacity: 1;
    -moz-opacity: 1;
}
.centerUT img
{
    height: 128px;
    width: 128px;
}