acha-framework/src/frontend/panel/stylesheets/ltr.less

is a modular framework on both client (angular.js) and server (node.js) side, it provides security, orm, ioc, obfuscation and ...

@import "../vendor/pe-icons/pe-icon-7-stroke.less";
/**********************************************/

@import url("http://fonts.googleapis.com/css?family=Roboto:100,100italic,300,300italic,400,400italic,500,500italic,700,700italic,900,900italic");

.bg-default {
  background-color: #292929 !important;
  color: #fff !important
}

.bg-primary {
  background-color: #29c7ca !important;
  color: #fff !important
}

.bg-success {
  background-color: #1dbc9c !important;
  color: #fff !important
}

.bg-info {
  background-color: #34b5dc !important;
  color: #fff !important
}

.bg-warning {
  background-color: #ffc107 !important;
  color: #fff !important
}

.bg-danger {
  background-color: #cd4237 !important;
  color: #fff !important
}

.bg-inverse {
  background-color: #fefefe !important;
  color: #292929 !important
}

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

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

.bg-body {
  background-color: #f1f3f2 !important
}

.bg-highlight {
  background-color: #ff8
}

.bg-default-darker {
  background-color: #212121
}

.bg-muted {
  background-color: #f5f5f5;
  color: #282828
}

.border-default {
  border-width: 0;
  border-color: #292929 !important;
  border-style: solid
}

.border-primary {
  border-width: 0;
  border-color: #29c7ca !important;
  border-style: solid
}

.border-success {
  border-width: 0;
  border-color: #1dbc9c !important;
  border-style: solid
}

.border-info {
  border-width: 0;
  border-color: #34b5dc !important;
  border-style: solid
}

.border-warning {
  border-width: 0;
  border-color: #ffc107 !important;
  border-style: solid
}

.border-danger {
  border-width: 0;
  border-color: #cd4237 !important;
  border-style: solid
}

.border-inverse {
  border-width: 0;
  border-color: #fefefe !important;
  border-style: solid
}

.border-white {
  border-width: 0;
  border-color: #fff !important;
  border-style: solid
}

.border-muted {
  border-color: #eee;
  border-style: solid;
  border-width: 0
}

.border-muted-darker {
  border-color: #e8e8e8;
  border-style: solid;
  border-width: 0
}

.border-left-1 {
  border-left-width: 1px !important
}

.border-right-1 {
  border-right-width: 1px !important
}

.border-top-1 {
  border-top-width: 1px !important
}

.border-bottom-1 {
  border-bottom-width: 1px !important
}

.border-left-2 {
  border-left-width: 2px !important
}

.border-right-2 {
  border-right-width: 2px !important
}

.border-top-2 {
  border-top-width: 2px !important
}

.border-bottom-2 {
  border-bottom-width: 2px !important
}

.border-left-3 {
  border-left-width: 3px !important
}

.border-right-3 {
  border-right-width: 3px !important
}

.border-top-3 {
  border-top-width: 3px !important
}

.border-bottom-3 {
  border-bottom-width: 3px !important
}

.border-left-4 {
  border-left-width: 4px !important
}

.border-right-4 {
  border-right-width: 4px !important
}

.border-top-4 {
  border-top-width: 4px !important
}

.border-bottom-4 {
  border-bottom-width: 4px !important
}

.border-left-5 {
  border-left-width: 5px !important
}

.border-right-5 {
  border-right-width: 5px !important
}

.border-top-5 {
  border-top-width: 5px !important
}

.border-bottom-5 {
  border-bottom-width: 5px !important
}

.text-default {
  color: #292929 !important
}

.text-default:hover {
  color: #212121 !important
}

.text-primary {
  color: #29c7ca !important
}

.text-primary:hover {
  color: #26b6b9 !important
}

.text-success {
  color: #1dbc9c !important
}

.text-success:hover {
  color: #1aa88b !important
}

.text-info {
  color: #34b5dc !important
}

.text-info:hover {
  color: #39aed1 !important
}

.text-warning {
  color: #ffc107 !important
}

.text-warning:hover {
  color: #efb608 !important
}

.text-danger {
  color: #cd4237 !important
}

.text-danger:hover {
  color: #ac372e !important
}

.text-inverse {
  color: #fefefe !important
}

.text-inverse:hover {
  color: #f5f5f5 !important
}

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

.text-white:hover {
  color: #fafafa !important
}

.text-grey {
  color: #888 !important
}

.hr-space {
  margin: 10px 0
}

.hr-space.space-lg {
  margin: 20px 0
}

.hr-space.space-xl {
  margin: 30px 0
}

hr {
  display: block
}

.p-0 {
  padding: 0 !important
}

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

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

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

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

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

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

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

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

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

