@import url('../fontawesome/font-awesome.css'); /*Icons Fonts*/

body{
	background-color:#f9f9f9;
	color:#85868d;
	font-family: 'Roboto', sans-serif !important;
	position:relative;}

body, html{
	overflow-x:hidden;
	font-family: 'Roboto', sans-serif !important;
	height: 100%;
}

strong, b{
	font-weight:700;}


.transit{
	transition: all 0.5s;
	-moz-transition: all 0.5s; 
	-webkit-transition: all 0.5s; 
	-o-transition: all 0.5s;}


a:focus{
	outline:none;}

a:hover{
	text-decoration:none;}





/*****************************
Loader
*****************************/

.loading-container {
  position:fixed;
  background-color:#f9f9f9;
  z-index:9;
  top: 0;
  left: 0;
  height:100%;
  width:100%;
  cursor:wait;
}

.loading {
  width: 40px;
  height: 40px;
  position: absolute;
  top: 0;
  left: 0;
  bottom:0;
  right:0;
  margin:auto;
  transform: rotate(45deg);  
}

.loading div {
  width: 16px;
  height: 16px;
  position: absolute;
}

.l1 div, .l2 div, .l3 div, .l4 div {
  width: 100%;
  height: 100%;
}

.l1 div{ background-color:#2ecc71;}
.l2 div{ background-color:#9b59b6;}
.l3 div{ background-color:#3498db;}
.l4 div{ background-color:#f1c30f;}

.l1 { transform: translate(0,0); }
.l2 { transform: translate(0,16px); }
.l3 { transform: translate(16px,0px); }
.l4 { transform: translate(16px,16px); }

@keyframes rot1 {
  0%{ transform: rotate(0deg); }
  40%{ transform: rotate(0deg); }
  50%{ transform: rotate(0deg); }
  60%{ transform: rotate(90deg); }
  100%{ transform: rotate(90deg); }
}

@keyframes rot2 {
  0%{ transform: rotate(0deg); }
  40%{ transform: rotate(0deg); }
  50%{ transform: rotate(0deg); }
  60%{ transform: rotate(-90deg); }
  100%{ transform: rotate(-90deg); }
}

@keyframes rot3 {
  0%{ transform: rotate(45deg); }
  35%{ transform: rotate(45deg); }
  65%{ transform: rotate(405deg); }
  100%{ transform: rotate(405deg); }
}

@keyframes l1-rise {
  0%{ transform: translate(0px,0px); }
  30%{ transform: translate(-4px, -4px); }
  70%{ transform: translate(-4px, -4px); }
  100%{ transform: translate(0px, 0px); }
}

@keyframes l2-rise {
  0%{ transform: translate(0,16px); }
  30%{ transform: translate(-4px, 20px); }
  70%{ transform: translate(-4px, 20px); }
  100%{ transform: translate(0,16px); }
}

@keyframes l3-rise {
  0%{ transform: translate(16px, 0px); }
  30%{ transform: translate(20px, -4px); }
  70%{ transform: translate(20px, -4px); }
  100%{ transform: translate(16px, 0px); }
}

@keyframes l4-rise {
  0%{ transform: translate(16px,16px); }
  30%{ transform: translate(20px, 20px); }
  70%{ transform: translate(20px, 20px); }
  100%{ transform: translate(16px,16px); }
}



.l1 { animation: l1-rise 3s ease 0s infinite; }
.l2 { animation: l2-rise 3s ease 0s infinite; }
.l3 { animation: l3-rise 3s ease 0s infinite; }
.l4 { animation: l4-rise 3s ease 0s infinite; }

.l1 div, .l4 div { animation: rot1 3s ease 0s infinite; }
.l2 div, .l3 div { animation: rot2 3s ease 0s infinite; }






/*****************************
Left Panel (aside navigation)
*****************************/

aside.left-panel{
	background-color:#FFFFFF;
	width:230px;
	position:fixed;
	padding:25px 0px;
	/* box-shadow:inset -5px 0px 8px rgba(0,0,0,0.3); */
	height:100%;
	top:0px;
  left:0px;
  overflow-y: auto;
}
	
aside.left-panel.collapsed{
	overflow:visible !important;
	position:absolute;
	bottom:0px;}


/*** Aside sizes ***/
	
aside.left-panel.lg{
	width:250px;}
	
aside.left-panel.lg + .content{
	margin-left:250px;}
	



/*** Aside Collapsed ***/
@media (min-width: 768px) {
aside.left-panel.collapsed{
	width:75px;
	text-align:center;}
	
aside.left-panel.collapsed + .content{
	margin-left:75px;}

aside.left-panel.collapsed .user .user-login,
aside.left-panel.collapsed span.nav-label{
	display:none;}
	

aside.left-panel.collapsed .navigation > ul > li > a{
	padding:20px;}


	
aside.left-panel.collapsed i.fa{
	font-size:22px;}
	
aside.left-panel.collapsed .navigation > ul > li.has-submenu:after{
	display:none;}
}


/*****************************
User
*****************************/

.user{
	margin-bottom:35px;}
	
.user h4.user-name{
	color:#8e909a;
	font-size:16px;}
	
.user img{
	border:1px solid #383c4a;
	padding:8px;
	width:70px;}	

.user .user-login{
	display:inline-block;}

.user .user-login .btn{
	border:1px solid #343847;
	background-color:transparent;
	color:#616574;
	padding:4px 8px;}
	
.user-login .dropdown-menu{
	border:1px solid #343847;
	color:#616574;
	background-color:#2B2F3E;
	width:100%;
	margin-top:-1px;
	min-width:100%;
	border-radius:0px 0px 4px 4px;
	border-top:0px;}	
	
.user-login .dropdown-menu li a{
	font-size:12px;
	color:#616574;
	padding:4px 8px;}
	
.user-login .dropdown-menu li a:hover,
.user-login .dropdown-menu li a:focus{
	background-color:#616574;
	color:#fff;}
	
.user .user-login .status-icon{
	font-size:6px;
	line-height:0px;
	margin-right:2px;
	position:relative;
	bottom:2px;}
	
.user .user-login .status-icon.available{
	color:#27c7bc;}

.user .user-login .status-icon.busy{
	color:#EC971F;}
	
.user .user-login .status-icon.invisibled{
	color:#4a4e5d;}
	
.user .user-login .status-icon.signout{
	color:#FF404B;}




/*****************************
Navigation
*****************************/

.navigation{
	margin:108px 0px;
	/* border-top: 1px solid #3b3b3b; */
}
	
.navigation > ul > li{
	position:relative;}
	

.navigation > ul > li.has-submenu:after{
	content:"\f105";
	font-family: 'FontAwesome';
	display:inline-block;
	position:absolute;
	color:#7a7e8a;
	right:15px;
	transition: all 0.4s;
	-moz-transition: all 0.4s; 
	-webkit-transition: all 0.4s; 
	-o-transition: all 0.4s;
	top:10px;
	visibility:hidden;}
	
.navigation > ul > li.active.has-submenu:after,
.navigation > ul > li.has-submenu:hover:after{
	color:#fff;}
	


.navigation > ul > li > a{
  display:block;
  font-family: 'Open Sans', sans-serif;
	padding: 19px 0px 10px 30px;
	color:#808080;
	text-transform:uppercase;
	font-size:14px;
	text-decoration:none;
	font-weight:600;
	transition: all 0.4s;
	-moz-transition: all 0.4s; 
	-webkit-transition: all 0.4s; 
  -o-transition: all 0.4s;}
  
	
.navigation > ul:hover > li.active > a{
	background-color:transparent;
	box-shadow:none;
	color:#7a7e8a;}
	
.navigation > ul > li:hover > a,
.navigation > ul > li.active:hover > a,
.navigation > ul > li.active > a{
	color:rgb(91, 111, 199);
	-webkit-box-shadow: inset -6px 0 8px -2px rgba(0,0,0,0.3);
            box-shadow: inset -6px 0 8px -2px rgba(0,0,0,0.3);}
	
.navigation ul li a i{
	margin-right:6px;
  font-size:14px;}
  


/*** Sub Menu ***/
.navigation ul li ul{
	display:none;
	background-color:#333747;
	-webkit-box-shadow: inset -6px 0 8px -2px rgba(0,0,0,0.2);
            box-shadow: inset -6px 0 8px -2px rgba(0,0,0,0.2);}

		
aside:not(.collapsed) .navigation ul li.active ul{
	display:block;}
	
.navigation ul li ul li a{
	padding:8px 25px;
	color:#5e6271;
	text-decoration:none;
	white-space:nowrap;
	transition: all 0.2s;
	-moz-transition: all 0.2s; 
	-webkit-transition: all 0.2s; 
	-o-transition: all 0.2s;
	font-size:13px;
	border-left:0px solid #5e6271;
	text-align:left;
	display:block;}
	
.navigation ul li ul li a:hover,
.navigation ul li ul li.active a{
	border-left:5px solid #5e6271;
	color:#5e6271;}




/*** Aside Collapsed Sub Menu ***/
@media (min-width: 768px) {
aside.left-panel.collapsed .navigation ul li ul{
	position:absolute;
	z-index:3;
	left:100%;
	top:0px;
	background-color:#F2F2F4;
	box-shadow:none;
	padding:10px 0px;
	min-width:200px;
	border:1px solid #dddddd;}
	
aside.left-panel.collapsed .navigation ul li ul:before{
	display:block;
	content:"";
	height:20px;
	width:20px;
	border-color: transparent #F2F2F4 transparent transparent;
	border-width:10px;
	border-style:solid;
	position:absolute;
	cursor:pointer;
	right:100%;
	top:22px;}

aside.left-panel.collapsed .navigation > ul > li:hover > ul{
	display:block !important;}
	

aside.left-panel.collapsed .navigation ul li ul li a{
	border:0px;
	color:#8f8f9f;
	border-bottom:1px dashed #ECECEE;}
}


	


/*****************************
Top Header
*****************************/
	
header{
	border-bottom:1px solid #ececee;
	padding-top:4px;
	padding-bottom:4px;}
	
	

.navbar-toggle{
	margin:8px 20px 8px 0px;
	display:block;
	padding-left:0px;}
	
.navbar-toggle .icon-bar{
	background-color:#b3b3be;}



.app-search{
	position:relative;
	margin-top:8px;
	margin-bottom:8px;
	margin-right:15px;}
	

.app-search .form-control,
.app-search .form-control:focus{
	border:1px solid #d3d3db;
	font-size:13px;
	color:#c4c4cd;
	padding-left:30px;
	background:none;
	box-shadow:none;}
	

	
.app-search:before{
	content:"\f002";
	position:absolute;
	left:12px;
	font-family: FontAwesome;
	cursor:pointer;
	top:7px;
	color:#c4c4cd;
	display:inline-block;}
	
.app-search .form-control::-moz-placeholder {
	color:#c4c4cd;}



/*** Nav Toolbar (right)***/

header .navbar-default .navbar-nav > li > a{
	color:#b3b3be;}


/*** Nav Toolbar (right)***/

.nav-toolbar{
	margin:8px 0px;
	float:right;}
	
.nav-toolbar > li{
	padding:0px;
	display:inline-block;
	margin-left:5px;
	position:relative;
	list-style:none;}
	
.nav-toolbar li span.badge{
	position:absolute;
	top:-3px;
	right:-3px;
	background-color:#8d82b5;
	font-weight:300;
	cursor:pointer;
	height:18px;
	width:18px;
	padding:1px;}

.nav-toolbar li span.badge.bg-info{
	background-color:#8d82b5;}
	
.nav-toolbar li span.badge.bg-warning{
	background-color:#E35B5A;}
	

.nav-toolbar > li > a{
	color:#d3d3db;
	font-size:18px;
	border:1px solid #d3d3db;
	border-radius:50px;
	height:34px;
	width:34px;
	text-align:center;
	display:block;
	padding:4px;}
	
.nav-toolbar > li > a:hover{
	color:#C1C1C9;
	border:1px solid #C1C1C9;}	
	
	
.nav-toolbar .dropdown-menu.panel{
	padding-top:0px;
	padding-bottom:0px;
	box-shadow: 0 6px 12px rgba(0, 0, 0, 0.176);}



/*****************************
Content Area (right)
*****************************/

.content{
	margin-left:230px;}
	
.content > .container-fluid{
	padding-left:25px;
	padding-right:25px;}


.warper{
	padding-top:20px;
	padding-bottom:20px;
	min-height:550px;}






/*** Page Header / Page Title ***/

.page-header{
	margin:0px;
	border:0px;}

.page-header h1{
	color:#84868e;
	font-weight:300;
	font-size:32px;
	margin-top:15px;
	margin-bottom:20px;}
	
.page-header *{
	font-weight:300;}
	
	
.page-header * small{
	font-size:14px;
	color:#9D9EA5;}





.normal {
  font-weight: normal;
}

.semi-bold {
  font-weight: 400 !important;
}

.bold {
  font-weight: bold !important;
}

.bold100{
	font-weight:100 !important;
	}
	
.bold200{
	font-weight:200 !important;
	}
	
.bold300{
	font-weight:300 !important;
	}
	
.bold400{
	font-weight:400 !important;
	}
	
.bold500{
	font-weight:500 !important;
	}
	
	
.bold600{
	font-weight:600 !important;
	}
	
	
.bold700{
	font-weight:700 !important;
	}
	
.bold800{
	font-weight:800 !important;
	}	

	
.bold900{
	font-weight:900 !important;
	}	

.light {
  font-weight: 300!important;
}

.logo {
  margin: 18px 14px;
}

.all-caps {
  text-transform: uppercase;
}

.muted {
  color: #e2e2e2;
}

.hint-text {
  opacity: .7;
}

.no-decoration {
  text-decoration: none!important;
}

.bg-master {
  background-color: #626262;
}

.bg-master-light {
  background-color: #e6e6e6;
}

.bg-master-lighter {
  background-color: #f0f0f0;
}

.bg-master-lightest {
  background-color: #fafafa;
}

.bg-master-dark {
  background-color: #2c2c2c;
}

.bg-master-darker {
  background-color: #1a1a1a;
}

.bg-master-darkest {
  background-color: #121212;
}

.bg-primary {
  background-color: #6d5cae;
}

.bg-primary-dark {
  background-color: #584b8d;
}

.bg-primary-darker {
  background-color: #413768;
}

.bg-primary-light {
  background-color: #8a7dbe;
}

.bg-primary-lighter {
  background-color: #e2deef;
}

.bg-complete {
  background-color: #48b0f7;
}

.bg-complete-dark {
  background-color: #3a8fc8;
}

.bg-complete-darker {
  background-color: #2b6a94;
}

.bg-complete-light {
  background-color: #6dc0f9;
}

.bg-complete-lighter {
  background-color: #daeffd;
}

.bg-success {
  background-color: #10cfbd;
}

.bg-success-dark {
  background-color: #0da899;
}

.bg-success-darker {
  background-color: #0a7c71;
}

.bg-success-light {
  background-color: #40d9ca;
}

.bg-success-lighter {
  background-color: #cff5f2;
}

.bg-info {
  background-color: #3b4752;
}

.bg-info-dark {
  background-color: #303a42;
}

.bg-info-darker {
  background-color: #232b31;
}

.bg-info-light {
  background-color: #626c75;
}

.bg-info-lighter {
  background-color: #d8dadc;
}

.bg-danger {
  background-color: #f55753;
}

.bg-danger-dark {
  background-color: #c64643;
}

.bg-danger-darker {
  background-color: #933432;
}

.bg-danger-light {
  background-color: #f77975;
}

.bg-danger-lighter {
  background-color: #fddddd;
}

.bg-warning {
  background-color: #f8d053;
}

.bg-warning-dark {
  background-color: #c9a843;
}

.bg-warning-darker {
  background-color: #957d32;
}

.bg-warning-light {
  background-color: #e6bd6b;
}

.bg-warning-lighter {
  background-color: #fef6dd;
}

.bg-menu-dark {
  background-color: #21252d;
}

.bg-menu {
  background-color: #2b303b;
}

.bg-menu-light {
  background-color: #788195;
}

.gradient-grey {
  background: -webkit-linear-gradient(top,rgba(0,0,0,0) 0%,rgba(0,0,0,0.8) 75%);
  background: linear-gradient(to bottom,rgba(0,0,0,0) 0%,rgba(0,0,0,0.8) 75%);
}

.gradient-black {
  background: -webkit-linear-gradient(top,rgba(0,0,0,0) 0%,rgba(0,0,0,0.8) 75%);
  background: linear-gradient(to bottom,rgba(0,0,0,0) 0%,rgba(0,0,0,0.8) 75%);
}

.bg-white {
  background-color: #fff;
}

.bg-transparent {
  background-color: transparent!important;
}


.bg-wow {
  background-color: #84bd93;
}

.bg-high {
  background-color: #82c7cb !important;
}

.bg-medium {
  background-color: #e8be6c !important;
}

.bg-low {
  background-color: #d67d69 !important;
}

.bg-passive {
  background-color:#a57d7e !important;
  }

.link {
  opacity: .7;
}

.link:hover {
  opacity: 1;
}

.text-expert {
  color: #626262!important;
  font-size:11px;
  font-style:italic;
}

.text-master {
  color: #626262!important;
}

.text-master-light {
  color: #e6e6e6!important;
}

.text-black {
  color: #2c2c2c!important;
}

.text-white {
  color: #fff!important;
}

.text-complete {
  color: #48b0f7!important;
}

.text-success {
  color: #10cfbd!important;
}

.text-info {
  color: #3b4752!important;
}

.text-warning {
  color: #f8d053!important;
}

.text-warning-dark {
  color: #c9a843!important;
}

.text-danger {
  color: #f55753!important;
}

.text-primary {
  color: #6d5cae!important;
}

.text-wow {
  color: #84bd93!important;
}

.text-high {
  color: #82c7cb!important;
}

.text-medium {
  color: #f69221!important;
}

.text-low {
  color: #d67d69!important;
}

.text-passive {
  color: #a57d7e!important;
}


.text-blue {
  color: #4285f5!important;
}


.text-likeicon {
  color: #34a852!important;
}



.text-post-orage {
  color: #f9bf14!important;
}

.text-post-blue {
  color: #5a95f6!important;
}

.text-post-red {
  color: #eb4d41!important;
}


.text-dotted-orage {
  background: #f9bf14!important;
}

.text-dotted-blue {
  background: #5a95f6!important;
}

.text-dotted-red {
  background: #eb4d41!important;
}



.text-right {
  text-align: right!important;
}

.text-left {
  text-align: left!important;
}

.text-center {
  text-align: center!important;
}


.label {
  padding: 3px 9px;
  font-size: 11px;
  text-shadow: none;
  background-color: #e6e6e6;
  font-weight: 600;
  color: #626262;
}

.label-success {
  background-color: #10cfbd;
  color: #fff;
}

.label-warning {
  background-color: #f8d053;
  color: #fff;
}

.label-important,.label-danger {
  background-color: #f55753;
  color: #fff;
}

.label-info {
  background-color: #48b0f7;
  color: #fff;
}

.label-inverse {
  background-color: #3a8fc8;
  color: #fff;
}

.label-white {
  background-color: #fff;
  color: #626262;
}

.fs-10 {
  font-size: 10px!important;
}

.fs-11 {
  font-size: 11px!important;
}

.fs-12 {
  font-size: 12px!important;
}

.fs-13 {
  font-size: 13px!important;
}

.fs-14 {
  font-size: 14px!important;
}

.fs-15 {
  font-size: 15px!important;
}

.fs-16 {
  font-size: 16px!important;
}

.fs-17 {
  font-size: 17px!important;
}

.fs-18 {
  font-size: 18px!important;
}

.fs-19 {
  font-size: 19px!important;
}

.fs-20 {
  font-size: 20px!important;
}

.fs-21 {
  font-size: 21px!important;
}

.fs-22 {
  font-size: 22px!important;
}

.fs-23 {
  font-size: 23px!important;
}

.fs-24 {
  font-size: 24px!important;
}

.fs-25 {
  font-size: 25px!important;
}

.fs-26 {
  font-size: 26px!important;
}

.fs-27 {
  font-size: 27px!important;
}

.fs-28 {
  font-size: 28px!important;
}

.fs-29 {
  font-size: 29px!important;
}

.fs-30 {
  font-size: 30px!important;
}

.fs-31 {
  font-size: 31px!important;
}

.fs-32 {
  font-size: 32px!important;
}

.fs-33 {
  font-size: 33px!important;
}

.fs-34 {
  font-size: 34px!important;
}

.fs-35 {
  font-size: 35px!important;
}

.fs-36 {
  font-size: 36px!important;
}

.fs-37 {
  font-size: 37px!important;
}

.fs-38 {
  font-size: 38px!important;
}

.fs-39 {
  font-size: 39px!important;
}

.fs-40 {
  font-size: 40px!important;
}

.fs-41 {
  font-size: 41px!important;
}

.fs-42 {
  font-size: 42px!important;
}

.fs-43 {
  font-size: 43px!important;
}

.fs-44 {
  font-size: 44px!important;
}

.fs-45 {
  font-size: 45px!important;
}

.fs-50 {
  font-size: 50px!important;
}

.fs-60 {
  font-size: 60px!important;
}


.lh-normal {
  line-height: normal;
}
.lh-6 {
  line-height: 6px !important;
}
.lh-7 {
  line-height: 7px !important;
}
.lh-8 {
  line-height: 8px !important;
}

.lh-9 {
  line-height: 9px !important;
}

.lh-10 {
  line-height: 10px !important;
}

.lh-11 {
  line-height: 11px !important;
}

.lh-12 {
  line-height: 12px !important;
}

.lh-13 {
  line-height: 13px !important;
}

.lh-14 {
  line-height: 14px !important;
}

.lh-15 {
  line-height: 15px !important;
}

.lh-16 {
  line-height: 16px !important;
}
.lh-17 {
  line-height: 17px !important;
}
.lh-18 {
  line-height: 18px !important;
}
.lh-19 {
  line-height: 19px !important;
}
.lh-20 {
  line-height: 20px !important;
}
.lh-21 {
  line-height: 21px !important;
}
.lh-22 {
  line-height: 22px !important;
}
.lh-23 {
  line-height: 23px !important;
}
.lh-24 {
  line-height: 24px !important;
}
.lh-25 {
  line-height: 25px !important;
}
.lh-26 {
  line-height: 26px !important;
}
.lh-27 {
  line-height: 27px !important;
}
.lh-28 {
  line-height: 28px !important;
}
.lh-29 {
  line-height: 29px !important;
}
.lh-30 {
  line-height: 30px !important;
}
.lh-31 {
  line-height: 31px !important;
}
.lh-32 {
  line-height: 32px !important;
}
.lh-33 {
  line-height: 33px !important;
}

.p-t-0 {
  padding-top: 0px!important;
}

.p-r-0 {
  padding-right: 0px!important;
}

.p-l-0 {
  padding-left: 0px!important;
}

.p-b-0 {
  padding-bottom: 0px!important;
}

.p-t-b-calc{
padding-top: calc(100% - 60%) !important;
padding-bottom: calc(100% - 57%) !important;
}

.p-t-b-calc1{
padding-top: calc(100% - 65%) !important;
padding-bottom: calc(100% - 57%) !important;
}

.p-t-b-calc2{
padding-top: calc(86% - 65%) !important;
padding-bottom: calc(86% - 57%) !important;
}

.p-t-b-calc3{
padding-top: calc(90% - 60%) !important;
padding-bottom: calc(90% - 57%) !important;
}

.p-t-b-calc4{
padding-top: calc(74% - 62%) !important;
padding-bottom: calc(70% - 57%) !important;
}

.padding-0 {
  padding: 0px!important;
}

.p-t-5 {
  padding-top: 5px!important;
}

.p-r-5 {
  padding-right: 5px!important;
}

.p-l-5 {
  padding-left: 5px!important;
}

.p-b-5 {
  padding-bottom: 5px!important;
}

.padding-5 {
  padding: 5px!important;
}

.p-t-10 {
  padding-top: 10px!important;
}

.p-r-10 {
  padding-right: 10px!important;
}

.p-l-10 {
  padding-left: 10px!important;
}

.p-b-10 {
  padding-bottom: 10px!important;
}

.padding-10 {
  padding: 10px!important;
}

.p-t-15 {
  padding-top: 15px!important;
}

.p-r-15 {
  padding-right: 15px!important;
}

.p-l-15 {
  padding-left: 15px!important;
}

.p-b-15 {
  padding-bottom: 15px!important;
}

.padding-15 {
  padding: 15px!important;
}

.p-t-20 {
  padding-top: 20px!important;
}

.p-r-20 {
  padding-right: 20px!important;
}

.p-l-20 {
  padding-left: 20px!important;
}

.p-b-20 {
  padding-bottom: 20px!important;
}

.padding-20 {
  padding: 20px!important;
}

.p-t-25 {
  padding-top: 25px!important;
}

.p-r-25 {
  padding-right: 25px!important;
}

.p-l-25 {
  padding-left: 25px!important;
}

.p-b-25 {
  padding-bottom: 25px!important;
}

.padding-25 {
  padding: 25px!important;
}

.p-t-30 {
  padding-top: 30px!important;
}

.p-r-30 {
  padding-right: 30px!important;
}

.p-l-30 {
  padding-left: 30px!important;
}

.p-b-30 {
  padding-bottom: 30px!important;
}

.padding-30 {
  padding: 30px!important;
}

.p-t-35 {
  padding-top: 35px!important;
}

.p-r-35 {
  padding-right: 35px!important;
}

.p-l-35 {
  padding-left: 35px!important;
}

.p-b-35 {
  padding-bottom: 35px!important;
}

.padding-35 {
  padding: 35px!important;
}

.p-t-40 {
  padding-top: 40px!important;
}

.p-r-40 {
  padding-right: 40px!important;
}

.p-l-40 {
  padding-left: 40px!important;
}

.p-b-40 {
  padding-bottom: 40px!important;
}

.padding-40 {
  padding: 40px!important;
}

.p-t-45 {
  padding-top: 45px!important;
}

.p-r-45 {
  padding-right: 45px!important;
}

.p-l-45 {
  padding-left: 45px!important;
}

.p-b-45 {
  padding-bottom: 45px!important;
}

.padding-45 {
  padding: 45px!important;
}

.p-t-50 {
  padding-top: 50px!important;
}

.p-r-50 {
  padding-right: 50px!important;
}

.p-l-50 {
  padding-left: 50px!important;
}

.p-b-50 {
  padding-bottom: 50px!important;
}

.padding-50 {
  padding: 50px!important;
}

.p-t-55 {
  padding-top: 55px!important;
}

.p-r-55 {
  padding-right: 55px!important;
}

.p-l-55 {
  padding-left: 55px!important;
}

.p-b-55 {
  padding-bottom: 55px!important;
}

.padding-55 {
  padding: 55px!important;
}

.p-t-60 {
  padding-top: 60px!important;
}

.p-r-60 {
  padding-right: 60px!important;
}

.p-l-60 {
  padding-left: 60px!important;
}

.p-b-60 {
  padding-bottom: 60px!important;
}

.padding-60 {
  padding: 60px!important;
}

.p-t-65 {
  padding-top: 65px!important;
}

.p-r-65 {
  padding-right: 65px!important;
}

.p-l-65 {
  padding-left: 65px!important;
}

.p-b-65 {
  padding-bottom: 65px!important;
}

.padding-65 {
  padding: 65px!important;
}

.p-t-70 {
  padding-top: 70px!important;
}

.p-r-70 {
  padding-right: 70px!important;
}

.p-l-70 {
  padding-left: 70px!important;
}

.p-b-70 {
  padding-bottom: 70px!important;
}

.padding-70 {
  padding: 70px!important;
}

.p-t-75 {
  padding-top: 75px!important;
}

.p-r-75 {
  padding-right: 75px!important;
}

.p-l-75 {
  padding-left: 75px!important;
}

.p-b-75 {
  padding-bottom: 75px!important;
}

.padding-75 {
  padding: 75px!important;
}

.p-t-80 {
  padding-top: 80px!important;
}

.p-r-80 {
  padding-right: 80px!important;
}

.p-l-80 {
  padding-left: 80px!important;
}

.p-b-80 {
  padding-bottom: 80px!important;
}

.padding-80 {
  padding: 80px!important;
}

.p-t-85 {
  padding-top: 85px!important;
}

.p-r-85 {
  padding-right: 85px!important;
}

.p-l-85 {
  padding-left: 85px!important;
}

.p-b-85 {
  padding-bottom: 85px!important;
}

.padding-85 {
  padding: 85px!important;
}

.p-t-90 {
  padding-top: 90px!important;
}

.p-r-90 {
  padding-right: 90px!important;
}

.p-l-90 {
  padding-left: 90px!important;
}

.p-b-90 {
  padding-bottom: 90px!important;
}

.padding-90 {
  padding: 90px!important;
}

.p-t-95 {
  padding-top: 95px!important;
}

.p-r-95 {
  padding-right: 95px!important;
}

.p-l-95 {
  padding-left: 95px!important;
}

.p-b-95 {
  padding-bottom: 95px!important;
}

.padding-95 {
  padding: 95px!important;
}

.p-t-100 {
  padding-top: 100px!important;
}

.p-r-100 {
  padding-right: 100px!important;
}

.p-l-100 {
  padding-left: 100px!important;
}

.p-b-100 {
  padding-bottom: 100px!important;
}

.padding-100 {
  padding: 100px!important;
}

.m-t-0 {
  margin-top: 0px;
}

.m-r-0 {
  margin-right: 0px;
}

.m-l-0 {
  margin-left: 0px;
}

.m-b-0 {
  margin-bottom: 0px;
}

.m-t-5 {
  margin-top: 5px;
}

.m-r-5 {
  margin-right: 5px;
}

.m-l-5 {
  margin-left: 5px;
}

.m-b-5 {
  margin-bottom: 5px;
}

.m-t-10 {
  margin-top: 10px;
}

.m-r-10 {
  margin-right: 10px;
}

.m-l-10 {
  margin-left: 10px;
}

.m-b-10 {
  margin-bottom: 10px;
}

.m-t-15 {
  margin-top: 15px;
}

.m-r-15 {
  margin-right: 15px;
}

.m-l-15 {
  margin-left: 15px;
}

.m-b-15 {
  margin-bottom: 15px;
}

.m-t-20 {
  margin-top: 20px;
}

.m-r-20 {
  margin-right: 20px;
}

.m-l-20 {
  margin-left: 20px;
}

.m-b-20 {
  margin-bottom: 20px;
}

.m-t-25 {
  margin-top: 25px;
}

.m-r-25 {
  margin-right: 25px;
}

.m-l-25 {
  margin-left: 25px;
}

.m-b-25 {
  margin-bottom: 25px;
}

.m-t-30 {
  margin-top: 30px;
}

.m-r-30 {
  margin-right: 30px;
}

.m-l-30 {
  margin-left: 30px;
}

.m-b-30 {
  margin-bottom: 30px;
}

.m-t-35 {
  margin-top: 35px;
}

.m-r-35 {
  margin-right: 35px;
}

.m-l-35 {
  margin-left: 35px;
}

.m-b-35 {
  margin-bottom: 35px;
}

.m-t-40 {
  margin-top: 40px;
}

.m-r-40 {
  margin-right: 40px;
}

.m-l-40 {
  margin-left: 40px;
}

.m-b-40 {
  margin-bottom: 40px;
}

.m-t-45 {
  margin-top: 45px;
}

.m-r-45 {
  margin-right: 45px;
}

.m-l-45 {
  margin-left: 45px;
}

.m-b-45 {
  margin-bottom: 45px;
}

.m-t-50 {
  margin-top: 50px;
}

.m-r-50 {
  margin-right: 50px;
}

.m-l-50 {
  margin-left: 50px;
}

.m-b-50 {
  margin-bottom: 50px;
}

.m-t-55 {
  margin-top: 55px;
}

.m-r-55 {
  margin-right: 55px;
}

.m-l-55 {
  margin-left: 55px;
}

.m-b-55 {
  margin-bottom: 55px;
}

.m-t-60 {
  margin-top: 60px;
}

.m-r-60 {
  margin-right: 60px;
}

.m-l-60 {
  margin-left: 60px;
}

.m-b-60 {
  margin-bottom: 60px;
}

.m-t-65 {
  margin-top: 65px;
}

.m-r-65 {
  margin-right: 65px;
}

.m-l-65 {
  margin-left: 65px;
}

.m-b-65 {
  margin-bottom: 65px;
}

.m-t-70 {
  margin-top: 70px;
}

.m-r-70 {
  margin-right: 70px;
}

.m-l-70 {
  margin-left: 70px;
}

.m-b-70 {
  margin-bottom: 70px;
}

.m-t-75 {
  margin-top: 75px;
}

.m-r-75 {
  margin-right: 75px;
}

.m-l-75 {
  margin-left: 75px;
}

.m-b-75 {
  margin-bottom: 75px;
}

.m-t-80 {
  margin-top: 80px;
}

.m-r-80 {
  margin-right: 80px;
}

.m-l-80 {
  margin-left: 80px;
}

.m-b-80 {
  margin-bottom: 80px;
}

.m-t-85 {
  margin-top: 85px;
}

.m-r-85 {
  margin-right: 85px;
}

.m-l-85 {
  margin-left: 85px;
}

.m-b-85 {
  margin-bottom: 85px;
}

.m-t-90 {
  margin-top: 90px;
}

.m-r-90 {
  margin-right: 90px;
}

.m-l-90 {
  margin-left: 90px;
}

.m-b-90 {
  margin-bottom: 90px;
}

.m-t-95 {
  margin-top: 95px;
}

.m-r-95 {
  margin-right: 95px;
}

.m-l-95 {
  margin-left: 95px;
}

.m-b-95 {
  margin-bottom: 95px;
}

.m-t-100 {
  margin-top: 100px;
}

.m-r-100 {
  margin-right: 100px;
}

.m-l-100 {
  margin-left: 100px;
}

.m-b-100 {
  margin-bottom: 100px;
}




.full-height {
  height: 100%!important;
}

.full-width {
  width: 100%;
}

.width-100 {
  width: 100%!important;
}

.width-90 {
  width: 90%!important;
}

.width-80 {
  width: 80%!important;
}

.width-70 {
  width: 70%!important;
}

.width-60 {
  width: 60%!important;
}

.width-50 {
  width: 50%!important;
}

.width-40 {
  width: 40%!important;
}

.width-30 {
  width: 30%!important;
}

.width-20 {
  width: 20%!important;
}

.width-10 {
  width: 10%!important;
}

.ft10 { font-size:10px}
.ft11 { font-size:11px}
.ft12 { font-size:12px}
.ft13 { font-size:13px}
.ft14 { font-size:14px}
.ft15 { font-size:15px}
.ft16 { font-size:16px}
.ft17 { font-size:17px}
.ft18 { font-size:18px}
.ft19 { font-size:19px}
.ft20 { font-size:20px}
.ft21 { font-size:21px}
.ft22 { font-size:22px}
.ft23 { font-size:23px}
.ft24 { font-size:24px}
.ft25 { font-size:25px}
.ft26 { font-size:26px}
.ft28 { font-size:28px}
.ft29 { font-size:29px}
.ft30 { font-size:30px}
.ft31 { font-size:31px}
.ft32 { font-size:32px}
.ft33 { font-size:33px}
.ft34 { font-size:34px}
.ft35 { font-size:35px}
.ft36 { font-size:36px}
.ft37 { font-size:37px}
.ft38 { font-size:38px}
.ft39 { font-size:39px}
.ft40 { font-size:40px}






.b-r-3 {
	border-radius: 3px!important;
}


.hide {
  display: none;
}

.inline {
  display: inline-block!important;
}

.block {
  display: block;
}

.b-blank {
  border-color: #000;
}

.b-a,.b-r,.b-l,.b-t,.b-b {
  border-style: solid;
  border-width: 0;
}

.b-r {
  border-right-width: 1px;
}

.b-l {
  border-left-width: 1px;
}

.b-t {
  border-top-width: 1px;
}

.b-b {
  border-bottom-width: 1px;
}

.b-a {
  border-width: 1px;
}

.b-dashed {
  border-style: dashed;
}

.b-thick {
  border-width: 2px;
}

.b-transparent {
  border-color: rgba(0,0,0,0.4);
}

.b-transparent-white {
  border-color: rgba(255,255,255,0.3);
}

.b-grey {
  border-color: #e6e6e6;
}

.b-white {
  border-color: #fff;
}

.b-primary {
  border-color: #6d5cae;
}

.b-complete {
  border-color: #6d5cae;
}

.b-success {
  border-color: #10cfbd;
}

.b-info {
  border-color: #3b4752;
}

.b-danger {
  border-color: #f55753;
}

.b-warning {
  border-color: #f8d053;
}


/*****************************
Custom Margins & Paddings
*****************************/

.no-margn{
	margin:0px;}


.margn-t-xs{
	margin-top:5px;}
	
.margn-t-sm{
	margin-top:10px;}






	
.no-padd{
	padding:0px;}

	
.padd-xs{
	padding:5px;}
	
.padd-sm{
	padding:10px;}
	
.padd-md{
	padding:15px;}
	
.padd-lg{
	padding:20px;}
	
	
.padd-t-xs{
	padding-top:5px;}
	
.padd-t-sm{
	padding-top:10px;}
	
.padd-t-md{
	padding-top:15px;}
	
.padd-t-lg{
	padding-top:20px;}









/*****************************
Styled Radio/Checkbox
*****************************/

.cr-styled{
	display:inline-block;
	margin:0px 2px;}
	
.cr-styled i{
	display: inline-block;
	height: 20px;
	width: 20px;
	cursor: pointer;
	vertical-align: middle;
	border: 1px solid #CCC;
	border-radius: 3px;
	text-align: center;
	padding-top: 2px;
	font-family: 'FontAwesome';
	background: #fff;
}
	
.cr-styled input{
	visibility:hidden;
	display:none;}
	


/* Checkbox */
.cr-styled input[type=checkbox]:checked + i:before{
	content: "\f00c";}


/* Radio */
.cr-styled input[type=radio] + i{
	border-radius:20px;}	
.cr-styled input[type=radio]:checked + i:before{
	content: "\f111";}




/*** cr-styled Theaming/Colorss ***/

.cr-styled input:checked + i{
	border-color: #a7a7a7;
color: #34a853;}






	










/*****************************
 Pages / Widgets / Elements 
*****************************/


/****Dashboard Stats****/

.dashboard-stats.panel{
	position:relative;
	cursor:pointer;
	padding:10px 10px 10px 106px;}
	
.dashboard-stats i.fa.stats-icon{
	width:80px;
	padding:20px;
	font-size:40px;
	position:absolute;
	margin-left:10px;
	left:0px;
	top:10px;
	text-align:center;
	z-index:1;
	color:#fff;
	height:80px;}
	
	
.dashboard-stats.rounded i.fa.stats-icon,
.dashboard-stats.rounded.panel{
	border-radius:50px;}
	

.dashboard-stats .sparkline{
	position:absolute;
	left:30px;
	top:20px;
	opacity:0;}
	
.dashboard-stats h3{
	margin-top:14px;}

.dashboard-stats small{
	font-size:14px;
	margin-left:6px;
	opacity:0.8;}	
	
.dashboard-stats:hover i.fa.stats-icon{
	/*right:10px;*/
	left:100%;
	margin-left:-90px;}
	
	
.dashboard-stats:hover h3,
.dashboard-stats:hover p{
	opacity:0;}
	
.dashboard-stats:hover .sparkline,
.dashboard-stats:hover i.fa.stats-icon{
	opacity:1;}
	






/****Messages-Chating****/

.messages{
	max-height:520px;
	overflow:auto;}

.messages .media{
	padding-top:18px;
	padding-bottom:18px;
	margin:0px;
	border-top:1px dashed #eaeef1;}
	
.messages .media:first-child{
	border:0px;}

.messages .media .media-body .media{
	margin-top:18px;
	padding-bottom:0px;}


/*user status icon*/
.user-status{
	position:relative;
	display:inline-block;}
	
.user-status:before,
.user-status:before{
	content:"";
	display:inline-block;
	height:12px;
	width:12px;
	border-radius:100%;
	background-color:#666;
	position:absolute;
	top:0px;
	right:0px;
	border:2px solid #fff;}


/*user status icon color*/	
.user-status.online:before{
	background-color:#70ba63;}

.user-status.busy:before{
	background-color:#01a0e6;}
	
.user-status.invisibled:before{
	background-color:#f2b635;}
	
.user-status.offline:before{
	background-color:#f25648;}



.messages .media > .pull-left{
	margin-right:15px;}
.messages .media > .pull-right{
	margin-left:15px;}
	
.messages .media > .pull-right + .media-body{
	text-align:right;}	
	

.messages .media img.media-object{
	width:54px;
	border-radius:100%;}

.messages .media .media-body{
	font-size:13px;}





/****ToDo List****/
.todo-list li{
	border:0px;
	margin:0px;
	border-radius:0px;
	border-bottom:1px dashed #e0e0e0;}





/****Activities List****/


.activities-list{
	max-height:560px;
	overflow:auto;}

.activities-list > li{
	position:relative;
	padding:10px 95px 10px 40px;}

.activities-list > li:before{
	content:"";
	position:absolute;
	left:15px;
	top:0px;
	height:100%;
	border-left:1px solid #ccc;}
	
.activities-list > li:after{
	content:"";
	position:absolute;
	left:10px;
	top:10px;
	height:12px;
	width:12px;
	border-radius:20px;
	border:1px solid #ccc;
	background-color:#fff;}


.activities-list > li span.time{
	font-size:12px;
	color:#ccc;}


.activities-list li .activity-actions{
	position:absolute;
	right:0px;
	top:25px;}


.activities-list > li.info-activity:before,
.activities-list > li.info-activity:after{
	border-color:#4fcdfc;}

.activities-list > li.warning-activity:before,
.activities-list > li.warning-activity:after{
	border-color:#fcd036;}
	
.activities-list > li.danger-activity:before,
.activities-list > li.danger-activity:after{
	border-color:#ff6264;}
	
.activities-list > li.success-activity:before,
.activities-list li.success-activity:after{
	border-color:#68b828;}
	
.activities-list > li.primary-activity:before,
.activities-list > li.primary-activity:after{
	border-color:#7c38bc;}
	
.activities-list > li.info-activity:before,
.activities-list > li.info-activity:after{
	border-color:#4fcdfc;}






/*****************************
Footer
*****************************/

.footer {
    background-color: #f2f2f4;
    border-top: 1px solid #ececee;
    padding-bottom: 15px;
    padding-top: 15px;
}






/***********************************************
================================================
 Custom Bootstrap / Overwriting
================================================
************************************************/



/*****************************
 Grid
*****************************/

.row.no-gutter {
	margin-left: 0;
	margin-right: 0;}

.row.no-gutter [class*="col-"]:not(:first-child),
.row.no-gutter [class*="col-"]:not(:last-child) {
    padding-left: 0;
    padding-right: 0;
}




/*****************************
 Color >> Backgrounds + Text 
*****************************/

.bg-white{
	background-color:#fff;}
.text-white{
	color:#fff;}


.bg-pink{
	background-color:#eaa1bd;}
.text-pink{
	color:#eaa1bd;}
	

.bg-yellow{
	background-color:#f9dc85;}
.text-yellow{
	color:#f9dc85;}
	

.bg-gray{
	background-color:#b2b2b2;}
.text-gray{
	color:#b2b2b2;}
	
	
.bg-lightgray{
	background-color:#fbfbfd;}
.text-lightgray{
	color:#fbfbfd;}


.bg-red{
	background-color:#F16364;}
.text-red{
	color:#F16364;}
	

.bg-blue{
	background-color:#00a0e6;}
.text-blue{
	color:#00a0e6;}
	
.bg-green{
	background-color:#67BF74;}
.text-green{
	color:#67BF74;}
	
	
.bg-purple{
	background-color:#8d82b5;}
.text-purple{
	color:#8d82b5;}		
	
	
.bg-yellow{
	background-color:#F9A43E;}
.text-yellow{
	color:#F9A43E;}
	

.bg-orange{
	background-color:#F58559;}
.text-orange{
	color:#F58559;}			


.bg-test{
	background-color:#79B9D9;}
.text-test{
	color:#79B9D9;}


.bg-warning{
	background-color:#FEB252;}
.text-warning{
	color:#FEB252;}
	
.bg-danger{
	background-color:#E9573F;}
.text-danger{
	color:#E9573F;}
	
.bg-success{
	background-color:#70BA63;}
.text-success{
	color:#70BA63;}
	
.bg-info{
	background-color:#4DC5F9;}
.text-info{
	color:#4DC5F9;}	













/*****************************
 Form Elements
*****************************/

/*** Custom Colors Btn ***/
.btn-purple{
	background-color:#8d82b5;
	border-color:#6b5f98;
	color:#fff;}
	
.btn-purple:hover,
.btn-purple:focus,
.btn-purple:active,
.btn-purple.active,
.open .dropdown-toggle.btn-purple{
	background-color:#6b5f98;
	color:#fff;}
	

	
.btn-green{
	background-color:#70ba63;
	border-color:#579e4b;
	color:#fff;}
	
.btn-green:hover,
.btn-green:focus,
.btn-green:active,
.btn-green.active,
.open .dropdown-toggle.btn-purple{
	background-color:#579e4b;
	color:#fff;}
	
	






.btn {
  font-family: Arial,sans-serif;
  font-size: 14px;
  font-weight: normal;
  letter-spacing: 0.01em;
  -webkit-font-smoothing: antialiased;
  -webkit-text-size-adjust: 100%;
  -ms-text-size-adjust: 100%;
  -webkit-font-feature-settings: "kern" 1;
  -moz-font-feature-settings: "kern" 1;
  margin-bottom: 0;
  border: 1px solid #f0f0f0;
  text-align: center;
  vertical-align: middle;
  cursor: pointer;
  border-radius: 3px;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  background-image: none!important;
  color: #626262;
  background-color: #ffffff;
  text-shadow: none;
  box-shadow: none;
  line-height: 21px;
  padding-left: 17px;
  padding-right: 17px;
  position: relative;
  transition: color 0.1s linear 0s,background-color 0.1s linear 0s,opacity 0.2s linear 0s!important;
}

.btn:hover {
  background-color: #fafafa;
  border: 1px solid rgba(98,98,98,0.27);
}

.btn.active {
  border-color: #e6e6e6;
  background: #fff;
}

.btn:focus,.btn:active:focus,.btn.active:focus {
  outline: none!important;
  outline-style: none;
}

.btn .caret {
  margin-left: 3px;
}

.btn .caret.single {
  margin-left: 0px;
}

.btn:hover,.btn:focus,.btn:active,.btn.active,.btn.disabled,.btn[disabled] {
  box-shadow: none;
}

button:focus {
  outline: none!important;
}


/***  WOW ***/
.btn-wow,.btn-wow:focus {
  color: #ffffff;
  background-color: #84bd93;
  border-color: #84bd93;
}

.btn-wow.active,.btn-wow:active,.btn-wow.active:focus,.btn-wow:active:focus,.btn-wow:active:hover,.open .dropdown-toggle.btn-wow {
  background-color: #84bd93;
  border-color: #84bd93;
  color: #ffffff;
}

.btn-wow.hover,.btn-wow:hover,.open .dropdown-toggle.btn-wow {
  background-color: #6fa97e;
  border-color: #6fa97e;
  color: #ffffff;
}

.btn-wow.active:hover {
  background: #84bd93;
  border-color: #84bd93;
}

.btn-wow.disabled,.btn-wow[disabled],fieldset[disabled] .btn-wow,.btn-wow.disabled:hover,.btn-wow[disabled]:hover,fieldset[disabled] .btn-wow:hover,.btn-wow.disabled:focus,.btn-wow[disabled]:focus,fieldset[disabled] .btn-wow:focus,.btn-wow.disabled:active,.btn-wow[disabled]:active,fieldset[disabled] .btn-wow:active,.btn-wow.disabled.active,.btn-wow[disabled].active,fieldset[disabled] .btn-wow.active {
  background-color: #84bd93;
  border-color: #84bd93;
}

.btn-wow .badge {
  color: #6d5cae;
  background-color: #84bd93;
}


/***  HIGH ***/
.btn-high,.btn-high:focus {
  color: #ffffff ;
  background-color: #82c7cb;
  border-color: #82c7cb;
}

.btn-high.active,.btn-high:active,.btn-high.active:focus,.btn-high:active:focus,.btn-high:active:hover,.open .dropdown-toggle.btn-high {
  background-color: #82c7cb;
  border-color: #584b8d;
  color: #ffffff;
}

.btn-high.hover,.btn-high:hover,.open .dropdown-toggle.btn-high {
  background-color: #5ba9ad;
  border-color: #5ba9ad;
  color: #ffffff;
  
}

.btn-high.active:hover {
  background: #82c7cb;
  border-color: #5e4f96;
}

.btn-high.disabled,.btn-high[disabled],fieldset[disabled] .btn-high,.btn-high.disabled:hover,.btn-high[disabled]:hover,fieldset[disabled] .btn-high:hover,.btn-high.disabled:focus,.btn-high[disabled]:focus,fieldset[disabled] .btn-high:focus,.btn-high.disabled:active,.btn-high[disabled]:active,fieldset[disabled] .btn-high:active,.btn-high.disabled.active,.btn-high[disabled].active,fieldset[disabled] .btn-high.active {
  background-color: #82c7cb;
  border-color: #6d5cae;
}

.btn-high .badge {
  color: #6d5cae;
  background-color: #82c7cb;
}


/***  MEDIUM ***/
.btn-medium,.btn-medium:focus {
  color: #ffffff ;
  background-color: #e8be6c;
  border-color: #e8be6c;
}

.btn-medium.active,.btn-medium:active,.btn-medium.active:focus,.btn-medium:active:focus,.btn-medium:active:hover,.open .dropdown-toggle.btn-medium {
  background-color: #e8be6c;
  border-color: #e8be6c;
  color: #ffffff;
}

.btn-medium.hover,.btn-medium:hover,.open .dropdown-toggle.btn-medium {
  background-color: #d0a655;
  border-color: #e8be6c;
  color: #ffffff;
}

.btn-medium.active:hover {
  background: #e8be6c;
  border-color: #e8be6c;
}

.btn-medium.disabled,.btn-medium[disabled],fieldset[disabled] .btn-medium,.btn-medium.disabled:hover,.btn-medium[disabled]:hover,fieldset[disabled] .btn-medium:hover,.btn-medium.disabled:focus,.btn-medium[disabled]:focus,fieldset[disabled] .btn-medium:focus,.btn-medium.disabled:active,.btn-medium[disabled]:active,fieldset[disabled] .btn-medium:active,.btn-medium.disabled.active,.btn-medium[disabled].active,fieldset[disabled] .btn-medium.active {
  background-color: #e8be6c;
  border-color: #e8be6c;
}

.btn-medium .badge {
  color: #6d5cae;
  background-color: #e8be6c;
}


/***  LOW ***/
.btn-low,.btn-low:focus {
  color: #ffffff ;
  background-color: #d67d69;
  border-color: #6d5cae;
}

.btn-low.active,.btn-low:active,.btn-low.active:focus,.btn-low:active:focus,.btn-low:active:hover,.open .dropdown-toggle.btn-low {
  background-color: #d67d69;
  border-color: #584b8d;
  color: #ffffff;
}

.btn-low.hover,.btn-low:hover,.open .dropdown-toggle.btn-low {
  background-color: #bb6856;
  border-color: #8a7dbe;
  color: #ffffff;
}

.btn-low.active:hover {
  background: #d67d69;
  border-color: #5e4f96;
}

.btn-low.disabled,.btn-low[disabled],fieldset[disabled] .btn-low,.btn-low.disabled:hover,.btn-low[disabled]:hover,fieldset[disabled] .btn-low:hover,.btn-low.disabled:focus,.btn-low[disabled]:focus,fieldset[disabled] .btn-low:focus,.btn-low.disabled:active,.btn-low[disabled]:active,fieldset[disabled] .btn-low:active,.btn-low.disabled.active,.btn-low[disabled].active,fieldset[disabled] .btn-low.active {
  background-color: #d67d69;
  border-color: #6d5cae;
}

.btn-low .badge {
  color: #6d5cae;
  background-color: #d67d69;
}


/***  PASSIVE ***/
.btn-passive,.btn-passive:focus {
  color: #ffffff ;
  background-color: #a57d7e;
  border-color: #6d5cae;
}

.btn-passive.active,.btn-passive:active,.btn-passive.active:focus,.btn-passive:active:focus,.btn-passive:active:hover,.open .dropdown-toggle.btn-passive {
  background-color: #a57d7e;
  border-color: #584b8d;
  color: #ffffff;
}

.btn-passive.hover,.btn-passive:hover,.open .dropdown-toggle.btn-passive {
  background-color: #916a6b;
  border-color: #8a7dbe;
  color: #ffffff;
}

.btn-passive.active:hover {
  background: #a57d7e;
  border-color: #5e4f96;
}

.btn-passive.disabled,.btn-passive[disabled],fieldset[disabled] .btn-passive,.btn-passive.disabled:hover,.btn-passive[disabled]:hover,fieldset[disabled] .btn-passive:hover,.btn-passive.disabled:focus,.btn-passive[disabled]:focus,fieldset[disabled] .btn-passive:focus,.btn-passive.disabled:active,.btn-passive[disabled]:active,fieldset[disabled] .btn-passive:active,.btn-passive.disabled.active,.btn-passive[disabled].active,fieldset[disabled] .btn-passive.active {
  background-color: #a57d7e;
  border-color: #6d5cae;
}

.btn-low .badge {
  color: #6d5cae;
  background-color: #a57d7e;
}



.btn-primary,.btn-primary:focus {
  color: #ffffff;
  background-color: #6d5cae;
  border-color: #6d5cae;
}

.btn-primary.active,.btn-primary:active,.btn-primary.active:focus,.btn-primary:active:focus,.btn-primary:active:hover,.open .dropdown-toggle.btn-primary {
  background-color: #584b8d;
  border-color: #584b8d;
  color: #ffffff;
}

.btn-primary.hover,.btn-primary:hover,.open .dropdown-toggle.btn-primary {
  background-color: #8a7dbe;
  border-color: #8a7dbe;
  color: #ffffff;
}

.btn-primary.active:hover {
  background: #5e4f96;
  border-color: #5e4f96;
}

.btn-primary.disabled,.btn-primary[disabled],fieldset[disabled] .btn-primary,.btn-primary.disabled:hover,.btn-primary[disabled]:hover,fieldset[disabled] .btn-primary:hover,.btn-primary.disabled:focus,.btn-primary[disabled]:focus,fieldset[disabled] .btn-primary:focus,.btn-primary.disabled:active,.btn-primary[disabled]:active,fieldset[disabled] .btn-primary:active,.btn-primary.disabled.active,.btn-primary[disabled].active,fieldset[disabled] .btn-primary.active {
  background-color: #6d5cae;
  border-color: #6d5cae;
}

.btn-primary .badge {
  color: #6d5cae;
  background-color: #ffffff;
}

.btn-success,.btn-success:focus {
  color: #ffffff;
  background-color: #10cfbd;
  border-color: #10cfbd;
}

.btn-success.active,.btn-success:active,.btn-success.active:focus,.btn-success:active:focus,.btn-success:active:hover,.open .dropdown-toggle.btn-success {
  background-color: #0da899;
  border-color: #0da899;
  color: #ffffff;
}

.btn-success.hover,.btn-success:hover,.open .dropdown-toggle.btn-success {
  background-color: #40d9ca;
  border-color: #40d9ca;
  color: #ffffff;
}

.btn-success.active:hover {
  background: #0eb2a3;
  border-color: #0eb2a3;
}

.btn-success.disabled,.btn-success[disabled],fieldset[disabled] .btn-success,.btn-success.disabled:hover,.btn-success[disabled]:hover,fieldset[disabled] .btn-success:hover,.btn-success.disabled:focus,.btn-success[disabled]:focus,fieldset[disabled] .btn-success:focus,.btn-success.disabled:active,.btn-success[disabled]:active,fieldset[disabled] .btn-success:active,.btn-success.disabled.active,.btn-success[disabled].active,fieldset[disabled] .btn-success.active {
  background-color: #10cfbd;
  border-color: #10cfbd;
}

.btn-success .badge {
  color: #10cfbd;
  background-color: #ffffff;
}

.btn-complete,.btn-complete:focus {
  color: #ffffff;
  background-color: #48b0f7;
  border-color: #48b0f7;
}

.btn-complete.active,.btn-complete:active,.btn-complete.active:focus,.btn-complete:active:focus,.btn-complete:active:hover,.open .dropdown-toggle.btn-complete {
  background-color: #3a8fc8;
  border-color: #3a8fc8;
  color: #ffffff;
}

.btn-complete.hover,.btn-complete:hover,.open .dropdown-toggle.btn-complete {
  background-color: #6dc0f9;
  border-color: #6dc0f9;
  color: #ffffff;
}

.btn-complete.active:hover {
  background: #3e97d4;
  border-color: #3e97d4;
}

.btn-complete.disabled,.btn-complete[disabled],fieldset[disabled] .btn-complete,.btn-complete.disabled:hover,.btn-complete[disabled]:hover,fieldset[disabled] .btn-complete:hover,.btn-complete.disabled:focus,.btn-complete[disabled]:focus,fieldset[disabled] .btn-complete:focus,.btn-complete.disabled:active,.btn-complete[disabled]:active,fieldset[disabled] .btn-complete:active,.btn-complete.disabled.active,.btn-complete[disabled].active,fieldset[disabled] .btn-complete.active {
  background-color: #48b0f7;
  border-color: #48b0f7;
}

.btn-complete .badge {
  color: #48b0f7;
  background-color: #ffffff;
}

.btn-info,.btn-info:focus {
  color: #ffffff;
  background-color: #3b4752;
  border-color: #3b4752;
}

.btn-info.active,.btn-info:active,.btn-info.active:focus,.btn-info:active:focus,.btn-info:active:hover,.open .dropdown-toggle.btn-info {
  background-color: #303a42;
  border-color: #303a42;
  color: #ffffff;
}

.btn-info.hover,.btn-info:hover,.open .dropdown-toggle.btn-info {
  background-color: #626c75;
  border-color: #626c75;
  color: #ffffff;
}

.btn-info.active:hover {
  background: #333d47;
  border-color: #333d47;
}

.btn-info.disabled,.btn-info[disabled],fieldset[disabled] .btn-info,.btn-info.disabled:hover,.btn-info[disabled]:hover,fieldset[disabled] .btn-info:hover,.btn-info.disabled:focus,.btn-info[disabled]:focus,fieldset[disabled] .btn-info:focus,.btn-info.disabled:active,.btn-info[disabled]:active,fieldset[disabled] .btn-info:active,.btn-info.disabled.active,.btn-info[disabled].active,fieldset[disabled] .btn-info.active {
  background-color: #3b4752;
  border-color: #3b4752;
}

.btn-info .badge {
  color: #3b4752;
  background-color: #ffffff;
}

.btn-warning,.btn-warning:focus {
  color: #ffffff;
  background-color: #f8d053;
  border-color: #f8d053;
}

.btn-warning.active,.btn-warning:active,.btn-warning.active:focus,.btn-warning:active:focus,.btn-warning:active:hover,.open .dropdown-toggle.btn-warning {
  background-color: #c9a843;
  border-color: #c9a843;
  color: #ffffff;
}

.btn-warning.hover,.btn-warning:hover,.open .dropdown-toggle.btn-warning {
  background-color: #f9d975;
  border-color: #f9d975;
  color: #ffffff;
}

.btn-warning.active:hover {
  background: #d5b347;
  border-color: #d5b347;
}

.btn-warning.disabled,.btn-warning[disabled],fieldset[disabled] .btn-warning,.btn-warning.disabled:hover,.btn-warning[disabled]:hover,fieldset[disabled] .btn-warning:hover,.btn-warning.disabled:focus,.btn-warning[disabled]:focus,fieldset[disabled] .btn-warning:focus,.btn-warning.disabled:active,.btn-warning[disabled]:active,fieldset[disabled] .btn-warning:active,.btn-warning.disabled.active,.btn-warning[disabled].active,fieldset[disabled] .btn-warning.active {
  background-color: #f8d053;
  border-color: #f8d053;
}

.btn-warning .badge {
  color: #f8d053;
  background-color: #ffffff;
}

.btn-danger,.btn-danger:focus {
  color: #ffffff;
  background-color: #f55753;
  border-color: #f55753;
}

.btn-danger.active,.btn-danger:active,.btn-danger.active:focus,.btn-danger:active:focus,.btn-danger:active:hover,.open .dropdown-toggle.btn-danger {
  background-color: #c64643;
  border-color: #c64643;
  color: #ffffff;
}

.btn-danger.hover,.btn-danger:hover,.open .dropdown-toggle.btn-danger {
  background-color: #f77975;
  border-color: #f77975;
  color: #ffffff;
}

.btn-danger.active:hover {
  background: #d34b47;
  border-color: #d34b47;
}

.btn-danger.disabled,.btn-danger[disabled],fieldset[disabled] .btn-danger,.btn-danger.disabled:hover,.btn-danger[disabled]:hover,fieldset[disabled] .btn-danger:hover,.btn-danger.disabled:focus,.btn-danger[disabled]:focus,fieldset[disabled] .btn-danger:focus,.btn-danger.disabled:active,.btn-danger[disabled]:active,fieldset[disabled] .btn-danger:active,.btn-danger.disabled.active,.btn-danger[disabled].active,fieldset[disabled] .btn-danger.active {
  background-color: #f55753;
  border-color: #f55753;
}

.btn-danger .badge {
  color: #f55753;
  background-color: #ffffff;
}

.btn-default,.btn-default:focus {
  color: #5e5e5e;
  background-color: #ffffff;
  border-color: #f0f0f0;
}

.btn-default.active,.btn-default:active,.btn-default.active:focus,.btn-default:active:focus,.btn-default:active:hover {
  background-color: #f0f0f0;
  border-color: #e6e6e6;
  color: #2c2c2c;
}

.btn-default.hover,.btn-default:hover {
  background-color: #fafafa;
  border-color: rgba(98,98,98,0.27);
  color: #1a1a1a;
}

.btn-default.active:hover {
  background: #f0f0f0;
}



.btn-blank,.btn-blank:focus {
  color: #ffffff;
  background-color: transparent;
  border-color: #f0f0f0;
  border:1;
}

.btn-blank.active,.btn-blank:active,.btn-blank.active:focus,.btn-blank:active:focus,.btn-blank:active:hover {
 color: #5e5e5e;
  background-color: #ffffff;
  border-color: #f0f0f0;
  border:1;
}

.btn-blank.hover,.btn-blank:hover {
  color: #5e5e5e;
  background-color: #ffffff;
  border-color: #f0f0f0;
  border:1;
}

.btn-blank.active:hover {
  background: #f0f0f0;
  border:1;
}


.btn-link {
  color: #5e5e5e;
  background-color: transparent;
  border: none;
}

.btn-link:hover,.btn-link:focus,.btn-link:active,.btn-link.active,.btn-link.disabled,.btn-link[disabled] {
  background-color: transparent;
  border: none;
  text-decoration: none;
  outline: none;
}



.btn-file {
  position: relative;
  overflow: hidden;
}

.btn-file input[type=file] {
  position: absolute;
  top: 0;
  right: 0;
  min-width: 100%;
  min-height: 100%;
  font-size: 100px;
  text-align: right;
  filter: alpha(opacity=0);
  opacity: 0;
  background: red;
  cursor: inherit;
  display: block;
}

.btn-lg,.btn-group-lg>.btn {
  padding-left: 28px;
  padding-right: 28px;
  line-height: 23px;
}

.btn-sm,.btn-group-sm>.btn {
  padding-left: 16px;
  padding-right: 16px;
  font-size: 11.9px;
  line-height: 20px;
}

.btn-xs,.btn-group-xs>.btn {
  padding: 2px 9px;
  font-size: 10.5px;
}

.btn-cons {
  margin-right: 5px;
  /*min-width: 120px;*/
  min-width: 100%;
  padding-left: 0px;
  padding-right: 0px;
}

.btn-rounded {
  border-radius: 100px;
}

.btn-group.open .dropdown-toggle,.open .dropdown-toggle,.open.dropdown-default .dropdown-toggle {
  box-shadow: none;
}

.btn-animated {
  overflow: hidden;
  -webkit-backface-visibility: hidden;
  -moz-backface-visibility: hidden;
  backface-visibility: hidden;
  -webkit-transform-style: preserve-3d;
  -moz-transform-style: preserve-3d;
  transform-style: preserve-3d;
}

.btn-animated>span {
  display: inline-block;
  width: 100%;
  height: 100%;
  -webkit-backface-visibility: hidden;
  -moz-backface-visibility: hidden;
  backface-visibility: hidden;
  -webkit-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
  -webkit-transform-style: preserve-3d;
  -moz-transform-style: preserve-3d;
  transform-style: preserve-3d;
}

.btn-animated:before {
  position: absolute;
  height: 100%;
  width: 100%;
  font-size: 100%;
  line-height: 2.5;
  -webkit-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
}

.btn-animated:after {
  content: '';
  position: absolute;
  z-index: -1;
  -webkit-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
}

.btn-animated.from-top:before {
  left: 0;
  top: -100%;
}

.btn-animated.from-top:hover:before,.btn-animated.from-top.show-icon:before {
  top: 0;
}

.btn-animated.from-top:hover>span,.btn-animated.from-top.show-icon>span {
  -webkit-transform: translateY(300%);
  -ms-transform: translateY(300%);
  transform: translateY(300%);
}

.btn-animated.from-left:before {
  left: -100%;
  top: 0;
}

.btn-animated.from-left:hover:before,.btn-animated.from-left.show-icon:before {
  left: 0;
}

.btn-animated.from-left:hover>span,.btn-animated.from-left.show-icon>span {
  -webkit-transform: translateX(200%);
  -ms-transform: translateX(200%);
  transform: translateX(200%);
}

.btn-animated.fa:before {
  font-family: FontAwesome;
}

.btn-animated.pg:before {
  font-family: "pages-icon";
}

.btn-tag {
  line-height: 17px;
  border-radius: 17px 3px 3px 17px;
  padding: 5px 19px;
}

.btn-tag:hover,.btn-tag.hover {
  border-color: transparent;
}

.btn-tag.btn-tag-light {
  background: #fafdff;
  color: #5b8ca5;
  border: 1px solid #cbe4f0;
}

.btn-tag.btn-tag-light:hover {
  background: #fff;
}

.btn-tag.btn-tag-dark {
  background: #e6e6e6;
  color: #626262;
}

.btn-tag.btn-tag-dark:hover {
  background: #ebebeb;
}

.btn-tag.btn-tag-rounded {
  border-radius: 17px;
}

.btn-toolbar .btn {
  padding-left: 14px;
  padding-right: 14px;
}




/*** Btn Shapes ***/
.btn-circle,
.form-control-circle,
.btn-group .btn-circle:first-child:not(:last-child):not(.dropdown-toggle){
	border-radius:50px;}

.btn-flat,
.form-control-flat{
	border-radius:0px;}




/*****************************
Form Elements
*****************************/

.has-feedback div[class*=col-] .form-control-feedback{
	right:15px;
	line-height:34px;}





/*****************************
Panel Styling
*****************************/

.panel{
	margin-bottom:30px;}

.panel-heading{
	font-weight:700;}
.panel-heading small,
.panel-heading span,
.panel-heading.un-bold{
	font-weight:400;}


/*** default ***/	
.panel-default > .panel-heading,
.panel-default > .panel-footer{
	border-color: #e8e8eb;
	box-shadow:none;}		

.panel-default > .panel-heading,
.btn-default{
	color:#9D9EA5;}
	
	
/*** primary ***/
.panel-primary{
	border-color:#8d82b5;}
	
.panel-primary > .panel-heading,
.panel-primary > .panel-footer{
	border-color: #8d82b5;
	background-color:#8d82b5;
	box-shadow:none;}
	
	
/*** success ***/
.panel-success{
	border-color:#70ba63;}
	
.panel-success > .panel-heading,
.panel-success > .panel-footer{
	border-color: #70ba63;
	background-color:#70ba63;
	color:#fff;
	box-shadow:none;}
	

/*** info ***/
.panel-info{
	border-color:#4cbceb;}
	
.panel-info > .panel-heading,
.panel-info > .panel-footer{
	border-color: #4cbceb;
	background-color:#4cbceb;
	color:#fff;
	box-shadow:none;}
	
	
/*** warning ***/
.panel-warning{
	border-color:#feb252;}
	
.panel-warning > .panel-heading,
.panel-warning > .panel-footer{
	border-color: #feb252;
	background-color:#feb252;
	color:#fff;
	box-shadow:none;}
	
	
/*** danger ***/
.panel-danger{
	border-color:#e35b5a;}
	
.panel-danger > .panel-heading,
.panel-danger > .panel-footer{
	border-color: #e35b5a;
	background-color:#e35b5a;
	color:#fff;
	box-shadow:none;}
	
	
		


	
/*** Clean Panel Heading ***/
.panel-heading.clean,
.panel-footer.clean{
	background:none;
	border:none;}





/*****************************
 Dropdown
*****************************/

.dropdown-menu{}


.dropdown-menu > li > a{
	color:#84868e;}

/*** Dropdown Menu Sizes ***/

.dropdown-menu.md{
	min-width:300px}
	

.dropdown-menu.lg{
	min-width:400px;}

	


.dropdown-menu.arrow:after,
.dropdown-menu.arrow:before{
	content:"";
	display:block;
	position:absolute;
	height:11px;
	width:11px;
	border-color:inherit;
	border-style:solid;
	border-width:11px;
	border-top-color:transparent;
	border-left-color:transparent;
	border-right-color:transparent;
	border-bottom-color:transparent;
	position:absolute;
	bottom:100%;
	left:6px;}

	
.dropdown-menu.arrow.arrow-top-right,
.dropdown-menu.arrow.arrow-top-left{
	top:calc(100% + 15px);}



/**Top Right Arrow**/
.dropdown-menu.arrow.arrow-top-right:after,
.dropdown-menu.arrow.arrow-top-right:before{
	border-bottom-color:inherit;
	right:6px;
	left:auto;}
	
.dropdown-menu.arrow.arrow-top-right:before{
	right:5px;
	left:auto;}

.dropdown-menu.arrow.arrow-top-right:after{
	border-bottom-color:#fff;}




/**Top Left Arrow**/
.dropdown-menu.arrow.arrow-top-left:after,
.dropdown-menu.arrow.arrow-top-left:before{
	border-bottom-color:inherit;
	left:6px;
	left:auto;}
	
.dropdown-menu.arrow.arrow-top-left:before{
	left:5px;}




.dropdown-menu.arrow:after{
	height:10px;
	width:10px;
	border-width:10px;}

.dropdown-menu.arrow.panel-default:after{
	border-bottom-color:#F5F5F5;}






/*****************************
Progress Bars
*****************************/

.progress.progress-xxs{
	height:4px;}

.progress.progress-xs{
	height:8px;}

.progress.progress-sm{
	height:12px;}
	
.progress.progress-lg{
	height:24px;}






/*****************************
Horizaontal Row
*****************************/

hr.sm{
	margin-top:15px;
	margin-bottom:15px;}

hr.xs{
	margin-top:10px;
	margin-bottom:10px;}
	

hr.dotted{
	border-style:dashed;}

hr.clean{
	border:0px;}


/*****************************
Tabs with panel
*****************************/

.panel.tab-pane.tabs-up{
	border-top:0px;
	border-top-left-radius:0px;
	border-top-right-radius:0px;}








/****************************************
=========================================
Responsive Stying
=========================================
*****************************************/

@media (max-width: 768px) {
	
	
	
	aside.left-panel.collapsed{
	width:250px;
	left:0px;
	overflow:hidden !important;}
	
	aside.left-panel.collapsed + .content{
	margin-left:0px;
	transform:translate3d(250px, 0px, 0px);
	-ms-transform:translate3d(250px, 0px, 0px); 
	-webkit-transform:translate3d(250px, 0px, 0px); 
	-moz-transition: translate3d(250px, 0px, 0px);
	-o-transition: translate3d(250px, 0px, 0px)}
	

	
	aside.left-panel{
		left:100%;}
	
	section.content{
		margin-left:0px;}
		
	.content > .container-fluid{
		padding-left:15px;
		padding-right:15px;}
		
	.page-header h1{
		margin-top:0px;}
	
}





@media (max-width: 450px) {
	.dropdown-menu{
		min-width:280px !important;}
		
	.messages-dropdown{
		right:-80px !important;}
		
	.messages-dropdown.arrow.arrow-top-right:after{
		right:85px;}
	.messages-dropdown.arrow.arrow-top-right:before{
		right:84px;}	
		
	.notifications{
		right:-40px !important;}
		
	.notifications.arrow.arrow-top-right:after{
		right:45px;}
	.notifications.arrow.arrow-top-right:before{
		right:44px;}
	
}





/****************************************
=========================================
Just For Demo / Showcase
=========================================
*****************************************/

.showcase-btn li, .showcase-btn{
	margin-bottom:10px;}
	
.showcase-switch-button{
	margin-right:15px;}
	
.showcase-pagination{
	margin-top:10px;
	margin-bottom:10px;}




	
.showcase-icons div{
	line-height:40px;
	cursor:pointer;
	height:40px;}
	
.showcase-icons i{
	
	transition: font-size 0.2s ease 0s;
	text-align:center;
	width:40px;}
	
.showcase-icons > div:hover i{
	font-size:26px;}