/*===================== TABLE OF CONTENT =======================
1. Fonts
2. General Styling
3. Cross Browser Compatibility
4. Dominence Sidemenu
5. Settings Panel
6. Collapsed Menu
7. Header
8. Breadcrumbs bar
9. Content Area
10. Welcome
11. Current Balance
12. Widgets
13. Status
14. Widget Title
15. Status Upload
16. Personal Info
17. Real Time Updater
18. Widgets Dropdown
19. To Do List
20. Live Search
21. Weather Forecast
22. Projects
23. Donut Chart
24. Calendar
25. Social Counters
26. Alerts
27. Map
28. Login Page
29. Mail System
30. Compose Mail
31. Icons Included
32. Timeline
33. Freind Lists
34. Map
35. Error Page
36. Wizard Form
37. Gallery
38. Pageloader
39. MORRIS CHARTS
40. SIMPLE INNER SCROLLBAR
41. ON OFF TOGGLES
42. Full Calendar
43. Live Chat
44. Multi Emails Input
45. Easy Editor
46. OWL CAROUSEL STYLING
47. File Upload

=============================================================*/

/*=============== Fonts ===================*/
@import url('https://fonts.googleapis.com/css?family=Roboto:100,100i,300,300i,400,400i,500,500i,700,700i,900,900i');
@import url('https://fonts.googleapis.com/css?family=Noto+Sans:400,400i,700,700i');
/*=============== General Styling ===================*/
/* http://meyerweb.com/eric/tools/css/reset/ 
   v2.0 | 20110126
   License:none (public domain)
*/

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, .form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video{
    border-style: none;
    border-color: inherit;
    border-width: 0;
    margin: 0;
    padding: 0;
  font-size :small;
    vertical-align:baseline;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section{display:block}
body{line-height:1.4}
ol, ul{list-style:none}
blockquote, q{quotes:none}
blockquote:before, blockquote:after,
q:before, q:after{
    content:'';
    content:none;
}
table{
    border-collapse:collapse;
    border-spacing:0;
}
html{
    background:#efefef;
    overflow-x:hidden;
}
body{
    font-family:roboto;
    max-height:100%;
    width:100%;
}
body *{outline:none!important}
h1, h2, h3, h4, h5, h6{
    color:#141414;
    font-family:roboto;
    margin-bottom:20px;
}
h1{font-size:36px}
h2{font-size:32px}
h3{font-size:28px}
h4{font-size:24px}
h5{font-size:20px}
h6{font-size:16px}
p{
    font-family:'Fira Sans', Sans-Serif;
    color:#888888;
    font-size:15px;
    letter-spacing:0.3px;
    line-height:27px;
    margin-bottom:20px;
}
a{color:inherit}
a:hover,
a:focus{
    text-decoration:none;
    outline:none;
}
input:hover,input:focus{outline:none}
iframe{
    width:100%;
    border:0;
}
nav ul{
    font-size:15px;
    color:#6f6f6f;
    line-height:30px;
    letter-spacing:0.3px;
    margin:10px 0 50px;
    float:left;
    width:100%;
}
nav ul li{
    position:relative;
    padding:0 0 0 25px;
    float:left;
    width:100%;
}
nav ul li:before{
  /*  content:"";
    position:absolute;
    left:0;
    top:14px;
    width:6px;
    height:6px;
    background:black;*/
}
i{font-style:italic}
img{float:left;height:auto}
:-webkit-input-placeholder{opacity:1}
:-moz-placeholder{opacity:1}
:-ms-input-placeholder{opacity:1}
.input, .textarea{
    border:1px solid #ececec;
    color:#6f6f6f;
    float:left;
    font-size:12px;
    font-style:italic;
    font-weight:600;
    height:40px;
    margin-bottom:20px;
    padding:10px 20px;
    width:100%;
}
.textarea{
    max-width:100%;
    min-height:255px;
    padding:20px;
}
.color1-bg{background:#6e6eff}
.color1{color:#6e6eff}
.color2-bg{background:#ff6b6b}
.color2{color:#ff6b6b}
.color3-bg{background:#ffa66b}
.color3{color:#ffa66b}
.color4-bg{background:#fb9dfc}
.color4{color:#fb9dfc}
.color5-bg{background:#88cb13}
.color5{color:#88cb13}
.color6-bg{background:#ed1c24}
.color6{color:#ed1c24}
 
/*=============== Cross Browser Compatibility ===================*/
a,
.admin-name,
.admin-bar:before,
.admin-bar > a,
.dropdown,
.collapsed-menu > ul li span,
.opts,
ol li:before,
.todo-list ol li span i,
.scrollbar-inner > .scroll-element.scroll-y,
.loader,
.widget,
.owl-nav,
.toggle-item > h2{
    -webkit-transition:all 0.25s ease-in-out;
    -moz-transition:all 0.25s ease-in-out;
    -ms-transition:all 0.25s ease-in-out;
    -o-transition:all 0.25s ease-in-out;
    transition:all 0.25s ease-in-out;
}

.round-btn,
.notification > span,
.info-img img,
.intro-text > img,
.labels > span a,
.friend-list li > span:before,
.owl-nav > div,
.gallery-box .html5lightbox{
    -webkit-border-radius:50%;
    -moz-border-radius:50%;
    -ms-border-radius:50%;
    -o-border-radius:50%;
    border-radius:50%;
}
/*=============== Dominence Sidemenu ===================*/
.dominence-layout{
    float:left;
    padding-left:250px;
    position:relative;
    width:100%;
    -webkit-transition:all 500ms cubic-bezier(0.250, 0.460, 0.450, 0.940);
    -moz-transition:all 500ms cubic-bezier(0.250, 0.460, 0.450, 0.940);
    -o-transition:all 500ms cubic-bezier(0.250, 0.460, 0.450, 0.940);
    transition:all 500ms cubic-bezier(0.250, 0.460, 0.450, 0.940); /* easeOutQuad */

    -webkit-transition-timing-function:cubic-bezier(0.250, 0.460, 0.450, 0.940);
    -moz-transition-timing-function:cubic-bezier(0.250, 0.460, 0.450, 0.940);
    -o-transition-timing-function:cubic-bezier(0.250, 0.460, 0.450, 0.940);
    transition-timing-function:cubic-bezier(0.250, 0.460, 0.450, 0.940); /* easeOutQuad */
}
.dominence-layout.extend{padding-left:60px}
.dominence-sidemenu{
    background:#FFFFFF;
    float:left;
    height:100%;
    width:250px;
    z-index:100000000;
    position:fixed;
    left:0;
    top:0;
    -webkit-transition:all 500ms cubic-bezier(0.250, 0.460, 0.450, 0.940);
    -moz-transition:all 500ms cubic-bezier(0.250, 0.460, 0.450, 0.940);
    -o-transition:all 500ms cubic-bezier(0.250, 0.460, 0.450, 0.940);
    transition:all 500ms cubic-bezier(0.250, 0.460, 0.450, 0.940); /* easeOutQuad */

    -webkit-transition-timing-function:cubic-bezier(0.250, 0.460, 0.450, 0.940);
    -moz-transition-timing-function:cubic-bezier(0.250, 0.460, 0.450, 0.940);
    -o-transition-timing-function:cubic-bezier(0.250, 0.460, 0.450, 0.940);
    transition-timing-function:cubic-bezier(0.250, 0.460, 0.450, 0.940); /* easeOutQuad */
}
.dominence-sidemenu.out{
    -webkit-transform:translateX(-100%);
    -moz-transform:translateX(-100%);
    -ms-transform:translateX(-100%);
    -o-transform:translateX(-100%);
    transform:translateX(-100%);
    -webkit-transition-delay:0s;
    -moz-transition-delay:0s;
    -ms-transition-delay:0s;
    -o-transition-delay:0s;
    transition-delay:0s;
}
.dominence-sidemenu .logo
{
    margin:auto !important;
    border-bottom:1px solid #F0F1F3; 
}

.dominence-sidemenu .logo a > span
{
    color:#1A639A;
    font-size: 14px;
    line-height: 19px;
}


.logo{
    float:left;
    padding:27px 30px;
    width:100%;
	background: #fff;
    border-right: 1px solid #e5e5e5;
	
}
.dominence-admin{
    background:transparent url("../images/admin-bg.jpg") no-repeat scroll 0 0 / cover ;
    display:table;
    float:left;
    padding:30px;
    position:relative;
    z-index:1;
    width:100%;
}
.dominence-admin > img{
    display:table-cell;
    float:none;
    vertical-align:middle;
}
.input
{
    font-style: normal !important;    
}
.admin-name{
    display:table-cell;
    padding-left:15px;
    vertical-align:middle;
    width:100%;
    position:relative;
}
.dominence-admin:hover .admin-name{padding-bottom:32px}
.dominence-admin:before{
    content:"";
    height:100%;
    left:0;
    opacity:0.87;
    position:absolute;
    top:0;
    width:100%;
    z-index:-1;
}
.admin-name strong{
    color:#fff;
    float:left;
    font-size:18px;
    font-weight:400;
    line-height:20px;
    width:100%;
}
.admin-name span{
    color:#fff;
    float:left;
    font-family:noto sans;
    font-size:13px;
    line-height:13px;
    margin:2px 0 0;
    width:100%;
}
.admin-bar{
    bottom:0;
    left:15px;
    padding:2px 3px;
    position:absolute;
    text-align:center;
    white-space:nowrap;
    width:100%;
    z-index:1;
}
.admin-bar:before{
    content:"";
    background:rgba(0, 0, 0, 0.2);
    position:absolute;
    left:0;
    top:0;
    width:0;
    opacity:0;
    height:100%;
    z-index:-1;
    -webkit-border-radius:30px;
    -moz-border-radius:30px;
    -ms-border-radius:30px;
    -o-border-radius:30px;
    border-radius:30px;
}
.dominence-admin:hover .admin-bar:before{
    width:100%;
    opacity:1;
    -webkit-transition:all 0.3s ease 0.3s;
    -moz-transition:all 0.3s ease 0.3s;
    -ms-transition:all 0.3s ease 0.3s;
    -o-transition:all 0.3s ease 0.3s;
    transition:all 0.3s ease 0.3s;
}
.admin-bar > a{
    color:#fff;
    display:inline-block;
    font-size:13px;
    padding:0 7px;
    opacity:0;
    -webkit-transition:transform 0.4s linear;
    -moz-transition:transform 0.4s linear;
    -ms-transition:transform 0.4s linear;
    -o-transition:transform 0.4s linear;
    transition:transform 0.4s linear;
}
.admin-bar > a:hover{
    color:#FFF;
    -webkit-transform:scale(1.2);
    -moz-transform:scale(1.2);
    -ms-transform:scale(1.2);
    -o-transform:scale(1.2);
    transform:scale(1.2);
}
.dominence-admin:hover .admin-bar > a{opacity:1}
.dominence-admin:hover .admin-bar > a:first-child{
    -webkit-transition:opacity 0.3s ease 0.3s;
    -moz-transition:opacity 0.3s ease 0.3s;
    -ms-transition:opacity 0.3s ease 0.3s;
    -o-transition:opacity 0.3s ease 0.3s;
    transition:opacity 0.3s ease 0.3s;
}
.dominence-admin:hover .admin-bar > a:nth-child(2n){
    -webkit-transition:opacity 0.3s ease 0.4s;
    -moz-transition:opacity 0.3s ease 0.4s;
    -ms-transition:opacity 0.3s ease 0.4s;
    -o-transition:opacity 0.3s ease 0.4s;
    transition:opacity 0.3s ease 0.4s;
}
.dominence-admin:hover .admin-bar > a:nth-child(3n){
    -webkit-transition:opacity 0.3s ease 0.5s;
    -moz-transition:opacity 0.3s ease 0.5s;
    -ms-transition:opacity 0.3s ease 0.5s;
    -o-transition:opacity 0.3s ease 0.5s;
    transition:opacity 0.3s ease 0.5s;
}
.dominence-admin:hover .admin-bar > a:nth-child(4n){
    -webkit-transition:opacity 0.3s ease 0.6s;
    -moz-transition:opacity 0.3s ease 0.6s;
    -ms-transition:opacity 0.3s ease 0.6s;
    -o-transition:opacity 0.3s ease 0.6s;
    transition:opacity 0.3s ease 0.6s;
}
nav{
    float:left;
    margin-top:30px;
    width:100%;
    -webkit-transition:all 500ms cubic-bezier(0.250, 0.460, 0.450, 0.940);
    -moz-transition:all 500ms cubic-bezier(0.250, 0.460, 0.450, 0.940);
    -o-transition:all 500ms cubic-bezier(0.250, 0.460, 0.450, 0.940);
    transition:all 500ms cubic-bezier(0.250, 0.460, 0.450, 0.940); /* easeOutQuad */

    -webkit-transition-timing-function:cubic-bezier(0.250, 0.460, 0.450, 0.940);
    -moz-transition-timing-function:cubic-bezier(0.250, 0.460, 0.450, 0.940);
    -o-transition-timing-function:cubic-bezier(0.250, 0.460, 0.450, 0.940);
    transition-timing-function:cubic-bezier(0.250, 0.460, 0.450, 0.940); /* easeOutQuad */
}
.navigation {
    float: left;
    width: 100%;
}
.navigation.scroll-content{
    margin-right:-16px!important;
    margin-bottom:-17px!important;
}
.navigation .scroll-element.scroll-y .scroll-element_track,
.navigation .scroll-element.scroll-y .scroll-bar{background:none!important}
nav.disabled{
    opacity:0;
    transform:scale(0.5);
}
nav ul{margin:0}
nav ul li:before{display:none}
nav ul li{
    border-bottom:1px solid #F0F1F3;
    font-family:'Fira Sans', Sans-Serif !important;
    font:  normal normal medium 14px/19px 'Fira Sans';
    padding:0;
}
nav ul li a{
    color:#6f6f6f;
    float:left;
    font-size:12px;
    font-weight:400;
    padding:7px 20px;
    width:100%;
}
nav ul li a i{
    margin-right:10px;
    width:15px;
}
nav ul ul{
    background:rgba(0, 0, 0, 0.2);
    border-top:1px solid #090909;
    margin-bottom:-1px;
    display:none;
}
nav ul ul li{
    line-height:20px;
    padding-left:40px;
}
nav ul ul li a{font-size:13px}

/*=============== Settings Panel ===================*/
.settings-panel{
    background:#111111;
    height:calc(100% - 211px);
    left:0;
    margin-top:211px;
    max-height:100%;
    overflow:auto;
    padding:20px;
    position:fixed;
    top:0;
    width:250px;
    -webkit-transform:translateX(-100%);
    -moz-transform:translateX(-100%);
    -ms-transform:translateX(-100%);
    -o-transform:translateX(-100%);
    transform:translateX(-100%);
    -webkit-transition:all 500ms cubic-bezier(0.250, 0.460, 0.450, 0.940);
    -moz-transition:all 500ms cubic-bezier(0.250, 0.460, 0.450, 0.940);
    -o-transition:all 500ms cubic-bezier(0.250, 0.460, 0.450, 0.940);
    transition:all 500ms cubic-bezier(0.250, 0.460, 0.450, 0.940); /* easeOutQuad */

    -webkit-transition-timing-function:cubic-bezier(0.250, 0.460, 0.450, 0.940);
    -moz-transition-timing-function:cubic-bezier(0.250, 0.460, 0.450, 0.940);
    -o-transition-timing-function:cubic-bezier(0.250, 0.460, 0.450, 0.940);
    transition-timing-function:cubic-bezier(0.250, 0.460, 0.450, 0.940); /* easeOutQuad */
}
.settings-panel.active{
    -webkit-transform:translateX(0);
    -moz-transform:translateX(0);
    -ms-transform:translateX(0);
    -o-transform:translateX(0);
    transform:translateX(0);
}
.settings-panel h3{
    color:#fff;
    float:left;
    font-family:noto sans;
    font-size:18px;
    width:100%;
}
.toggle-setting{
    border-bottom:1px solid #090909;
    float:left;
    margin-bottom:20px;
    padding-bottom:20px;
    width:100%;
}
.toggle-setting > span{
    color:#a1a1a1;
    float:left;
    font-family:noto sans;
    font-size:12px;
    margin:6px 0;
    width:90%;
}
.on-off-switch{float:right}
/*=============== Collapsed Menu ===================*/
.collapsed-menu{
    background:#111;
    height:100%;
    width:60px;
    z-index:1000000;
    position:fixed;
    left:0;
    top:0;
    -webkit-transform:translateX(-100%);
    -moz-transform:translateX(-100%);
    -ms-transform:translateX(-100%);
    -o-transform:translateX(-100%);
    transform:translateX(-100%);
    -webkit-transition:all 500ms cubic-bezier(0.250, 0.460, 0.450, 0.940);
    -moz-transition:all 500ms cubic-bezier(0.250, 0.460, 0.450, 0.940);
    -o-transition:all 500ms cubic-bezier(0.250, 0.460, 0.450, 0.940);
    transition:all 500ms cubic-bezier(0.250, 0.460, 0.450, 0.940); /* easeOutQuad */

    -webkit-transition-timing-function:cubic-bezier(0.250, 0.460, 0.450, 0.940);
    -moz-transition-timing-function:cubic-bezier(0.250, 0.460, 0.450, 0.940);
    -o-transition-timing-function:cubic-bezier(0.250, 0.460, 0.450, 0.940);
    transition-timing-function:cubic-bezier(0.250, 0.460, 0.450, 0.940); /* easeOutQuad */
}
.collapsed-menu.in{
    -webkit-transform:translateX(0);
    -moz-transform:translateX(0);
    -ms-transform:translateX(0);
    -o-transform:translateX(0);
    transform:translateX(0);
}
.collapsed-menu > ul{
    margin:0;
    position:absolute;
    left:0;
    top:50%;
    width:100%;
    -webkit-transform:translateY(-50%);
    -moz-transform:translateY(-50%);
    -ms-transform:translateY(-50%);
    -o-transform:translateY(-50%);
    transform:translateY(-50%);
}
.collapsed-menu > ul li:before{display:none}
.collapsed-menu > ul li{
    padding:0;
    text-align:center;
}
.collapsed-menu > ul li a{
    background:#111;
    color:#fff;
    float:left;
    font-size:20px;
    padding:10px 0;
    width:100%;
    z-index:1;
    position:relative;
}
.collapsed-menu .logo{
    padding:20px 0;
    text-align:center;
}
.collapsed-menu .logo img{float:none}
.collapsed-menu > ul li span{
    background:#111;
    color:#cfcfcf;
    font-size:12px;
    left:100%;
    opacity:0;
    padding:1px 20px;
    position:absolute;
    white-space:nowrap;
    text-transform:uppercase;
    top:15px;
    visibility:hidden;
    z-index:-1;
    opacity:0;
    -webkit-transform:translateX(-100px);
    -moz-transform:translateX(-100px);
    -ms-transform:translateX(-100px);
    -o-transform:translateX(-100px);
    transform:translateX(-100px);
    -webkit-border-radius:0 20px 20px 0;
    -moz-border-radius:0 20px 20px 0;
    -ms-border-radius:0 20px 20px 0;
    -o-border-radius:0 20px 20px 0;
    border-radius:0 20px 20px 0;
}
.collapsed-menu > ul li:hover span{
    opacity:1;
    visibility:visible;
    -webkit-transform:translateX(0);
    -moz-transform:translateX(0);
    -ms-transform:translateX(0);
    -o-transform:translateX(0);
    transform:translateX(0);
}
/*=============== Header ===================*/
header{
    background:#fff;
    border-bottom:1px solid #e5e5e5;
    float:left;
    padding:20px 45px;
    position:relative;
    width:100%;
    z-index:1;
}
header > a{
    float:left;
    font-size:25px;
    height:40px;
    line-height:40px;
    text-align:center;
    width:40px;
}

.header-exts{float:right}
.header-search{
    float:left;
    margin-right:10px;
}
.round-btn{
    color:#fff;
    display:inline-block;
    height:40px;
    line-height:43px;
    text-align:center;
    width:40px;
}
.round-btn:hover,
.round-btn:focus,
.round-btn:active{color:#FFF}
.full-screen{
    float:left;
    margin-right:10px;
}
.notification{
    float:left;
    position:relative;
    margin-right:10px;
}
.notification > span{
    background:#ed1c24;
    color:#fff;
    font-size:10px;
    font-weight:700;
    padding:1px 5px;
    position:absolute;
    right:-5px;
    text-align:center;
    top:1px;
 animation:tada_3107 3.6s linear infinite; transform-origin:50% 50%; } @keyframes tada_3107{ 0%{ transform:scale(1) } 5.55556%{ transform:scale(.9) rotate(-8deg) } 11.11111%{ transform:scale(.9) rotate(-8deg) } 16.66667%{ transform:scale(1.3) rotate(8deg) } 22.22222%{ transform:scale(1.3) rotate(-8deg) } 27.77778%{ transform:scale(1.3) rotate(8deg) } 33.33333%{ transform:scale(1.3) rotate(-8deg) } 38.88889%{ transform:scale(1.3) rotate(8deg) } 44.44444%{ transform:scale(1) rotate(0) } 100%{ transform:scale(1) rotate(0) } }
 .header-search .form{
    background:#efefef;
    height:100%;
    padding:18px;
    display:none;
    position:absolute;
    left:0;
    top:0;
    width:100%;
    z-index:2;
}
.header-search .form .input{
    background:rgba(0, 0, 0, 0);
    border:0 none;
    font-size:16px;
    font-style:normal;
    letter-spacing:0;
    margin:0;
    text-transform:capitalize;
}
.dropdown{
    background:#fff;
    margin-top:20px;
    opacity:0;
    position:absolute;
    right:0;
    top:100%;
    visibility:hidden;
    width:320px;
    overflow:auto;
    max-height:340px;
    -webkit-transform:translateY(20px);
    -moz-transform:translateY(20px);
    -ms-transform:translateY(20px);
    -o-transform:translateY(20px);
    transform:translateY(20px);
    -webkit-box-shadow:0 0 5px rgba(0, 0, 0, 0.2);
    -moz-box-shadow:0 0 5px rgba(0, 0, 0, 0.2);
    -ms-box-shadow:0 0 5px rgba(0, 0, 0, 0.2);
    -o-box-shadow:0 0 5px rgba(0, 0, 0, 0.2);
    box-shadow:0 0 5px rgba(0, 0, 0, 0.2);
}
.dropdown.active{
    opacity:1;
    visibility:visible;
    -webkit-transform:translateY(0);
    -moz-transform:translateY(0);
    -ms-transform:translateY(0);
    -o-transform:translateY(0);
    transform:translateY(0);
}
.dropdown-title{
    color:#fff;
    float:left;
    font-size:14px;
    font-weight:500;
    margin-bottom:0;
    margin-left:0;
    margin-right:0;
    padding:15px 20px;
    width:100%;
}
.dropdown-title a{
    float:right;
    font-size:10px;
    margin-top:5px;
    color:#FFF;
}
.dropdown-title a:hover{color:#FFF}
.dropdown:before{
    border-bottom:5px solid #000;
    border-left:5px solid transparent!important;
    border-right:5px solid transparent!important;
    content:"";
    height:0;
    position:absolute;
    right:15px;
    top:-5px;
    width:0;
}
.dropdown > ul{margin:0}
.dropdown li{
    border-bottom:1px solid #e5e5e5;
    padding:0;
}
.dropdown li:before{display:none}
.notification.msgs{margin:0}
.info{
    display:table;
    padding:20px;
}
.info:hover{background:#eef4fe}
.info-img{
    display:table-cell;
    vertical-align:top;
}
.info-detail{
    color:#8a8a8a;
    display:table-cell;
    font-family:noto sans;
    font-size:12px;
    font-weight:400;
    line-height:18px;
    margin-bottom:5px;
    padding-left:20px;
    padding-right:20px;
    vertical-align:middle;
    width:100%;
}
.info-detail i{font-style:normal}
.info-detail > strong{
    color:#8a8a8a;
    float:left;
    font-family:lato;
    font-size:10px;
    font-weight:600;
    margin-top:5px;
    text-transform:uppercase;
    width:100%;
}
.location {
    background: #FBFBFB;
    border-bottom: 1px solid #E5E5E5;
    border-right: 1px solid #E5E5E5;
    border-left: 1px solid #E5E5E5;
    color: #888;
    font-size: 12px;
    left: 50%;
    padding: 6px 20px;
    position: absolute;
    font-family: noto sans;
    text-transform: capitalize;
    top: 0;
    width: auto;
    display: table;
    float: left;
    -webkit-transform:translateX(-50%);
    -moz-transform:translateX(-50%);
    -ms-transform:translateX(-50%);
    -o-transform:translateX(-50%);
    transform:translateX(-50%);
}
.location i {
    display: table-cell;
    margin-right: 5px;
    vertical-align: top;
    line-height: 15px;
}
.location > div {
    display: table-cell;
    vertical-align: top;
    padding-left:10px;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    width:auto;
}
/*=============== Breadcrumbs bar ===================*/
.breadcrumbs-bar{
    background:#fbfbfb;
    border-bottom:1px solid #e5e5e5;
    float:left;
    padding:10px 50px;
    width:100%;
}
.breadcrumbs{
    float:left;
    margin:0;
    padding:0;
    width:auto;
}
.breadcrumbs li{
    color:#111111;
    float:left;
    font-size:13px;
    font-weight:500;
    margin-right:12px;
    line-height:14px;
    padding:0 12px 0 0;
    text-transform:uppercase;
    width:auto;
}
.breadcrumbs li::before{
    background:rgba(0, 0, 0, 0);
    color:#888;
    content:"\f105";
    font-family:fontawesome;
    height:auto;
    left:auto;
    right:-3px;
    top:0;
    width:auto;
}
.breadcrumbs li a{color:#888}
.breadcrumbs li:last-child:before{display:none}
.more-links{
    float:right;
    line-height:14px;
}
.more-links > a{
    color:#888888;
    float:left;
    font-family:lato;
    font-size:12px;
    font-weight:600;
    margin-left:20px;
    text-transform:uppercase;
}
.more-links > a i{
    display:inline-block;
    font-size:15px;
    margin-right:5px;
    vertical-align:middle;
}
/*=============== Content Area ===================*/
.content-area{
    background:#efefef;
    float:left;
    padding:45px 30px;
    width:100%;
}
.widgets-holder .row{margin:0 -10px}
.widgets-holder .row > .masonary > div{padding:0 10px}

/*=============== Welcome ===================*/
.welcome{
    display:block;
    float:none;
    margin-bottom:15px;
    max-width:100%;
    width:100%;
}
.welcome > img{
    display:table-cell;
    float:none;
    vertical-align:top;
}
.welcome-text{
    display:table-cell;
    padding-left:20px;
    vertical-align:middle;
    width:100%;
}
.welcome-text .wl
{
    text-align: left;
    font: normal normal medium 24px/32px 'Fira Sans';
    letter-spacing: 0px;
    color: #000000;
    opacity: 1;
}

.welcome-text > span{
    color:#666666;
    font-size:16px;
}
/*=============== Current Balance ===================*/
.highcharts-tooltip>span{
    background:white;
    border:1px solid silver;
    border-radius:3px;
    box-shadow:1px 1px 2px #888;
    padding:8px;
}
.curr-bal{float:right}
.bal-amount{
    float:left;
    margin-right:10px;
    text-align:right;
}
.curr-bal table{
    float:right;
    width:auto;
}
.curr-bal table td{
    padding:0!important;
    border:0!important;
}
.bal-amount > span{
    color:#888888;
    display:table;
    font-size:12px;
}
.bal-amount > span i{
    display:inline-block;
    font-size:10px;
    margin-left:2px;
    vertical-align:top;
}
.bal-amount > strong{
    color:#434242;
    font-size:24px;
}
 .toggle{
    float:right;
    height:22px;
    width:70px;
}
/*=============== Widgets ===================*/
.widgets-holder{
    float:left;
    margin-bottom:-30px;
    width:100%;
}
.widget
{
    border-radius: 12px;
    background:#ffffff;
    margin-bottom:20px;
    overflow:hidden;
    width:100%;
    position:relative;
    min-height: 500px;
}
.widget.enlarge{
    position:fixed;
    left:0;
    top:0;
    width:100%;
    height:100%;
    z-index:10000000;
}
.widget.loading .widget-title, .widget.loading .widget-title ~ div{
    -webkit-filter:blur(4px);
    filter:blur(4px);
}
.loader{
    background:rgba(255, 255, 255, 0.6);
    height:100%;
    opacity:0;
    visibility:hidden;
    position:absolute;
    left:0;
    top:0;
    width:100%;
    z-index:1000000;
}
.loader.active{
    opacity:1;
    visibility:visible;
}
.cssload-thecube{
    height:56px;
    margin:37px auto 0;
    position:absolute;
    width:56px;
    left:50%;
    top:50%;
    -webkit-transform:translateX(-50%) translateY(-50%) rotateZ(45deg);
    -moz-transform:translateX(-50%) translateY(-50%) rotateZ(45deg);
    -ms-transform:translateX(-50%) translateY(-50%) rotateZ(45deg);
    -o-transform:translateX(-50%) translateY(-50%) rotateZ(45deg);
    transform:translateX(-50%) translateY(-50%) rotateZ(45deg);
}
.cssload-thecube .cssload-cube{
    position:relative;
    transform:rotateZ(45deg);
        -o-transform:rotateZ(45deg);
        -ms-transform:rotateZ(45deg);
        -webkit-transform:rotateZ(45deg);
        -moz-transform:rotateZ(45deg);
}
.cssload-thecube .cssload-cube{
    float:left;
    width:50%;
    height:50%;
    position:relative;
    transform:scale(1.1);
        -o-transform:scale(1.1);
        -ms-transform:scale(1.1);
        -webkit-transform:scale(1.1);
        -moz-transform:scale(1.1);
}
.cssload-thecube .cssload-cube:before{
    content:"";
    position:absolute;
    top:0;
    left:0;
    width:100%;
    height:100%;
    background-color:rgb(43,160,199);
    animation:cssload-fold-thecube 4.92s infinite linear both;
        -o-animation:cssload-fold-thecube 4.92s infinite linear both;
        -ms-animation:cssload-fold-thecube 4.92s infinite linear both;
        -webkit-animation:cssload-fold-thecube 4.92s infinite linear both;
        -moz-animation:cssload-fold-thecube 4.92s infinite linear both;
    transform-origin:100% 100%;
        -o-transform-origin:100% 100%;
        -ms-transform-origin:100% 100%;
        -webkit-transform-origin:100% 100%;
        -moz-transform-origin:100% 100%;
}
.cssload-thecube .cssload-c2{
    transform:scale(1.1) rotateZ(90deg);
        -o-transform:scale(1.1) rotateZ(90deg);
        -ms-transform:scale(1.1) rotateZ(90deg);
        -webkit-transform:scale(1.1) rotateZ(90deg);
        -moz-transform:scale(1.1) rotateZ(90deg);
}
.cssload-thecube .cssload-c3{
    transform:scale(1.1) rotateZ(180deg);
        -o-transform:scale(1.1) rotateZ(180deg);
        -ms-transform:scale(1.1) rotateZ(180deg);
        -webkit-transform:scale(1.1) rotateZ(180deg);
        -moz-transform:scale(1.1) rotateZ(180deg);
}
.cssload-thecube .cssload-c4{
    transform:scale(1.1) rotateZ(270deg);
        -o-transform:scale(1.1) rotateZ(270deg);
        -ms-transform:scale(1.1) rotateZ(270deg);
        -webkit-transform:scale(1.1) rotateZ(270deg);
        -moz-transform:scale(1.1) rotateZ(270deg);
}
.cssload-thecube .cssload-c2:before{
    animation-delay:0.62s;
        -o-animation-delay:0.62s;
        -ms-animation-delay:0.62s;
        -webkit-animation-delay:0.62s;
        -moz-animation-delay:0.62s;
}
.cssload-thecube .cssload-c3:before{
    animation-delay:1.23s;
        -o-animation-delay:1.23s;
        -ms-animation-delay:1.23s;
        -webkit-animation-delay:1.23s;
        -moz-animation-delay:1.23s;
}
.cssload-thecube .cssload-c4:before{
    animation-delay:1.85s;
        -o-animation-delay:1.85s;
        -ms-animation-delay:1.85s;
        -webkit-animation-delay:1.85s;
        -moz-animation-delay:1.85s;
}
@keyframes cssload-fold-thecube{0%, 10%{transform:perspective(105px) rotateX(-180deg); opacity:0; } 25%, 75%{transform:perspective(105px) rotateX(0deg); opacity:1; } 90%, 100%{transform:perspective(105px) rotateY(180deg); opacity:0; } } @-o-keyframes cssload-fold-thecube{0%, 10%{-o-transform:perspective(105px) rotateX(-180deg); opacity:0; } 25%, 75%{-o-transform:perspective(105px) rotateX(0deg); opacity:1; } 90%, 100%{-o-transform:perspective(105px) rotateY(180deg); opacity:0; } } @-ms-keyframes cssload-fold-thecube{0%, 10%{-ms-transform:perspective(105px) rotateX(-180deg); opacity:0; } 25%, 75%{-ms-transform:perspective(105px) rotateX(0deg); opacity:1; } 90%, 100%{-ms-transform:perspective(105px) rotateY(180deg); opacity:0; } } @-webkit-keyframes cssload-fold-thecube{0%, 10%{-webkit-transform:perspective(105px) rotateX(-180deg); opacity:0; } 25%, 75%{-webkit-transform:perspective(105px) rotateX(0deg); opacity:1; } 90%, 100%{-webkit-transform:perspective(105px) rotateY(180deg); opacity:0; } } @-moz-keyframes cssload-fold-thecube{0%, 10%{-moz-transform:perspective(105px) rotateX(-180deg); opacity:0; } 25%, 75%{-moz-transform:perspective(105px) rotateX(0deg); opacity:1; } 90%, 100%{-moz-transform:perspective(105px) rotateY(180deg); opacity:0; } }
.widget.expended{
    position:fixed;
    left:0;
    top:0;
    width:100%;
    height:100%;
    z-index:100000000000000;
}
/*=============== Status ===================*/
.status{
    display:table;
    float:left;
    padding:30px;
    width:100%;
}
.status > span{
    display:table-cell;
    font-size:65px;
    line-height:65px;
    vertical-align:top;
}
.status-text{
    display:table-cell;
    padding-left:20px;
    text-align:right;
    vertical-align:middle;
    width:100%;
}
.status-text > span{
    color:#888888;
    float:right;
    font-size:14px;
    letter-spacing:0.3px;
    text-transform:uppercase;
    width:100%;
}
.status-text > strong{
    color:#434242;
    float:left;
    font-size:24px;
    letter-spacing:1px;
    line-height:25px;
    margin-top:5px;
    width:100%;
}
.status-text > span i{margin-left:3px}
/*=============== Widget Title ===================*/
.widget-title{
    border-bottom:1px solid #e5e5e5;
    float:left;
    margin-bottom:30px;
    padding:15px 20px;
    width:100%;
    position:relative;
}
.widget-title h2{
    color:#585858;
    float:left;
    font-size:22px;
    font-weight:500;
    line-height:23px;
    margin-bottom:5px;
    width:100%;
}
.widget-title > span{
    float:left;
    font-family:noto sans;
    font-size:12px;
    width:100%;
}
.opts{
    background:#fbfbfb;
    border-bottom:1px solid #e5e5e5;
    border-left:1px solid #e5e5e5;
    padding:5px 10px;
    position:absolute;
    right:0;
    top:0;
    -webkit-transform:translateX(100%);
    -moz-transform:translateX(100%);
    -ms-transform:translateX(100%);
    -o-transform:translateX(100%);
    transform:translateX(100%);
}
.widget:hover .opts{
    -webkit-transform:translateX(0);
    -moz-transform:translateX(0);
    -ms-transform:translateX(0);
    -o-transform:translateX(0);
    transform:translateX(0);
}
.opts > a{
    color:#ababab;
    display:inline-block;
    font-size:14px;
    padding:5px 10px;
    vertical-align:middle;
    -webkit-transform:scale(0);
    -moz-transform:scale(0);
    -ms-transform:scale(0);
    -o-transform:scale(0);
    transform:scale(0);
}
.widget:hover .opts > a{
    -webkit-transform:scale(1);
    -moz-transform:scale(1);
    -ms-transform:scale(1);
    -o-transform:scale(1);
    transform:scale(1);
    -webkit-transition-delay:0.2s;
    -moz-transition-delay:0.2s;
    -ms-transition-delay:0.2s;
    -o-transition-delay:0.2s;
    transition-delay:0.2s;
}
.widget:hover .opts > a:nth-child(2n){
    -webkit-transition-delay:0.3s;
    -moz-transition-delay:0.3s;
    -ms-transition-delay:0.3s;
    -o-transition-delay:0.3s;
    transition-delay:0.3s;
}
.widget:hover .opts > a:nth-child(3n){
    -webkit-transition-delay:0.4s;
    -moz-transition-delay:0.4s;
    -ms-transition-delay:0.4s;
    -o-transition-delay:0.4s;
    transition-delay:0.4s;
}
.widget:hover .opts > a:nth-child(4n){
    -webkit-transition-delay:0.5s;
    -moz-transition-delay:0.5s;
    -ms-transition-delay:0.5s;
    -o-transition-delay:0.5s;
    transition-delay:0.5s;
}
#graph{
    float:left;
    margin-bottom:30px;
    padding:0 20px;
    width:100%;
}
/*=============== Status Upload ===================*/
.status-upload{
    background:#f5f5f5;
    float:left;
    margin-top:-30px;
    padding-bottom:15px;
    width:100%;
}
.status-upload .form{
    float:left;
    width:100%;
}
.status-upload .form .textarea{
    background:#fff;
    border:medium none;
    color:#777777;
    float:left;
    font-size:14px;
    font-weight:500;
    letter-spacing:0;
    min-height:170px;
    text-transform:unset;
    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;
    padding:0;
    width:auto;
}
.status-upload ul > li:before{display:none}

.status-upload ul > li > a{
    color:#777777;
    cursor:pointer;
    float:left;
    font-size:14px;
    height:30px;
    line-height:30px;
    text-align:center;
    width:30px;
}
.status-upload ul > li > a:hover{color:#fff; }
.status-upload .form .button{
    border:medium none;
    color:#fff;
    float:right;
    font-family:roboto;
    font-size:12px;
    margin-right:15px;
    padding:6px 15px;
    text-transform:uppercase;
}
/*=============== Personal Info ===================*/
.personal-info{
    float:left;
    width:100%;
}
.personal-intro{
    float:left;
    position:relative;
    width:100%;
}
.personal-intro:before{
    background:black;
    content:"";
    height:100%;
    left:0;
    opacity:0.9;
    position:absolute;
    top:0;
    width:100%;
}
.intro-text{
    text-align:center;
    position:absolute;
    left:50%;
    top:50%;
    -webkit-transform:translateX(-50%) translateY(-50%);
    -moz-transform:translateX(-50%) translateY(-50%);
    -ms-transform:translateX(-50%) translateY(-50%);
    -o-transform:translateX(-50%) translateY(-50%);
    transform:translateX(-50%) translateY(-50%);
}
.intro-text > strong{
    color:#fff;
    display:table;
    font-family:roboto;
    font-size:23px;
    font-weight:300;
    text-transform:capitalize;
    width:100%;
}
.intro-text > img{
    float:none;
    margin-bottom:10px;
}
.intro-text > span{
    color:#fff;
    font-size:14px;
}
.personal-intro > img{width:100%}
.personal-detail{
    float:left;
    padding:31px 15px;
    width:100%;
}
.personal-detail .socials{margin:0 0 30px}
.bar-title{
    border-bottom:1px solid #e5e5e5;
    color:#585858;
    float:left;
    font-size:18px;
    padding-bottom:15px;
    width:100%;
    margin-bottom:30px;
}
.personal-detail span{
    color:#888888;
    float:left;
    font-family:roboto;
    font-size:12px;
    text-transform:uppercase;
}
.personal-detail strong{
    color:#888888;
    float:right;
    font-size:12px;
    font-weight:500;
}
.progress{
    background:#e6e6e6;
    float:left;
    height:8px;
    margin-bottom:15px;
    margin-top:10px;
    width:100%;
}
.progress-bar{
    float:left;
    height:100%;
}
/*=============== Real Time Updater ===================*/
.real-time-updater{
    float:left;
    padding:20px;
    width:100%;
}
.real-time-updater > span{
    float:left;
    font-family:roboto;
    font-size:20px;
    font-weight:300;
    vertical-align:middle;
    width:100%;
    text-align:center;
}
/*=============== Widgets Dropdown ===================*/
.widget .dropdown{
    box-shadow:none;
    float:left;
    opacity:1;
    position:relative;
    visibility:visible;
    width:100%;
    margin:-30px 0 0;
    -webkit-transform:translate(0);
    -moz-transform:translate(0);
    -ms-transform:translate(0);
    -o-transform:translate(0);
    transform:translate(0);
}
.widget .dropdown:before{display:none}
/*=============== To Do List ===================*/
.todo-list{
    float:left;
    padding:0 20px 20px;
    width:100%;
}
.todo-list > .form{
    float:left;
    margin-bottom:20px;
    position:relative;
    width:100%;
}
.todo-list > .form .input{
    letter-spacing:0;
    margin:0;
    padding-right:40px;
    text-transform:capitalize;
    font-weight:500;
}
.todo-list > .form a{
    background:#e5e5e5;
    border:0 none;
    color:#fff;
    height:100%;
    position:absolute;
    right:0;
    top:0;
    width:40px;
    text-align:center;
    line-height:40px;
}
.todo-list ol{
    color:#888;
    float:left;
    font-size:13px;
    line-height:30px;
    list-style:decimal;
    padding-left:20px;
    text-indent:5px;
    width:100%;
}
.todo-list ol li{
    clear:left;
    float:left;
    font-style:italic;
    width:auto;
    cursor:pointer;
    position:relative;
}
.todo-list ol li:before{
    background:#ed1c24;
    content:"";
    height:1px;
    margin-top:-0.5px;
    width:0;
    position:absolute;
    left:0;
    top:50%;
}
.todo-list ol li.done:before{width:100%}
.todo-list ol li span{
    position:absolute;
    left:100%;
    top:8px;
    margin-left:10px;
    white-space:nowrap;
    line-height:15px;
}
.todo-list ol li span i{
    opacity:0;
    -webkit-transform:translateX(20px);
    -moz-transform:translateX(20px);
    -ms-transform:translateX(20px);
    -o-transform:translateX(20px);
    transform:translateX(20px);
}
.todo-list ol li span i:last-child{
    -webkit-transition-delay:0.1s;
    -moz-transition-delay:0.1s;
    -ms-transition-delay:0.1s;
    -o-transition-delay:0.1s;
    transition-delay:0.1s;
}
.todo-list ol li:hover span i{
    opacity:1;
    -webkit-transform:translateX(0);
    -moz-transform:translateX(0);
    -ms-transform:translateX(0);
    -o-transform:translateX(0);
    transform:translateX(0);
}
/*=============== Live Search ===================*/
.live-search{
    float:left;
    width:100%;
}
.vertical.default_list > li:before{display:none}
.vertical.default_list > li{
    border-bottom:1px solid #e5e5e5;
    color:#989898;
    font-size:14px;
    font-weight:400;
    padding:0;
}
.vertical.default_list{
    background:#f7f7f7;
    margin:0 0 -1px;
}
.live-search > input{
    margin:0 5% 30px;
    width:90%;
}
/*=============== Weather Forecast ===================*/
.weatherFeed{
    float:left;
    position:relative;
    width:100%;
    background:rgba(0, 0, 0, 0) url("../images/peronal-bg.jpg") repeat scroll 0 0 / cover;
    position:relative;
    z-index:1;
}
.weatherFeed:before{
    content:"";
    z-index:-1;
    opacity:0.9;
    position:absolute;
    left:0;
    top:0;
    width:100%;
    height:100%;
}
.weatherItem{
    float:left;
    padding:90px 30px 30px;
    width:100%;
    background-size:130px ;
    background-position:15px 20px;
}
.weatherForecast{
    float:left;
    position:relative;
    width:100%;
}
.weatherCity{
    color:#fff;
    float:left;
    font-family:noto sans;
    font-size:28px;
    font-weight:unset;
    line-height:27px;
    margin-bottom:10px;
    width:100%;
}
.weatherCountry{
    color:#fff;
    float:left;
    font-family:noto sans;
    font-size:20px;
    font-weight:600;
    line-height:20px;
    margin-bottom:10px;
    text-transform:uppercase;
    width:100%;
}
.weatherTemp, .weatherDesc, .weatherRange, .weatherWind, .weatherHumidity, .weatherVisibility, .weatherSunrise, .weatherSunset{
    border-bottom:1px solid rgba(255, 255, 255, 0.2);
    color:#fff;
    display:inline-block;
    font-size:14px;
    line-height:20px;
    margin:0 -1px;
    padding:15px 10px 15px 0;
    vertical-align:middle;
    width:50%;
}
.weatherSunrise, .weatherSunset{
    border:0 none;
}
/*=============== Projects ===================*/
.widget .projects{
    min-height:475px;
    width:100% !important;
    overflow:hidden;
}
.projects-table{
    float:left;
    width:100%;
    padding:0 30px;
    min-height: 450px;
}
.projects-table table{
    color:#888888;
    float:left;
    font-style:italic;
    line-height:30px;
    text-align:center;
    width:100%;
    margin-bottom:30px;
}
.projects-table caption{
    border-left:1px solid #F0F0F0;
    border-right:1px solid #F0F0F0;
    border-top:1px solid #F0F0F0;
    font-size:17px;
    font-weight:700;
    letter-spacing:0.3px;
    line-height:30px;
    text-transform:uppercase;
}
.projects-table thead{
    text-align:center;
    color:#333;
   /* text-shadow: 1px 1px 1px #fff; */
   /* background-image: url(../images/inner-shadow.png); */
    background-color: #ffffff !important;
    /* background-repeat: repeat-x; */
    background-position: left top;
}

table.display tbody tr:last-child td {
    border-bottom: 2px solid #d9d9d9;
}
.projects-table th{
    text-align:left;
    font-style:normal;
   /* text-transform:uppercase;*/
}
.projects-table td{
    color:#888;
    font-family:roboto;
    font-size:14px;
    font-style:normal;
    line-height:30px !important;
    text-align:left;
    /*text-transform:uppercase;*/
    padding:14px 8px!important;
}
td .progress{margin:10px 0}

/*=============== Donut Chart ===================*/
#donut{
    float:left;
    width:100%;
    margin-bottom:30px;
}
/*=============== Calendar ===================*/
#calendar{
    float:left;
    width:100%;
    overflow:auto;
}
.fc-toolbar{
    display:table;
    margin:0;
    padding:20px;
    width:100%;
}
.fc-toolbar button{
    background:rgba(0, 0, 0, 0);
    border:1px solid #f2f2f2;
    box-shadow:none;
    color:#ffffff;
    font-family:roboto;
    font-size:12px;
    font-weight:600;
    height:auto;
    padding:7px 20px;
    text-shadow:none;
    text-transform:capitalize;
}
.fc-toolbar h2{
    color:#ffffff;
    font-size:22px;
}
.fc-day-header{
    background:#000000;
    color:#ffffff;
    font-size:13px;
    line-height:60px;
    text-transform:uppercase;
    position:relative;
    z-index:1;
}
.fc td, .fc th{
    border:0 none;
    border-radius:0;
}
.fc-day-header:before{
    background:rgba(0, 0, 0, 0.1);
    content:"";
    height:100%;
    left:0;
    position:absolute;
    top:0;
    width:100%;
    z-index:-1;
}
.fc-day-header:nth-child(2n+2):before{background:rgba(0, 0, 0, 0.05)}


.fc-day{background:#f6f5f5}
.fc-day:nth-child(2n+1){background:#faf9f9}
.fc-row:nth-child(2n+1) .fc-day{background:#faf9f9}
.fc-row:nth-child(2n+1) .fc-day:nth-child(2n+1){background:#f6f5f5}

.fc-day-number{
    color:#747474;
    font-family:arimo;
    font-size:14px;
    padding:20px 30px 10px !important;
}

.fc-day-number{
    color:#747474;
    font-family:arimo;
    font-size:14px;
    padding:10px 20px 10px !important;
}
.fc-content{
    color:#ffffff;
    float:left;
    font-size:11px;
    padding:1px 5px;
    width:100%;
    -webkit-box-sizing:border-box;
    -moz-box-sizing:border-box;
    -ms-box-sizing:border-box;
    -o-box-sizing:border-box;
    box-sizing:border-box;
}
.fc-time{
    float:left;
    width:100%;
}
.fc-title{
    float:left;
    width:100%;
}
.fc-day-grid-event{
    border:0 none;
    box-sizing:border-box;
    float:left;
    margin:0 0 5px;
    width:100%;
    -webkit-box-sizing:border-box;
    -moz-box-sizing:border-box;
    -ms-box-sizing:border-box;
    -o-box-sizing:border-box;
    box-sizing:border-box;
}
.fc-day{
    background:#f6f5f5;
    min-height:120px !important;
}

.fc-unthemed .fc-divider, .fc-unthemed .fc-popover, .fc-unthemed .fc-row, .fc-unthemed tbody, .fc-unthemed td, .fc-unthemed th, .fc-unthemed thead{
    border:0 none;
}
a.fc-more{
    background:#000000;
    border-radius:30px;
    color:#ffffff;
    display:inline-block;
    font-size:9px !important;
    font-weight:700;
    margin:0;
    padding:6px 14px;
    text-decoration:none;
    text-transform:uppercase;
}
.fc-more-cell{
    padding:0 10px !important;
}
.fc-row .fc-content-skeleton td, .fc-row .fc-helper-skeleton td{
    padding:0 10px;
}
a.fc-more:hover{
    color:#FFF;
    text-decoration:none;
}
/*=============== Social Counters ===================*/
.social-widget{
    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,.fb{
    background:#3b5998;
    color:#3b5998;
}
.social-widget > span#twitter,.twitter{
    background:#48a4dc;
    color:#48a4dc;
}
.google-plus{background:#d34836}
.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;
    padding:17px;
     width:50%;
}
.social-widget li > p > i{
    color:#777777;
    float:left;
    font-size:14px;
    text-align:center;
    width:100%;
    font-style:normal;
}
.social-widget > ul > li:before{
    width:1px;
    height:50%;
    top:25%;
    left:100%;
    background:#d8d8d8;
}
.social-widget > ul > li:last-child:before{display:none}
/*=============== Alerts ===================*/
.alert{
    float:left;
    width:100%;
}
/*=============== Map ===================*/
.map-vector{
    background:rgba(0, 0, 0, 0) !important;
    float:left;
    width:100%;
    padding:20px;
    margin-top:-30px;
}
.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;
}
.jvectormap-label{
    position:absolute;
    display:none;
    border:solid 1px #CDCDCD;
    -webkit-border-radius:3px;
    -moz-border-radius:3px;
    border-radius:3px;
    background:#292929;
    color:white;
    font-family:sans-serif, Verdana;
    font-size:smaller;
    padding:3px;
}
.jvectormap-zoomin, .jvectormap-zoomout{
    background:#292929;
    border-radius:3px;
    color:white;
    cursor:pointer;
    height:10px;
    left:10px;
    line-height:12px;
    padding:2px;
    position:absolute;
    text-align:center;
    width:10px;
    font-family:noto sans;
}
.jvectormap-zoomin{top:10px}
.jvectormap-zoomout{top:30px}
/*************** Login Page ***************/
.login-page{
    background:#2C8FD5;
    float:left;
    height:100%;
    position:relative;
    width:100%;
    z-index:1;
}
.login-page:before{
    background:black url("../images/loginbg.jpg") repeat scroll 0 0 / cover;
    content:"";
    filter:blur(7px);
    height:100%;
    left:0;
    position:absolute;
    top:0;
    width:100%;
    mix-blend-mode: multiply;
    opacity: 0.8;
}
.login-box{
    background: #FFFFFF 0% 0% no-repeat padding-box;
    /* border:10px solid rgba(255, 255, 255, 0.2); */
    padding:0 20px 50px;
    position:relative;
    margin: 8em auto 0px;
    min-height: 73vh;
    width:40rem;
    -webkit-border-radius:20px;
    -moz-border-radius:20px;
    -ms-border-radius:20px;
    -o-border-radius:20px;
    border-radius:20px;
    /*-webkit-transform:translateX(-50%) translateY(-50%);
    -moz-transform:translateX(-50%) translateY(-50%);
    -ms-transform:translateX(-50%) translateY(-50%);
    -o-transform:translateX(-50%) translateY(-50%);
    transform:translateX(-50%) translateY(-50%);
    */
}
.logo-container
{

}
.each-nav
{
    font: normal normal normal 17px/22px "Fira Sans", sans-serif;
    background-color: #E6E6E6;
}
.nav
{
    width: 75%;    
}
.each-nav > a
{
    color: #6F6F6F;
}
#left-nav
{
    overflow: hidden;
    border-top-left-radius: 30px !important;
    border-bottom-left-radius: 30px !important;
}
#right-nav
{
    overflow: hidden;
    border-top-right-radius: 30px !important;
    border-bottom-right-radius: 30px !important;
}
.login-box .logo-container{
    padding:20px;
    text-align:center;
}
.login-box .logo-container img{float:none}

.login-box .custom-form{
    float:none;
    width:80%;
    
}
.login-box .custom-form .input{
    background:rgba(255, 255, 255, 0.1);
    border:0.5px solid #c2c2c2;
    color:#6f6f6f;
    font-style: normal !important;
    font: normal normal normal 13px/20px 'Fira Sans', sans-serif;
    text-decoration:none;
}
.login-box .custom-form .inputch{
    display:inline-block;
    float:none;
    height:auto;
    margin:0 10px 0 0;
    vertical-align:middle;
    width:auto;
}
.nav-link:focus
{
    background-color: #18A9DD;
}
.active
{
    background: #18A9DD !important;    
}
#pills-tabContent > div.active
{
    background: #ffffff !important;    
}

.login-box .custom-form .inputch ~ label{
    color:#6f6f6f;
    float:none;
    font-size:13px;
    margin:0;
    width:auto;
}
.login-box .custom-form .button,
.simple-btn{
    border:0 none;
    color:#ffffff;
    background:#18A9DD;
    text-transform:capitalize !important;
    font: normal normal normal 16px/21px'Fira Sans', sans-serif;
    font-size:13px;
    letter-spacing:0.5px;
    padding:10px 30px;
    text-transform:uppercase;
    width: 100% !important;
}
.below-paragraph
{
    text-align: center;
    font: normal normal normal 15px/22px Fira Sans;
    letter-spacing: 0px;
    color: #6F6F6F;
}
.top-section
{
}

.login-box .custom-form{
    float:left;
    margin-bottom:30px;
    width:100%;
}
.login-links
{
    float: left;
    width:100%;
}
.login-links a{
    color:#fff;
    opacity:0.8;
    width:50%;
}
.login-links a:last-child{text-align:center}
.login-links a:hover{opacity:1}
.socials{
    float:left;
    margin-top:30px;
    text-align:center;
    width:100%;
}
.socials a{
    color:#fff;
    display:inline-block;
    height:40px;
    line-height:40px;
    margin:0 5px;
    text-align:center;
    width:40px;
}
.socials a:hover{color:#FFF}
/*************** Mail System ***************/
.mail-system{
    background:#fff;
    border:1px solid #e5e5e5;
    float:left;
    width:100%;
}
.mail-sidebar{
    border-right:1px solid #e5e5e5;
    float:left;
    padding:30px;
    width:30%;
}
.button{
    color:#fff;
    float:left;
    font-family:noto sans;
    font-weight:600;
    padding:14px 20px;
    text-align:center;
    text-transform:uppercase;
    width:100%;
}
.button:hover{color:#FFF}
.mail-links{
    float:left;
    margin-top:40px;
    overflow:hidden;
    width:100%;
}
.mail-links a{
    border-bottom:1px solid #e5e5e5;
    float:left;
    font-family:noto sans;
    font-size:14px;
    font-weight:500;
    letter-spacing:0.2px;
    padding:15px 10px;
    width:100%;
}
.mail-links a:last-child{border:0 none}
.mail-links a:hover{
    background:#fff;
    -webkit-box-shadow:0 0 12px #eaeaea inset;
    -moz-box-shadow:0 0 12px #eaeaea inset;
    -ms-box-shadow:0 0 12px #eaeaea inset;
    -o-box-shadow:0 0 12px #eaeaea inset;
    box-shadow:0 0 12px #eaeaea inset;
}
.mail-links a span{
    color:#fff;
    float:right;
    font-family:roboto;
    font-size:11px;
    padding:2px 5px;
}

.labels{
    float:left;
    margin-top:40px;
    width:100%;
}
.labels > span{
    float:left;
    font-size:14px;
    line-height:26px;
    margin-bottom:10px;
    padding-left:20px;
    position:relative;
    width:100%;
}
.labels > span a{
    height:8px;
    width:7px;
    position:absolute;
    left:0;
    top:11px;
}
.mail-content{
    border-left:1px solid #e5e5e5;
    float:left;
    margin-left:-1px;
    width:70%;
}
.mail-bar{
    background:#fbfbfb;
    border-bottom:1px solid #e5e5e5;
    float:left;
    margin-bottom:20px;
    padding:10px;
    width:100%;
}
.mail-bar > input[type="checkbox"]{
    display:inline-block;
    float:none;
    height:auto;
    margin:0 5px 0 0;
    vertical-align:middle;
    width:auto;
}
.mail-bar > ul{
    border:1px solid #e5e5e5;
    border-radius:8px;
    display:inline-block;
    float:none;
    margin:0 0 0 30px;
    overflow:hidden;
    vertical-align:middle;
    width:auto;
}
.mail-bar > ul li{
    float:left;
    padding:0;
    width:auto;
}
.mail-bar > ul li:before{display:none}
.mail-bar > ul li i{
    font-size:13px;
    margin-right:4px;
}
.mail-bar > ul li a{
    background:#fff;
    border-right:1px solid #e5e5e5;
    float:left;
    font-family:noto sans;
    font-size:13px;
    letter-spacing:0;
    line-height:10px;
    margin:0;
    padding:10px 14px;
    text-transform:uppercase;
}
.mail-bar > ul li:last-child a{border:0}
.mail-bar > ul li a:hover i{color:inherit}
.simple-drop{
    display:inline-block;
    position:relative;
    vertical-align:middle;
}
.simple-drop > a{
    color:#afafaf;
    float:left;
    font-size:14px;
    margin-top:4px;
}
.dropdown-menu li{
    cursor:pointer;
    float:none;
    padding:0 15px;
    width:auto;
}
.dropdown-menu li:before{display:none}
.dropdown-menu{padding:10px 0}
.simple-drop.sort{
    float:right;
    margin-top:2px;
}
.simple-drop.sort .dropdown-menu{
    left:auto;
    margin-top:16px;
    right:-12px;
}
.mail-list{
    float:left;
    margin:0;
    width:100%;
}
.mail-list li{
    border-bottom:1px solid #e5e5e5;
    padding:10px 20px;
    cursor:pointer;
}
.mail-list li:before{display:none}
.mail-list li input{
    display:inline-block;
    float:none;
    height:auto;
    margin:0 10px 0 0;
    vertical-align:middle;
    width:auto;
}
.circle{
    display:inline-block;
    height:7px;
    margin-right:10px;
    vertical-align:middle;
    width:7px;
}
.mail-list span{
    display:inline-block;
    font-family:noto sans;
    font-size:14px;
    letter-spacing:0;
    overflow:hidden;
    text-overflow:ellipsis;
    vertical-align:middle;
    white-space:nowrap;
    width:40%;
}
.mail-list span strong{
    color:#333;
    float:left;
    font-family:noto sans;
    font-weight:600;
    margin-right:20px;
    overflow:hidden;
    text-overflow:ellipsis;
    white-space:nowrap;
    width:30%;
}
.attachment{
    display:inline-block;
    padding-right:10px;
    vertical-align:middle;
}
.mail-list li > i{
    background:#6e6eff;
    color:#fff;
    float:right;
    font-size:13px;
    line-height:12px;
    margin-top:8px;
    padding:3px 10px 5px;
}
.mail-list li.unread{
    background:#eef4fe;
}
.fav{
    color:#d7c31d;
    display:inline-block;
    margin-right:8px;
    vertical-align:middle;
}
.pagination{
    float:right;
    width:auto;
    margin-right:20px;
}
.pagination > li{
    display:inline;
    padding:0;
    width:auto;
}
/*************** Compose Mail ***************/
.compose-mail{
    float:left;
    width:100%;
    padding:30px;
}
.form{
    float:left;
    width:100%;
}
label{
    color:#888;
    float:left;
    font-size:12px;
    font-weight:500;
    margin-bottom:5px;
    text-transform:uppercase;
    width:100%;
}
.compose-mail input{
    background:#f5f5f5;
    font-size:14px;
    font-style:normal;
    font-weight:400;
    height:55px;
    -webkit-border-radius:50px;
    -moz-border-radius:50px;
    -ms-border-radius:50px;
    -o-border-radius:50px;
    border-radius:50px;
}
/*************** Icons Included ***************/
.page-header {
    border-bottom: 1px solid #eee;
    margin: 40px 0 20px;
    padding-bottom: 9px;
    float: left;
    width: 100%;
}
.fontawesome-icon-list{
    background:#fff;
    float:left;
    padding:50px;
    margin:0;
    width:100%;
}
.fa-hover a{
    border-bottom:1px dashed #e5e5e5;
    float:left;
    padding:15px 0;
    width:100%;
}
.fa-hover a i{
    margin-right:10px;
}
/*************** Timeline ***************/
.timeline-sec{
    float:left;
    max-height:780px;
    width:100%;
}
.timeline-sec > ul{
    float:left;
    list-style:outside none none;
    margin:0;
    padding:50px 30px;
    position:relative;
    width:100%;
}
.timeline-content > .btn-group > label{
    border:0 none;
    color:#333;
    font-size:11px;
    letter-spacing:0.3px;
    padding:2px 8px;
    width:auto;
}
.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;
    padding:0;
    position:relative;
    width:100%;
}
.timeline-sec > ul li:before{display:none}
.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{
    border:1px solid #e5e5e5;
    border-radius:1px;
    float:left;
    position:relative;
    width:100%;
}
.timeline-head{
    background:#f5f5f5;
    border-radius:4px 4px 0 0;
    float:left;
    width:100%;
}
.timeline-head > h3{
    float:left;
    font-size:15px;
    font-weight:normal;
    letter-spacing:0;
    line-height:22px;
    margin:0;
    padding:9px 0 9px 20px;
}
.timeline-head > h3 > span{
    color:#999999;
    font-size:12px;
    margin-left:20px;
    margin-right:12px;
}
.timeline-head > h3 > i{
    color:#fff;
    font-size:11px;
    font-style:normal;
    letter-spacing:0.3px;
    padding:2px 6px;
    text-transform:uppercase;
    -webkit-border-radius:1px;
    -moz-border-radius:1px;
    -ms-border-radius:1px;
    -o-border-radius:1px;
    border-radius:1px;
}
.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;
    padding:0;
    width:100%;
}
.social-share > .social-btns > li > a > i{
    color:#fff;
    font-size:13px;
    height:25px;
    line-height:25px;
    text-align:center;
    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 #e5e5e5;
    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:#f5f5f5;
    border:medium none;
    color:#888888;
    float:left;
    letter-spacing:0.3px;
    margin:0;
    min-height:36px;
    padding:5px 20px;
    resize:vertical;
    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;
}
.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;
    padding:0;
    width:auto;
}
.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);
}
/*************** Freind Lists ***************/
.friend-list{
    float:left;
    width:100%;
    max-height:455px;
}
.friend-list > ul{
    float:left;
    list-style:outside none none;
    margin:0;
    padding:20px;
    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:before{display:none}
.friend-list li img{
    border:1px solid #d8d8d8;
    float:left;
    margin-right:20px;
    padding:2px;
    
    -webkit-border-radius:50%;
    -moz-border-radius:50%;
    -ms-border-radius:50%;
    -o-border-radius:50%;
    border-radius:50%;
}
.friend-list li h3{
    font-size:16px;
    margin:0;
    overflow:hidden;
    text-overflow:ellipsis;
    white-space:normal;
}
.friend-list li h3 i{
    color:#999;
    float:left;
    font-size:14px;
    font-style:normal;
    line-height:20px;
    width:100%;
}
.friend-list li > span{
    bottom:7px;
    font-family:roboto;
    font-size:11px;
    line-height:19px;
    position:absolute;
    right:0;
}
.friend-list li > span:before{
    content:"";
    height:6px;
    width:6px;
    position:absolute;
    left:-10px;
    top:6px;
}
.friend-list li > span.online:before{background:#88cb13}
.friend-list li > span.offline:before{background:#ff6b6b}

.slider{
    float:left;
    width:100%;
}
.slider img{width:100%}
.carousel{
    float:left;
    width:100%;
}
.carousel img{width:100%}
.gallery{
    float:left;
    margin-bottom:10px;
    width:100%;
}
.gallery img{width:100%}
.gallery-thumb{
    float:left;
    width:100%;
}
.gallery-thumb img{width:100%}
.owl-nav{
    position:absolute;
    left:0;
    top:50%;
    width:100%;
    height:0;
    opacity:0;
    padding:0 30px;
}
.owl-carousel:hover .owl-nav{opacity:1}
.owl-nav > div{
    float:left;
    width:40px;
    height:40px;
    background:#FFF;
    color:transparent;
    opacity:0.5;
    position:relative;
    margin-top:-20px;
}
.owl-carousel .owl-nav > div:hover{opacity:1}
.owl-nav > div.owl-next{float:right}
.owl-nav > div:before{
    content:"\f104";
    position:absolute;
    left:0;
    top:0;
    width:100%;
    height:100%;
    line-height:39px;
    color:#333;
    font-family:fontAwesome;
    text-align:center;
    font-size:19px;
}
.owl-nav > div.owl-next:before{content:"\f105"}
/*************** Map ***************/
.map{
    float:left;
    margin-top:-30px;
    width:100%;
}
.map > div{
    float:left;
    min-height:400px;
    width:100%;
}
/*=============== Error Page ===================*/
.error-page{
    background:#fff;
    float:left;
    padding:70px 90px;
    text-align:center;
    width:100%;
}
.error-page h1{
    float:left;
    font-size:90px;
    line-height:70px;
    margin-bottom:60px;
    text-transform:uppercase;
    width:100%;
}
.error-page strong{
    float:left;
    font-size:36px;
    font-weight:600;
    margin-bottom:25px;
    width:100%;
}
.error-page p{
    margin:0 20% 40px;
    width:60%;
}
.error-page .simple-btn{
    display:inline-block;
    float:none;
}

/*************** Wizard Form ***************/
.wizard{
    background:#fff;
    float:left;
    padding:0 30px 30px;
    width:100%;
}
.wizard .nav-tabs{
    position:relative;
}
.wizard > div.wizard-inner{
    float:left;
    position:relative;
    width:100%;
}
.connecting-line{
    height:2px;
    background:#e0e0e0;
    position:absolute;
    width:80%;
    margin:0 auto;
    left:0;
    right:0;
    top:50%;
    z-index:1;
}

.wizard .nav-tabs > li.active > a, .wizard .nav-tabs > li.active > a:hover, .wizard .nav-tabs > li.active > a:focus{
    color:#555555;
    cursor:default;
    border:0;
    border-bottom-color:transparent;
}

span.round-tab{
    width:70px;
    height:70px;
    line-height:70px;
    display:inline-block;
    border-radius:100px;
    background:#fff;
    border:2px solid #e0e0e0;
    z-index:2;
    position:absolute;
    left:0;
    text-align:center;
    font-size:25px;
}
span.round-tab i{
    color:#555555;
}
.wizard li.active span.round-tab{
    background:#fff;
    border:2px solid #5bc0de;
    
}
.wizard li.active span.round-tab i{
    color:#5bc0de;
}

span.round-tab:hover{
    color:#333;
    border:2px solid #333;
}
.wizard .nav-tabs > li{
    margin:0;
    padding:0;
    width:25%;
}
.wizard .nav-tabs > li:before{display:none}
.wizard li:after{
    content:" ";
    position:absolute;
    left:46%;
    opacity:0;
    margin:0 auto;
    bottom:0px;
    border:5px solid transparent;
    border-bottom-color:#5bc0de;
    transition:0.1s ease-in-out;
}

.wizard li.active:after{
    content:" ";
    position:absolute;
    left:50%;
    opacity:1;
    margin:0 auto;
    margin-left:-10px;
    bottom:0px;
    border:10px solid transparent;
    border-bottom-color:#5bc0de;
}

.wizard .nav-tabs > li a{
    width:70px;
    height:70px;
    margin:20px auto;
    border-radius:100%;
    padding:0;
}

.wizard .nav-tabs > li a:hover{
    background:transparent;
}

.wizard .tab-pane{
    position:relative;
    padding-top:50px;
}

.wizard h3{
    margin-top:0;
}
.step1 .row{
    margin-bottom:10px;
}
.step_21{
    border :1px solid #eee;
    border-radius:5px;
    padding:10px;
}
.step33{
    border:1px solid #ccc;
    border-radius:5px;
    padding-left:10px;
    margin-bottom:10px;
}
.dropselectsec{
    width:68%;
    padding:6px 5px;
    border:1px solid #ccc;
    border-radius:3px;
    color:#333;
    margin-left:10px;
    outline:none;
    font-weight:normal;
}
.dropselectsec1{
    padding:7px 5px;
    margin-top: 10px;
    color: #6F6F6F;
    font: normal normal normal 14px/19px 'Fira Sans';
    border: 0.5px solid #707070;
    border-radius:7px;
    outline:none;
    font-weight:normal;
}
.mar_ned{
    margin-bottom:10px;
}
.wdth{
    width:25%;
}
.birthdrop{
    padding:6px 5px;
    border:1px solid #ccc;
    border-radius:3px;
    color:#333;
    margin-left:10px;
    width:16%;
    outline:0;
    font-weight:normal;
}


/* according menu */
#accordion-container{
    font-size:13px
}
.accordion-header{
    font-size:13px;
    background:#ebebeb;
    margin:5px 0 0;
    padding:7px 20px;
    cursor:pointer;
    color:#fff;
    font-weight:400;
    -moz-border-radius:5px;
    -webkit-border-radius:5px;
    border-radius:5px
}
.unselect_img{
    width:18px;
    -webkit-user-select:none;  
    -moz-user-select:none;     
    -ms-user-select:none;      
    user-select:none; 
}
.active-header{
    -moz-border-radius:5px 5px 0 0;
    -webkit-border-radius:5px 5px 0 0;
    border-radius:5px 5px 0 0;
    background:#F53B27;
}
.active-header:after{
    content:"\f068";
    font-family:'FontAwesome';
    float:right;
    margin:5px;
    font-weight:400
}
.inactive-header{
    background:#333;
}
.inactive-header:after{
    content:"\f067";
    font-family:'FontAwesome';
    float:right;
    margin:4px 5px;
    font-weight:400
}
.accordion-content{
    display:none;
    padding:20px;
    background:#fff;
    border:1px solid #ccc;
    border-top:0;
    -moz-border-radius:0 0 5px 5px;
    -webkit-border-radius:0 0 5px 5px;
    border-radius:0 0 5px 5px
}
.accordion-content a{
    text-decoration:none;
    color:#333;
}
.accordion-content td{
    border-bottom:1px solid #dcdcdc;
}
.list-inline > li{
    margin-right:10px;
    padding:0;
    width:auto;
}
.list-inline > li:before{display:none}

.checkbox-inline, .radio-inline{
    height:auto;
    margin:0;
    width:auto;
}
.checkbox input[type="checkbox"], .checkbox-inline input[type="checkbox"], .radio input[type="radio"], .radio-inline input[type="radio"]{
    height:auto;
    margin:1px 0 0 -20px;
    width:auto;
}
.simple-btn.dark{background:#333}
.form-widget{
    float:left;
    width:100%;
    padding:0 30px 30px;
}
input[type="file"]{height:auto}
/*************** Gallery ***************/
.dynamic-gallery{
    float:left;
    padding:0 30px;
    width:100%;
}
.gallery-box a{
    -webkit-transition:all 0.5s ease-in-out;
    -moz-transition:all 0.5s ease-in-out;
    -ms-transition:all 0.5s ease-in-out;
    -o-transition:all 0.5s ease-in-out;
    transition:all 0.5s ease-in-out;
}
.gallery-images{
    float:left;
    padding:0 30px 30px;
    width:100%;
    margin-bottom:-30px;
}
.gallery-box{
    float:left;
    margin-bottom:30px;
    overflow:hidden;
    position:relative;
    width:100%;
}
.gallery-box > img{width:100%}
.gallery-box .html5lightbox{
    background:black;
    color:#fff;
    height:50px;
    left:50%;
    line-height:46px;
    position:absolute;
    text-align:center;
    top:50%;
    width:50px;
    -webkit-transform:translateX(-50%) translateY(-50%) scale(0);
    -moz-transform:translateX(-50%) translateY(-50%) scale(0);
    -ms-transform:translateX(-50%) translateY(-50%) scale(0);
    -o-transform:translateX(-50%) translateY(-50%) scale(0);
    transform:translateX(-50%) translateY(-50%) scale(0);
}
.gallery-box .delete{
    background:rgba(0, 0, 0, 0.7);
    color:#fff;
    height:40px;
    line-height:40px;
    position:absolute;
    right:-40px;
    text-align:center;
    top:0;
    width:40px;
}
.gallery-box:hover .html5lightbox{
    -webkit-transform:translateX(-50%) translateY(-50%) scale(1);
    -moz-transform:translateX(-50%) translateY(-50%) scale(1);
    -ms-transform:translateX(-50%) translateY(-50%) scale(1);
    -o-transform:translateX(-50%) translateY(-50%) scale(1);
    transform:translateX(-50%) translateY(-50%) scale(1);
}
.gallery-box:hover .delete{
    right:0;
    transition-delay:0.2s;
}
/*************** Pageloader ***************/
.pageloader{
    background:#fff;
    height:100%;
    width:100%;
    z-index:1000000000;
    position:fixed;
    left:0;
    top:0;
}
.pageloader .loader{
    opacity:1;
    visibility:visible;
}
.pageloader .cssload-thecube{margin:0}

/*************** Mail Open ***************/
.message-header {
    background: rgba(0, 0, 0, 0) linear-gradient(to bottom, #fff 0px, #f0f0f0 100%) repeat scroll 0 0;
    float: left;
    padding: 30px;
    width: 100%;
}
.message-header h1 {
    color: #353535;
    float: left;
    font-size: 20px;
    margin: 0 0 20px;
    width: 100%;
}
.sender{
    display: table;
    width: 100%;
}
.sender > img {
    display: table-cell;
    float: none;
    vertical-align: middle;
}
.sender-info {
    display: table-cell;
    padding-left: 20px;
    vertical-align: middle;
    width: 100%;
}
.sender-info > ul{margin:0}
.sender-info > ul li {
    border-bottom: 1px solid #dfdfdf;
    font-size: 13px;
    padding: 0;
}
.sender-info > ul li:before{display:none}
.sender-info > ul li strong {
    float: left;
    font-family: roboto;
    font-weight: 500;
    text-transform: uppercase;
    width: 60px;
}
.sender-info > ul li:last-child{border:0 none}
.mail-open {
    background: #fff none repeat scroll 0 0;
    border-bottom: 1px solid #e5e5e5;
    float: left;
    margin-top: -20px;
    width: 100%;
}
.mail-message {
    float: left;
    width: 100%;
}
.message-part {
    float: left;
    padding: 40px 40px 80px;
    width: 80%;
}
pre {
    background:none;
    float: left;
    overflow: hidden;
    overflow-wrap: break-word;
    white-space: pre-line;
    width: 100%;
}
.attached-files {
    float: left;
    padding: 10px;
    width: 20%;
}
.attached-files > ul {
    background: rgba(0, 0, 0, 0) linear-gradient(to bottom, #fff 0px, #f0f0f0 100%) repeat scroll 0 0;
    border: 1px solid #e5e5e5;
    float: left;
    margin: 0;
    padding: 20px;
    width: 100%;
}
.attached-files > ul li {
    border-bottom: 1px solid #d8d8d8;
    margin-bottom: 20px;
    padding: 0 0 20px;
}
.attached-files > ul li:before{display:none}
.attached-files > ul li a {
    color: #626262;
    float: left;
    font-family: noto sans;
    font-weight: 700;
    width: 100%;
}
.attached-files > ul li a span {
    display: inline-block;
    margin-right: 10px;
    vertical-align: middle;
}
.attached-files > ul li a span img{max-width:100%}
.attached-files > ul li:last-child{
    border: 0 none;
    margin: 0;
    padding: 0;
}
/*************** Range Sliders ***************/
.range-sliders {
    float: left;
    padding: 0 30px 30px;
    width: 100%;
}
.range {
    float: left;
    margin-bottom: 40px;
    width: 100%;
}
.irs {
    float: left;
    width: 100%;
}

/*************** Accordions ***************/
.spark-toggles {
    float: left;
    padding: 0 30px 30px;
    width: 100%;
}
.toggle-item{
    float:left;
    margin-bottom:10px;
    width:100%;
}
.toggle-item > h2{
    background:#e4e4e4 none repeat scroll 0 0;
    color:#444444;
    cursor:pointer;
    float:left;
    font-size:12px;
    font-weight:600;
    margin:0;
    padding:15px 30px;
    position:relative;
    width:100%;
    -webkit-border-radius:40px;
    -moz-border-radius:40px;
    -ms-border-radius:40px;
    -o-border-radius:40px;
    border-radius:40px;
}
.toggle-item > h2:before{
    color:#444;
    content:"\f067";
    font-family:fontawesome;
    font-size:13px;
    line-height:48px;
    position:absolute;
    right:0;
    top:0;
    width:30px;
}
.toggle-item.activate h2.active{
    background:#2f2f2f none repeat scroll 0 0;
    color:#fff;
}
.toggle-item.activate h2.active:before{color:#FFF}
.content {
    float: left;
    margin-bottom: 10px;
    margin-top: 20px;
    padding: 0 40px;
    width: 100%;
}
.content p{
    color:#565d60;
    letter-spacing:0.4px;
    line-height:30px;
    margin:0;
}
.alignleft{
    float:left;
    margin-right:20px;
}
.spark-toggles.style2 .toggle-item h2 {
    background: #565d60 none repeat scroll 0 0;
    color: #fff;
    padding: 12px 30px;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    -ms-border-radius: 2px;
    -o-border-radius: 2px;
    border-radius: 2px;
}
.spark-toggles.style2 .toggle-item h2:before{
    color:#fff;
    line-height:40px;
}
.spark-toggles.style2 .content p{
    font-size:14px;
    letter-spacing:0;
    line-height:28px;
}
/*************** Footer ***************/
footer{
    float: left;
    margin: 20px 0;
    text-align: right;
    width: 100%;
}
footer p{margin:0;font-size: 13px;}

/*************** MORRIS CHARTS ***************/
.morris-hover{position:absolute;z-index:1000}.morris-hover.morris-default-style{border-radius:10px;padding:6px;color:#666;background:rgba(255,255,255,0.8);border:solid 2px rgba(230,230,230,0.8);font-family:sans-serif;font-size:12px;text-align:center}.morris-hover.morris-default-style .morris-hover-row-label{font-weight:bold;margin:0.25em 0;color:#FFF}
.morris-hover.morris-default-style .morris-hover-point{white-space:nowrap;margin:0.1em 0;color:#FFF!important}
.morris-hover.morris-default-style{
    background:#141414;
    border-radius:3px;
    border:0;
    color:#969696;
    font-size:12px;
    padding:6px;
    text-align:center;
    text-transform:uppercase;
}

/*************** SIMPLE INNER SCROLLBAR ***************/
.scroll-wrapper{overflow:hidden !important; padding:0 !important; position:relative; } .scroll-wrapper > .scroll-content{border:none !important; box-sizing:content-box !important; height:auto; left:0; margin:0; max-height:none; max-width:none !important; overflow-y:scroll !important; padding:0; position:relative !important; top:0; width:auto !important; } .scroll-wrapper > .scroll-content::::-webkit-scrollbar{height:0; width:0; } .scroll-element{display:block}.scroll-element.scroll-x{display:none} .scroll-element, .scroll-element div{box-sizing:content-box; } .scroll-element.scroll-x.scroll-scrollx_visible{display:none} .scroll-element.scroll-x.scroll-scrollx_visible{display:none } .scroll-element .scroll-bar, .scroll-element .scroll-arrow{cursor:default; }
.scrollbar-inner > .scroll-element, .scrollbar-inner > .scroll-element div{border:none; margin:0; padding:0; position:absolute; z-index:10; } .scrollbar-inner > .scroll-element div{display:block; height:100%; left:0; top:0; width:100%; } .scrollbar-inner > .scroll-element.scroll-x{bottom:2px; height:8px; left:0; width:100%; } .scrollbar-inner > .scroll-element.scroll-y{height:100%; right:2px; top:0; width:8px; opacity:0; } .scrollbar-inner:hover > .scroll-element.scroll-y{opacity:1} .scrollbar-inner > .scroll-element .scroll-element_outer{overflow:hidden; } .scrollbar-inner > .scroll-element .scroll-element_outer, .scrollbar-inner > .scroll-element .scroll-element_track, .scrollbar-inner > .scroll-element .scroll-bar{-webkit-border-radius:8px; -moz-border-radius:8px; border-radius:8px; } .scrollbar-inner > .scroll-element .scroll-element_track, .scrollbar-inner > .scroll-element .scroll-bar{-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=40)"; filter:alpha(opacity=40); opacity:0.4; } .scrollbar-inner > .scroll-element .scroll-element_track{ background-color:#e0e0e0; } .scrollbar-inner > .scroll-element .scroll-bar{ background-color:#c2c2c2; } .scrollbar-inner > .scroll-element:hover .scroll-bar{ background-color:#919191; } .scrollbar-inner > .scroll-element.scroll-draggable .scroll-bar{ background-color:#919191; }

/*************** ON OFF TOGGLES ***************/
.toggle-slide{overflow:hidden; cursor:pointer; -webkit-user-select:none; -moz-user-select:none; -ms-user-select:none; user-select:none; direction:ltr; text-align:center; } div.disabled > .toggle-slide{opacity:0.7; pointer-events:none; } .toggle-slide .toggle-on, .toggle-slide .toggle-off, .toggle-slide .toggle-blob{float:left; } .toggle-slide .toggle-blob{position:relative; z-index:99; cursor:hand; cursor:grab; } .toggle-dark .toggle-slide{background:#9d0000; border-radius:5px; } .toggle-dark .toggle-on, .toggle-dark .toggle-off, .toggle-dark .toggle-blob{color:rgba(255, 255, 255, 0.7); font-size:11px; } .toggle-dark .toggle-on, .toggle-dark .toggle-select .toggle-inner .active{background:-webkit-linear-gradient(#1A70BE, #31A2E1); background:linear-gradient(#1A70BE, #31A2E1); } .toggle-dark .toggle-off, .toggle-dark .toggle-select .toggle-on{} .toggle-dark .toggle-blob{border-radius:4px; background:-webkit-linear-gradient(#CFCFCF, whiteSmoke); background:linear-gradient(#CFCFCF, whiteSmoke); box-shadow:inset 0 0 0 1px #888, inset 0 0 0 2px white; } .toggle-dark .toggle-blob:hover{background:-webkit-linear-gradient(#c0c0c0, #dadada); background:linear-gradient(#c0c0c0, #dadada); box-shadow:inset 0 0 0 1px #888,inset 0 0 0 2px #ddd; } .toggle-iphone .toggle-slide{border-radius:9999px; box-shadow:0 0 0 1px #999; } .toggle-iphone .toggle-on, .toggle-iphone .toggle-off{color:white; font-size:18px; font-weight:bold; text-shadow:0 0 8px rgba(0, 0, 0, 0.5); } .toggle-iphone .toggle-on{border-radius:9999px 0 0 9999px; background:#037bda; box-shadow:inset 2px 2px 5px rgba(0, 0, 0, 0.4); } .toggle-iphone .toggle-on:after{background:-webkit-linear-gradient(#1189f1, #3797ef); background:linear-gradient(#1189f1, #3797ef); height:50%; content:''; margin-top:-19%; display:block; border-radius:9999px; margin-left:10%; } .toggle-iphone .toggle-off{box-shadow:inset -2px 2px 5px rgba(0, 0, 0, 0.4); border-radius:0 9999px 9999px 0; color:#828282; background:#ECECEC; text-shadow:0 0 1px white; } .toggle-iphone .toggle-off:after{background:-webkit-linear-gradient(#fafafa, #fdfdfd); background:linear-gradient(#fafafa, #fdfdfd); height:50%; content:''; margin-top:-19%; display:block; margin-right:10%; border-radius:9999px; } .toggle-iphone .toggle-blob{border-radius:50px; background:-webkit-linear-gradient(#d1d1d1, #fafafa); background:linear-gradient(#d1d1d1, #fafafa); box-shadow:inset 0 0 0 1px rgba(0, 0, 0, 0.6), inset 0 0 0 2px white, 0 0 3px rgba(0, 0, 0, 0.6); } .toggle-light .toggle-slide{border-radius:9999px; box-shadow:0 0 0 1px #999; } .toggle-light .toggle-on, .toggle-light .toggle-off{font-size:11px; font-weight:500; } .toggle-light .toggle-on, .toggle-light .toggle-select .toggle-inner .active{background:#45a31f; box-shadow:inset 2px 2px 6px rgba(0, 0, 0, 0.2); text-shadow:1px 1px rgba(0, 0, 0, 0.2); color:rgba(255, 255, 255, 0.8); } .toggle-light .toggle-off, .toggle-light .toggle-select .toggle-on{color:rgba(0, 0, 0, 0.6); text-shadow:0 1px rgba(255, 255, 255, 0.2); background:-webkit-linear-gradient(#cfcfcf, #f5f5f5); background:linear-gradient(#cfcfcf, #f5f5f5); } .toggle-light .toggle-blob{border-radius:50px; background:-webkit-linear-gradient(#f5f5f5, #cfcfcf); background:linear-gradient(#f5f5f5, #cfcfcf); box-shadow:1px 1px 2px #888; } .toggle-light .toggle-blob:hover{background:-webkit-linear-gradient(#e4e4e4, #f9f9f9); background:linear-gradient(#e4e4e4, #f9f9f9); } .toggle-modern .toggle-slide{border-radius:4px; text-shadow:0 1px 1px rgba(0, 0, 0, 0.25), 0 0 1px rgba(0, 0, 0, 0.2); background:-webkit-linear-gradient(#c0c5c9, #a1a9af); background:linear-gradient(#c0c5c9, #a1a9af); box-shadow:inset 0 2px 1px rgba(0, 0, 0, 0.2), inset 0 0 0 1px rgba(0, 0, 0, 0.15), 0 1px 0 rgba(255, 255, 255, 0.15); } .toggle-modern .toggle-on, .toggle-modern .toggle-off{-webkit-transition:all 0.1s ease-out; transition:all 0.1s ease-out; color:white; text-shadow:1px 1px rgba(0, 0, 0, 0.1); font-size:11px; box-shadow:inset 0 2px 0 rgba(255, 255, 255, 0.2), inset 0 0 0 1px rgba(0, 0, 0, 0.2), inset 0 -1px 1px rgba(0, 0, 0, 0.1), 0 1px 1px rgba(0, 0, 0, 0.2); } .toggle-modern .toggle-select .toggle-off, .toggle-modern .toggle-select .toggle-on{background:none; } .toggle-modern .toggle-off, .toggle-modern .toggle-off.active{background:-webkit-linear-gradient(#737e8d, #3f454e); background:linear-gradient(#737e8d, #3f454e); } .toggle-modern .toggle-on, .toggle-modern .toggle-on.active{background:-webkit-linear-gradient(#4894cd, #2852a6); background:linear-gradient(#4894cd, #2852a6); } .toggle-modern .toggle-blob{background:-webkit-linear-gradient(#c0c6c9, #81898f); background:linear-gradient(#c0c6c9, #81898f); box-shadow:inset 0 2px 0 rgba(255, 255, 255, 0.2), inset 0 0 0 1px rgba(0, 0, 0, 0.2), inset 0 -1px 1px rgba(0, 0, 0, 0.1), 1px 1px 2px rgba(0, 0, 0, 0.2); border-radius:3px; } .toggle-modern .toggle-blob:hover{background-image:-webkit-linear-gradient(#a1a9af, #a1a9af); background-image:linear-gradient(#a1a9af, #a1a9af); } .toggle-soft .toggle-slide{border-radius:5px; box-shadow:0 0 0 1px #999; } .toggle-soft .toggle-on, .toggle-soft .toggle-off{color:rgba(0, 0, 0, 0.7); font-size:11px; text-shadow:1px 1px white; } .toggle-soft .toggle-on, .toggle-soft .toggle-select .toggle-inner .active{background:-webkit-linear-gradient(#d2ff52, #91e842); background:linear-gradient(#d2ff52, #91e842); } .toggle-soft .toggle-off, .toggle-soft .toggle-select .toggle-on{background:-webkit-linear-gradient(#cfcfcf, #f5f5f5); background:linear-gradient(#cfcfcf, #f5f5f5); } .toggle-soft .toggle-blob{border-radius:4px; background:-webkit-linear-gradient(#cfcfcf, #f5f5f5); background:linear-gradient(#cfcfcf, #f5f5f5); box-shadow:inset 0 0 0 1px #bbb, inset 0 0 0 2px white; } .toggle-soft .toggle-blob:hover{background:-webkit-linear-gradient(#e4e4e4, #f9f9f9); background:linear-gradient(#e4e4e4, #f9f9f9); box-shadow:inset 0 0 0 1px #ddd,inset 0 0 0 2px #ddd; }

/*************** Full Calendar ***************/
.fc-icon,body .fc{font-size:1em}.fc-button-group,.fc-icon{display:inline-block}.fc-bg,.fc-row .fc-bgevent-skeleton,.fc-row .fc-highlight-skeleton{bottom:0}.fc-icon,.fc-unselectable{-khtml-user-select:none;-webkit-touch-callout:none}.fc{direction:ltr;text-align:left}.fc-rtl{text-align:right}.fc th,.fc-basic-view td.fc-week-number,.fc-icon,.fc-toolbar{text-align:center}.fc-unthemed .fc-content,.fc-unthemed .fc-divider,.fc-unthemed .fc-list-heading td,.fc-unthemed .fc-list-view,.fc-unthemed .fc-popover,.fc-unthemed .fc-row,.fc-unthemed tbody,.fc-unthemed td,.fc-unthemed th,.fc-unthemed thead{border-color:#ddd}.fc-unthemed .fc-popover{background-color:#fff}.fc-unthemed .fc-divider,.fc-unthemed .fc-list-heading td,.fc-unthemed .fc-popover .fc-header{background:#eee}.fc-unthemed .fc-popover .fc-header .fc-close{color:#666}.fc-unthemed td.fc-today{background:#fcf8e3}.fc-highlight{background:#bce8f1;opacity:.3}.fc-bgevent{background:#8fdf82;opacity:.3}.fc-nonbusiness{background:#d7d7d7}.fc-icon{height:1em;line-height:1em;overflow:hidden;font-family:"Courier New",Courier,monospace;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.fc-icon:after{position:relative}.fc-icon-left-single-arrow:after{content:"\02039";font-weight:700;font-size:200%;top:-7%}.fc-icon-right-single-arrow:after{content:"\0203A";font-weight:700;font-size:200%;top:-7%}.fc-icon-left-double-arrow:after{content:"\000AB";font-size:160%;top:-7%}.fc-icon-right-double-arrow:after{content:"\000BB";font-size:160%;top:-7%}.fc-icon-left-triangle:after{content:"\25C4";font-size:125%;top:3%}.fc-icon-right-triangle:after{content:"\25BA";font-size:125%;top:3%}.fc-icon-down-triangle:after{content:"\25BC";font-size:125%;top:2%}.fc-icon-x:after{content:"\000D7";font-size:200%;top:6%}.fc button::-moz-focus-inner{margin:0;padding:0}.fc-state-default{border:1px solid;background-color:#f5f5f5;background-image:-moz-linear-gradient(top,#fff,#e6e6e6);background-image:-webkit-gradient(linear,0 0,0 100%,from(#fff),to(#e6e6e6));background-image:-webkit-linear-gradient(top,#fff,#e6e6e6);background-image:-o-linear-gradient(top,#fff,#e6e6e6);background-image:linear-gradient(to bottom,#fff,#e6e6e6);background-repeat:repeat-x;border-color:#e6e6e6 #e6e6e6 #bfbfbf;border-color:rgba(0,0,0,.1) rgba(0,0,0,.1) rgba(0,0,0,.25);color:#333;text-shadow:0 1px 1px rgba(255,255,255,.75);box-shadow:inset 0 1px 0 rgba(255,255,255,.2),0 1px 2px rgba(0,0,0,.05)}.fc-state-default.fc-corner-left{border-top-left-radius:4px;border-bottom-left-radius:4px}.fc-state-default.fc-corner-right{border-top-right-radius:4px;border-bottom-right-radius:4px}.fc button .fc-icon{position:relative;top:-.05em;margin:0 .2em;vertical-align:middle}.fc-state-active,.fc-state-disabled,.fc-state-down,.fc-state-hover{color:#333;background-color:#e6e6e6}.fc-state-hover{color:#333;text-decoration:none;background-position:0 -15px;-webkit-transition:background-position .1s linear;-moz-transition:background-position .1s linear;-o-transition:background-position .1s linear;transition:background-position .1s linear}.fc-state-active,.fc-state-down{background-color:#ccc;background-image:none;box-shadow:inset 0 2px 4px rgba(0,0,0,.15),0 1px 2px rgba(0,0,0,.05)}.fc-state-disabled{cursor:default;background-image:none;opacity:.65;box-shadow:none}.fc-event.fc-draggable,.fc-event[href],.fc-popover .fc-header .fc-close,a[data-goto]{cursor:pointer}.fc .fc-button-group>*{float:left;margin:0 0 0 -1px}.fc .fc-button-group>:first-child{margin-left:0}.fc-popover{position:absolute;box-shadow:0 2px 6px rgba(0,0,0,.15)}.fc-popover .fc-header{padding:2px 4px}.fc-popover .fc-header .fc-title{margin:0 2px}.fc-ltr .fc-popover .fc-header .fc-title,.fc-rtl .fc-popover .fc-header .fc-close{float:left}.fc-ltr .fc-popover .fc-header .fc-close,.fc-rtl .fc-popover .fc-header .fc-title{float:right}.fc-unthemed .fc-popover{border-width:1px;border-style:solid}.fc-unthemed .fc-popover .fc-header .fc-close{font-size:.9em;margin-top:2px}.fc-popover>.ui-widget-header+.ui-widget-content{border-top:0}.fc-divider{border-style:solid;border-width:1px}hr.fc-divider{height:0;margin:0;padding:0 0 2px;border-width:1px 0}.fc-bg table,.fc-row .fc-bgevent-skeleton table,.fc-row .fc-highlight-skeleton table{height:100%}.fc-clear{clear:both}.fc-bg,.fc-bgevent-skeleton,.fc-helper-skeleton,.fc-highlight-skeleton{position:absolute;top:0;left:0;right:0}.fc table{width:100%;box-sizing:border-box;table-layout:fixed;border-collapse:collapse;border-spacing:0;font-size:1em}.fc td,.fc th{border-style:solid;border-width:1px;padding:0;vertical-align:top}.fc td.fc-today{border-style:double}a[data-goto]:hover{text-decoration:underline}.fc .fc-row{border-style:solid;border-width:0}.fc-row table{border-left:0 hidden transparent;border-right:0 hidden transparent;border-bottom:0 hidden transparent}.fc-row:first-child table{border-top:0 hidden transparent}.fc-row{position:relative}.fc-row .fc-bg{z-index:1}.fc-row .fc-bgevent-skeleton td,.fc-row .fc-highlight-skeleton td{border-color:transparent}.fc-row .fc-bgevent-skeleton{z-index:2}.fc-row .fc-highlight-skeleton{z-index:3}.fc-row .fc-content-skeleton{position:relative;z-index:4;padding-bottom:2px}.fc-row .fc-helper-skeleton{z-index:5}.fc-row .fc-content-skeleton td,.fc-row .fc-helper-skeleton td{background:0 0;border-color:transparent;border-bottom:0}.fc-row .fc-content-skeleton tbody td,.fc-row .fc-helper-skeleton tbody td{border-top:0}.fc-scroller{-webkit-overflow-scrolling:touch}.fc-row.fc-rigid,.fc-time-grid-event{overflow:hidden}.fc-scroller>.fc-day-grid,.fc-scroller>.fc-time-grid{position:relative;width:100%}.fc-event{position:relative;display:block;font-size:.85em;line-height:1.3;border-radius:3px;border:1px solid #3a87ad;font-weight:400}.fc-event,.fc-event-dot{background-color:#3a87ad}.fc-event,.fc-event:hover,.ui-widget .fc-event{color:#fff;text-decoration:none}.fc-not-allowed,.fc-not-allowed .fc-event{cursor:not-allowed}.fc-event .fc-bg{z-index:1;background:#fff;opacity:.25}.fc-event .fc-content{position:relative;z-index:2}.fc-event .fc-resizer{position:absolute;z-index:4;display:none}.fc-event.fc-allow-mouse-resize .fc-resizer,.fc-event.fc-selected .fc-resizer{display:block}.fc-event.fc-selected .fc-resizer:before{content:"";position:absolute;z-index:9999;top:50%;left:50%;width:40px;height:40px;margin-left:-20px;margin-top:-20px}.fc-event.fc-selected{z-index:9999!important;box-shadow:0 2px 5px rgba(0,0,0,.2)}.fc-event.fc-selected.fc-dragging{box-shadow:0 2px 7px rgba(0,0,0,.3)}.fc-h-event.fc-selected:before{content:"";position:absolute;z-index:3;top:-10px;bottom:-10px;left:0;right:0}.fc-ltr .fc-h-event.fc-not-start,.fc-rtl .fc-h-event.fc-not-end{margin-left:0;border-left-width:0;padding-left:1px;border-top-left-radius:0;border-bottom-left-radius:0}.fc-ltr .fc-h-event.fc-not-end,.fc-rtl .fc-h-event.fc-not-start{margin-right:0;border-right-width:0;padding-right:1px;border-top-right-radius:0;border-bottom-right-radius:0}.fc-ltr .fc-h-event .fc-start-resizer,.fc-rtl .fc-h-event .fc-end-resizer{cursor:w-resize;left:-1px}.fc-ltr .fc-h-event .fc-end-resizer,.fc-rtl .fc-h-event .fc-start-resizer{cursor:e-resize;right:-1px}.fc-h-event.fc-allow-mouse-resize .fc-resizer{width:7px;top:-1px;bottom:-1px}.fc-h-event.fc-selected .fc-resizer{border-radius:4px;border-width:1px;width:6px;height:6px;border-style:solid;border-color:inherit;background:#fff;top:50%;margin-top:-4px}.fc-ltr .fc-h-event.fc-selected .fc-start-resizer,.fc-rtl .fc-h-event.fc-selected .fc-end-resizer{margin-left:-4px}.fc-ltr .fc-h-event.fc-selected .fc-end-resizer,.fc-rtl .fc-h-event.fc-selected .fc-start-resizer{margin-right:-4px}tr:first-child>td>.fc-day-grid-event{margin-top:2px}.fc-day-grid-event.fc-selected:after{content:"";position:absolute;z-index:1;top:-1px;right:-1px;bottom:-1px;left:-1px;background:#000;opacity:.25}.fc-day-grid-event .fc-content{white-space:nowrap;overflow:hidden}.fc-day-grid-event .fc-time{font-weight:700}.fc-ltr .fc-day-grid-event.fc-allow-mouse-resize .fc-start-resizer,.fc-rtl .fc-day-grid-event.fc-allow-mouse-resize .fc-end-resizer{margin-left:-2px}.fc-ltr .fc-day-grid-event.fc-allow-mouse-resize .fc-end-resizer,.fc-rtl .fc-day-grid-event.fc-allow-mouse-resize .fc-start-resizer{margin-right:-2px}a.fc-more{margin:1px 3px;font-size:.85em;cursor:pointer;text-decoration:none}a.fc-more:hover{text-decoration:underline}.fc-limited{display:none}.fc-day-grid .fc-row{z-index:1}.fc-more-popover{z-index:2;width:220px}.fc-more-popover .fc-event-container{padding:10px}.fc-now-indicator{position:absolute;border:0 solid red}.fc-unselectable{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent}.fc-toolbar .fc-left{float:left}.fc-toolbar .fc-right{float:right}.fc-toolbar .fc-center{display:inline-block}.fc .fc-toolbar>*>*{float:left;margin-left:.75em}.fc .fc-toolbar>*>:first-child{margin-left:0}.fc-toolbar h2{margin:0}.fc-toolbar button{position:relative}.fc-toolbar .fc-state-hover,.fc-toolbar .ui-state-hover{z-index:2}.fc-toolbar .fc-state-down{z-index:3}.fc-toolbar .fc-state-active,.fc-toolbar .ui-state-active{z-index:4}.fc-toolbar button:focus{z-index:5}.fc-view-container *,.fc-view-container :after,.fc-view-container :before{-webkit-box-sizing:content-box;-moz-box-sizing:content-box;box-sizing:content-box}.fc-view,.fc-view>table{position:relative;z-index:1}.fc-basicDay-view .fc-content-skeleton,.fc-basicWeek-view .fc-content-skeleton{padding-bottom:1em}.fc-basic-view .fc-body .fc-row{min-height:4em}.fc-row.fc-rigid .fc-content-skeleton{position:absolute;top:0;left:0;right:0}.fc-day-top.fc-other-month{opacity:.3}.fc-basic-view .fc-day-number,.fc-basic-view .fc-week-number{padding:2px}.fc-basic-view th.fc-day-number,.fc-basic-view th.fc-week-number{padding:0 2px}.fc-ltr .fc-basic-view .fc-day-top .fc-day-number{float:right}.fc-rtl .fc-basic-view .fc-day-top .fc-day-number{float:left}.fc-ltr .fc-basic-view .fc-day-top .fc-week-number{float:left;border-radius:0 0 3px}.fc-rtl .fc-basic-view .fc-day-top .fc-week-number{float:right;border-radius:0 0 0 3px}.fc-basic-view .fc-day-top .fc-week-number{min-width:1.5em;text-align:center;background-color:#f2f2f2;color:grey}.fc-basic-view td.fc-week-number>*{display:inline-block;min-width:1.25em}.fc-agenda-view .fc-day-grid{position:relative;z-index:2}.fc-agenda-view .fc-day-grid .fc-row{min-height:3em}.fc-agenda-view .fc-day-grid .fc-row .fc-content-skeleton{padding-bottom:1em}.fc .fc-axis{vertical-align:middle;padding:0 4px;white-space:nowrap}.fc-ltr .fc-axis{text-align:right}.fc-rtl .fc-axis{text-align:left}.ui-widget td.fc-axis{font-weight:400}.fc-time-grid,.fc-time-grid-container{position:relative;z-index:1}.fc-time-grid{min-height:100%}.fc-time-grid table{border:0 hidden transparent}.fc-time-grid>.fc-bg{z-index:1}.fc-time-grid .fc-slats,.fc-time-grid>hr{position:relative;z-index:2}.fc-time-grid .fc-content-col{position:relative}.fc-time-grid .fc-content-skeleton{position:absolute;z-index:3;top:0;left:0;right:0}.fc-time-grid .fc-business-container{position:relative;z-index:1}.fc-time-grid .fc-bgevent-container{position:relative;z-index:2}.fc-time-grid .fc-highlight-container{z-index:3;position:relative}.fc-time-grid .fc-event-container{position:relative;z-index:4}.fc-time-grid .fc-now-indicator-line{z-index:5}.fc-time-grid .fc-helper-container{position:relative;z-index:6}.fc-time-grid .fc-slats td{height:1.5em;border-bottom:0}.fc-time-grid .fc-slats .fc-minor td{border-top-style:dotted}.fc-time-grid .fc-slats .ui-widget-content{background:0 0}.fc-time-grid .fc-highlight{position:absolute;left:0;right:0}.fc-ltr .fc-time-grid .fc-event-container{margin:0 2.5% 0 2px}.fc-rtl .fc-time-grid .fc-event-container{margin:0 2px 0 2.5%}.fc-time-grid .fc-bgevent,.fc-time-grid .fc-event{position:absolute;z-index:1}.fc-time-grid .fc-bgevent{left:0;right:0}.fc-v-event.fc-not-start{border-top-width:0;padding-top:1px;border-top-left-radius:0;border-top-right-radius:0}.fc-v-event.fc-not-end{border-bottom-width:0;padding-bottom:1px;border-bottom-left-radius:0;border-bottom-right-radius:0}.fc-time-grid-event.fc-selected{overflow:visible}.fc-time-grid-event.fc-selected .fc-bg{display:none}.fc-time-grid-event .fc-content{overflow:hidden}.fc-time-grid-event .fc-time,.fc-time-grid-event .fc-title{padding:0 1px}.fc-time-grid-event .fc-time{font-size:.85em;white-space:nowrap}.fc-time-grid-event.fc-short .fc-content{white-space:nowrap}.fc-time-grid-event.fc-short .fc-time,.fc-time-grid-event.fc-short .fc-title{display:inline-block;vertical-align:top}.fc-time-grid-event.fc-short .fc-time span{display:none}.fc-time-grid-event.fc-short .fc-time:before{content:attr(data-start)}.fc-time-grid-event.fc-short .fc-time:after{content:"\000A0-\000A0"}.fc-time-grid-event.fc-short .fc-title{font-size:.85em;padding:0}.fc-time-grid-event.fc-allow-mouse-resize .fc-resizer{left:0;right:0;bottom:0;height:8px;overflow:hidden;line-height:8px;font-size:11px;font-family:monospace;text-align:center;cursor:s-resize}.fc-time-grid-event.fc-allow-mouse-resize .fc-resizer:after{content:"="}.fc-time-grid-event.fc-selected .fc-resizer{border-radius:5px;border-width:1px;width:8px;height:8px;border-style:solid;border-color:inherit;background:#fff;left:50%;margin-left:-5px;bottom:-5px}.fc-time-grid .fc-now-indicator-line{border-top-width:1px;left:0;right:0}.fc-time-grid .fc-now-indicator-arrow{margin-top:-5px}.fc-ltr .fc-time-grid .fc-now-indicator-arrow{left:0;border-width:5px 0 5px 6px;border-top-color:transparent;border-bottom-color:transparent}.fc-rtl .fc-time-grid .fc-now-indicator-arrow{right:0;border-width:5px 6px 5px 0;border-top-color:transparent;border-bottom-color:transparent}.fc-event-dot{display:inline-block;width:10px;height:10px;border-radius:5px}.fc-rtl .fc-list-view{direction:rtl}.fc-list-view{border-width:1px;border-style:solid}.fc .fc-list-table{table-layout:auto}.fc-list-table td{border-width:1px 0 0;padding:8px 14px}.fc-list-table tr:first-child td{border-top-width:0}.fc-list-heading{border-bottom-width:1px}.fc-list-heading td{font-weight:700}.fc-ltr .fc-list-heading-main{float:left}.fc-ltr .fc-list-heading-alt,.fc-rtl .fc-list-heading-main{float:right}.fc-rtl .fc-list-heading-alt{float:left}.fc-list-item.fc-has-url{cursor:pointer}.fc-list-item:hover td{background-color:#f5f5f5}.fc-list-item-marker,.fc-list-item-time{white-space:nowrap;width:1px}.fc-ltr .fc-list-item-marker{padding-right:0}.fc-rtl .fc-list-item-marker{padding-left:0}.fc-list-item-title a{text-decoration:none;color:inherit}.fc-list-item-title a[href]:hover{text-decoration:underline}.fc-list-empty-wrap2{position:absolute;top:0;left:0;right:0;bottom:0}.fc-list-empty-wrap1{width:100%;height:100%;display:table}.fc-list-empty{display:table-cell;vertical-align:middle;text-align:center}.fc-unthemed .fc-list-empty{background-color:#eee}

/*************** Live Chat ***************/
.chat,.chat-title{width:100%;float:left}.chat{z-index:2}.chat-title{color:#fff;padding:10px 20px;position:relative;text-align:left;text-transform:uppercase;z-index:2;display:table}.chat-title span,.messages{color:rgba(255,255,255,.5)}.chat-name,.chat-title .avatar{display:table-cell;vertical-align:middle}.chat-name{padding-left:10px}.chat-title span,.chat-title strong{font-size:12px;font-weight:400;margin:0;padding:0;float:left;width:100%}.chat-title span{font-size:11px}.chat-title .avatar{border:2px solid rgba(255,255,255,.24);height:40px;margin:0;overflow:hidden;padding:0;width:40px;z-index:1}.chat-title .avatar img{width:100%;height:auto}.messages{height:300px!important;overflow:hidden;position:relative;width:100%}.scroll-content{margin-right:-16px!important}.messages.scroll-content{height:317px!important;overflow-x:hidden!important;}.messages .messages-content{position:absolute;top:0;left:0;height:300px;width:100%}.messages .message{background:#6e6eff;border-radius:10px 10px 10px 0;clear:both;float:left;font-size:11px;line-height:1.4;margin:8px 0 8px 35px;padding:6px 10px 7px;position:relative;color:#FFF}.messages .message .timestamp{position:absolute;bottom:-15px;font-size:9px;color:rgba(255,255,255,.3)}.messages .message::before{content:'';position:absolute;bottom:-6px;border-top:6px solid #6e6eff;left:0;border-right:7px solid transparent}.messages .message .avatar{position:absolute;z-index:1;bottom:-15px;left:-35px;border-radius:30px;width:30px;height:30px;overflow:hidden;margin:0;padding:0;border:2px solid rgba(255,255,255,.24)}.messages .message .avatar img{width:100%;height:auto}.messages .message.message-personal{float:right;color:#fff;text-align:right;background:#ff6b6b}.messages .message.message-personal::before{left:0;border-top-color:#ff6b6b}.messages .message:last-child{margin-bottom:30px}.messages .message.new{-webkit-transform:scale(0);transform:scale(0);-webkit-transform-origin:0 0;transform-origin:0 0;-webkit-animation:bounce .5s linear both;animation:bounce .5s linear both}.messages .message.loading span::before,.messages .message.loading::before{-webkit-transform:translate(-50%,-50%);-webkit-animation:ball .45s cubic-bezier(0,0,.15,1) alternate infinite}.messages .message.loading::before{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);content:'';display:block;width:3px;height:3px;border-radius:50%;background:rgba(255,255,255,.5);z-index:2;margin-top:4px;animation:ball .45s cubic-bezier(0,0,.15,1) alternate infinite;border:none;-webkit-animation-delay:.15s;animation-delay:.15s}.messages .message.loading span{display:block;font-size:0;width:20px;height:10px;position:relative}.messages .message.loading span::after,.messages .message.loading span::before{position:absolute;top:50%;left:50%;content:'';display:block;width:3px;height:3px;border-radius:50%;background:rgba(255,255,255,.5);z-index:2;margin-top:4px}.messages .message.loading span::before{transform:translate(-50%,-50%);animation:ball .45s cubic-bezier(0,0,.15,1) alternate infinite;margin-left:-7px}.messages .message.loading span::after{-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);-webkit-animation:ball .45s cubic-bezier(0,0,.15,1) alternate infinite;animation:ball .45s cubic-bezier(0,0,.15,1) alternate infinite;margin-left:7px;-webkit-animation-delay:.3s;animation-delay:.3s}.message-box{background:#f3f3f3;float:left;padding:10px;position:relative;width:100%;border-top:1px solid #e5e5e5}.message-box .message-input{background:rgba(0,0,0,0);border:none;color:#838383;float:left;font-size:11px;margin:0;min-height:0;padding:0 70px 0 0;resize:none;width:100%;letter-spacing:0;text-transform:unset}.message-box textarea:focus:-webkit-placeholder{color:transparent}.message-box .message-submit{border:none;border-radius:10px;color:#fff;font-size:12px;line-height:1;outline:0!important;padding:8px 20px;position:absolute;right:10px;text-transform:uppercase;top:11px;transition:background .2s ease 0s;z-index:1}.mCSB_scrollTools{margin:1px -3px 1px 0;opacity:0}.mCSB_inside>.mCSB_container{margin-right:0;padding:0 10px}.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{background-color:rgba(0,0,0,.5)!important}@-webkit-keyframes bounce{0%{-webkit-transform:matrix3d(0,0,0,0,0,0,0,0,0,0,1,0,0,0,0,1);transform:matrix3d(0,0,0,0,0,0,0,0,0,0,1,0,0,0,0,1)}4.7%{-webkit-transform:matrix3d(.45,0,0,0,0,.45,0,0,0,0,1,0,0,0,0,1);transform:matrix3d(.45,0,0,0,0,.45,0,0,0,0,1,0,0,0,0,1)}9.41%{-webkit-transform:matrix3d(.883,0,0,0,0,.883,0,0,0,0,1,0,0,0,0,1);transform:matrix3d(.883,0,0,0,0,.883,0,0,0,0,1,0,0,0,0,1)}14.11%{-webkit-transform:matrix3d(1.141,0,0,0,0,1.141,0,0,0,0,1,0,0,0,0,1);transform:matrix3d(1.141,0,0,0,0,1.141,0,0,0,0,1,0,0,0,0,1)}18.72%{-webkit-transform:matrix3d(1.212,0,0,0,0,1.212,0,0,0,0,1,0,0,0,0,1);transform:matrix3d(1.212,0,0,0,0,1.212,0,0,0,0,1,0,0,0,0,1)}24.32%{-webkit-transform:matrix3d(1.151,0,0,0,0,1.151,0,0,0,0,1,0,0,0,0,1);transform:matrix3d(1.151,0,0,0,0,1.151,0,0,0,0,1,0,0,0,0,1)}29.93%{-webkit-transform:matrix3d(1.048,0,0,0,0,1.048,0,0,0,0,1,0,0,0,0,1);transform:matrix3d(1.048,0,0,0,0,1.048,0,0,0,0,1,0,0,0,0,1)}35.54%{-webkit-transform:matrix3d(.979,0,0,0,0,.979,0,0,0,0,1,0,0,0,0,1);transform:matrix3d(.979,0,0,0,0,.979,0,0,0,0,1,0,0,0,0,1)}41.04%{-webkit-transform:matrix3d(.961,0,0,0,0,.961,0,0,0,0,1,0,0,0,0,1);transform:matrix3d(.961,0,0,0,0,.961,0,0,0,0,1,0,0,0,0,1)}52.15%{-webkit-transform:matrix3d(.991,0,0,0,0,.991,0,0,0,0,1,0,0,0,0,1);transform:matrix3d(.991,0,0,0,0,.991,0,0,0,0,1,0,0,0,0,1)}63.26%{-webkit-transform:matrix3d(1.007,0,0,0,0,1.007,0,0,0,0,1,0,0,0,0,1);transform:matrix3d(1.007,0,0,0,0,1.007,0,0,0,0,1,0,0,0,0,1)}85.49%{-webkit-transform:matrix3d(.999,0,0,0,0,.999,0,0,0,0,1,0,0,0,0,1);transform:matrix3d(.999,0,0,0,0,.999,0,0,0,0,1,0,0,0,0,1)}100%{-webkit-transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,0,0,1);transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,0,0,1)}}@keyframes bounce{0%{-webkit-transform:matrix3d(0,0,0,0,0,0,0,0,0,0,1,0,0,0,0,1);transform:matrix3d(0,0,0,0,0,0,0,0,0,0,1,0,0,0,0,1)}4.7%{-webkit-transform:matrix3d(.45,0,0,0,0,.45,0,0,0,0,1,0,0,0,0,1);transform:matrix3d(.45,0,0,0,0,.45,0,0,0,0,1,0,0,0,0,1)}9.41%{-webkit-transform:matrix3d(.883,0,0,0,0,.883,0,0,0,0,1,0,0,0,0,1);transform:matrix3d(.883,0,0,0,0,.883,0,0,0,0,1,0,0,0,0,1)}14.11%{-webkit-transform:matrix3d(1.141,0,0,0,0,1.141,0,0,0,0,1,0,0,0,0,1);transform:matrix3d(1.141,0,0,0,0,1.141,0,0,0,0,1,0,0,0,0,1)}18.72%{-webkit-transform:matrix3d(1.212,0,0,0,0,1.212,0,0,0,0,1,0,0,0,0,1);transform:matrix3d(1.212,0,0,0,0,1.212,0,0,0,0,1,0,0,0,0,1)}24.32%{-webkit-transform:matrix3d(1.151,0,0,0,0,1.151,0,0,0,0,1,0,0,0,0,1);transform:matrix3d(1.151,0,0,0,0,1.151,0,0,0,0,1,0,0,0,0,1)}29.93%{-webkit-transform:matrix3d(1.048,0,0,0,0,1.048,0,0,0,0,1,0,0,0,0,1);transform:matrix3d(1.048,0,0,0,0,1.048,0,0,0,0,1,0,0,0,0,1)}35.54%{-webkit-transform:matrix3d(.979,0,0,0,0,.979,0,0,0,0,1,0,0,0,0,1);transform:matrix3d(.979,0,0,0,0,.979,0,0,0,0,1,0,0,0,0,1)}41.04%{-webkit-transform:matrix3d(.961,0,0,0,0,.961,0,0,0,0,1,0,0,0,0,1);transform:matrix3d(.961,0,0,0,0,.961,0,0,0,0,1,0,0,0,0,1)}52.15%{-webkit-transform:matrix3d(.991,0,0,0,0,.991,0,0,0,0,1,0,0,0,0,1);transform:matrix3d(.991,0,0,0,0,.991,0,0,0,0,1,0,0,0,0,1)}63.26%{-webkit-transform:matrix3d(1.007,0,0,0,0,1.007,0,0,0,0,1,0,0,0,0,1);transform:matrix3d(1.007,0,0,0,0,1.007,0,0,0,0,1,0,0,0,0,1)}85.49%{-webkit-transform:matrix3d(.999,0,0,0,0,.999,0,0,0,0,1,0,0,0,0,1);transform:matrix3d(.999,0,0,0,0,.999,0,0,0,0,1,0,0,0,0,1)}100%{-webkit-transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,0,0,1);transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,0,0,1)}}@-webkit-keyframes ball{from{-webkit-transform:translateY(0) scaleY(.8);transform:translateY(0) scaleY(.8)}to{-webkit-transform:translateY(-10px);transform:translateY(-10px)}}@keyframes ball{from{-webkit-transform:translateY(0) scaleY(.8);transform:translateY(0) scaleY(.8)}to{-webkit-transform:translateY(-10px);transform:translateY(-10px)}}
/*************** Multi Emails Input ***************/
.multiple_emails-container{border:1px solid #e5e5e5; border-radius:30px; cursor:text; float:left; margin:0 0 20px; padding:7px 24px; width:100%;background:#f5f5f5 } .multiple_emails-container input{height:40px!important;border:0 none; box-sizing:border-box; clear:both; display:inline-block; float:none; margin:0; outline:medium none; padding:5px; width:auto; } .multiple_emails-container input{border:0 !important; } .multiple_emails-container input.multiple_emails-error{box-shadow:inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px red !important; outline:thin auto red !important; } .multiple_emails-container ul{float:left; list-style-type:none; margin:5px 0; padding-left:0; width:auto; } .multiple_emails-email{background:#f3f7fd; border:1px solid #bbd8fb; border-radius:3px; color:#737373; font-family:noto sans; margin:0 2px; padding:0 5px; width:auto} .multiple_emails-close{float:left; font-size:12px; margin:0 7px 0 3px} .multiple_emails-email:before{display:none}
/*************** Easy Editor ***************/
.easyeditor{color:#888888; font-family:roboto; font-size:15px; letter-spacing:0.3px; line-height:27px; outline:none; border:1px solid #e9e9e9; padding:20px; margin-bottom:20px; overflow-y:auto; } .easyeditor-toolbar{border:1px solid #e9e9e9; border-bottom:0; padding:10px 10px 5px; -webkit-user-select:none; -moz-user-select:none; -ms-user-select:none; user-select:none; background:rgba(241, 241, 241, 0.2); } .easyeditor-toolbar ul:after{content:""; display:block; clear:both; } .easyeditor-toolbar li{list-style:none; float:left; position:relative; } .easyeditor-toolbar li ul{position:absolute; left:0; top:31px; z-index:5; display:none; } .easyeditor-toolbar li button{background:#f4f4f4; border:1px solid #e9e9e9; border-radius:2px; cursor:pointer; display:inline-block; float:left; line-height:17px; margin-bottom:5px; margin-right:5px; min-width:30px; outline:medium none; padding:4px 8px; }
 .easyeditor-toolbar li button:hover{background:#f9f9f9; box-shadow:0 1px 1px rgba(0, 0, 0, 0.1); border:1px solid #ddd; } .easyeditor-toolbar li button:active{box-shadow:inset 0 0 2px rgba(0, 0, 0, 0.1); } .toolbar-italic{font-style:italic; } .easyeditor blockquote{border-left:2px solid #e9e9e9; padding-left:20px; color:#777; } .easyeditor figure{display:flex; align-items:center; justify-content:center; width:400px; min-width:100px; max-width:100%; padding:7px; box-sizing:border-box; margin:auto; overflow:hidden; } .easyeditor figure.is-resizable{resize:both; border:1px solid #0e90dc; cursor:se-resize; } .easyeditor figure img{width:100%; } .easyeditor[contenteditable=true]:empty:before{content:attr(placeholder); display:block; opacity:0.5; cursor:text; } .easyeditor-toolbar.is-fixed{position:fixed; top:0; background:#fff; border-bottom:1px solid #ddd; z-index:5; } .easyeditor ul, .easyeditor ol{margin-left:30px; } .easyeditor-temp{box-sizing:border-box; font-family:Consolas, monaco, monospace, "Courier New", Courier, "Lucida Sans Typewriter", "Lucida Typewriter" !important; line-height:18px; padding:15px; border:1px solid #e0e0e0; } .easyeditor-modal{background:rgba(0, 0, 0, 0.7); position:fixed; top:0; left:0; width:100%; height:100%; display:flex; align-items:center; } .easyeditor-modal.is-hidden{display:none; } .easyeditor-modal-content{background:#fff; padding:30px; width:600px; margin:auto; position:relative; } .easyeditor-modal-content-header{font-size:22px; margin-bottom:20px; } .easyeditor-modal-close{position:absolute; right:20px; top:0; } .easyeditor-modal-content-body-loader{height:5px; width:0; background:#0e90dc; margin-bottom:20px; transition:width 400ms; } .easyeditor-modal-content-body input{width:100%; margin-bottom:20px;height:auto } .easyeditor-modal-content-body button{margin-top:20px; padding:7px 10px; border:1px solid #057DC4; background:#0e90dc; color:#fff; cursor:pointer; } .easyeditor-modal-content-body button:hover{opacity:0.8; } .easyeditor-wrapper{float:left; width:100%; } .easyeditor-toolbar{float:left; width:100% !important; } .easyeditor-toolbar > ul{float:left; margin:0; width:100%; } .easyeditor-toolbar > ul li{float:left; font-size:12px; padding:0; width:auto; } .easyeditor-toolbar > ul li::before{display:none; } strong{font-weight:600; } em{font-style:italic; }
/* ===============================================================
    OWL CAROUSEL STYLING
================================================================*/
.owl-carousel .animated{-webkit-animation-duration:1000ms;animation-duration:1000ms;-webkit-animation-fill-mode:both;animation-fill-mode:both}.owl-carousel .owl-animated-in{z-index:0}.owl-carousel .owl-animated-out{z-index:1}.owl-carousel .fadeOut{-webkit-animation-name:fadeOut;animation-name:fadeOut}@-webkit-keyframes fadeOut{0%{opacity:1}100%{opacity:0}}@keyframes fadeOut{0%{opacity:1}100%{opacity:0}}/* *   Owl Carousel - Auto Height Plugin*/.owl-height{-webkit-transition:height 500ms ease-in-out;-moz-transition:height 500ms ease-in-out;-ms-transition:height 500ms ease-in-out;-o-transition:height 500ms ease-in-out;transition:height 500ms ease-in-out}/* *  Core Owl Carousel CSS File*/.owl-carousel{display:none;-webkit-tap-highlight-color:transparent;/* position relative and z-index fix webkit rendering fonts issue */position:relative;z-index:1}.owl-carousel .owl-stage{position:relative;-ms-touch-action:pan-Y}.owl-carousel .owl-stage:after{content:".";display:block;clear:both;visibility:hidden;line-height:0;height:0}.owl-carousel .owl-stage-outer{position:relative;overflow:hidden;/* fix for flashing background */-webkit-transform:translate3d(0px, 0px, 0px)}.owl-carousel .owl-controls .owl-nav .owl-prev,.owl-carousel .owl-controls .owl-nav .owl-next,.owl-carousel .owl-controls .owl-dot{cursor:pointer;cursor:hand;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.owl-carousel.owl-loaded{display:block}.owl-carousel.owl-loading{opacity:0;display:block}.owl-carousel.owl-hidden{opacity:0}.owl-carousel .owl-refresh .owl-item{display:none}.owl-carousel .owl-item{position:relative;min-height:1px;float:left;-webkit-backface-visibility:hidden;-webkit-tap-highlight-color:transparent;-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.owl-carousel .owl-item img{-webkit-transform-style:preserve-3d}.owl-carousel.owl-text-select-on .owl-item{-webkit-user-select:auto;-moz-user-select:auto;-ms-user-select:auto;user-select:auto}.owl-carousel .owl-grab{cursor:move;cursor:-webkit-grab;cursor:-o-grab;cursor:-ms-grab;cursor:grab}.owl-carousel.owl-rtl{direction:rtl}.owl-carousel.owl-rtl .owl-item{float:right}/* No Js */.no-js .owl-carousel{display:block}/* *    Owl Carousel - Lazy Load Plugin*/.owl-carousel .owl-item .owl-lazy{opacity:0;-webkit-transition:opacity 400ms ease;-moz-transition:opacity 400ms ease;-ms-transition:opacity 400ms ease;-o-transition:opacity 400ms ease;transition:opacity 400ms ease}.owl-carousel .owl-item img{transform-style:preserve-3d}/* *  Owl Carousel - Video Plugin*/.owl-carousel .owl-video-wrapper{position:relative;height:100%;background:#000}.owl-carousel .owl-video-play-icon{position:absolute;height:80px;width:80px;left:50%;top:50%;margin-left:-40px;margin-top:-40px;background:url("owl.video.play.png") no-repeat;cursor:pointer;z-index:1;-webkit-backface-visibility:hidden;-webkit-transition:scale 100ms ease;-moz-transition:scale 100ms ease;-ms-transition:scale 100ms ease;-o-transition:scale 100ms ease;transition:scale 100ms ease}.owl-carousel .owl-video-play-icon:hover{-webkit-transition:scale(1.3, 1.3);-moz-transition:scale(1.3, 1.3);-ms-transition:scale(1.3, 1.3);-o-transition:scale(1.3, 1.3);transition:scale(1.3, 1.3)}.owl-carousel .owl-video-playing .owl-video-tn,.owl-carousel .owl-video-playing .owl-video-play-icon{display:none}.owl-carousel .owl-video-tn{opacity:0;height:100%;background-position:center center;background-repeat:no-repeat;-webkit-background-size:contain;-moz-background-size:contain;-o-background-size:contain;background-size:contain;-webkit-transition:opacity 400ms ease;-moz-transition:opacity 400ms ease;-ms-transition:opacity 400ms ease;-o-transition:opacity 400ms ease;transition:opacity 400ms ease}.owl-carousel .owl-video-frame{position:relative;z-index:1}
/*************** File Upload ***************/
.fileinput-button{position:relative; overflow:hidden; display:inline-block; } .fileinput-button input{position:absolute; top:0; right:0; margin:0; opacity:0; -ms-filter:'alpha(opacity=0)'; font-size:200px !important; direction:ltr; cursor:pointer; } .fileupload-buttonbar .btn, .fileupload-buttonbar .toggle{margin-bottom:5px; } .progress-animated .progress-bar, .progress-animated .bar{background:url("../img/progressbar.gif") !important; filter:none; } .fileupload-process{float:right; display:none; } .fileupload-processing .fileupload-process, .files .processing .preview{display:block; width:32px; height:32px; background-size:contain; } .files audio, .files video{max-width:300px; } @media (max-width:767px){.fileupload-buttonbar .toggle, .files .toggle, .files .btn span{display:none; } .files .name{width:80px; word-wrap:break-word; } .files audio, .files video{max-width:80px; } .files img, .files canvas{max-width:100%; } }
.fileupload-process .toggle{float:left; width:auto; } .fileupload-buttonbar .toggle{float:none; height:24px !important; margin:0 0 0 10px; vertical-align:middle; width:auto !important; }
.blueimp-gallery,.blueimp-gallery>.slides>.slide>.slide-content{position:absolute;top:0;right:0;bottom:0;left:0;-moz-backface-visibility:hidden}.blueimp-gallery>.slides>.slide>.slide-content{margin:auto;width:auto;height:auto;max-width:100%;max-height:100%;opacity:1}.blueimp-gallery{position:fixed;z-index:999999;overflow:hidden;background:#000;background:rgba(0,0,0,.9);opacity:0;display:none;direction:ltr;-ms-touch-action:none;touch-action:none}.blueimp-gallery-carousel{position:relative;z-index:auto;margin:1em auto;padding-bottom:56.25%;box-shadow:0 0 10px #000;-ms-touch-action:pan-y;touch-action:pan-y}.blueimp-gallery-display{display:block;opacity:1}.blueimp-gallery>.slides{position:relative;height:100%;overflow:hidden}.blueimp-gallery-carousel>.slides{position:absolute}.blueimp-gallery>.slides>.slide{position:relative;float:left;height:100%;text-align:center;-webkit-transition-timing-function:cubic-bezier(0.645,.045,.355,1);-moz-transition-timing-function:cubic-bezier(0.645,.045,.355,1);-ms-transition-timing-function:cubic-bezier(0.645,.045,.355,1);-o-transition-timing-function:cubic-bezier(0.645,.045,.355,1);transition-timing-function:cubic-bezier(0.645,.045,.355,1)}.blueimp-gallery,.blueimp-gallery>.slides>.slide>.slide-content{-webkit-transition:opacity .5s linear;-moz-transition:opacity .5s linear;-ms-transition:opacity .5s linear;-o-transition:opacity .5s linear;transition:opacity .5s linear}.blueimp-gallery>.slides>.slide-loading{background:url(../img/loading.gif) center no-repeat;background-size:64px 64px}.blueimp-gallery>.slides>.slide-loading>.slide-content{opacity:0}.blueimp-gallery>.slides>.slide-error{background:url(../img/error.png) center no-repeat}.blueimp-gallery>.slides>.slide-error>.slide-content{display:none}.blueimp-gallery>.prev,.blueimp-gallery>.next{position:absolute;top:50%;left:15px;width:40px;height:40px;margin-top:-23px;font-family:"Helvetica Neue",Helvetica,Arial,sans-serif;font-size:60px;font-weight:100;line-height:30px;color:#fff;text-decoration:none;text-shadow:0 0 2px #000;text-align:center;background:#222;background:rgba(0,0,0,.5);-webkit-box-sizing:content-box;-moz-box-sizing:content-box;box-sizing:content-box;border:3px solid #fff;-webkit-border-radius:23px;-moz-border-radius:23px;border-radius:23px;opacity:.5;cursor:pointer;display:none}.blueimp-gallery>.next{left:auto;right:15px}.blueimp-gallery>.close,.blueimp-gallery>.title{position:absolute;top:15px;left:15px;margin:0 40px 0 0;font-size:20px;line-height:30px;color:#fff;text-shadow:0 0 2px #000;opacity:.8;display:none}.blueimp-gallery>.close{padding:15px;right:15px;left:auto;margin:-15px;font-size:30px;text-decoration:none;cursor:pointer}.blueimp-gallery>.play-pause{position:absolute;right:15px;bottom:15px;width:15px;height:15px;background:url(../img/play-pause.png) 0 0 no-repeat;cursor:pointer;opacity:.5;display:none}.blueimp-gallery-playing>.play-pause{background-position:-15px 0}.blueimp-gallery>.prev:hover,.blueimp-gallery>.next:hover,.blueimp-gallery>.close:hover,.blueimp-gallery>.title:hover,.blueimp-gallery>.play-pause:hover{color:#fff;opacity:1}.blueimp-gallery-controls>.prev,.blueimp-gallery-controls>.next,.blueimp-gallery-controls>.close,.blueimp-gallery-controls>.title,.blueimp-gallery-controls>.play-pause{display:block;-webkit-transform:translateZ(0);-moz-transform:translateZ(0);-ms-transform:translateZ(0);-o-transform:translateZ(0);transform:translateZ(0)}.blueimp-gallery-single>.prev,.blueimp-gallery-left>.prev,.blueimp-gallery-single>.next,.blueimp-gallery-right>.next,.blueimp-gallery-single>.play-pause{display:none}.blueimp-gallery>.slides>.slide>.slide-content,.blueimp-gallery>.prev,.blueimp-gallery>.next,.blueimp-gallery>.close,.blueimp-gallery>.play-pause{-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}body:last-child .blueimp-gallery>.slides>.slide-error{background-image:url(../img/error.svg)}body:last-child .blueimp-gallery>.play-pause{width:20px;height:20px;background-size:40px 20px;background-image:url(../img/play-pause.svg)}body:last-child .blueimp-gallery-playing>.play-pause{background-position:-20px 0}*+html .blueimp-gallery>.slides>.slide{min-height:300px}*+html .blueimp-gallery>.slides>.slide>.slide-content{position:relative}@charset "UTF-8";.blueimp-gallery>.indicator{position:absolute;top:auto;right:15px;bottom:15px;left:15px;margin:0 40px;padding:0;list-style:none;text-align:center;line-height:10px;display:none}.blueimp-gallery>.indicator>li{display:inline-block;width:9px;height:9px;margin:6px 3px 0;-webkit-box-sizing:content-box;-moz-box-sizing:content-box;box-sizing:content-box;border:1px solid transparent;background:#ccc;background:rgba(255,255,255,.25)center no-repeat;border-radius:5px;box-shadow:0 0 2px #000;opacity:.5;cursor:pointer}.blueimp-gallery>.indicator>li:hover,.blueimp-gallery>.indicator>.active{background-color:#fff;border-color:#fff;opacity:1}.blueimp-gallery-controls>.indicator{display:block;-webkit-transform:translateZ(0);-moz-transform:translateZ(0);-ms-transform:translateZ(0);-o-transform:translateZ(0);transform:translateZ(0)}.blueimp-gallery-single>.indicator{display:none}.blueimp-gallery>.indicator{-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}*+html .blueimp-gallery>.indicator>li{display:inline}@charset "UTF-8";.blueimp-gallery>.slides>.slide>.video-content>img{position:absolute;top:0;right:0;bottom:0;left:0;margin:auto;width:auto;height:auto;max-width:100%;max-height:100%;-moz-backface-visibility:hidden}.blueimp-gallery>.slides>.slide>.video-content>video{position:absolute;top:0;left:0;width:100%;height:100%}.blueimp-gallery>.slides>.slide>.video-content>iframe{position:absolute;top:100%;left:0;width:100%;height:100%;border:none}.blueimp-gallery>.slides>.slide>.video-playing>iframe{top:0}.blueimp-gallery>.slides>.slide>.video-content>a{position:absolute;top:50%;right:0;left:0;margin:-64px auto 0;width:128px;height:128px;background:url(../img/video-play.png) center no-repeat;opacity:.8;cursor:pointer}.blueimp-gallery>.slides>.slide>.video-content>a:hover{opacity:1}.blueimp-gallery>.slides>.slide>.video-playing>a,.blueimp-gallery>.slides>.slide>.video-playing>img{display:none}.blueimp-gallery>.slides>.slide>.video-content>video{display:none}.blueimp-gallery>.slides>.slide>.video-playing>video{display:block}.blueimp-gallery>.slides>.slide>.video-loading>a{background:url(../img/loading.gif) center no-repeat;background-size:64px 64px}body:last-child .blueimp-gallery>.slides>.slide>.video-content:not(.video-loading)>a{background-image:url(../img/video-play.svg)}*+html .blueimp-gallery>.slides>.slide>.video-content{height:100%}*+html .blueimp-gallery>.slides>.slide>.video-content>a{left:50%;margin-left:-64px}
/*************** File Upload ***************/
.irs{position: relative; display: block; -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .irs-line {position: relative; display: block; overflow: hidden; outline: none !important; } .irs-line-left, .irs-line-mid, .irs-line-right {position: absolute; display: block; top: 0; } .irs-line-left {left: 0; width: 11%; } .irs-line-mid {left: 9%; width: 82%; } .irs-line-right {right: 0; width: 11%; } .irs-bar {position: absolute; display: block; left: 0; width: 0; } .irs-bar-edge {position: absolute; display: block; top: 0; left: 0; } .irs-shadow {position: absolute; display: none; left: 0; width: 0; } .irs-slider {position: absolute; display: block; cursor: default; z-index: 1; } .irs-slider.single {} .irs-slider.from {} .irs-slider.to {} .irs-slider.type_last {z-index: 2; } .irs-min {position: absolute; display: block; left: 0; cursor: default; } .irs-max {position: absolute; display: block; right: 0; cursor: default; } .irs-from, .irs-to, .irs-single {position: absolute; display: block; top: 0; left: 0; cursor: default; white-space: nowrap; } .irs-grid {position: absolute; display: none; bottom: 0; left: 0; width: 100%; height: 20px; } .irs-with-grid .irs-grid {display: block; } .irs-grid-pol {position: absolute; top: 0; left: 0; width: 1px; height: 8px; background: #000; } .irs-grid-pol.small {height: 4px; } .irs-grid-text {position: absolute; bottom: 0; left: 0; white-space: nowrap; text-align: center; font-size: 9px; line-height: 9px; padding: 0 3px; color: #000; } .irs-disable-mask {position: absolute; display: block; top: 0; left: -1%; width: 102%; height: 100%; cursor: default; background: rgba(0,0,0,0.0); z-index: 2; } .irs-disabled {opacity: 0.4; } .lt-ie9 .irs-disabled {filter: alpha(opacity=40); } .irs-hidden-input {position: absolute !important; display: block !important; top: 0 !important; left: 0 !important; width: 0 !important; height: 0 !important; font-size: 0 !important; line-height: 0 !important; padding: 0 !important; margin: 0 !important; outline: none !important; z-index: -9999 !important; background: none !important; border-style: solid !important; border-color: transparent !important}
.irs-line-mid, .irs-line-left, .irs-line-right, .irs-bar, .irs-bar-edge, .irs-slider {background: url(../images/sprite-skin-flat.png) repeat-x; } .irs {height: 40px; } .irs-with-grid {height: 60px; } .irs-line {height: 12px; top: 25px; } .irs-line-left {height: 12px; background-position: 0 -30px; } .irs-line-mid {height: 12px; background-position: 0 0; } .irs-line-right {height: 12px; background-position: 100% -30px; } .irs-bar {height: 12px; top: 25px; background-position: 0 -60px; } .irs-bar-edge {top: 25px; height: 12px; width: 9px; background-position: 0 -90px; } .irs-shadow {height: 3px; top: 34px; background: #000; opacity: 0.25; } .lt-ie9 .irs-shadow {filter: alpha(opacity=25); } .irs-slider {width: 16px; height: 18px; top: 22px; background-position: 0 -120px; } .irs-slider.state_hover, .irs-slider:hover {background-position: 0 -150px; } .irs-min, .irs-max {color: #999; font-size: 10px; line-height: 1.333; text-shadow: none; top: 0; padding: 1px 3px; background: #e1e4e9; -moz-border-radius: 4px; border-radius: 4px; } .irs-from, .irs-to, .irs-single {color: #fff; font-size: 10px; line-height: 1.333; text-shadow: none; padding: 1px 5px; background: #ed5565; -moz-border-radius: 4px; border-radius: 4px; } .irs-from:after, .irs-to:after, .irs-single:after {position: absolute; display: block; content: ""; bottom: -6px; left: 50%; width: 0; height: 0; margin-left: -3px; overflow: hidden; border: 3px solid transparent; border-top-color: #ed5565; } .irs-grid-pol {background: #e1e4e9; } .irs-grid-text {color: #999; } .irs-disabled {}




        /*----------pager---------*/
ul.Paged { list-style-type:none; text-align:center;  margin:20px 0;}
ul.Paged li { display:inline; color:#555555; font-size:11px;margin:0;  }
ul.Paged li a:link, ul.Paged li a:visited
{  background-color:#E71206;
font-size:11px; text-decoration:none; 
display:inline-block; color:#fff; padding:5px 9px;
margin:19px 0px;
border-radius: 5px !important;
border: 1px ridge #E71206;
font-size: 15px;
font-weight: bold; }
ul.Paged li a:hover, ul.Paged .active { background-color:#fff;color:#E71206;border-radius: 5px !important;
font-size: 15px;
font-weight: bold;
border: 1px ridge #E71206;  }
ul.Paged li
{
border-radius: 5px !important;
font-size: 15px;
font-weight: bold;
}
.pagingActive
{
    background-color:#FFBC53;
 font-size:11px; text-decoration:none; 
display:inline-block; color:#fff; 
padding:5px 12px;
margin:19px 0px;
border-radius: 5px !important;
border: 1px solid #FFBC53;
font-size: 15px;
font-weight: bold;
}
.pagingCurrent
{
background-color:#ffffff !important;
color: #C2C2C2 !important;
font-size:11px; text-decoration:none; 
display:inline-block; color:#fff; 
padding:5px 12px;
margin:19px 0px;
border-radius: 5px !important;
border: 1px solid #C2C2C2 !important;
font-size: 15px;
font-weight: medium;
}



.dominence-sidemenu .scrollbar-inner.navigation .select a
{
    color: #18A9DD;
    
}
span.breadcumb
{
    font: normal normal normal 16px/21px 'Fira Sans', sans-serif !important;
}
.breadcumb-menu
{
    color: #18A9DD;
    font: normal normal medium 16px/21px 'Fira Sans', sans-serif;
}
.content-area > * 
{
    font-family: 'Fira Sans', Sans-Serif;
}

.each-card 
{
    max-height: 129px;
    border-radius: 11px;
    background: #FFFFFF;
}
.card-first
{
    margin-left: 0px !important;    
}
.card-last
{
    margin-right: 0px !important;
}
.user-icon-container
{
   background: #D1F3E0;
}
.calc-icon-container
{
    background:#E1F1FF;
    }
.book-icon-container
{
    background: #FFEBBF;
    }
    
.question-icon-container
{
    background: #FFEAEA !important;
    }
.user-icon-container .user 
{
    color: #3CB878 !important;    
}
.calc-icon-container .calculator
{
    color: #3F7AFC !important;    
}
.book-icon-container .book
{
    
color: #FFA001 !important;    
}
.question-icon-container .question
{
    color: #FF0000 !important;
        
}
.icon-container
{
      margin: 10px 10px;
      width: 90px;
      height: 90px;
      border-radius: 90px; 
}
.icon-container-social
{
      margin: 0px 10px;
      width: auto;
      height: auto;
}

.icon-container-social .each-icon-social
{
    font-size: 80px;
    color: #ffffff;
    margin-top: 1.5rem;
    opacity:0.5;
}


.icon-container .each-icon
{
    font-size: 40px;
    margin-top: 1.5rem;
}
.details-container > *{
    text-align:right !important;
}
.details-container
{
    height: auto;
    margin-top:1.2rem;
}
.details-container .title
{
    font: normal normal normal 16px/21px 'Fira Sans';
    letter-spacing: 0px;
    color: #C2C2C2;
}
.details-container .details-number
{
    margin-top: 2rem;
    font: normal normal normal 20px/27px 'Fira Sans';
    letter-spacing: 0px;
    color: #000000;
    opacity: 1;    
}
form.body-form
{
    background-color: #F7F7FA !important;    
}
.facebook
{
    background: #0E8EF1;    
}

.twitter
{
    background: #1D9BEA;    
}
.instagram
{
    background: #D5197E;    
}
.linkedin
{
    background: #0077B5;    
}

.add-btn
{
    color: #ffffff;
    background: #18A9DD !important;
    outline : none;
    border: 1px solid #18A9DD;
    border-radius: 16px;
}

table tbody, table thead
{
    border: 1px solid #C2C2C2;
}
.btn-um
{
    background: #FFFFFF;
    border: 1px solid #C2C2C2;
    border-radius: 13px;    
    color: #000000;
    
}
.edit-icon
{
    color: #ffffff;
    border-radius:6px;
    background: #18AEFA;    
}
.delete-icon
{
    color: #ffffff;
    border-radius:6px;
    background: #FFBC53;
}
.info-icon
{
    background: #88B7F4; 
    color: #ffffff;
    border-radius:6px;
    margin-right: 8px;
}

.new-assesment-title
{
    border: none !important;
    color: #18A9DD !important; 
    }
    
    .input-label
    {
        text-align: left !important;
        padding: 0px !important;
        margin: 0px !important;    
    }
    .form-inline label
    {
        text-align: left;
        font: normal normal normal 16px/21px 'Fira Sans';
        letter-spacing: 0px;
        color: #000000;
        opacity: 1;
        padding-bottom: 4px;
        text-transform: capitalize;
        align-items: left !important;
        justify-content: left !important;    
    }
    .submit
    {
        background:#18A9DD;
        border-radius: 11px;
        color: #ffffff;
        padding: 0.8rem 2.5rem;     
    }
    .cancel
    {
        background: #FFBC53;
        border-radius: 11px;
        color: #ffffff;
        padding: 0.8rem 2.5rem;   
        margin-left: 1rem;
    }
    
    .sub-form input, .sub-form textarea
    {
        margin-top: 8px;
        border: 1px solid #707070;
    }
    .each-c-c
    {
        border: 0.5px solid #707070;
        border-radius: 20px;
        opacity: 1;  
        width: 48.4rem;  
    }
    
    .shaded-btn
    {
        background: #707070 !impotant;
        border-radius: 6px;    
    }