.p-7 {
  padding: 7px !important
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.p-200 {
  padding: 200px !important
}

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

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

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

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

.p-300 {
  padding: 300px !important
}

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

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

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

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

.m-0 {
  margin: 0 !important
}

.m-l-0 {
  margin-left: 0 !important
}

.m-r-0 {
  margin-right: 0 !important
}

.m-t-0 {
  margin-top: 0 !important
}

.m-b-0 {
  margin-bottom: 0 !important
}

.m-5 {
  margin: 5px !important
}

.m-l-5 {
  margin-left: 5px !important
}

.m-r-5 {
  margin-right: 5px !important
}

.m-t-5 {
  margin-top: 5px !important
}

.m-b-5 {
  margin-bottom: 5px !important
}

.m-7 {
  margin: 7px !important
}

.m-l-7 {
  margin-left: 7px !important
}

.m-r-7 {
  margin-right: 7px !important
}

.m-t-7 {
  margin-top: 7px !important
}

.m-b-7 {
  margin-bottom: 7px !important
}

.m-10 {
  margin: 10px !important
}

.m-l-10 {
  margin-left: 10px !important
}

.m-r-10 {
  margin-right: 10px !important
}

.m-t-10 {
  margin-top: 10px !important
}

.m-b-10 {
  margin-bottom: 10px !important
}

.m-15 {
  margin: 15px !important
}

.m-l-15 {
  margin-left: 15px !important
}

.m-r-15 {
  margin-right: 15px !important
}

.m-t-15 {
  margin-top: 15px !important
}

.m-b-15 {
  margin-bottom: 15px !important
}

.m-20 {
  margin: 20px !important
}

.m-l-20 {
  margin-left: 20px !important
}

.m-r-20 {
  margin-right: 20px !important
}

.m-t-20 {
  margin-top: 20px !important
}

.m-b-20 {
  margin-bottom: 20px !important
}

.m-25 {
  margin: 25px !important
}

.m-l-25 {
  margin-left: 25px !important
}

.m-r-25 {
  margin-right: 25px !important
}

.m-t-25 {
  margin-top: 25px !important
}

.m-b-25 {
  margin-bottom: 25px !important
}

.m-30 {
  margin: 30px !important
}

.m-l-30 {
  margin-left: 30px !important
}

.m-r-30 {
  margin-right: 30px !important
}

.m-t-30 {
  margin-top: 30px !important
}

.m-b-30 {
  margin-bottom: 30px !important
}

.m-35 {
  margin: 35px !important
}

.m-l-35 {
  margin-left: 35px !important
}

.m-r-35 {
  margin-right: 35px !important
}

.m-t-35 {
  margin-top: 35px !important
}

.m-b-35 {
  margin-bottom: 35px !important
}

.m-40 {
  margin: 40px !important
}

.m-l-40 {
  margin-left: 40px !important
}

.m-r-40 {
  margin-right: 40px !important
}

.m-t-40 {
  margin-top: 40px !important
}

.m-b-40 {
  margin-bottom: 40px !important
}

.m-50 {
  margin: 50px !important
}

.m-l-50 {
  margin-left: 50px !important
}

.m-r-50 {
  margin-right: 50px !important
}

.m-t-50 {
  margin-top: 50px !important
}

.m-b-50 {
  margin-bottom: 50px !important
}

.m-60 {
  margin: 60px !important
}

.m-l-60 {
  margin-left: 60px !important
}

.m-r-60 {
  margin-right: 60px !important
}

.m-t-60 {
  margin-top: 60px !important
}

.m-b-60 {
  margin-bottom: 60px !important
}

.m-70 {
  margin: 70px !important
}

.m-l-70 {
  margin-left: 70px !important
}

.m-r-70 {
  margin-right: 70px !important
}

.m-t-70 {
  margin-top: 70px !important
}

.m-b-70 {
  margin-bottom: 70px !important
}

.m-75 {
  margin: 75px !important
}

.m-l-75 {
  margin-left: 75px !important
}

.m-r-75 {
  margin-right: 75px !important
}

.m-t-75 {
  margin-top: 75px !important
}

.m-b-75 {
  margin-bottom: 75px !important
}

.m-100 {
  margin: 100px !important
}

.m-l-100 {
  margin-left: 100px !important
}

.m-r-100 {
  margin-right: 100px !important
}

.m-t-100 {
  margin-top: 100px !important
}

.m-b-100 {
  margin-bottom: 100px !important
}

.m-200 {
  margin: 200px !important
}

.m-l-200 {
  margin-left: 200px !important
}

.m-r-200 {
  margin-right: 200px !important
}

.m-t-200 {
  margin-top: 200px !important
}

.m-b-200 {
  margin-bottom: 200px !important
}

.m-300 {
  margin: 300px !important
}

.m-l-300 {
  margin-left: 300px !important
}

.m-r-300 {
  margin-right: 300px !important
}

.m-t-300 {
  margin-top: 300px !important
}

.m-b-300 {
  margin-bottom: 300px !important
}

.h-40 {
  height: 40px !important
}

.w-40 {
  width: 40px !important
}

.w-m-40 {
  width: -webkit-calc(100% - 40px) !important;
  width: -moz-calc(100% - 40px) !important;
  width: calc(100% - 40px) !important
}

.h-50 {
  height: 50px !important
}

.w-50 {
  width: 50px !important
}

.w-m-50 {
  width: -webkit-calc(100% - 50px) !important;
  width: -moz-calc(100% - 50px) !important;
  width: calc(100% - 50px) !important
}

.h-60 {
  height: 60px !important
}

.w-60 {
  width: 60px !important
}

.w-m-60 {
  width: -webkit-calc(100% - 60px) !important;
  width: -moz-calc(100% - 60px) !important;
  width: calc(100% - 60px) !important
}

.h-65 {
  height: 65px !important
}

.w-65 {
  width: 65px !important
}

.w-m-65 {
  width: -webkit-calc(100% - 65px) !important;
  width: -moz-calc(100% - 65px) !important;
  width: calc(100% - 65px) !important
}

.h-70 {
  height: 70px !important
}

.w-70 {
  width: 70px !important
}

.w-m-70 {
  width: -webkit-calc(100% - 70px) !important;
  width: -moz-calc(100% - 70px) !important;
  width: calc(100% - 70px) !important
}

.h-80 {
  height: 80px !important
}

.w-80 {
  width: 80px !important
}

.w-m-80 {
  width: -webkit-calc(100% - 80px) !important;
  width: -moz-calc(100% - 80px) !important;
  width: calc(100% - 80px) !important
}

.h-90 {
  height: 90px !important
}

.w-90 {
  width: 90px !important
}

.w-m-90 {
  width: -webkit-calc(100% - 90px) !important;
  width: -moz-calc(100% - 90px) !important;
  width: calc(100% - 90px) !important
}

.h-100 {
  height: 100px !important
}

.w-100 {
  width: 100px !important
}

.w-m-100 {
  width: -webkit-calc(100% - 100px) !important;
  width: -moz-calc(100% - 100px) !important;
  width: calc(100% - 100px) !important
}

.h-120 {
  height: 120px !important
}

.w-120 {
  width: 120px !important
}

.w-m-120 {
  width: -webkit-calc(100% - 120px) !important;
  width: -moz-calc(100% - 120px) !important;
  width: calc(100% - 120px) !important
}

.h-150 {
  height: 150px !important
}

.w-150 {
  width: 150px !important
}

.w-m-150 {
  width: -webkit-calc(100% - 150px) !important;
  width: -moz-calc(100% - 150px) !important;
  width: calc(100% - 150px) !important
}

.h-200 {
  height: 200px !important
}

.w-200 {
  width: 200px !important
}

.w-m-200 {
  width: -webkit-calc(100% - 200px) !important;
  width: -moz-calc(100% - 200px) !important;
  width: calc(100% - 200px) !important
}

.h-250 {
  height: 250px !important
}

.w-250 {
  width: 250px !important
}

.w-m-250 {
  width: -webkit-calc(100% - 250px) !important;
  width: -moz-calc(100% - 250px) !important;
  width: calc(100% - 250px) !important
}

.h-300 {
  height: 300px !important
}

.w-300 {
  width: 300px !important
}

.w-m-300 {
  width: -webkit-calc(100% - 300px) !important;
  width: -moz-calc(100% - 300px) !important;
  width: calc(100% - 300px) !important
}

.h-350 {
  height: 350px !important
}

.w-350 {
  width: 350px !important
}

.w-m-350 {
  width: -webkit-calc(100% - 350px) !important;
  width: -moz-calc(100% - 350px) !important;
  width: calc(100% - 350px) !important
}

.h-400 {
  height: 400px !important
}

.w-400 {
  width: 400px !important
}

.w-m-400 {
  width: -webkit-calc(100% - 400px) !important;
  width: -moz-calc(100% - 400px) !important;
  width: calc(100% - 400px) !important
}

.h-500 {
  height: 500px !important
}

.w-500 {
  width: 500px !important
}

.w-m-500 {
  width: -webkit-calc(100% - 500px) !important;
  width: -moz-calc(100% - 500px) !important;
  width: calc(100% - 500px) !important
}

.f-8 {
  font-size: 8px !important
}

.f-9 {
  font-size: 9px !important
}

.f-10 {
  font-size: 10px !important
}

.f-11 {
  font-size: 11px !important
}

.f-12 {
  font-size: 12px !important
}

.f-13 {
  font-size: 13px !important
}

.f-14 {
  font-size: 14px !important
}

.f-15 {
  font-size: 15px !important
}

.f-17 {
  font-size: 17px !important
}

.f-20 {
  font-size: 20px !important
}

.f-25 {
  font-size: 25px !important
}

.f-30 {
  font-size: 30px !important
}

.f-35 {
  font-size: 35px !important
}

.f-50 {
  font-size: 50px !important
}

.f-60 {
  font-size: 60px !important
}

.f-65 {
  font-size: 65px !important
}

.f-70 {
  font-size: 70px !important
}

.f-75 {
  font-size: 75px !important
}

.f-90 {
  font-size: 90px !important
}

.f-100 {
  font-size: 100px !important
}

.b-200 {
  font-weight: 200
}

.b-300 {
  font-weight: 300
}

.b-400 {
  font-weight: 400
}

.b-500 {
  font-weight: 500
}

.b-600 {
  font-weight: 600
}

.b-700 {
  font-weight: 600
}

.box-shadow {
  -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, .12), 0 1px 2px rgba(0, 0, 0, .24);
  -moz-box-shadow: 0 1px 3px rgba(0, 0, 0, .12), 0 1px 2px rgba(0, 0, 0, .24);
  box-shadow: 0 1px 3px rgba(0, 0, 0, .12), 0 1px 2px rgba(0, 0, 0, .24)
}

