*{ box-sizing: border-box; font-family: 'Open Sans', sans-serif;margin: 0;padding: 0;border: 0;text-rendering: optimizeLegibility;-webkit-font-smoothing: antialiased;}
body, html{height:auto;  letter-spacing:1px;font-size: 16px; background:#F5F7FA 99% bottom no-repeat; background-attachment: fixed;}
ul, li, h1, h2, h3, h4, h5 {padding:0; margin:0; }
li{list-style:none;}
a{-webkit-transition: all ease-in-out 300ms;transition:all ease-in-out 300ms; text-decoration:none;color:#333;}

.left{float: left!important;}
.right{float:right!important;}
.txt-right{text-align: right!important;}

input[type="submit"], input[type="button"], button, textarea{-webkit-appearance:none;-moz-appearance:none;appearance:none; outline: none}
input[type="text"],select, input[type="email"], input[type="password"], textarea, input[type='tel'], input[type='password'], input[type='number'],{-webkit-appearance:none;-moz-appearance:none;appearance:none; font-size:15px; color:#333;  font-family:'Open Sans', sans-serif; font-weight:400;   border: 1px solid #d9dfe6; outline:none; border-radius:4px;width:100%;}
.radio input[type="radio"], .radio-inline input[type="radio"], .checkbox input[type="checkbox"], .checkbox-inline input[type="checkbox"] {
    position:absolute;
}
.clear{clear:both;}
body.no-scroll{overflow:hidden!important;}
.checkbox input {width:17px;height:17px;}

::-webkit-input-placeholder {color:#959595;opacity:1;-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";}
:-moz-placeholder {color:#959595;opacity:1;-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";}
::-moz-placeholder {color:#959595;opacity:1;-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";}
:-ms-input-placeholder {color:#959595;opacity:1;-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";}
input[type="text"], select, input[type="email"], input[type="password"], textarea, input[type='tel'], input[type='password'], input[type='number'] {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    font-size: 15px;
    color: #333;
    font-family: 'Open Sans', sans-serif;
    font-weight: 400;
    border: solid 1px #d9dfe6;
    outline: none;
    border-radius: 4px;
    width: 100%;
}
.form input[type='text'], .form input[type='number'], .form input[type='email'], .form input[type='password'], .form input[type='tel'], select {
    height: 50px;
    line-height: 1;
    color: #333;
    padding: 0 10px;
}
.form .form-element {
    margin: 0 0 40px 0;
}
.form .form-element label {
    color: #333;
    display: block;
    font-weight: 600;
    width: 100%;
    padding-bottom: 10px;
}
/***header new**/
.logo{
    position: relative;
    padding: 20px 15px;
    z-index: 4;
}
 .logo-img {
    width: 30px;
    display: inline-block;
    max-height: 30px;
    margin-right: 12px;
	margin-top: 2px;
}
.align-middle {
color: #fff;
    vertical-align: top !important;
    font-size: 26px;
    text-transform: uppercase;
    letter-spacing: 1px;
    letter-spacing: 2px;
}
.sidebar-background{

    position: absolute;
    z-index: -1;
    height: 100%;
    width: 100%;
    display: block;
    top: 0;
    left: 0;
	background:url(../images/side-bar.jpg) no-repeat;
    -webkit-background-size: cover;
    background-size: cover;
    background-position: center center;	
	
	
}
.sidebar-background:after {
	content:'';
    background:rgba(0, 0, 0, 0.7);

    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
	    position: absolute;
    top: 0px;
    left: 0px;
    bottom: 0px;
    right: 0px;
}

.nav-outer ul li.current a:before {
    content: '';
    display: block;
    position: absolute;
   right:0px;
    top: 0;
    width: 100%;
    height: 100%;
    border-right: solid 5px #fc732b;
    background: rgba(200, 200, 200, 0.2);
    -webkit-transition: 0.35s ease left;
    transition: 0.35s ease left;
}

.ion-power:before{font-size: 23px;}
.icon.ion-toggle:before{font-size: 20px;}
/***profile drop down**/

.dropdown-menu{    background:#fff; color: #333; border-right: none; border-left: none; border-bottom: none; border-radius: 0px; margin: 45px auto 20px;    min-width: 350px;max-width: 350px;position: absolute;  top: 15px;  right: 0px;opacity:1;-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; display:none;-webkit-animation-duration: 1s;animation-duration: 1s;-webkit-animation-fill-mode: both;animation-fill-mode: both;    border-radius: 0px 0px 5px 5px;  background: #fff; box-shadow: 0 3px 6px rgba(0, 0, 0, .16), 0 3px 6px rgba(0, 0, 0, .22); }	
.settings .dropdown-menu{max-width:250px;min-width:250px;}
.avatar.avatar-lg { width: 64px;}
.rounded-circle {border-radius: 50%!important;}
.text-center {text-align: center;}
.pt-md { padding-top: 15px;}
.nav-menu-list a.btn{background:#ec8650; padding:12px 10px;    width: 140px; border-radius:0px; margin:15px auto; display: block; font-size:12px; text-transform: uppercase; color:#fff; display: none;}
.nav-menu-list a.btn:hover{background:#dc7c49;}
.nav-profile .dropdown-menu h5 {font-size: 16px;color:#fff; padding-top: 15px;}
.progress-xs{margin-top: 15px;height:2px;background:#312d2d;}
.nav-profile .dropdown-menu .menu-links { text-decoration: none;  border-bottom: 1px solid #2b384b;font-size:14px;}
.nav-profile .dropdown-menu .menu-links  a{padding: 20px; display:block; color: #fff; background:#000; -webkit-transition: all ease-in-out 800ms; transition:all ease-in-out 800ms; border-left:solid 5px #000!important; }
.nav-profile .dropdown-menu .menu-links:hover a{ border-left:solid 5px #fc732b!important; color: #ccc;}

.nav-profile.show .dropdown-menu{display:block;	-webkit-animation-name: bounceInRight;animation-name: bounceInRight;}
.chat-message{    margin-left: 30px;}
.notification-dropdown li a .chat-message span{width:100%;padding-top:0px;}
.notification-dropdown li a .chat-message span.title{font-weight:600;font-size: 15px;color: #5b9bd1;}
.icon-cricle img{max-width:100%;}
.caret {display: inline-block;width: 0; height: 0; margin-left: 2px;vertical-align: middle;border-top:#000 4px dashed;border-top: 4px solid\9;border-right: 4px solid transparent;border-left: 4px solid transparent;}
.float-right{float:right;vertical-align:middle;}


 @-webkit-keyframes bounceInRight {
0% {
   opacity: 0;
   -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
   -webkit-transform: translateX(2000px);
}
60% {
   opacity: 1;
   -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
   -webkit-transform: translateX(-30px);
}
80% {
   -webkit-transform: translateX(10px);
}
100% {
   -webkit-transform: translateX(0);
}
}

@keyframes bounceInRight {
0% {
   opacity: 0;
   -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
   -webkit-transform: translateX(2000px);
           transform: translateX(2000px);
}
60% {
   opacity: 1;
   -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
   -webkit-transform: translateX(-30px);
           transform: translateX(-30px);
}
80% {
   -webkit-transform: translateX(10px);
           transform: translateX(10px);
}
100% {
   -webkit-transform: translateX(0);
           transform: translateX(0);
}
}
		 
		 
.dropdown.show-hide .dropdown-menu{
	display:block;
  -webkit-animation-name: bounceInLeft;
  animation-name: bounceInLeft;
   
}

 @-webkit-keyframes bounceInLeft {
0% {

	 
   -webkit-transform: translateX(0px);
}
20% {

   -webkit-transform: translateX(10px);
}
40% {
   -webkit-transform: translateX(-30px);
}
100% {
	
   -webkit-transform: translateX(2000);
	display:none;
}
}

@keyframes bounceInLeft {
0% {

   -webkit-transform: translateX(0px);

           transform: translateX(0px);
}
20% {

   -webkit-transform: translateX(10px);

           transform: translateX(10px);
}
40% {
   -webkit-transform: translateX(-30px);
           transform: translateX(-30px);
}
100% {
   -webkit-transform: translateX(2000px);
           transform: translateX(2000px);
	display:none;

}
}
/**profile drop down end**/
/***/

.field_control{margin-bottom: 40px;}
.field_control:after {display: block;  content: ''; clear: both;}
.field_control input, select{border: none; border-radius: 25px; height: 45px; padding: 5px 5px 5px 20px; width: 100%; font-size: 16px;}
.field_control input:focus{background: #ddd;outline: none;}
.error-msg{color:red;font-size:12px;}
.btn-submit{background:#fc732b;  border-radius: 25px; color: #fff;width: 100%; display: block; text-align: center; text-transform: uppercase;height: 45px;  width: 100%; font-size: 16px; border: none; cursor: pointer; -webkit-transition: all .3s ease-out;transition: all .3s ease-out;}
.btn-submit:hover{background: #000;}



.wrapper{padding-left:260px; -webkit-transition: all ease-in-out 800ms; transition:all ease-in-out 800ms;}

/* sidebar css start */
.sidebar, .wrapper.collapse .sidebar:hover, .sidebar:hover{position:fixed;top:0; bottom:0;left:0px;z-index:9999; width:250px; background:#000; padding:0px 0px 20px 0px; -webkit-transition: all ease-in-out 800ms; transition:all ease-in-out 800ms; padding-bottom: 150px; height:100%;
    box-shadow: 2px 10px 30px 0 rgba(0, 0, 0, 0.42), 0 4px 25px 0 rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(0, 0, 0, 0.2);
    -webkit-transition: width 0.3s cubic-bezier(0, 0, 0.2, 1);
    transition: width 0.3s cubic-bezier(0, 0, 0.2, 1);
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    white-space: nowrap;
    visibility: visible;}
.nav-outer i.icon{width:30px;display:inline-block;font-size:24px;vertical-align:middle;color:#fff;    margin-right: 5px;    text-align: center;}
.logo-outer{padding:20px 20px; text-align:center;-webkit-transition: all ease-in-out 800ms;transition:all ease-in-out 800ms;}
.logo-outer img{width:90px; -webkit-transition: all ease-in-out 800ms; transition:all ease-in-out 800ms;}
.sidebar ul li{list-style:none;}
.sidebar ul li a{ text-transform:capitalize; font-size:16px; display:block; color:#777777; color:#ccc; margin-bottom:2px;    padding: 12px 15px; font-weight:400; position:relative; position: relative; overflow: hidden;margin: 5px 0;}
.sidebar ul li.current a{ color:#fff;}
.sidebar ul li.current a:after{display: none;}
.sidebar ul li a span.count{position: absolute;
    display: block;
    padding: 2px 4px;
    right: 0;
    min-width: 28px;
    top: 50%;
    -webkit-transform: translate(50%, -50%);
            transform: translate(50%, -50%);
    letter-spacing: 0;
    font-weight: normal;
    background:#fc732b;
    text-shadow: none;
    border-radius: 10px;
    min-width: 26px;
    font-size: 12px;
    color: #FFF;
    right: 25px;
    text-align: center;}
.nt-info{ position: absolute;display: block;padding:2px 4px; top: 50%;-webkit-transform: translate(50%, -50%);transform: translate(50%, -50%);
    letter-spacing: 0; font-weight: normal; background: #c95c22;text-shadow: none;border-radius: 50%;min-width: 17px; font-size: 10px;
    color: #fff;right:-1px; text-align: center; margin-top: -10px;}
.sidebar ul li:hover a{background: rgba(200, 200, 200, 0.2); color:#fff }

@-webkit-keyframes shine{0%{left:-200%;}100%{left:200%;}}

@keyframes shine{0%{left:-200%;}100%{left:200%;}}


.sidebar-footer{position:fixed;right:0px; bottom:0px; left:0px;padding:10px 20px; background:#000; width:260px;-webkit-transition: all ease-in-out 800ms;transition:all ease-in-out 800ms;}
.sidebar-footer a{ font-size:16px; background:#fc732b; background:-webkit-linear-gradient(left, #fc732b , #bf5b26); background:linear-gradient(to right, #fc732b , #bf5b26); border-radius:20px; color:#fff; padding:10px; width:100%; display:block; text-align:center; text-transform:uppercase;}
.sidebar-footer a:hover{background:-webkit-linear-gradient(right, #fc732b , #bf5b26);background:linear-gradient(to left, #fc732b , #bf5b26);}




/*collapse css */
.wrapper.collapse{padding-left:121px;}
.wrapper.collapse .sidebar{top:0;left:0px;width:124px;background:#000;padding:0px 0px 80px 0px;}
/*.wrapper .sidebar:hover {top:0;left:0px;width:124px;background:#000;padding:0px 0px 80px 0px;}*/
.wrapper.collapse .main-panel .top-bar{left:125px;}
.wrapper .sidebar .sidebar-footer{font-size:12px;width:124px;}



/* main panel css start */
.main-panel .top-bar{background:#fff; padding:0px 0px 0px 15px; position:fixed; top:0; left:250px; right:0; box-shadow:0px 1px 4px #ccc; -webkit-transition: all ease-in-out 800ms; transition:all ease-in-out 800ms;z-index:99;min-height:60px;}
.main-container{    margin:80px 15px 50px 15px; }
.main-title h2{text-transform: uppercase; font-weight: 600; font-size: 22px; line-height:60px; padding-left: 8px;color:#333;}
.main-title h2 a{float: left;height: 30px; margin-right: 10px;    margin-top: 3px;}
.main-title h2 a .icon.back-arrow:before{top: 16px;font-size: 28px;color:#333;}

/* toggle css start */
.toggle-nav{display:inline-block;  width:40px; border-radius:4px; background:#e4e4e4; position: absolute;top: 0%; }
.toggle-nav span{display:block; border-radius:3px; background:#c1c1c1; height:3px; margin:6px;  -webkit-transition: all ease-in-out 800ms;  transition:all ease-in-out 800ms;}



/* Right Menu top*/
.right-nav:after{content:""; display:block; clear:both; }
.right-nav ul li{background:#efefef; border-left:1px solid #ccc; float:left; }

.right-nav ul li .navdrop-box{padding:11px 25px 11px 25px; -webkit-transition: all ease-in-out 300ms; transition:all ease-in-out 300ms;}
.right-nav ul li .navdrop-box i{color:#444;}
.right-nav ul li  li{background:none; border-left:none; float:none; padding:0; }
.right-nav  i.icon {font-size:28px;}
.right-nav ul li  li a:hover{background:#dadada;}
.right-nav ul li .navdrop-box:hover{background:#dadada;box-shadow:3px 1px 2px #ccc inset;}
.right-nav .navdrop-wrap{float:right; margin-left:0; text-transform:uppercase; min-height:60px}
.right-nav .navdrop-icon{width:20px;height:20px; position:absolute;left:25px;top:50%;cursor:pointer;margin-top:-10px;}
.right-nav .navdrop-icon.notification{background:url(../images/notification-icon.png) no-repeat;}
.right-nav .navdrop-icon.user{background:url(../images/user-icon.png) no-repeat;}
.right-nav .navdrop-dropdown{top:62px;}


/* Dropdown list css */

.navdrop-wrap {  margin-left:15px; float:left; position:relative;}
.navdrop-box {position:relative;cursor:pointer;}
.navdrop-wrap.btnbox .navdrop-box{width:44px;height:44px; text-align: center; background:none; border-radius:2px; -webkit-transition: all .3s; transition:all .3s;    background: #191f28;line-height: 44px;}
.navdrop-wrap.btnbox.border-nav .navdrop-box{border:1px solid #333;background:#fff;height:38px;width:38px;line-height:38px;    border-radius: 50%;}
.navdrop-wrap.btnbox.border-nav .navdrop-box i{color:#333;font-size:26px;}
.navdrop-wrap.btnbox .navdrop-box i{color:#fff; font-size: 28px;}
.navdrop-wrap.btnbox .navdrop-box:hover i{}
.navdrop-icon {width:100%; position:absolute;left:0;top:0; right:0; left:0; bottom:0; cursor:pointer;}
.navdrop-icon.filter{background:url(../images/filter-icon.png) no-repeat center;}
.navdrop-icon.sort{background:url(../images/sort-icon.png) no-repeat center;}
.navdrop-icon.more{background:url(../images/icon-dot.png) no-repeat center;height: 24px;width: 6px;top:7px;left:-27px;}

.row.top-data .databox svg {
-webkit-filter: drop-shadow(-2px 2px 3px rgba(0,0,0,0.5)); 
filter: drop-shadow(-2px 2px 3px rgba(0,0,0,0.5));

}


.navdrop-dropdown {width:200px;border-radius:4px;position:absolute;background:#fff;color:#666;   top:115%;
  z-index:2;right:0px;opacity:0;-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";-webkit-transform:scale(0);
    transform:scale(0);
    filter:alpha(opacity=0);
    -webkit-transition:all 300ms;
    transition:all 300ms;
    -webkit-transform-origin:top right;
    transform-origin:top right; box-shadow:0 2px 7px rgba(2, 2, 2, 0.3);}
.navdrop.show-menu .navdrop-dropdown{opacity:1;-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";-webkit-transform:scale(1);
    transform:scale(1);
    opacity:1;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    filter:alpha(opacity=100);}

.navdrop-dropdown ul {list-style:none;margin:0px;padding:0px;border-top:2px solid #444;    border-radius: 2px 2px 0px 0px;}
.navdrop-dropdown ul:before {
    content: '';
    border-top: #444 6px dashed;
    border-top: 6px solid\9;
    border-right: 6px solid transparent;
    border-left: 6px solid transparent;
    position: absolute;
    top: 0px;
    right:15px;
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg);
    top: -6px;
}

.navdrop-dropdown ul li a {color:#000;list-style:none;text-decoration:none;line-height:25px;padding:10px 15px 10px 15px;display:block;font-size:14px;font-weight:400;border-bottom:1px solid #ccc;background: none;text-overflow: ellipsis;  white-space: nowrap; overflow: hidden;letter-spacing:0px;}
.navdrop-dropdown ul li:hover{background:#eeeded;}
.navdrop-dropdown ul li a:hover{ background:#eeeded;}
.navdrop-dropdown ul li:first-child, .navdrop-dropdown ul li:first-child a{ border-radius:4px 4px 0 0 ;}
.navdrop-dropdown ul li:last-child, .navdrop-dropdown ul li:last-child a{ border-radius: 0 0 4px 4px;}




.title-wrap{padding-bottom:25px;padding-top:5px;}
.title-wrap .title-left h2{font-weight:600; font-size:24px; text-transform:uppercase;}
.title-wrap:after{clear: both;display: block;content: '';}
.search-outer{height:44px;    border-radius: 2px; float: left; position: relative; padding: 0 10px; -webkit-transition: .3s;transition:.3s; background:#191f28;width:350px;}
.search-outer input.search-box{background: none; border:none; color: #fff; color: #fff; border:none; padding-left: 10px; outline: none;width:100%;height:44px;     font-size: 15px;}

.search-outer  ::-webkit-input-placeholder {color:#fff;opacity:1;-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";}
.search-outer  :-moz-placeholder {color:#fff;opacity:1;-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";}
.search-outer  ::-moz-placeholder {color:#fff;opacity:1;-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";}
.search-outer  :-ms-input-placeholder {color:#fff;opacity:1;-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";}
.search-outer .search{background:url(../images/search.png) no-repeat; width:29px;height:23px;position:absolute;right:10px;top:50%;cursor:pointer;margin-top:-11.5px;margin-left:-8px; border: none;}


/********* Dashboard top info  ***********/

.databox{background:#fff; color: #fff; padding:30px;box-shadow: 0 1px 4px #ccc; border-radius: 4px; letter-spacing:2px;
    box-shadow: 0 6px 0 0 rgba(0, 0, 0, 0.01), 0 15px 32px 0 rgba(0, 0, 0, 0.06);}
.databox:after{clear:both; content:''; display: block;}
.row.top-data .databox:hover{box-shadow: 0 7px 32px #9d9d9d;-webkit-transition: .8s;transition:.8s;
-webkit-transform: translate(0px,-5px);
        transform: translate(0px,-5px);
}
.row.top-data .databox{display:block;}
.one{background: rgb(0,158,161);
background: -webkit-linear-gradient(300deg, rgba(0,158,161,1) 33%, rgba(6,195,199,1) 100%);
background: -webkit-linear-gradient(150deg, rgba(0,158,161,1) 33%, rgba(6,195,199,1) 100%);
background: linear-gradient(300deg, rgba(0,158,161,1) 33%, rgba(6,195,199,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#009ea1",endColorstr="#06c3c7",GradientType=1);}
.two{background: rgb(255,141,96);
background: -webkit-linear-gradient(300deg, rgba(255,141,96,1) 33%, rgba(240,184,161,1) 100%);
background: -webkit-linear-gradient(150deg, rgba(255,141,96,1) 33%, rgba(240,184,161,1) 100%);
background: linear-gradient(300deg, rgba(255,141,96,1) 33%, rgba(240,184,161,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#ff8d60",endColorstr="#f0b8a1",GradientType=1);}
.three{background: rgb(13,189,123);
background: -webkit-linear-gradient(300deg, rgba(13,189,123,1) 33%, rgba(20,222,147,1) 100%);
background: -webkit-linear-gradient(150deg, rgba(13,189,123,1) 33%, rgba(20,222,147,1) 100%);
background: linear-gradient(300deg, rgba(13,189,123,1) 33%, rgba(20,222,147,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#0dbd7b",endColorstr="#14de93",GradientType=1);}
.four{background: rgb(255,88,107);
background: -webkit-linear-gradient(300deg, rgba(255,88,107,1) 33%, rgba(244,131,144,1) 100%);
background: -webkit-linear-gradient(150deg, rgba(255,88,107,1) 33%, rgba(244,131,144,1) 100%);
background: linear-gradient(300deg, rgba(255,88,107,1) 33%, rgba(244,131,144,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#ff586b",endColorstr="#f48390",GradientType=1);}
.five{background: rgb(105,139,191);
background: -webkit-linear-gradient(300deg, rgba(105,139,191,1) 33%, rgba(119,157,214,1) 100%);
background: -webkit-linear-gradient(150deg, rgba(105,139,191,1) 33%, rgba(119,157,214,1) 100%);
background: linear-gradient(300deg, rgba(105,139,191,1) 33%, rgba(119,157,214,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#698bbf",endColorstr="#779dd6",GradientType=1);}
.six{background: rgb(112,120,131);
background: -webkit-linear-gradient(300deg, rgba(112,120,131,1) 33%, rgba(140,149,162,1) 100%);
background: -webkit-linear-gradient(150deg, rgba(112,120,131,1) 33%, rgba(140,149,162,1) 100%);
background: linear-gradient(300deg, rgba(112,120,131,1) 33%, rgba(140,149,162,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#707883",endColorstr="#8c95a2",GradientType=1);}

.databox h2{font-size: 17px; color: #fff;font-weight:400;text-transform:uppercase; margin-top: 18px;    letter-spacing: 1px;}
.databox p{font-size: 40px; font-weight: 300; margin: 10px 0 0; color:#fff; line-height:32px;}





/********* popup css  ***********/
.modal-window.small {width: 500px;}
.modal-window.small .title { padding: 15px 0px 0 0; border-bottom: none; text-align: center;}
.modal-window.small .title h2 {font-size: 28px;padding-top: 15px;}
.modal-window.small p {
    text-align: center;
    padding-bottom: 10px;
}
.modal-window.small .popup-form-outer {
    padding: 25px;
}
.modal-window.small .field_control {
    margin-bottom: 10px;
}
.modal-window.small  p {
    margin-bottom: 10px!important;
	    color: #333;
}

.modal-window-wrapper {background: rgba(0,0,0,.5);position: fixed;left: 0;right: 0; top: 0px;bottom: 0;z-index: 100;overflow: auto;display: none;}
.overlay-popup{position: fixed;left:0px;top:0px;width:100%;height:100%;display:none}
.modal-window-wrapper.modal-wrapper-visible{display:block;} 

.modal-window.modal-window-visible {display: block;opacity:0;-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";-webkit-transition: .3s;transition:.3s;-webkit-transform:translate(0px,-100px);transform:translate(0px,-100px);}
.modal-window.modal-window-visible1{opacity:1;-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";-webkit-transition: .3s;transition:.3s;-webkit-transform:translate(0px,0px);transform:translate(0px,0px);}

.modal-window {width: 600px;height: auto;background: #fff;margin: 65px auto 50px;position: relative;max-width: 98%;border-radius:4px; display:none}
.modal-window .title { width: 100%; text-align: center; box-sizing: border-box; text-transform: uppercase;     text-align: left;  border-bottom: 2px solid #666;  padding: 20px 60px 20px 40px;}
.form  .field_control input, .modal-window  .field_control select{    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    font-size: 15px;
    color: #333;
    font-family: 'Open Sans', sans-serif;
    font-weight: 400;
    border: solid 1px #d9dfe6;
    outline: none;
    border-radius: 4px;
    width: 100%;    height: 50px;
    line-height: 1;
    color: #333;
    padding: 0 10px;}
.form  .field_control textarea{border-radius:0; border:none; border-bottom:1px solid #c5c5c5; padding-left: 0; -webkit-transition: all ease-in-out 300ms; transition:all ease-in-out 300ms;resize: none;padding: 5px 5px 5px 0; font-size: 16px;color:#8e8e8e!important; width: 100%; height: 70px }
.form  .field_control input:focus, .modal-window  .field_control textarea:focus{border: 1px solid #fc732b; background: none;}


.popup-close-button {
    box-shadow: 1px 1px 0px #555;
    width: 35px;
    height: 35px;
    position: absolute;
    border-radius: 100px;
    right: -15px;
    top: -15px;
    text-align: center;
    display: block;
    z-index: 2;
    overflow: hidden;}
.popup-form-outer {    padding: 40px;}
.popup-close-button-inner:after {
    content: "\f129";
    color: #fff;
    background: #191f28;
    font-family: "Ionicons";
    top: 0;
    right: 0;
    left: 0;
    bottom: 0px;
    position: absolute;
    line-height: 35px;
    z-index: -1;
}
.form .field_control label {
    color: #333;
    display: block;
    font-weight: 600;
    width: 100%;
    padding-bottom: 10px;
}

.modal-window .title h2 {font-size:26px;color: #000;margin: 0;height: auto;line-height: 30px;font-weight: normal;  letter-spacing: 0px;
    text-transform: capitalize;}
.delete_box, .block_box {text-align: center;}
.delete_box  .common-btn, .block_box .common-btn{margin:0 10px;}
.common-btn, .popup-form-outer .btn-submit{    min-width: 150px;
    color: #fff;
    background:#fc732b;
    border: 0px;
    border-radius: 25px;
    height: 42px;
    font-size: 15px;
    cursor: pointer;
    border: 2px solid transparent;
    line-height: 38px;
    display: inline-block;
    vertical-align: top;
    text-align: center;
    font-weight: 600;
    -webkit-transition: all .3s;
    transition: all .3s;}
.field_control.submit-btn{text-align:center;}
.common-btn:hover, .popup-form-outer .btn-submit:hover {background:#dc7c49;}
.popup-form-outer .btn-submit{max-width:150px!important;}
.common-btn.grey{background: #fff;
    border: 2px solid #cac8c8;
    color: #333;}


/********* popup css   end **********/


/* table list*/
.tablewrap{font-size: 14px;background: #fff;border-radius:3px;border:1px solid #ddd;  position: relative; margin-bottom: 50px;    }
.tablewrap .title-bar{display:table;table-layout: fixed; width: 100%;padding: 0;         background: #d2d2d2; border-bottom: 1px solid #bbb;border-radius:3px 3px 0 0;}
.tablewrap .title-bar .col-title{text-transform: uppercase;font-weight: 600;padding:17px 10px;color: #333;    letter-spacing: 0px;}
.tablewrap .detail-container li{position: relative;background: #fff;display: -webkit-box;display: -ms-flexbox;display: flex; width: 100%; border-radius: 0 0 4px 4px;}
.tablewrap .detail-container li > a{display: table; width: calc(100% - 100px); margin: auto; table-layout: fixed; color: #333;}
.tablewrap .detail-container li.block-user{background: #f4f4f4}
.tablewrap .detail-container li:hover{background: #f9f9f9}
.tablewrap .detail-container > ul{border-bottom: 1px solid #e8e8e8;}
.tablewrap .detail-container:last-child > ul{border:none;}
.tablewrap .title-bar .col-title, 
.tablewrap .detail-container > ul > li .col-detail { overflow: hidden;display: table-cell;position: relative;text-overflow: ellipsis;white-space: nowrap;min-height: 55px;    letter-spacing: 0px;}
.tablewrap .detail-container > ul > li .actions{overflow: visible;}
.tablewrap .detail-container > ul > li .col-detail{ vertical-align: middle;padding:10px 10px;}
.tablewrap .detail-container > ul > li .col-detail:first-child,
.tablewrap .title-bar .col-title:first-child{width: 100px;}
.action-wrap > a {border: 1px solid #ddd;border-radius: 100%; width: 38px; height: 38px;
    background: #fff; display: inline-block; margin-right:1px; position: relative; vertical-align: top; line-height: 38px; font-size: 18px; text-align: center; color: #333; text-align: center;}
.action-wrap .ion-eye, .action-wrap .ion-key, .action-wrap .ion-trash-b{font-size: 1.2em;}
.ion-key:before{-webkit-transform: rotate(-90deg);transform: rotate(-90deg);}
.action-wrap a:before{left: 0;top: 0;content: "";position: absolute;width: 100%;height: 100%;
    -webkit-transform: scale3d(0, 0, 0);transform: scale3d(0, 0, 0);-webkit-transition: all 250ms;transition: all 250ms;-webkit-backface-visibility: hidden;backface-visibility: hidden;background-color: rgba(0, 0, 0, 0.1);z-index: 0;border-radius:100%;}
.action-wrap > a:hover:before{-webkit-transform: scale3d(1, 1, 1);transform: scale3d(1, 1, 1);}
.tablewrap .actions{width: 100px;}

.tablewrap .navdrop-dropdown ul li{    display: block;border:none; background: none;}
.tablewrap .navdrop-dropdown ul li a{    display: block; width: 100%;}


.icon.back-arrow:before{    content: "\f150";}

.container-inner{ max-width: 900px; width: 100%; margin: 86px auto; background:#fff; border-radius: 4px; box-shadow: 0 1px 4px #ccc;}
.container-inner .header-inner{ background: #000; color: #fff; padding: 25px; border-radius: 4px 4px 0 0;}
.container-inner .header-inner:after{content:""; display:block; clear:both;}
.container-inner .header-inner h3{font-weight: 300; font-size: 22px; line-height: 32px;}
.container-inner .header-inner h3 p{font-weight: 300; font-size: 14px; line-height: 20px;}
.container-inner .actionbox-right ul{  margin: 0!important; padding: 0!important; height: 0;}
.container-inner .actionbox-right li{display:inline; margin-left: 5px;}
.container-inner .actionbox-right li .icon:before{color:#fff; font-size: 28px;}


.sidebar .icons{height:10px;    margin-right: 5px; position: relative; width: 30px; height: 10px;display: inline-block;}
.icons.dashboard-icon:before{content: ''; background:url(../images/dashboard-icon.png) no-repeat; width: 25px; height: 30px;  position:absolute;top: -5px;background-size:24px;}



.icons.quote-icon:before{content: ''; background:url(../images/quote-icon.png) no-repeat; width: 25px; height: 30px;  position:absolute;top: -5px;}
.icons.other-icon:before{content: ''; background:url(../images/other-icon.png) no-repeat; width: 25px; height: 30px;  position:absolute;top: -5px;}


.row { margin: 0px -7px; }
.row:after{clear: both;content:''; display: block;}
.row .col-6 {width: 50%; float: left;  padding:15px;}
.row .col-12{width: 100%; float: left;  padding:15px;}
.row .col-4{width: 33.33%; float: left;  padding:15px;}


.container-inner-middle{padding: 50px;}
.container-inner-middle .row{margin-bottom: 20px;}
.col-head{font-weight: bold; text-transform: capitalize;font-size: 16px; margin-bottom: 5px;}
.col-text{font-size: 16px; color:#797979}


.field_control .file-attachment { width: 27px; float: right; overflow: hidden; margin: -65px 14px 0 0;}
.field_control .file-attachment input {border: none; opacity: 0; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";z-index: 2;position: relative; cursor: pointer;}
.field_control .file-attachment img {width: 21px;top: -28px;;z-index: 1; position: relative;}


.graph-wrap{position: relative;}
.graph-wrap h2{color:#333; margin-bottom: 20px;    font-weight: 600;}
.graph-wrap .navdrop-wrap{position: absolute; right: 30px; top: 30px;}

 .tooltip{ font-size:12px; max-width: 200px; white-space: normal; position: absolute; background: #000; color:#fff;padding: 5px 10px; font-size: 14px; border-radius: 5px;word-wrap:break-word;}

/* Change password*/
.responsivetabs {width: 100%;border:1px solid #e0e0e0;border-bottom-width: 2px; display: inline-block; vertical-align: top; background: #fff; border-radius: 7px 7px 0 0; }
.responsivetabs > li{display:table-cell; vertical-align: top;position: relative;}
.responsivetabs > li > a{display:block;  padding: 15px 30px; color: #999; text-transform: uppercase; position: relative; text-align: center; font-weight: 600;}
.responsivetabs > li > a:before{bottom:-2px;content: "";height: 2px;left: 0;position: absolute;width: 100%;-webkit-transform: scale(0);transform: scale(0);-webkit-transition:all 250ms ease 0s;transition: all 250ms ease 0s;}
.responsivetabs > li > a.active:before{background: #fc732b;-webkit-transform: scale(1);transform: scale(1);}
.responsivetabs > li > a.active:after{ position: absolute; left: 50%; bottom: -2px; margin: 0 0 0 -8px;  content: ""; border-left: 8px solid transparent;border-right: 8px solid transparent;border-bottom:8px solid #fc732b;}
.responsivetabs > li > a.active{ color: #fc732b;}
.responsivetabs > li > a .icon{font-size: 16px; margin: 0 6px 0 0;display: inline-block;}

.small-container .form {
    background: #fff;
    padding: 70px;
    border: 1px solid #e0e0e0;
    border-radius: 5px;
}
.tabs_nav_container .form{border-radius: 0 0 7px 7px; border-top: none;}

.container-inner.password-wrap{
    max-width: 600px;
}


.pagination {
    padding: 0px;
    margin: 0px 0px 0px 0px;
    display: block;
    text-align: center;
    font-weight: 300;
    font-size:13px;
    border-radius:15px;
    display: none;
}

.pagination li {
    display: inline-block;
    list-style: none;
    padding: 0px;
    text-align: center;
    background: #f3f5f8;
    line-height: 25px;
    box-sizing: border-box;
}

.pagination>li>a, .pagination>li>span {
    position: relative;
    float: left;
    padding: 6px 12px;
    margin-left: -1px;
    line-height: 1.42857143;
    color: #000;
    text-decoration: none;
    background-color: #fff;
    border: 1px solid #ddd;
}

.pagination .active {
    display: inline-block;
    list-style: none;
    padding: 0px;
    margin-right: 1px;
    text-align: center;
    line-height: 25px;
    color: #fff;
    box-sizing: border-box;
    min-width: 36px;

    background: #f6b601;
}

.pagination .active a, .pagination .active a:hover {
    color: #fff;
    background: #ff9761;
    border: 1px solid #fc732b;
    width: 100%;
}
.pagination li:hover a, .pagination li:hover span{background: #eee;}

footer {
    display: block;
    padding: 9px 20px;
    min-height: 50px;
}



/*circle-chart-outer*/
.circle-chart-outer{margin:0 auto; position: relative;width: 95px; height: 95px; -webkit-transform: rotate(-90deg); transform: rotate(-90deg);-webkit-transform-origin: center;transform-origin: center; letter-spacing:0;}
.circle-chart{position: absolute; top:0; right: 0px; left: 0px; bottom: 0px; margin:auto;}
.grey-circle {fill: none;stroke-width:0.5;opacity:1;-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";}
.inn-circle-chart {stroke-width:1;fill:none; stroke-linecap:round;-webkit-animation: circle-chart-fill 0.7s reverse;animation: circle-chart-fill 0.7s reverse;-webkit-transform-origin: center;transform-origin: center;}
.circle-chart-outer .chart-subline {alignment-baseline: middle;text-anchor: middle;font-size: 7px;text-transform: uppercase;-webkit-transform: rotate(90deg); transform: rotate(90deg);-webkit-transform-origin: center;transform-origin: center; fill: #fff;
}
.count-svg{    text-transform: uppercase;
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg);
    position: absolute;
    top: 0px;
    left: 0px;
    right: 0px;
    bottom: 0px;
    margin: auto;
    text-align: center;
    line-height: 80px;    text-shadow: 2px 2px 2px rgba(0,0,0,0.5);}

.databox.one .circle-chart .inn-circle-chart{stroke:#fff;}
.databox.one .grey-circle{stroke:#026163;}

.databox.two .circle-chart .inn-circle-chart{stroke:#fff;}
.databox.two .grey-circle{stroke:#026163;}

.databox.three .circle-chart .inn-circle-chart{stroke:#fff;}
.databox.three .grey-circle{stroke:#026163;}

.databox.four .circle-chart .inn-circle-chart{stroke:#fff;}
.databox.four .grey-circle{stroke:#026163;}

.databox.five .circle-chart .inn-circle-chart{stroke:#fff;}
.databox.five .grey-circle{stroke:#026163;}

.databox.six .circle-chart .inn-circle-chart{stroke:#fff;}
.databox.six .grey-circle{stroke:#026163;}


@-webkit-keyframes circle-chart-fill {
  to { stroke-dasharray: 0 100; }
}
@keyframes circle-chart-fill {
  to { stroke-dasharray: 0 100; }
}

.chart-info-outer{margin:30px 0; width: 100%; text-align: center;}
.chart-info-outer ul li{color: #000;font-size: 14px; text-transform: uppercase;line-height:22px; margin-right:20px; display:inline-block;    letter-spacing: 1px;}
.chart-info-outer ul li  span.rounded-circle{border-radius:50%; width:20px;height:20px; margin-right:5px ;display: inline-block; float:left;}


.sort-list-icon{height: 45px;position: relative;display: block;width: 45px;}
.sort-list-icon:after, .sort-list-icon:before{content: ""; position: absolute; border:9px solid transparent; width: 1px;height: 1px;right:0;left: 0;  margin: auto;}
.sort-list-icon:after{border-top-color: #fff;bottom:2px;}
.sort-list-icon:before {border-bottom-color: #fff;top:2px;}

.name-wrap{
    width: 70px;
    height: 70px;
    font-size: 18px;
    color: #fff;
    line-height: 70px;
    vertical-align: middle;
    margin: 0 auto; border-radius:50%; background:#ff8d60; box-shadow: 0 0 4px rgba(0, 0, 0, 0.14), 0 4px 8px rgba(0, 0, 0, 0.28);}
.dropdown-menu h5{margin:10px 0px 15px;}
/**slider bar animation**/
.wrapper.sidebar-min .sidebar {width: 62px;}
.wrapper{padding-left:260px;}
.wrapper.sidebar-min{padding-left:62px;}	
.wrapper.sidebar-min .main-panel .top-bar{left:62px;}
.wrapper.sidebar-min .sidebar ul li a span.count{display:none;}
.wrapper.sidebar-min .nav-toggle{opacity:0;-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; -webkit-transition: all ease-in-out 10ms; transition:all ease-in-out 10ms; z-index: -999; right:-380px;}	
.wrapper.sidebar-min .sidebar ul li a span.menu-title{display:none;}

.wrapper.sidebar-min .logo .text {display: none;}
.wrapper.sidebar-min .sidebar:hover{width:250px;}
.wrapper.sidebar-min .sidebar:hover ul li a span.count{display:block;}
.wrapper.sidebar-min .sidebar:hover .nav-toggle{opacity:1;-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; right: 14px;}	
.wrapper.sidebar-min .sidebar:hover .logo .text{display:inline-block;}
.wrapper.sidebar-min .sidebar:hover .logo .text {display: inline-block;}
.wrapper.sidebar-min .sidebar:hover ul li a span.menu-title{display: inline-block;}
.nav-toggle .ion-toggle:before {  content: "\f354";}
.wrapper.sidebar-min .nav-toggle .ion-toggle:before {  content: "\f355";}
.submit-wrap {
    padding: 10px 0;
    text-align: center;
	margin:0px;
}
.common-btn {
    min-width: 150px;
    color: #fff;
    background: #fc732b;
    border: 0px;
    height: 42px;
    font-size: 15px;
    cursor: pointer;
    border: 2px solid transparent;
    line-height: 38px;
    display: inline-block;
    vertical-align: top;
    text-align: center;
    font-weight: 600;
    -webkit-transition: all .3s;
    transition: all .3s;
}


.common-btn + .common-btn {
    margin-left: 10px;
}
.common-btn.unfill {
    background: #fff;
    border: 2px solid #cac8c8;
    color: #333;
}

/*user detail page */

.small-container{max-width: 1000px; margin: 0 auto; width: 100%;}
.small-container .col-bx-top{background:#ff8d60; padding: 30px  30px 30px 40px; color: #fff; display: inline-block; vertical-align: top; width: 100%;}
.small-container .col-bx-top .user-details{float: left; display: table; vertical-align: middle;} 
.small-container .user-pics {width: 80px;height: 80px;border-radius: 50%;overflow: hidden;display: table-cell;background: #fff; vertical-align: middle; text-align: center;border:2px solid #fff;}
.small-container .user-pics img{min-height: 76px;}
.small-container .user-pics .profile-name{color: #444; display: block; line-height: 76px;  font-size: 25px; font-weight: 600;}
.small-container .col-bx-top .user-info {color: #fff;vertical-align: middle;display:table-cell; padding-left:20px;}
.small-container .col-bx-top .user-info h2{font-size: 24px; font-weight: 600; line-height: 1; padding-bottom: 7px;}
.small-container .col-bx-top .user-info p i{padding: 0 10px;}
.small-container .col-bx-top .action-wrap{float: right; position: relative;}
.pull-right{float: right; position: relative;}
.small-container .col-bx-top .action-wrap a{border: none;}
.row-form {margin: 0px -15px;}
.row-form .common-detail-bx{padding:25px 15px;width: 100%; color:#777; line-height:26px; display: inline-block; vertical-align: top;}
.row-form .common-detail-bx.col-6{width: 50%; float: left;}
.row-form .common-detail-bx.col-4{width: 33.33%;}
.row-form .common-detail-bx.col-3{width: 25%;}
.row-form .common-detail-bx .col-heading{font-weight: 600; padding-bottom: 5px; color:#4a4a4a;}
.small-container .col-bx-bottom{background: #fff; padding: 15px 40px; border: 1px solid #e0e0e0; border-top:none; border-radius: 0 0 3px 3px; display: inline-block; vertical-align: top; width: 100%;}
.small-container .col-bx-bottom .tagit{border: 1px solid #999;display: inline-block; vertical-align: middle; margin-right: 4px; margin-bottom: 6px; border-radius: 3px; font-size: 0.8em; padding: 2px 10px;}


@media (max-width:1400px) {
.logo-outer {padding: 30px 20px;}
.circle-chart-outer{width:80px;height: 80px;}


.right-nav .navdrop-wrap{font-size: 13px;}
.databox{padding: 20px;}
.row.top-data .databox h2{font-size:15px;}

.databox p {font-size: 22px;}
.title-wrap .title-left h2{font-size: 24px;}

.sidebar-footer a{font-size: 14px; padding: 8px;}
.search-outer .search{right: 2px;background-size:22px;}


.right-nav .navdrop-dropdown{top: 49px;}






.navdrop-icon.filter{background-size: 18px;}
.navdrop-icon.sort{background-size: 12px;}
.container-inner .header-inner h3{font-size: 18px; }
.col-head, .col-text{font-size: 13px;}
.container-inner-middle{padding: 35px;}

.btn-submit{font-size: 14px;}
.tablewrap{font-size: 14px;}
}

@media (max-width:1300px) {
  .circle-chart-outer{width:50px;height: 50px;}
  .row.top-data .databox h2 { font-size: 11px; margin-top: 0px;}
  .row .col-4, .row .col-12{padding:5px;}
  .main-container { margin: 75px 10px 50px 10px;}
}
@media (max-width:1100px) {
.sidebar{width: 190px;}
.wrapper {padding-left: 190px;}
.main-panel .top-bar{left: 190px;}
.sidebar ul li a{font-size: 12px;padding: 10px 5px;margin-bottom: 3px;}


.sidebar-footer a{font-size: 13px;}
.sidebar-footer{width: 190px;}
.tablewrap{font-size: 12px;}
 .tooltip{ font-size:11px;}

}
@media (max-width:992px) {
.sidebar .icons{margin-right: 3px; top:2px!important;}
.logo .text{display: none;}
.logo-img{width: 100%;text-align: center;}
.sidebar ul li a span{font-size:8px;}
.row.top-data .databox h2 { font-size: 10px;}
.circle-chart-outer { width: 47px; height: 47px;}
.row.top-data p{margin-top: 5px;}
/*collapse css */
.wrapper{padding-left:121px;}
.wrapper .sidebar {position:fixed;top:0;bottom:0;left:0px;width:124px;background:#000;padding:0px 10px 20px 10px;}
.wrapper .logo-outer{padding: 30px 20px;}
.wrapper .logo-outer img{width:40px;}
.wrapper .main-panel .top-bar{left:125px;}
.wrapper .sidebar ul li a{font-size:9px;}
.wrapper .sidebar-footer{font-size:12px; width: 124px;}


.wrapper.collapse .sidebar{width: 250px;}
.wrapper.collapse .sidebar-footer{width: 250px;}
.wrapper.collapse .main-panel .top-bar{left:250px;}
.wrapper.collapse {padding-left:0;}
.wrapper.collapse .sidebar ul li a{font-size:12px;}
.databox{padding: 15px;}
.databox h2 { font-size: 15px;}
.databox p {font-size: 20px;}
}
@media (max-width:768px) {
.right-nav .navdrop-wrap{font-size: 11px;}
.sidebar-footer a { font-size: 9px;} 
.wrapper .sidebar-footer{width:120px}
.right-nav .navdrop-wrap{font-size: 12px;}
}



.switch {
  position: relative;
  display: inline-block;
  width: 30px;
  height: 16px;
}

.switch input {display:none;}

.slider {
  position: absolute;
  cursor: pointer;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  -webkit-transition: .4s;
  transition: .4s;
  border:2px solid #ccc;
}

.slider:before {
  position: absolute;
  content: "";
  height: 5px;
  width: 5px;
  left: 2px;
  bottom: 2px;
  -webkit-transition: .4s;
  transition: .4s;
  border:2px solid #ccc;
}

input:checked + .slider {
 
}

 input:focus + .slider {
  box-shadow: 0 0 1px #2196F3;
}

input:checked + .slider:before {
  -webkit-transform: translateX(13px);
  transform: translateX(13px);
}

/* Rounded sliders */
.slider.round {
  border-radius: 34px;
}

.slider.round:before {
  border-radius: 50%;
}

.nav-toggle i{color:#fff;}
.nav-toggle{ position: absolute; height: 20px; line-height: 20px; text-align: center; right: 14px;top: 30px;}
**notification**/
/**notification**/
.notification-dropdown .dropdown-menu{display:none;min-width:350px;    max-width: 350px;font-size: 14px;border-top: 0px;    border-radius: 0px 0px 5px 5px;background:#fff;    box-shadow: 0 3px 6px rgba(0, 0, 0, .16), 0 3px 6px rgba(0, 0, 0, .22);-webkit-transition: all .15s linear;transition: all .15s linear;}
.notification-dropdown.show .dropdown-menu{opacity:0;-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";display:block; will-change: transform;-webkit-transform: translate3d(-0px, -20px, 0px);transform: translate3d(-0px, -20px, 0px);}
.notification-dropdown.show1 .dropdown-menu{opacity:1;-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";-webkit-transition: all .15s linear;transition: all .15s linear;    -webkit-transform: translate3d(0,1px,0)!important;    transform: translate3d(0,1px,0)!important;}


.notification-dropdown li {word-wrap:break-word; text-overflow: ellipsis;    border-bottom: 1px solid #EFF2F6;}
.notification-dropdown li:last-child{border-bottom:0px;}
.notification-dropdown  li a {color:#666;  padding: 10px 15px 10px 15px;  text-decoration: none;  display: block; font-size:12px;}
.notification-dropdown a.link-menu i.icon { font-size: 24px; float: left;}
.notification-dropdown li a span { float: left; line-height: 35px; padding-left:10px; text-overflow: ellipsis;
    white-space: nowrap; overflow: hidden;max-width: 94%;}

.arrow-top{height: 2px;background: #444;display: block;position:relative;    border-radius: 2px 2px 0px 0px;}
.arrow-top:before{content:'';    border-top:#444 6px dashed;  border-top: 6px solid\9;  border-right: 6px solid transparent;  border-left: 6px solid transparent;    position: absolute;  top: 0px; right: 30px;    -webkit-transform: rotate(180deg);  transform: rotate(180deg);    top: -6px;}
.external{  border-bottom: 1px solid #efefef;padding: 10px;    background:#efefef;}
.external h3{color:#555;margin-bottom:0px;    padding-bottom: 0px;  margin-bottom: 0px;
    font-size: 20px;text-transform: uppercase;display:inline-block; float: left;    font-weight: 600;}
.external .btn{display:inline-block;    padding: 2px 5px; border-radius: 20px;float: right;    font-size: 13px;}	
.btn {
    display: inline-block;
    font-weight: 400;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    border: 1px solid transparent;
    padding: 8px 15px;
    font-size: 14px;
    line-height: 1.5;
    border-radius: 0;
    -webkit-transition: background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;
    transition: background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;
    background-color: #fc732b;
    color: #fff;
}


.orange-bgcolor{background:#fc732b}
.dropdown-menu-footer { padding: 13px;background: #efefef;    text-transform: capitalize;text-align: center;font-size: 16px;border-radius: 0px 0px 5px 5px;}
/**notification heart beat**/

.notice-label{width: 5px;height: 5px;position: absolute;top: 15px; right:22px; border-radius: 50%; background-color:#ff8d60;}
.heartbeat{    position: absolute; top: 5px;  right: 12px;  height: 25px;  width: 25px;  z-index: 10;  border: 4px solid;  border-color:#ff8d60;  border-radius: 70px;  animation: heartbeat 1s ease-out;   -moz-animation: heartbeat 1s ease-out;  -moz-animation-iteration-count: infinite;   -o-animation: heartbeat 1s ease-out; -o-animation-iteration-count: infinite;  -webkit-animation: heartbeat 1s ease-out; -ms-animation: heartbeat 1s ease-out;   -webkit-animation-iteration-count: infinite; animation-iteration-count: infinite;}
.clear{clear: both;}
@-webkit-keyframes heartbeat {
	0% {
		-webkit-transform: scale(0);
		opacity: 0;
		-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
	}
	25% {
		-webkit-transform: scale(0.1);
		opacity: .1;
		-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=10)";
	}
	50% {
		-webkit-transform: scale(0.5);
		opacity: .3;
		-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=30)";
	}
	75% {
		-webkit-transform: scale(0.8);
		opacity: .5;
		-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
	}
	100% {
		-webkit-transform: scale(1);
		opacity: 0;
		-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
	}
}
@keyframes heartbeat {
	0% {
		-webkit-transform: scale(0);
		opacity: 0;
		-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
	}
	25% {
		-webkit-transform: scale(0.1);
		opacity: .1;
		-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=10)";
	}
	50% {
		-webkit-transform: scale(0.5);
		opacity: .3;
		-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=30)";
	}
	75% {
		-webkit-transform: scale(0.8);
		opacity: .5;
		-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
	}
	100% {
		-webkit-transform: scale(1);
		opacity: 0;
		-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
	}
}



.ion-gear-b:before{
     line-height: 25px;
    -webkit-animation-name: spin;
    -webkit-animation-duration: 4000ms;
    -webkit-animation-iteration-count: infinite;
    -webkit-animation-timing-function: linear;
    -moz-animation-name: spin;
    -moz-animation-duration: 4000ms;
    -moz-animation-iteration-count: infinite;
    -moz-animation-timing-function: linear;
    -ms-animation-name: spin;
    -ms-animation-duration: 4000ms;
    -ms-animation-iteration-count: infinite;
    -ms-animation-timing-function: linear;
    
    animation-name: spin;
    animation-duration: 4000ms;
    animation-iteration-count: infinite;
    animation-timing-function: linear;
}
@-webkit-keyframes spin {
    from { -webkit-transform: rotate(0deg); }
    to { -webkit-transform: rotate(360deg); }
}
@keyframes spin {
    from {
        -webkit-transform:rotate(0deg);
                transform:rotate(0deg);
    }
    to {
        -webkit-transform:rotate(360deg);
                transform:rotate(360deg);
    }
}

.modal-window.delete_box p{margin-bottom:40px;}

/*tooltip*/
.custom-tooltip{position: relative; z-index:9; text-transform: uppercase;}
.tooltip {position:absolute;background-color:rgba(0, 0, 0,0.8);border-radius:5px;padding:2px 7px;
color:#fff; font-size: 11px; max-width: 250px;z-index:95; line-height: 18px; top:100%; -webkit-transform: translate(-50%,-0%); transform: translate(-50%,-0%); left: 50%; white-space: normal;}
.tooltip:after {content: "";display: block;position: absolute;border:5px solid transparent;border-bottom-color: rgba(0, 0, 0,0.8); bottom:100%;left: 0px; right:0; margin: auto;  width: 0;}
.btnbox .tooltip {top: 118%;}
/*Scrollbar plugin styles start*/
.nav-outer{position:relative;height: -webkit-calc(100vh - 90px);  height: -moz-calc(100vh - 90px); height: calc(100vh - 90px);   overflow: auto;  z-index: 4; height: 100vh;}
.mCustomScrollbar{overflow: auto}
.mCustomScrollBox {position: relative; overflow: hidden; height: 100%; max-width: 100%; outline: medium none; direction: ltr; ; }
.mCustomScrollBox {direction: ltr;}
.mCSB_container {overflow: hidden; width: auto; height: auto;}
.mCSB_inside > .mCSB_container {margin-right: 0;}
.mCustomScrollBox {direction: ltr;}
.mCSB_scrollTools { position: absolute; width:5px; height: auto; left: auto; top: 0px; right: 0px; bottom: 0px;}
.mCSB_scrollTools, .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCSB_scrollTools .mCSB_buttonUp, .mCSB_scrollTools .mCSB_buttonDown, .mCSB_scrollTools .mCSB_buttonLeft, .mCSB_scrollTools .mCSB_buttonRight {transition: opacity 0.2s ease-in-out 0s, background-color 0.2s ease-in-out 0s;}
.mCSB_scrollTools {opacity: 0;}
.mCustomScrollbar:hover .mCSB_scrollTools{opacity:.5;}
.mCSB_scrollTools .mCSB_draggerContainer { position: absolute;top: 0px;left: 0px;bottom: 0px;right: 0px; height: auto;}
.mCSB_scrollTools .mCSB_dragger {cursor: pointer;width: 100%;height: 30px;z-index: 1;}
.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar { background-color: #999;}
.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar { position: relative;width: 5px; height: 100%;margin: 0px auto;border-radius: 16px;text-align: center;}
.mCSB_scrollTools .mCSB_dragger {cursor: pointer;}
.mCSB_scrollTools .mCSB_draggerRail {width: 5px;height: 100%;margin: 0px auto;border-radius: 5px;}
.mCSB_scrollTools .mCSB_draggerRail {}
.mCSB_outside + .mCS-minimal.mCSB_scrollTools_vertical, .mCSB_outside + .mCS-minimal-dark.mCSB_scrollTools_vertical {   right: 0;margin: 12px 0;}
/*Scrollbar plugin styles end*/