.box-shadow.shadow-lg {
  -webkit-box-shadow: 0 3px 6px rgba(0, 0, 0, .16), 0 3px 6px rgba(0, 0, 0, .23);
  -moz-box-shadow: 0 3px 6px rgba(0, 0, 0, .16), 0 3px 6px rgba(0, 0, 0, .23);
  box-shadow: 0 3px 6px rgba(0, 0, 0, .16), 0 3px 6px rgba(0, 0, 0, .23)
}

.box-shadow.shadow-xlg {
  -webkit-box-shadow: 0 10px 20px rgba(0, 0, 0, .19), 0 6px 6px rgba(0, 0, 0, .23);
  -moz-box-shadow: 0 10px 20px rgba(0, 0, 0, .19), 0 6px 6px rgba(0, 0, 0, .23);
  box-shadow: 0 10px 20px rgba(0, 0, 0, .19), 0 6px 6px rgba(0, 0, 0, .23)
}

.clearfix {
  *zoom: 1
}

.clearfix:before, .clearfix:after {
  display: table;
  content: "";
  line-height: 0
}

.clearfix:after {
  clear: both
}

.align-center {
  text-align: center
}

.underlined {
  border-bottom: 1px solid;
  display: inline-block;
  letter-spacing: .05em;
  padding-bottom: 0
}

.underlined:hover {
  text-decoration: none
}

.v-a-middle {
  vertical-align: middle
}

html {
  height: 100%
}

body {
  background-color: #f1f3f2;
  font-family: 'Roboto', sans-serif, tahoma;
  font-size: 11px;
  height: 100%
}

body > .row {
  margin-left: 0;
  margin-right: 0
}

a {
  color: #006fa6
}

p {
  font-size: 13px;
  line-height: 22px
}

h1, h2, h3, h4, h5, h6 {
  font-weight: 300
}

h5 {
  font-size: 13px
}

strong {
  font-weight: 400
}

hr {
  clear: both;
  height: 0;
  margin: 20px 0;
  border: 0;
  border-top: 1px solid #ddd
}

.callout {
  border: 1px solid #eee;
  background-color: #fff;
  border-left-width: 3px;
  -webkit-border-radius: 2px;
  -webkit-background-clip: padding-box;
  -moz-border-radius: 2px;
  -moz-background-clip: padding;
  border-radius: 2px;
  background-clip: padding-box;
  margin: 0 0 20px 0;
  padding: 10px 20px
}

.callout-default {
  border-left-color: #292929 !important
}

.callout-default h4 {
  color: #292929;
  font-weight: 300
}

.callout-primary {
  border-left-color: #29c7ca !important
}

.callout-primary h4 {
  color: #29c7ca;
  font-weight: 300
}

.callout-success {
  border-left-color: #1dbc9c !important
}

.callout-success h4 {
  color: #1dbc9c;
  font-weight: 300
}

.callout-info {
  border-left-color: #34b5dc !important
}

.callout-info h4 {
  color: #34b5dc;
  font-weight: 300
}

.callout-warning {
  border-left-color: #ffc107 !important
}

.callout-warning h4 {
  color: #ffc107;
  font-weight: 300
}

.callout-danger {
  border-left-color: #cd4237 !important
}

.callout-danger h4 {
  color: #cd4237;
  font-weight: 300
}

.callout-inverse {
  border-left-color: #fefefe !important
}

.callout-inverse h4 {
  color: #fefefe;
  font-weight: 300
}

.callout-white {
  border-left-color: #fff !important
}

.callout-white h4 {
  color: #fff;
  font-weight: 300
}

.page-header {
  border-bottom: 1px solid #ddd;
  margin: 20px 0;
  padding: 0
}

.page-header .header-text {
  position: relative;
  display: inline-block;
  margin: 0;
  padding-bottom: 9px;
  font-weight: 300
}

.page-header .header-text:after {
  content: '';
  position: absolute;
  right: 0;
  bottom: -1px;
  left: 0;
  height: 1px;
  background-color: #666
}

.page-header.header-default .header-text:after {
  background-color: #292929
}

.page-header.header-primary .header-text:after {
  background-color: #29c7ca
}

.page-header.header-success .header-text:after {
  background-color: #1dbc9c
}

.page-header.header-info .header-text:after {
  background-color: #34b5dc
}

.page-header.header-warning .header-text:after {
  background-color: #ffc107
}

.page-header.header-danger .header-text:after {
  background-color: #cd4237
}

.page-header.header-inverse .header-text:after {
  background-color: #fefefe
}

.page-header.header-white .header-text:after {
  background-color: #fff
}

.main-content {
  position: relative;
  -webkit-transition: all .3s ease;
  -moz-transition: all .3s ease;
  -o-transition: all .3s ease;
  transition: all .3s ease;
  height: 100%;
  margin-left: 350px;
  margin-right: 400px
}

.main-content .content-header {
  height: 75px
}

.main-content .content-nav {
  background-color: #fff;
  height: 50px
}

.main-content .content-body {
  padding: 25px
}

.main-content .content-body.body-full {
  margin-top: 5px;
  overflow-x: hidden;
  overflow-y: auto;
  padding: 0;
}

.sidebar {
  height: 100%;
  position: fixed;
  top: 0;
  z-index: 1100
}

.sidebar.menu {
  -webkit-transition: all .3s ease;
  -moz-transition: all .3s ease;
  -o-transition: all .3s ease;
  transition: all .3s ease;
  background-color: #212121;
  left: 0;
  width: 350px
}

.sidebar.menu.collapsed {
  left: -350px
}

.sidebar.menu.collapsed .sidebar-footer {
  left: -350px
}

.sidebar.menu.collapsed ~ .main-content {
  margin-left: 0 !important
}

.sidebar.menu.over {
  height: 100%;
  position: fixed;
  top: 0;
  z-index: 1000;
  left: 0
}

.sidebar.menu.over .sidebar-footer {
  left: 0
}

.sidebar.menu.over ~ .main-content {
  margin-left: 0
}

.sidebar.menu.compact {
  width: 95px
}

.sidebar.menu.compact .sidebar-menu .menu > li {
  position: relative
}

.sidebar.menu.compact .sidebar-menu .menu > li > ul {
  position: fixed;
  top: 125px;
  bottom: 0;
  box-shadow: 3px 0 3px 3px rgba(0, 0, 0, .05)
}

.sidebar.menu.compact .sidebar-menu .menu > li.open > ul {
  visibility: hidden
}

.sidebar.menu.compact .sidebar-menu .menu > li.compact-open > ul {
  visibility: visible
}

.sidebar.menu.compact .sidebar-footer {
  width: 95px;
  overflow: hidden
}

.sidebar.menu.compact .sidebar-footer .footer-user {
  display: none
}

.sidebar.menu.compact .sidebar-footer .footer-links a {
  display: none
}

.sidebar.menu.compact .sidebar-footer .footer-links .links-logout {
  position: absolute;
  left: 0;
  top: 0;
  display: block;
  margin: 0;
  width: 47.5px;
  height: 47.5px;
  padding: 10px 9px
}

.sidebar.menu.compact .sidebar-footer .footer-links .links-logout span {
  display: none
}

.sidebar.menu.compact .sidebar-footer .footer-links .links-logout i {
  font-size: 30px;
  vertical-align: middle
}

.sidebar.menu.compact ~ .main-content {
  margin-left: 95px
}

.sidebar.menu.compact .sidebar-header .header-brand .brand-slogan {
  display: none
}

.sidebar.menu.compact .sidebar-header .header-notification .notification .text {
  display: none
}

.sidebar.menu.compact .sidebar-header .header-notification .notification:before {
  width: 95px
}

.sidebar.menu.compact .sidebar-header .header-notification .notification .more {
  width: 95px;
  text-align: center
}

.sidebar.menu.compact .sidebar-header .header-notification .notification .more .more-text {
  display: none
}

.sidebar.menu.compact .sidebar-header .header-notification .notification:hover .icon, .sidebar.menu.compact .sidebar-header .header-notification .notification:focus .icon {
  display: none
}

.sidebar.menu:after {
  background-color: #292929;
  bottom: 50px;
  content: '';
  left: 95px;
  position: absolute;
  right: 0;
  top: 125px;
  z-index: -1
}

.sidebar.menu .sidebar-header .header-brand {
  height: 75px;
  padding: 0;
  width: 100%
}

.sidebar.menu .sidebar-header .header-brand .brand-logo, .sidebar.menu .sidebar-header .header-brand .brand-slogan {
  position: absolute;
  top: 0
}

.sidebar.menu .sidebar-header .header-brand .brand-logo {
  height: 75px;
  left: 0;
  text-align: center;
  width: 95px
}

.sidebar.menu .sidebar-header .header-brand .brand-logo img {
  height: 55px;
  left: 19px;
  position: absolute;
  top: 10px;
  width: 55px
}

.sidebar.menu .sidebar-header .header-brand .brand-slogan {
  color: #fff;
  height: 75px;
  padding: 38px 0 0;
  right: 0;
  width: 255px
}

.sidebar.menu .sidebar-header .header-brand .brand-slogan .slogan-title {
  font-size: 16px;
  font-weight: 300
}

.sidebar.menu .sidebar-header .header-brand .brand-slogan .slogan-description {
  font-size: 13px;
  font-weight: 300
}

.sidebar.menu .sidebar-header .header-notification {
  background-color: #26b6b9;
  height: 50px;
  overflow: hidden;
  width: 100%
}

.sidebar.menu .sidebar-header .header-notification .notification {
  color: #eee;
  display: block;
  height: 50px;
  padding: 0;
  position: relative;
  vertical-align: middle;
  white-space: nowrap
}

.sidebar.menu .sidebar-header .header-notification .notification .icon {
  -webkit-transition: all .3s ease;
  -moz-transition: all .3s ease;
  -o-transition: all .3s ease;
  transition: all .3s ease;
  display: inline-block;
  font-size: 22px;
  font-weight: 200;
  line-height: 50px;
  text-align: center;
  vertical-align: middle;
  width: 95px
}

.sidebar.menu .sidebar-header .header-notification .notification .text {
  -webkit-transition: all .3s ease;
  -moz-transition: all .3s ease;
  -o-transition: all .3s ease;
  transition: all .3s ease;
  display: inline-block;
  font-size: 13px;
  font-weight: 300;
  line-height: 50px;
  transition-duration: .3s;
  transition-property: display;
  vertical-align: middle
}

.sidebar.menu .sidebar-header .header-notification .notification:before {
  background-color: rgba(0, 0, 0, .025);
  content: '';
  height: 100%;
  left: 100%;
  opacity: 0;
  position: absolute;
  top: 0;
  transition-duration: .7s;
  transition-property: left, opacity;
  width: 100%;
  z-index: 2
}

.sidebar.menu .sidebar-header .header-notification .notification .more {
  bottom: 0;
  color: #fff;
  font-size: 16px;
  height: 50px;
  left: 0;
  padding: 0 10px;
  position: absolute;
  text-align: right;
  width: 350px;
  z-index: 3
}

.sidebar.menu .sidebar-header .header-notification .notification .more .more-text, .sidebar.menu .sidebar-header .header-notification .notification .more .more-icon {
  display: inline-block;
  line-height: 50px;
  opacity: 0;
  position: relative;
  right: 100%;
  top: 0;
  transition-duration: .15s;
  transition-property: right, opacity;
  vertical-align: middle
}

.sidebar.menu .sidebar-header .header-notification .notification .more .more-text {
  color: #fff;
  font-size: 16px;
  font-weight: 200;
  margin-right: 5px
}

.sidebar.menu .sidebar-header .header-notification .notification .more .more-icon {
  font-size: 20px;
  font-weight: 200
}

.sidebar.menu .sidebar-header .header-notification .notification:focus, .sidebar.menu .sidebar-header .header-notification .notification:hover {
  text-decoration: none
}

.sidebar.menu .sidebar-header .header-notification .notification:focus .text, .sidebar.menu .sidebar-header .header-notification .notification:hover .text {
  display: none
}

.sidebar.menu .sidebar-header .header-notification .notification:focus:before, .sidebar.menu .sidebar-header .header-notification .notification:hover:before {
  left: 0;
  opacity: 1
}

.sidebar.menu .sidebar-header .header-notification .notification:focus .more-text, .sidebar.menu .sidebar-header .header-notification .notification:hover .more-text {
  opacity: 1;
  right: 0;
  transition-delay: .25s
}

.sidebar.menu .sidebar-header .header-notification .notification:focus .more-icon, .sidebar.menu .sidebar-header .header-notification .notification:hover .more-icon {
  opacity: 1;
  right: 0;
  transition-delay: .15s
}

.sidebar.menu .sidebar-menu {
  width: 100%
}

.sidebar.menu .sidebar-menu .menu {
  list-style: none;
  margin: 0;
  padding: 0;
  position: relative;
  width: 100%
}

.sidebar.menu .sidebar-menu .menu > li {
  height: 75px;
  width: 100%
}

.sidebar.menu .sidebar-menu .menu > li.open > a {
  background-color: #292929
}

.sidebar.menu .sidebar-menu .menu > li.open > ul {
  visibility: visible
}

.sidebar.menu .sidebar-menu .menu > li.active > a {
  color: #29c7ca
}

.sidebar.menu .sidebar-menu .menu > li > a {
  color: #e5e5e5;
  display: block;
  height: 75px;
  padding: 13px 10px 7px;
  text-align: center;
  width: 95px
}

.sidebar.menu .sidebar-menu .menu > li > a:hover, .sidebar.menu .sidebar-menu .menu > li > a:focus {
  color: #fff;
  cursor: pointer;
  text-decoration: none
}

.sidebar.menu .sidebar-menu .menu > li > a i {
  display: block;
  font-size: 3em;
  margin-bottom: 2px
}

.sidebar.menu .sidebar-menu .menu > li > a span {
  font-size: 1.2em;
  font-weight: 300
}

.sidebar.menu .sidebar-menu .menu > li > ul {
  background-color: #292929;
  display: block;
  left: 0;
  list-style: none;
  margin-left: 95px;
  margin-top: 0;
  padding: 0;
  position: absolute;
  top: 0;
  vertical-align: top;
  visibility: hidden;
  width: 255px;
  z-index: 1
}

.sidebar.menu .sidebar-menu .menu > li > ul li {
  height: 37.5px;
  width: 100%
}

.sidebar.menu .sidebar-menu .menu > li > ul li.active a {
  color: #29c7ca
}

.sidebar.menu .sidebar-menu .menu > li > ul li:last-child {
  margin-bottom: 15px
}

.sidebar.menu .sidebar-menu .menu > li > ul li:first-child {
  margin-top: 15px
}

.sidebar.menu .sidebar-menu .menu > li > ul li a {
  color: #e5e5e5;
  display: block;
  height: 37.5px;
  line-height: 3em;
  padding-left: 30px
}

.sidebar.menu .sidebar-menu .menu > li > ul li a i {
  font-size: 1.5em;
  font-weight: 300;
  margin-right: 5px;
  vertical-align: middle
}

.sidebar.menu .sidebar-menu .menu > li > ul li a i[class^="pe-7s-"] {
  font-size: 2em
}

.sidebar.menu .sidebar-menu .menu > li > ul li a span {
  font-size: 1.15em;
  font-weight: 300;
  vertical-align: middle
}

.sidebar.menu .sidebar-menu .menu > li > ul li a .contact-avatar {
  border-left: 3px solid #fff;
  float: left;
  height: 28px;
  margin-right: 10px;
  margin-top: 5px;
  width: 31px
}

.sidebar.menu .sidebar-menu .menu > li > ul li a .contact-avatar.online {
  border-color: #9ae14f
}

.sidebar.menu .sidebar-menu .menu > li > ul li a .contact-avatar.away {
  border-color: #e2a917
}

.sidebar.menu .sidebar-menu .menu > li > ul li a .badge {
  display: inline-block;
  float: right;
  font-weight: 700;
  margin: 9px 15px;
  vertical-align: middle
}

.sidebar.menu .sidebar-menu .menu > li > ul li a:hover {
  color: #fff;
  cursor: pointer;
  text-decoration: none
}

.sidebar.menu .sidebar-menu .menu > li > ul li.submenu-title span {
  color: #828282;
  display: block;
  font-weight: 600;
  height: 37.5px;
  letter-spacing: 1px;
  line-height: 3.5em;
  padding-left: 30px;
  text-transform: uppercase
}

.sidebar.menu .sidebar-menu .menu > li > ul li.submenu-title:not(:first-child) {
  margin-top: 15px
}

.sidebar.menu .sidebar-menu .menu > li > ul li.submenu-divider {
  background-color: #3b3b3b;
  height: 1px;
  margin: 15px 20px;
  width: auto
}

.sidebar.menu .sidebar-menu .menu > li > ul li.profile-picture {
  height: auto;
  margin: 0
}

.sidebar.menu .sidebar-menu .menu > li > ul li.profile-picture a {
  height: auto;
  padding: 0
}

.sidebar.menu .sidebar-menu .menu > li > ul li.profile-picture a img {
  border-bottom: 4px solid #29c7ca;
  width: 100%
}

.sidebar.menu .sidebar-menu .menu > li > ul li.profile-name {
  height: auto;
  margin: 0
}

.sidebar.menu .sidebar-menu .menu > li > ul li.profile-name a {
  height: auto;
  padding: 10px 0 0;
  text-align: center
}

.sidebar.menu .sidebar-menu .menu > li > ul li.profile-name a span {
  font-size: 18px;
  font-weight: 400
}

.sidebar.menu .sidebar-menu .menu > li > ul li.profile-title {
  height: auto;
  margin: -12px 0 0
}

.sidebar.menu .sidebar-menu .menu > li > ul li.profile-title a {
  height: auto;
  padding: 0;
  text-align: center
}

.sidebar.menu .sidebar-menu .menu > li > ul li.profile-title a span {
  font-size: 14px;
  font-weight: 200
}

.sidebar.menu .sidebar-menu .menu > li > ul li.profile-links {
  height: auto;
  margin: 15px 0
}

.sidebar.menu .sidebar-menu .menu > li > ul li.profile-links .row {
  margin: 0
}

.sidebar.menu .sidebar-menu .menu > li > ul li.profile-links a {
  height: auto;
  padding: 0;
  text-align: center
}

.sidebar.menu .sidebar-menu .menu > li > ul li.profile-links a span {
  font-size: 14px;
  font-weight: 200
}

.sidebar.menu .sidebar-menu .menu > li > ul li.profile-percent {
  height: auto;
  padding: 20px 30px;
  text-align: center
}

.sidebar.menu .sidebar-menu .menu > li > ul li.profile-percent .progress {
  margin-bottom: 8px
}

.sidebar.menu .sidebar-menu .menu > li > ul li.profile-percent span {
  color: #e5e5e5;
  font-size: 12px;
  font-weight: 300
}

.sidebar.menu .sidebar-menu .menu > li > ul li.profile-percent span .percent-number {
  color: #fff
}

.sidebar.menu .sidebar-menu .menu > li > ul li.profile-follow {
  height: auto;
  padding: 20px 30px;
  text-align: center
}

.sidebar.menu .sidebar-menu .menu > li > ul li.mini-calendar-container {
  height: auto
}

.sidebar.menu .sidebar-footer {
  background-color: #303030;
  left: 0;
  width: 350px
}

.sidebar.menu .sidebar-footer .footer-avatar {
  padding: 5px;
  position: absolute;
  right: 0;
  width: 50px
}

.sidebar.menu .sidebar-footer .footer-avatar img {
  -webkit-border-radius: 1px;
  -webkit-background-clip: padding-box;
  -moz-border-radius: 1px;
  -moz-background-clip: padding;
  border-radius: 1px;
  background-clip: padding-box;
  height: 40px;
  width: 40px
}

.sidebar.menu .sidebar-footer .footer-user {
  height: 25px;
  margin-right: 50px;
  padding: 10px 20px
}

.sidebar.menu .sidebar-footer .footer-user a {
  color: #e5e5e5;
  font-size: 13px;
  font-weight: 300
}

.sidebar.menu .sidebar-footer .footer-links {
  height: 25px;
  margin-right: 50px;
  padding: 3px 20px
}

.sidebar.menu .sidebar-footer .footer-links a {
  color: #b2b2b2;
  font-size: 11px;
  font-weight: 300;
  margin-right: 10px
}

.sidebar.menu .sidebar-footer .footer-links a:hover, .sidebar.menu .sidebar-footer .footer-links a:focus {
  color: #fff;
  text-decoration: none
}

.sidebar.menu .sidebar-footer .footer-links a i {
  font-size: 13px;
  vertical-align: middle
}

.sidebar.menu .sidebar-footer .footer-links a span {
  vertical-align: middle
}

.sidebar.form {
  -webkit-transition: all .3s ease;
  -moz-transition: all .3s ease;
  -o-transition: all .3s ease;
  transition: all .3s ease;
  background-color: #fff;
  right: 0;
  width: 400px
}

.sidebar.form.collapsed {
  right: -400px
}

.sidebar.form.collapsed ~ .main-content {
  margin-right: 0
}

.sidebar .sidebar-header {
  -webkit-transition: all .3s ease;
  -moz-transition: all .3s ease;
  -o-transition: all .3s ease;
  transition: all .3s ease;
  background-color: #29c7ca;
  height: 125px;
  width: 100%
}

.sidebar .sidebar-header .header-title {
  color: #fff;
  height: 75px;
  padding: 20px 15px
}

.sidebar .sidebar-header .header-title i {
  font-size: 22px;
  margin-right: 5px;
  vertical-align: middle
}

.sidebar .sidebar-header .header-title span {
  font-size: 17px;
  font-weight: 300;
  vertical-align: middle
}

.sidebar .sidebar-header .header-description {
  color: #fff;
  font-size: 15px;
  font-weight: 300;
  height: 50px;
  padding: 13px 15px
}

.sidebar .sidebar-header .header-close {
  cursor: pointer;
  position: absolute;
  right: 20px;
  top: 20px
}

.sidebar .sidebar-header .header-close i {
  color: #fff;
  font-size: 25px
}

.sidebar .sidebar-body {
  position: relative
}

.sidebar .sidebar-footer {
  -webkit-transition: all .3s ease;
  -moz-transition: all .3s ease;
  -o-transition: all .3s ease;
  transition: all .3s ease;
  bottom: 0;
  height: 50px;
  position: fixed;
  -webkit-box-shadow: 0 6px 3px rgba(0, 0, 0, .07),0 -6px 3px rgba(0, 0, 0, .07);
  -moz-box-shadow: 0 6px 3px rgba(0, 0, 0, .07),0 -6px 3px rgba(0, 0, 0, .07);
  box-shadow: 0 6px 3px rgba(0, 0, 0, .07),0 -6px 3px rgba(0, 0, 0, .07)
}

@media only screen and (max-width: 1050px) and (min-width: 600px) {
  .sidebar.menu {
    width: 95px
  }

  .sidebar.menu .sidebar-menu .menu > li {
    position: relative
  }

  .sidebar.menu .sidebar-menu .menu > li > ul {
    position: fixed;
    top: 125px;
    bottom: 0;
    box-shadow: 3px 0 3px 3px rgba(0, 0, 0, .05)
  }

  .sidebar.menu .sidebar-menu .menu > li.open > ul {
    visibility: hidden
  }

  .sidebar.menu .sidebar-menu .menu > li.compact-open > ul {
    visibility: visible
  }

  .sidebar.menu .sidebar-footer {
    width: 95px;
    overflow: hidden
  }

  .sidebar.menu .sidebar-footer .footer-user {
    display: none
  }

  .sidebar.menu .sidebar-footer .footer-links a {
    display: none
  }

  .sidebar.menu .sidebar-footer .footer-links .links-logout {
    position: absolute;
    left: 0;
    top: 0;
    display: block;
    margin: 0;
    width: 47.5px;
    height: 47.5px;
    padding: 10px 9px
  }

  .sidebar.menu .sidebar-footer .footer-links .links-logout span {
    display: none
  }

  .sidebar.menu .sidebar-footer .footer-links .links-logout i {
    font-size: 30px;
    vertical-align: middle
  }

  .sidebar.menu ~ .main-content {
    margin-left: 95px
  }

  .sidebar.menu .sidebar-header .header-brand .brand-slogan {
    display: none
  }

  .sidebar.menu .sidebar-header .header-notification .notification .text {
    display: none
  }

  .sidebar.menu .sidebar-header .header-notification .notification:before {
    width: 95px
  }

  .sidebar.menu .sidebar-header .header-notification .notification .more {
    width: 95px;
    text-align: center
  }

  .sidebar.menu .sidebar-header .header-notification .notification .more .more-text {
    display: none
  }

  .sidebar.menu .sidebar-header .header-notification .notification:hover .icon, .sidebar.menu .sidebar-header .header-notification .notification:focus .icon {
    display: none
  }
}

@media only screen and (max-width: 600px) {
  .sidebar.menu {
    left: -350px
  }

  .sidebar.menu .sidebar-footer {
    left: -350px
  }

  .sidebar.menu ~ .main-content {
    margin-left: 0 !important
  }
}

@media only screen and (max-width: 400px) {
  .sidebar.form {
    width: 100%
  }
}

.content-header .breadcrumb {
  display: inline-block;
  height: 75px;
  margin: 0 0 0 30px;
  padding: 0;
  background-color: transparent
}

.content-header .breadcrumb > li {
  font-size: 1.25em;
  height: 75px;
  position: relative;
  vertical-align: top;
  font-weight: 300
}

.content-header .breadcrumb > li:not(:first-child) {
  padding-left: 23px
}

.content-header .breadcrumb > li:first-child .dropdown-caret {
  font-size: 1.7em;
  margin-right: 0;
  vertical-align: middle
}

.content-header .breadcrumb > li:first-child a {
  color: #282c32
}

.content-header .breadcrumb > li:first-child i {
  margin-right: 0
}

.content-header .breadcrumb > li a {
  color: #282c32
}

.content-header .breadcrumb > li a:hover, .content-header .breadcrumb > li a:active {
  text-decoration: none
}

.content-header .breadcrumb > li a:hover span, .content-header .breadcrumb > li a:active span, .content-header .breadcrumb > li a:hover i, .content-header .breadcrumb > li a:active i {
  color: #000
}

.content-header .breadcrumb > li i {
  color: #8f949b;
  font-size: 1.25em;
  margin-right: 3px;
  vertical-align: middle
}

.content-header .breadcrumb > li i[class^="pe-7s-"] {
  font-size: 1.75em
}

.content-header .breadcrumb > li span {
  display: inline-block;
  height: 75px;
  line-height: 5.5em;
  vertical-align: middle
}

.content-header .breadcrumb > li + li:before {
  color: #8f949b;
  content: "";
  font-family: 'Pe-icon-7-stroke';
  font-weight: 200;
  font-size: 2.5em;
  height: 75px;
  left: -7px;
  line-height: 2.25em;
  padding: 0;
  position: absolute;
  top: 0
}

.content-header .breadcrumb > li .dropdown-menu {
  top: 75%
}

.content-header .header-actions {
  display: inline-block;
  float: right;
  height: 75px;
  list-style: none;
  margin: 0
}

.content-header .header-actions > li {
  display: inline-block;
  height: 75px;
  padding: 22px 20px 22px 0;
  position: relative
}

.content-header .header-actions > li a {
  color: #6a7079;
  display: inline-block
}

.content-header .header-actions > li a:before {
  background-size: 24px 24px;
  border-radius: 50%;
  content: ' ';
  height: 40px;
  left: -7px;
  margin: auto;
  padding: 4px;
  position: absolute;
  top: 16px;
  width: 40px
}

.content-header .header-actions > li a:focus:before, .content-header .header-actions > li a:active:before {
  background-color: rgba(0, 0, 0, .1)
}

.content-header .header-actions > li a:hover {
  cursor: pointer
}

.content-header .header-actions > li a i {
  font-size: 2.5em
}

.content-header .header-actions > li .dropdown-menu {
  max-width: 300px;
  top: 75%
}

.content-header .header-actions > li .dropdown-menu.pull-right {
  right: 17px
}

.content-header .header-actions > li.actions-notification .dropdown-menu {
  padding: 0;
  width: 300px
}

.content-header .header-actions > li.actions-notification .dropdown-menu .notification-header {
  background-color: #fff;
  height: 35px
}

.content-header .header-actions > li.actions-notification .dropdown-menu .notification-header .header-title {
  font-size: 15px;
  font-weight: 300;
  padding: 7px 10px
}

.content-header .header-actions > li.actions-notification .dropdown-menu .notification-upperbody {
  padding: 15px 15px 50px
}

.content-header .header-actions > li.actions-notification .dropdown-menu .notification-upperbody .notification-message {
  margin-bottom: 10px;
  padding-right: 50px
}

.content-header .header-actions > li.actions-notification .dropdown-menu .notification-upperbody .notification-message .message-title {
  font-size: 13px;
  font-weight: 400
}

.content-header .header-actions > li.actions-notification .dropdown-menu .notification-upperbody .notification-message .message-time {
  color: #eee;
  font-size: 10px;
  font-weight: 300;
  margin-top: 5px
}

.content-header .header-actions > li.actions-notification .dropdown-menu .notification-lowerbody {
  -webkit-transform: skew(0deg, -10deg);
  -moz-transform: skew(0deg, -10deg);
  -o-transform: skew(0deg, -10deg);
  -ms-transform: skew(0deg, -10deg);
  transform: skew(0deg, -10deg);
  background-color: #fff;
  margin-bottom: 30px;
  margin-top: -50px;
  padding: 50px 15px 0
}

.content-header .header-actions > li.actions-notification .dropdown-menu .notification-lowerbody .notification-message {
  -webkit-transform: skew(0deg, 10deg);
  -moz-transform: skew(0deg, 10deg);
  -o-transform: skew(0deg, 10deg);
  -ms-transform: skew(0deg, 10deg);
  transform: skew(0deg, 10deg);
  margin-bottom: 10px;
  padding-right: 50px
}

.content-header .header-actions > li.actions-notification .dropdown-menu .notification-lowerbody .notification-message .message-title {
  font-size: 13px;
  font-weight: 400
}

.content-header .header-actions > li.actions-notification .dropdown-menu .notification-lowerbody .notification-message .message-time {
  color: #666;
  font-size: 10px;
  font-weight: 300;
  margin-top: 5px
}

.content-header .header-actions > li.actions-notification .dropdown-menu .notification-footer {
  background-color: #f3f3f3;
  height: 35px;
  padding: 6px 8px;
  z-index: 1000
}

.content-header .header-actions > li.actions-stretch-menu {
  display: none;
  height: 75px;
  width: 60px
}

.content-header .header-actions > li.actions-stretch-menu:hover {
  cursor: pointer
}

.content-header .header-actions > li.actions-stretch-menu .icon {
  -webkit-transition-duration: .5s;
  -moz-transition-duration: .5s;
  -o-transition-duration: .5s;
  transition-duration: .5s;
  background-color: #6a7079;
  border-radius: 4px;
  height: 1px;
  left: 18px;
  position: absolute;
  top: 36px;
  width: 20px
}

.content-header .header-actions > li.actions-stretch-menu .icon:before {
  -webkit-transition-duration: .5s;
  -moz-transition-duration: .5s;
  -o-transition-duration: .5s;
  transition-duration: .5s;
  background-color: #6a7079;
  border-radius: 4px;
  content: "";
  height: 1px;
  position: absolute;
  top: -7px;
  width: 20px
}

.content-header .header-actions > li.actions-stretch-menu .icon:after {
  -webkit-transition-duration: .5s;
  -moz-transition-duration: .5s;
  -o-transition-duration: .5s;
  transition-duration: .5s;
  background-color: #6a7079;
  border-radius: 4px;
  content: "";
  height: 1px;
  position: absolute;
  top: 7px;
  width: 20px
}

.content-header .header-actions > li.actions-stretch-menu.open .icon {
  -webkit-transition-duration: .5s;
  -moz-transition-duration: .5s;
  -o-transition-duration: .5s;
  transition-duration: .5s;
  background: transparent
}

.content-header .header-actions > li.actions-stretch-menu.open .icon:before {
  -webkit-transform: rotateZ(45deg) scaleX(1.25) translate(4.5px, 4.5px);
  -moz-transform: rotateZ(45deg) scaleX(1.25) translate(4.5px, 4.5px);
  -o-transform: rotateZ(45deg) scaleX(1.25) translate(4.5px, 4.5px);
  -ms-transform: rotateZ(45deg) scaleX(1.25) translate(4.5px, 4.5px);
  transform: rotateZ(45deg) scaleX(1.25) translate(4.5px, 4.5px)
}

.content-header .header-actions > li.actions-stretch-menu.open .icon::after {
  -webkit-transform: rotateZ(-45deg) scaleX(1.25) translate(4.5px, -4.5px);
  -moz-transform: rotateZ(-45deg) scaleX(1.25) translate(4.5px, -4.5px);
  -o-transform: rotateZ(-45deg) scaleX(1.25) translate(4.5px, -4.5px);
  -ms-transform: rotateZ(-45deg) scaleX(1.25) translate(4.5px, -4.5px);
  transform: rotateZ(-45deg) scaleX(1.25) translate(4.5px, -4.5px)
}

@media only screen and (max-width: 760px) {
  .content-header {
    position: relative
  }

  .content-header .header-actions {
    position: absolute;
    right: 10px;
    top: 0;
    z-index: 101
  }

  .content-header .header-actions > li {
    display: block;
    padding: 10px 15px
  }

  .content-header .header-actions > li:not(.actions-stretch-menu) {
    background-color: #fff;
    border-left: 1px solid #eaeaea;
    border-right: 1px solid #eaeaea;
    height: auto;
    visibility: hidden
  }

  .content-header .header-actions > li:not(.actions-stretch-menu):last-child {
    -webkit-border-radius: 0 0 2px 2px;
    -webkit-background-clip: padding-box;
    -moz-border-radius: 0 0 2px 2px;
    -moz-background-clip: padding;
    border-radius: 0 0 2px 2px;
    background-clip: padding-box;
    border-bottom: 1px solid #eaeaea
  }

  .content-header .header-actions > li.actions-stretch-menu {
    display: block
  }

  .content-header .header-actions > li.actions-stretch-menu.open {
    background-color: #fff;
    border-left: 1px solid #eaeaea;
    border-right: 1px solid #eaeaea
  }

  .content-header .header-actions > li.actions-stretch-menu.open ~ li {
    visibility: visible
  }

  .content-header .header-actions > li a:before {
    left: 9px;
    top: 4px
  }
}

@media only screen and (max-width: 1450px) {
  .sidebar.form:not(.collapsed) {
    -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, .3);
    -moz-box-shadow: 0 1px 2px rgba(0, 0, 0, .3);
    box-shadow: 0 1px 2px rgba(0, 0, 0, .3)
  }

  .sidebar.form:not(.collapsed) ~ .main-content {
    margin-right: 0
  }

  .sidebar.form:not(.collapsed) ~ .main-content .content-header {
    position: relative
  }

  .sidebar.form:not(.collapsed) ~ .main-content .content-header .header-actions {
    position: absolute;
    right: 10px;
    top: 0;
    z-index: 101
  }

  .sidebar.form:not(.collapsed) ~ .main-content .content-header .header-actions > li {
    display: block;
    padding: 10px 15px
  }

  .sidebar.form:not(.collapsed) ~ .main-content .content-header .header-actions > li:not(.actions-stretch-menu) {
    background-color: #fff;
    border-left: 1px solid #eaeaea;
    border-right: 1px solid #eaeaea;
    height: auto;
    visibility: hidden
  }

  .sidebar.form:not(.collapsed) ~ .main-content .content-header .header-actions > li:not(.actions-stretch-menu):last-child {
    -webkit-border-radius: 0 0 2px 2px;
    -webkit-background-clip: padding-box;
    -moz-border-radius: 0 0 2px 2px;
    -moz-background-clip: padding;
    border-radius: 0 0 2px 2px;
    background-clip: padding-box;
    border-bottom: 1px solid #eaeaea
  }

  .sidebar.form:not(.collapsed) ~ .main-content .content-header .header-actions > li.actions-stretch-menu {
    display: block
  }

  .sidebar.form:not(.collapsed) ~ .main-content .content-header .header-actions > li.actions-stretch-menu.open {
    background-color: #fff;
    border-left: 1px solid #eaeaea;
    border-right: 1px solid #eaeaea
  }

  .sidebar.form:not(.collapsed) ~ .main-content .content-header .header-actions > li.actions-stretch-menu.open ~ li {
    visibility: visible
  }

  .sidebar.form:not(.collapsed) ~ .main-content .content-header .header-actions > li a:before {
    left: 9px;
    top: 4px
  }

  .sidebar.form:not(.collapsed) ~ .main-content .content-header .header-actions {
    right: 410px
  }
}

@media only screen and (max-width: 500px) {
  .content-header .breadcrumb > li {
    display: none
  }

  .content-header .breadcrumb > li.active {
    display: block;
    padding-left: 0;
    color: #292929;
    font-weight: 700
  }

  .content-header .breadcrumb > li.active:before {
    display: none
  }
}

.content-nav-navbar {
  -webkit-border-radius: 0;
  -webkit-background-clip: padding-box;
  -moz-border-radius: 0;
  -moz-background-clip: padding;
  border-radius: 0;
  background-clip: padding-box;
  background-color: #fff;
  border: 0;
  z-index: 100
}

.content-nav-navbar.navbar-shadow {
  box-shadow: 0 5px 5px -5px rgba(0, 0, 0, .25)
}

.content-nav-navbar .navbar-header .navbar-brand {
  color: #292929;
  font-size: 15px;
  font-weight: 500;
  padding: 14px 15px 15px 35px
}

.content-nav-navbar .navbar-header .navbar-brand:hover, .content-nav-navbar .navbar-header .navbar-brand:focus {
  text-decoration: none
}

.content-nav-navbar .navbar-header .navbar-toggle {
  border: 0;
  height: 50px;
  margin: 0 10px;
  padding: 0;
  position: absolute;
  right: 0;
  top: 0;
  width: 60px
}

.content-nav-navbar .navbar-header .navbar-toggle:hover, .content-nav-navbar .navbar-header .navbar-toggle:focus {
  background-color: #fff;
  cu