/*
 * Core: General Layout Style
 * -------------------------
 */
 html,
 body {
   height: 100%;
 }
 
 :root {
   --main-color: #0078b7;
   --label-color: #000;
 }
 
 .layout-boxed html,
 .layout-boxed body {
   height: 100%;
 }
 
 body {
   -webkit-font-smoothing: antialiased;
   -moz-osx-font-smoothing: grayscale;
   font-family: "Source Sans Pro", "Helvetica Neue", Helvetica, Arial, sans-serif;
   font-weight: 400;
   overflow-x: hidden;
   overflow-y: auto;
 }
 
 /* Layout */
 .wrapper {
   height: 100%;
   position: relative;
   overflow-x: hidden;
   overflow-y: auto;
 }
 
 .wrapper:before,
 .wrapper:after {
   content: " ";
   display: table;
 }
 
 .wrapper:after {
   clear: both;
 }
 
 .layout-boxed .wrapper {
   max-width: 1250px;
   margin: 0 auto;
   min-height: 100%;
   box-shadow: 0 0 8px rgba(0, 0, 0, 0.5);
   position: relative;
 }
 
 .layout-boxed {
   background: url("../img/boxed-bg.jpg") repeat fixed;
 }
 
 
 
 /*
   * Content Wrapper - contains the main content
   * ```.right-side has been deprecated as of v2.0.0 in favor of .content-wrapper  ```
   */
 .content-wrapper,
 .right-side,
 .main-footer {
   -webkit-transition: -webkit-transform 0.3s ease-in-out,
     margin 0.3s ease-in-out;
   -moz-transition: -moz-transform 0.3s ease-in-out, margin 0.3s ease-in-out;
   -o-transition: -o-transform 0.3s ease-in-out, margin 0.3s ease-in-out;
   transition: transform 0.3s ease-in-out, margin 0.3s ease-in-out;
   margin-left: 280px;
   z-index: 820;
 }
 
 .layout-top-nav .content-wrapper,
 .layout-top-nav .right-side,
 .layout-top-nav .main-footer {
   margin-left: 0;
 }
 
 @media (max-width: 767px) {
 
   .content-wrapper,
   .right-side,
   .main-footer {
     margin-left: 0;
   }


   .logo{
    display: none !important;
   }


 }
 
 @media (min-width: 768px) {
 
   .sidebar-collapse .content-wrapper,
   .sidebar-collapse .right-side,
   .sidebar-collapse .main-footer {
     margin-left: 0;
   }
 }
 
 @media (max-width: 767px) {
 
   .sidebar-open .content-wrapper,
   .sidebar-open .right-side,
   .sidebar-open .main-footer {
     -webkit-transform: translate(280px, 0);
     -ms-transform: translate(280px, 0);
     -o-transform: translate(280px, 0);
     transform: translate(280px, 0);
   }
 }
 
 .content-wrapper,
 .right-side {
   min-height: 100%;
   background-color: #ecf0f5;
   z-index: 800;
   margin-left: 24px !important;
 }
 
 .main-footer {
   background: #fff;
   padding: 15px;
   color: #444;
   border-top: 1px solid #d2d6de;
 }
 
 /* Fixed layout */
 .fixed .main-header,
 .fixed .main-sidebar,
 .fixed .left-side {
   position: fixed;
 }
 
 .fixed .main-header {
   top: 0;
   right: 0;
   left: 0;
 }
 
 .fixed .content-wrapper,
 .fixed .right-side {
   /* padding-top: 50px; */
   padding-top: 115px;
 }
 
 @media (max-width: 767px) {
 
   .fixed .content-wrapper,
   .fixed .right-side {
     padding-top: 100px;
   }
 }
 
 .fixed.layout-boxed .wrapper {
   max-width: 100%;
 }
 
 body.hold-transition .content-wrapper,
 body.hold-transition .right-side,
 body.hold-transition .main-footer,
 body.hold-transition .main-sidebar,
 body.hold-transition .left-side,
 body.hold-transition .main-header .navbar,
 body.hold-transition .main-header .logo {
   /* Fix for IE */
   -webkit-transition: none;
   -o-transition: none;
   transition: none;
 }
 
 /* Content */
 .content {
   min-height: 250px;
   padding: 15px;
   margin-right: auto;
   margin-left: auto;
   padding-left: 15px;
   padding-right: 15px;
 }
 
 /* H1 - H6 font */
 h1,
 h2,
 h3,
 h4,
 h5,
 h6,
 .h1,
 .h2,
 .h3,
 .h4,
 .h5,
 .h6 {
   font-family: "Source Sans Pro", sans-serif;
 }
 
 /* General Links */
 a {
   color: #3c8dbc;
 }
 
 a:hover,
 a:active,
 a:focus {
   outline: none;
   text-decoration: none;
   color: #72afd2;
 }
 
 /* Page Header */
 .page-header {
   margin: 10px 0 20px 0;
   font-size: 22px;
 }
 
 .page-header>small {
   color: #666;
   display: block;
   margin-top: 5px;
 }
 
 /*
   * Component: Main Header
   * ----------------------
   */
 .main-header {
   position: relative;
   /* max-height: 100px; */
   max-height: 100px;
   height: 100px;
   z-index: 1030;
 }
 
 .main-header .navbar {
   -webkit-transition: margin-left 0.3s ease-in-out;
   -o-transition: margin-left 0.3s ease-in-out;
   transition: margin-left 0.3s ease-in-out;
   margin-bottom: 0;
   margin-left: 280px;
   border: none;
   min-height: 50px;
   border-radius: 0;
 }
 
 .layout-top-nav .main-header .navbar {
   margin-left: 0;
 }
 
 .main-header #navbar-search-input.form-control {
   background: rgba(255, 255, 255, 0.2);
   border-color: transparent;
 }
 
 .main-header #navbar-search-input.form-control:focus,
 .main-header #navbar-search-input.form-control:active {
   border-color: rgba(0, 0, 0, 0.1);
   background: rgba(255, 255, 255, 0.9);
 }
 
 .main-header #navbar-search-input.form-control::-moz-placeholder {
   color: #ccc;
   opacity: 1;
 }
 
 .main-header #navbar-search-input.form-control:-ms-input-placeholder {
   color: #ccc;
 }
 
 .main-header #navbar-search-input.form-control::-webkit-input-placeholder {
   color: #ccc;
 }
 
 .main-header .navbar-custom-menu,
 .main-header .navbar-right {
   float: right;
 }
 
 @media (max-width: 991px) {
 
   .main-header .navbar-custom-menu a,
   .main-header .navbar-right a {
     color: inherit;
     background: transparent;
   }
 }
 
 @media (max-width: 767px) {
   .main-header .navbar-right {
     float: none;
   }
 
   .navbar-collapse .main-header .navbar-right {
     margin: 7.5px -15px;
   }
 
   .main-header .navbar-right>li {
     color: inherit;
     border: 0;
   }
 }
 
 .main-header .sidebar-toggle {
   float: left;
   background-color: transparent;
   background-image: none;
   padding: 15px 15px;
   font-family: fontAwesome;
 }
 
 .main-header .sidebar-toggle:before {
   content: "\f0c9";
 }
 
 .main-header .sidebar-toggle:hover {
   color: #fff;
 }
 
 .main-header .sidebar-toggle:focus,
 .main-header .sidebar-toggle:active {
   background: transparent;
 }
 
 .main-header .sidebar-toggle .icon-bar {
   display: none;
 }
 
 .main-header .navbar .nav>li.user>a>.fa,
 .main-header .navbar .nav>li.user>a>.glyphicon,
 .main-header .navbar .nav>li.user>a>.ion {
   margin-right: 5px;
 }
 
 .main-header .navbar .nav>li>a>.label {
   position: absolute;
   top: 9px;
   right: 7px;
   text-align: center;
   font-size: 9px;
   padding: 2px 3px;
   line-height: 0.9;
 }
 
 .main-header .logo {
   -webkit-transition: width 0.3s ease-in-out;
   -o-transition: width 0.3s ease-in-out;
   transition: width 0.3s ease-in-out;
   display: block;
   float: left;
   height: 50px;
   font-size: 20px;
   line-height: 50px;
   text-align: center;
   width: 280px;
   font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
   padding: 0 15px;
   font-weight: 300;
   overflow: hidden;
 }
 
 .main-header .logo .logo-lg {
   display: block;
 }
 
 .main-header .logo .logo-mini {
   display: none;
 }
 
 .main-header .navbar-brand {
   color: #fff;
 }
 
 .content-header {
   position: relative;
   padding: 0px 15px 0 15px;
 }
 
 .content-header>h1 {
   margin: 0;
   font-size: 24px;
 }
 
 .content-header>h1>small {
   font-size: 15px;
   display: inline-block;
   padding-left: 4px;
   font-weight: 300;
 }
 
 .content-header>.breadcrumb {
   float: right;
   background: transparent;
   margin-top: 0;
   margin-bottom: 0;
   font-size: 12px;
   padding: 7px 5px;
   position: absolute;
   top: 15px;
   right: 10px;
   border-radius: 2px;
 }
 
 .content-header>.breadcrumb>li>a {
   color: #444;
   text-decoration: none;
   display: inline-block;
 }
 
 .content-header>.breadcrumb>li>a>.fa,
 .content-header>.breadcrumb>li>a>.glyphicon,
 .content-header>.breadcrumb>li>a>.ion {
   margin-right: 5px;
 }
 
 .content-header>.breadcrumb>li+li:before {
   content: ">\00a0";
 }
 
 @media (max-width: 991px) {
   .content-header>.breadcrumb {
     position: relative;
     margin-top: 5px;
     top: 0;
     right: 0;
     float: none;
     background: #d2d6de;
     padding-left: 10px;
   }
 
   .content-header>.breadcrumb li:before {
     color: #97a0b3;
   }
 }
 
 .navbar-toggle {
   color: #fff;
   border: 0;
   margin: 0;
   padding: 15px 15px;
 }
 
 @media (max-width: 991px) {
   .navbar-custom-menu .navbar-nav>li {
     float: left;
   }
 
   .navbar-custom-menu .navbar-nav {
     margin: 0;
     float: left;
   }
 
   .navbar-custom-menu .navbar-nav>li>a {
     padding-top: 15px;
     padding-bottom: 15px;
     line-height: 20px;
   }
 }
 
 @media (max-width: 767px) {
   .main-header {
     position: relative;
   }
 
   .main-header .logo,
   .main-header .navbar {
     width: 100%;
     float: none;
   }
 
   .main-header .navbar {
     margin: 0;
   }
 
   .main-header .navbar-custom-menu {
     float: right;
   }
 }
 
 @media (max-width: 991px) {
   .navbar-collapse.pull-left {
     float: none !important;
   }
 
   .navbar-collapse.pull-left+.navbar-custom-menu {
     display: block;
     position: absolute;
     top: 0;
     right: 40px;
   }
 }
 
 /*
   * Component: Sidebar
   * ------------------
   */
 .main-sidebar,
 .left-side {
   position: absolute;
   top: 0;
   left: 0;
   padding-top: 50px;
   min-height: 100%;
   width: 280px;
   z-index: 810;
   -webkit-transition: -webkit-transform 0.3s ease-in-out, width 0.3s ease-in-out;
   -moz-transition: -moz-transform 0.3s ease-in-out, width 0.3s ease-in-out;
   -o-transition: -o-transform 0.3s ease-in-out, width 0.3s ease-in-out;
   transition: transform 0.3s ease-in-out, width 0.3s ease-in-out;
 }
 
 @media (max-width: 767px) {
 
   .main-sidebar,
   .left-side {
     padding-top: 100px;
   }
 }
 
 @media (max-width: 767px) {
 
   .main-sidebar,
   .left-side {
     -webkit-transform: translate(-280px, 0);
     -ms-transform: translate(-280px, 0);
     -o-transform: translate(-280px, 0);
     transform: translate(-280px, 0);
   }
 }
 
 @media (min-width: 768px) {
 
   .sidebar-collapse .main-sidebar,
   .sidebar-collapse .left-side {
     -webkit-transform: translate(-280px, 0);
     -ms-transform: translate(-280px, 0);
     -o-transform: translate(-280px, 0);
     transform: translate(-280px, 0);
   }
 }
 
 @media (max-width: 767px) {
 
   .sidebar-open .main-sidebar,
   .sidebar-open .left-side {
     -webkit-transform: translate(0, 0);
     -ms-transform: translate(0, 0);
     -o-transform: translate(0, 0);
     transform: translate(0, 0);
   }
 }
 
 .sidebar {
   padding-bottom: 10px;
 }
 
 .sidebar-form input:focus {
   border-color: transparent;
 }
 
 .user-panel {
   position: relative;
   width: 100%;
   padding: 10px;
   overflow: hidden;
 }
 
 .user-panel:before,
 .user-panel:after {
   content: " ";
   display: table;
 }
 
 .user-panel:after {
   clear: both;
 }
 
 .user-panel>.image>img {
   width: 100%;
   max-width: 45px;
   height: auto;
 }
 
 .user-panel>.info {
   padding: 5px 5px 5px 15px;
   line-height: 1;
   position: absolute;
   left: 55px;
 }
 
 .user-panel>.info>p {
   font-weight: 600;
   margin-bottom: 9px;
 }
 
 .user-panel>.info>a {
   text-decoration: none;
   padding-right: 5px;
   margin-top: 3px;
   font-size: 11px;
 }
 
 .user-panel>.info>a>.fa,
 .user-panel>.info>a>.ion,
 .user-panel>.info>a>.glyphicon {
   margin-right: 3px;
 }
 
 .sidebar-menu {
   list-style: none;
   margin: 0;
   padding: 0;
 }
 
 .sidebar-menu>li {
   position: relative;
   margin: 0;
   padding: 0;
   /* background-color: aliceblue; */
 }
 
 .sidebar-menu>li>a {
   padding: 12px 5px 12px 15px;
   display: block;
 }
 
 .sidebar-menu>li>a>.fa,
 .sidebar-menu>li>a>.glyphicon,
 .sidebar-menu>li>a>.ion {
   width: 20px;
 }
 
 .sidebar-menu>li .label,
 .sidebar-menu>li .badge {
   margin-right: 5px;
 }
 
 .sidebar-menu>li .badge {
   margin-top: 3px;
 }
 
 .sidebar-menu li.header {
   padding: 10px 25px 10px 15px;
   font-size: 12px;
 }
 
 .sidebar-menu li>a>.fa-angle-left,
 .sidebar-menu li>a>.pull-right-container>.fa-angle-left {
   width: auto;
   height: auto;
   padding: 0;
   margin-right: 10px;
 }
 
 .sidebar-menu li>a>.fa-angle-left {
   position: absolute;
   top: 50%;
   right: 10px;
   margin-top: -8px;
 }
 
 .sidebar-menu li.active>a>.fa-angle-left,
 .sidebar-menu li.active>a>.pull-right-container>.fa-angle-left {
   -webkit-transform: rotate(-90deg);
   -ms-transform: rotate(-90deg);
   -o-transform: rotate(-90deg);
   transform: rotate(-90deg);
 }
 
 .sidebar-menu li.active>.treeview-menu {
   display: block;
 }
 
 .sidebar-menu .treeview-menu {
   display: none;
   list-style: none;
   padding: 0;
   margin: 0;
   padding-left: 5px;
 }
 
 .sidebar-menu .treeview-menu .treeview-menu {
   padding-left: 20px;
 }
 
 .sidebar-menu .treeview-menu>li {
   margin: 0;
 }
 
 .sidebar-menu .treeview-menu>li>a {
   padding: 5px 5px 5px 15px;
   display: block;
   font-size: 14px;
 }
 
 .sidebar-menu .treeview-menu>li>a>.fa,
 .sidebar-menu .treeview-menu>li>a>.glyphicon,
 .sidebar-menu .treeview-menu>li>a>.ion {
   width: 20px;
 }
 
 .sidebar-menu .treeview-menu>li>a>.pull-right-container>.fa-angle-left,
 .sidebar-menu .treeview-menu>li>a>.pull-right-container>.fa-angle-down,
 .sidebar-menu .treeview-menu>li>a>.fa-angle-left,
 .sidebar-menu .treeview-menu>li>a>.fa-angle-down {
   width: auto;
 }
 
 /*
   * Component: Sidebar Mini
   */
 @media (min-width: 768px) {
 
   .sidebar-mini.sidebar-collapse .content-wrapper,
   .sidebar-mini.sidebar-collapse .right-side,
   .sidebar-mini.sidebar-collapse .main-footer {
     margin-left: 50px !important;
     z-index: 840;
   }
 
   .sidebar-mini.sidebar-collapse .main-sidebar {
     -webkit-transform: translate(0, 0);
     -ms-transform: translate(0, 0);
     -o-transform: translate(0, 0);
     transform: translate(0, 0);
     width: 50px !important;
     z-index: 850;
   }
 
   .sidebar-mini.sidebar-collapse .sidebar-menu>li {
     position: relative;
   }
 
   .sidebar-mini.sidebar-collapse .sidebar-menu>li>a {
     margin-right: 0;
     font-weight: 600 !important;
     color: #111 !important;
     padding-right: 10px;
     padding-top: 5px;
     border-top: 2px solid #333;
   }
 
 
   .slimScrollDiv {
     background-color: aliceblue;
   }
 
   .sidebar-mini.sidebar-collapse .sidebar-menu>li>a>span {
     border-top-right-radius: 4px;
   }
 
   .sidebar-mini.sidebar-collapse .sidebar-menu>li:not(.treeview)>a>span {
     border-bottom-right-radius: 4px;
   }
 
   .sidebar-mini.sidebar-collapse .sidebar-menu>li>.treeview-menu {
     padding-top: 5px;
     padding-bottom: 5px;
     border-bottom-right-radius: 4px;
   }
 
   .sidebar-mini.sidebar-collapse .sidebar-menu>li:hover>a>span:not(.pull-right),
   .sidebar-mini.sidebar-collapse .sidebar-menu>li:hover>.treeview-menu {
     display: block !important;
     position: absolute;
     width: 230px;
     left: 50px;
   }
 
   .sidebar-mini.sidebar-collapse .sidebar-menu>li:hover>a>span {
     top: 0;
     margin-left: -3px;
     padding: 12px 5px 12px 20px;
     background-color: inherit;
   }
 
   .sidebar-mini.sidebar-collapse .sidebar-menu>li:hover>a>.pull-right-container {
     float: right;
     width: auto !important;
     left: 200px !important;
     top: 10px !important;
   }
 
   .sidebar-mini.sidebar-collapse .sidebar-menu>li:hover>a>.pull-right-container>.label:not(:first-of-type) {
     display: none;
   }
 
   .sidebar-mini.sidebar-collapse .sidebar-menu>li:hover>.treeview-menu {
     top: 44px;
     margin-left: 0;
   }
 
   .sidebar-mini.sidebar-collapse .main-sidebar .user-panel>.info,
   .sidebar-mini.sidebar-collapse .sidebar-form,
   .sidebar-mini.sidebar-collapse .sidebar-menu>li>a>span,
   .sidebar-mini.sidebar-collapse .sidebar-menu>li>.treeview-menu,
   .sidebar-mini.sidebar-collapse .sidebar-menu>li>a>.pull-right,
   .sidebar-mini.sidebar-collapse .sidebar-menu li.header {
     display: none !important;
     -webkit-transform: translateZ(0);
   }
 
   .sidebar-mini.sidebar-collapse .main-header .logo {
     width: 50px;
   }
 
   .sidebar-mini.sidebar-collapse .main-header .logo>.logo-mini {
     display: block;
     margin-left: -15px;
     margin-right: -15px;
     font-size: 18px;
   }
 
   .sidebar-mini.sidebar-collapse .main-header .logo>.logo-lg {
     display: none;
   }
 
   .sidebar-mini.sidebar-collapse .main-header .navbar {
     margin-left: 50px;
   }
 }
 
 .sidebar-menu,
 .main-sidebar .user-panel,
 .sidebar-menu>li.header {
   white-space: nowrap;
   overflow: hidden;
 }
 
 .sidebar-menu:hover {
   overflow: visible;
 }
 
 .sidebar-form,
 .sidebar-menu>li.header {
   overflow: hidden;
   text-overflow: clip;
   margin-top: 5px !important;
 }
 
 .sidebar-menu li>a {
   position: relative;
 }
 
 .sidebar-menu li>a>.pull-right-container {
   position: absolute;
   right: 10px;
   top: 50%;
   margin-top: -7px;
 }
 
 /*
   * Component: Control sidebar. By default, this is the right sidebar.
   */
 .control-sidebar-bg {
   position: fixed;
   z-index: 1000;
   bottom: 0;
 }
 
 .control-sidebar-bg,
 .control-sidebar {
   top: 0;
   right: -280px;
   width: 280px;
   -webkit-transition: right 0.3s ease-in-out;
   -o-transition: right 0.3s ease-in-out;
   transition: right 0.3s ease-in-out;
 }
 
 .control-sidebar {
   position: absolute;
   padding-top: 50px;
   z-index: 1010;
 }
 
 @media (max-width: 768px) {
   .control-sidebar {
     padding-top: 100px;
   }
 }
 
 .control-sidebar>.tab-content {
   padding: 10px 15px;
 }
 
 .control-sidebar.control-sidebar-open,
 .control-sidebar.control-sidebar-open+.control-sidebar-bg {
   right: 0;
 }
 
 .control-sidebar-open .control-sidebar-bg,
 .control-sidebar-open .control-sidebar {
   right: 0;
 }
 
 @media (min-width: 768px) {
 
   .control-sidebar-open .content-wrapper,
   .control-sidebar-open .right-side,
   .control-sidebar-open .main-footer {
     margin-right: 280px;
   }
 }
 
 .nav-tabs.control-sidebar-tabs>li:first-of-type>a,
 .nav-tabs.control-sidebar-tabs>li:first-of-type>a:hover,
 .nav-tabs.control-sidebar-tabs>li:first-of-type>a:focus {
   border-left-width: 0;
 }
 
 .nav-tabs.control-sidebar-tabs>li>a {
   border-radius: 0;
 }
 
 .nav-tabs.control-sidebar-tabs>li>a,
 .nav-tabs.control-sidebar-tabs>li>a:hover {
   border-top: none;
   border-right: none;
   border-left: 1px solid transparent;
   border-bottom: 1px solid transparent;
 }
 
 .nav-tabs.control-sidebar-tabs>li>a .icon {
   font-size: 16px;
 }
 
 .nav-tabs.control-sidebar-tabs>li.active>a,
 .nav-tabs.control-sidebar-tabs>li.active>a:hover,
 .nav-tabs.control-sidebar-tabs>li.active>a:focus,
 .nav-tabs.control-sidebar-tabs>li.active>a:active {
   border-top: none;
   border-right: none;
   border-bottom: none;
 }
 
 @media (max-width: 768px) {
   .nav-tabs.control-sidebar-tabs {
     display: table;
   }
 
   .nav-tabs.control-sidebar-tabs>li {
     display: table-cell;
   }
 }
 
 .control-sidebar-heading {
   font-weight: 400;
   font-size: 16px;
   padding: 10px 0;
   margin-bottom: 10px;
 }
 
 .control-sidebar-subheading {
   display: block;
   font-weight: 400;
   font-size: 14px;
 }
 
 .control-sidebar-menu {
   list-style: none;
   padding: 0;
   margin: 0 -15px;
 }
 
 .control-sidebar-menu>li>a {
   display: block;
   padding: 10px 15px;
 }
 
 .control-sidebar-menu>li>a:before,
 .control-sidebar-menu>li>a:after {
   content: " ";
   display: table;
 }
 
 .control-sidebar-menu>li>a:after {
   clear: both;
 }
 
 .control-sidebar-menu>li>a>.control-sidebar-subheading {
   margin-top: 0;
 }
 
 .control-sidebar-menu .menu-icon {
   float: left;
   width: 35px;
   height: 35px;
   border-radius: 50%;
   text-align: center;
   line-height: 35px;
 }
 
 .control-sidebar-menu .menu-info {
   margin-left: 45px;
   margin-top: 3px;
 }
 
 .control-sidebar-menu .menu-info>.control-sidebar-subheading {
   margin: 0;
 }
 
 .control-sidebar-menu .menu-info>p {
   margin: 0;
   font-size: 11px;
 }
 
 .control-sidebar-menu .progress {
   margin: 0;
 }
 
 .control-sidebar-dark {
   color: #b8c7ce;
 }
 
 .control-sidebar-dark,
 .control-sidebar-dark+.control-sidebar-bg {
   background: #222d32;
 }
 
 .control-sidebar-dark .nav-tabs.control-sidebar-tabs {
   border-bottom: #1c2529;
 }
 
 .control-sidebar-dark .nav-tabs.control-sidebar-tabs>li>a {
   background: #181f23;
   color: #b8c7ce;
 }
 
 .control-sidebar-dark .nav-tabs.control-sidebar-tabs>li>a,
 .control-sidebar-dark .nav-tabs.control-sidebar-tabs>li>a:hover,
 .control-sidebar-dark .nav-tabs.control-sidebar-tabs>li>a:focus {
   border-left-color: #141a1d;
   border-bottom-color: #141a1d;
 }
 
 .control-sidebar-dark .nav-tabs.control-sidebar-tabs>li>a:hover,
 .control-sidebar-dark .nav-tabs.control-sidebar-tabs>li>a:focus,
 .control-sidebar-dark .nav-tabs.control-sidebar-tabs>li>a:active {
   background: #1c2529;
 }
 
 .control-sidebar-dark .nav-tabs.control-sidebar-tabs>li>a:hover {
   color: #fff;
 }
 
 .control-sidebar-dark .nav-tabs.control-sidebar-tabs>li.active>a,
 .control-sidebar-dark .nav-tabs.control-sidebar-tabs>li.active>a:hover,
 .control-sidebar-dark .nav-tabs.control-sidebar-tabs>li.active>a:focus,
 .control-sidebar-dark .nav-tabs.control-sidebar-tabs>li.active>a:active {
   background: #222d32;
   color: #fff;
 }
 
 .control-sidebar-dark .control-sidebar-heading,
 .control-sidebar-dark .control-sidebar-subheading {
   color: #fff;
 }
 
 .control-sidebar-dark .control-sidebar-menu>li>a:hover {
   background: #1e282c;
 }
 
 .control-sidebar-dark .control-sidebar-menu>li>a .menu-info>p {
   color: #b8c7ce;
 }
 
 .control-sidebar-light {
   color: #5e5e5e;
 }
 
 .control-sidebar-light,
 .control-sidebar-light+.control-sidebar-bg {
   background: #f9fafc;
   border-left: 1px solid #d2d6de;
 }
 
 .control-sidebar-light .nav-tabs.control-sidebar-tabs {
   border-bottom: #d2d6de;
 }
 
 .control-sidebar-light .nav-tabs.control-sidebar-tabs>li>a {
   background: #e8ecf4;
   color: #444;
 }
 
 .control-sidebar-light .nav-tabs.control-sidebar-tabs>li>a,
 .control-sidebar-light .nav-tabs.control-sidebar-tabs>li>a:hover,
 .control-sidebar-light .nav-tabs.control-sidebar-tabs>li>a:focus {
   border-left-color: #d2d6de;
   border-bottom-color: #d2d6de;
 }
 
 .control-sidebar-light .nav-tabs.control-sidebar-tabs>li>a:hover,
 .control-sidebar-light .nav-tabs.control-sidebar-tabs>li>a:focus,
 .control-sidebar-light .nav-tabs.control-sidebar-tabs>li>a:active {
   background: #eff1f7;
 }
 
 .control-sidebar-light .nav-tabs.control-sidebar-tabs>li.active>a,
 .control-sidebar-light .nav-tabs.control-sidebar-tabs>li.active>a:hover,
 .control-sidebar-light .nav-tabs.control-sidebar-tabs>li.active>a:focus,
 .control-sidebar-light .nav-tabs.control-sidebar-tabs>li.active>a:active {
   background: #f9fafc;
   margin-right: 10px !important;
   color: #111;
 }
 
 .control-sidebar-light .control-sidebar-heading,
 .control-sidebar-light .control-sidebar-subheading {
   color: #111;
 }
 
 .control-sidebar-light .control-sidebar-menu {
   margin-left: -14px;
 }
 
 .control-sidebar-light .control-sidebar-menu>li>a:hover {
   background: #f4f4f5;
 }
 
 .control-sidebar-light .control-sidebar-menu>li>a .menu-info>p {
   color: #5e5e5e;
 }
 
 /*
   * Component: Dropdown menus
   * -------------------------
   */
 /*Dropdowns in general*/
 .dropdown-menu {
   box-shadow: none;
   border-color: #eee;
 }
 
 .dropdown-menu>li>a {
   color: #777;
 }
 
 .dropdown-menu>li>a>.glyphicon,
 .dropdown-menu>li>a>.fa,
 .dropdown-menu>li>a>.ion {
   margin-right: 10px;
 }
 
 .dropdown-menu>li>a:hover {
   background-color: #e1e3e9;
   color: #333;
 }
 
 .dropdown-menu>.divider {
   background-color: #eee;
 }
 
 .navbar-nav>.notifications-menu>.dropdown-menu,
 .navbar-nav>.messages-menu>.dropdown-menu,
 .navbar-nav>.tasks-menu>.dropdown-menu {
   width: 280px;
   padding: 0 0 0 0;
   margin: 0;
   top: 100%;
 }
 
 .navbar-nav>.notifications-menu>.dropdown-menu>li,
 .navbar-nav>.messages-menu>.dropdown-menu>li,
 .navbar-nav>.tasks-menu>.dropdown-menu>li {
   position: relative;
 }
 
 .navbar-nav>.notifications-menu>.dropdown-menu>li.header,
 .navbar-nav>.messages-menu>.dropdown-menu>li.header,
 .navbar-nav>.tasks-menu>.dropdown-menu>li.header {
   border-top-left-radius: 4px;
   border-top-right-radius: 4px;
   border-bottom-right-radius: 0;
   border-bottom-left-radius: 0;
   background-color: #ffffff;
   padding: 7px 10px;
   border-bottom: 1px solid #f4f4f4;
   color: #444444;
   font-size: 14px;
 }
 
 .navbar-nav>.notifications-menu>.dropdown-menu>li.footer>a,
 .navbar-nav>.messages-menu>.dropdown-menu>li.footer>a,
 .navbar-nav>.tasks-menu>.dropdown-menu>li.footer>a {
   border-top-left-radius: 0;
   border-top-right-radius: 0;
   border-bottom-right-radius: 4px;
   border-bottom-left-radius: 4px;
   font-size: 12px;
   background-color: #fff;
   padding: 7px 10px;
   border-bottom: 1px solid #eeeeee;
   color: #444 !important;
   text-align: center;
 }
 
 @media (max-width: 991px) {
 
   .navbar-nav>.notifications-menu>.dropdown-menu>li.footer>a,
   .navbar-nav>.messages-menu>.dropdown-menu>li.footer>a,
   .navbar-nav>.tasks-menu>.dropdown-menu>li.footer>a {
     background: #fff !important;
     color: #444 !important;
   }
 }
 
 .navbar-nav>.notifications-menu>.dropdown-menu>li.footer>a:hover,
 .navbar-nav>.messages-menu>.dropdown-menu>li.footer>a:hover,
 .navbar-nav>.tasks-menu>.dropdown-menu>li.footer>a:hover {
   text-decoration: none;
   font-weight: normal;
 }
 
 .navbar-nav>.notifications-menu>.dropdown-menu>li .menu,
 .navbar-nav>.messages-menu>.dropdown-menu>li .menu,
 .navbar-nav>.tasks-menu>.dropdown-menu>li .menu {
   max-height: 200px;
   margin: 0;
   padding: 0;
   list-style: none;
   overflow-x: hidden;
 }
 
 .navbar-nav>.notifications-menu>.dropdown-menu>li .menu>li>a,
 .navbar-nav>.messages-menu>.dropdown-menu>li .menu>li>a,
 .navbar-nav>.tasks-menu>.dropdown-menu>li .menu>li>a {
   display: block;
   white-space: nowrap;
   /* Prevent text from breaking */
   border-bottom: 1px solid #f4f4f4;
 }
 
 .navbar-nav>.notifications-menu>.dropdown-menu>li .menu>li>a:hover,
 .navbar-nav>.messages-menu>.dropdown-menu>li .menu>li>a:hover,
 .navbar-nav>.tasks-menu>.dropdown-menu>li .menu>li>a:hover {
   background: #f4f4f4;
   text-decoration: none;
 }
 
 .navbar-nav>.notifications-menu>.dropdown-menu>li .menu>li>a {
   color: #444444;
   overflow: hidden;
   text-overflow: ellipsis;
   padding: 10px;
 }
 
 .navbar-nav>.notifications-menu>.dropdown-menu>li .menu>li>a>.glyphicon,
 .navbar-nav>.notifications-menu>.dropdown-menu>li .menu>li>a>.fa,
 .navbar-nav>.notifications-menu>.dropdown-menu>li .menu>li>a>.ion {
   width: 20px;
 }
 
 .navbar-nav>.messages-menu>.dropdown-menu>li .menu>li>a {
   margin: 0;
   padding: 10px 10px;
 }
 
 .navbar-nav>.messages-menu>.dropdown-menu>li .menu>li>a>div>img {
   margin: auto 10px auto auto;
   width: 40px;
   height: 40px;
 }
 
 .navbar-nav>.messages-menu>.dropdown-menu>li .menu>li>a>h4 {
   padding: 0;
   margin: 0 0 0 45px;
   color: #444444;
   font-size: 15px;
   position: relative;
 }
 
 .navbar-nav>.messages-menu>.dropdown-menu>li .menu>li>a>h4>small {
   color: #999999;
   font-size: 10px;
   position: absolute;
   top: 0;
   right: 0;
 }
 
 .navbar-nav>.messages-menu>.dropdown-menu>li .menu>li>a>p {
   margin: 0 0 0 45px;
   font-size: 12px;
   color: #888888;
 }
 
 .navbar-nav>.messages-menu>.dropdown-menu>li .menu>li>a:before,
 .navbar-nav>.messages-menu>.dropdown-menu>li .menu>li>a:after {
   content: " ";
   display: table;
 }
 
 .navbar-nav>.messages-menu>.dropdown-menu>li .menu>li>a:after {
   clear: both;
 }
 
 .navbar-nav>.tasks-menu>.dropdown-menu>li .menu>li>a {
   padding: 10px;
 }
 
 .navbar-nav>.tasks-menu>.dropdown-menu>li .menu>li>a>h3 {
   font-size: 14px;
   padding: 0;
   margin: 0 0 10px 0;
   color: #666666;
 }
 
 .navbar-nav>.tasks-menu>.dropdown-menu>li .menu>li>a>.progress {
   padding: 0;
   margin: 0;
 }
 
 .navbar-nav>.user-menu>.dropdown-menu {
   border-top-right-radius: 0;
   border-top-left-radius: 0;
   padding: 1px 0 0 0;
   border-top-width: 0;
   width: 280px;
 }
 
 .navbar-nav>.user-menu>.dropdown-menu,
 .navbar-nav>.user-menu>.dropdown-menu>.user-body {
   border-bottom-right-radius: 4px;
   border-bottom-left-radius: 4px;
 }
 
 .navbar-nav>.user-menu>.dropdown-menu>li.user-header {
   height: 175px;
   padding: 10px;
   text-align: center;
 }
 
 .navbar-nav>.user-menu>.dropdown-menu>li.user-header>img {
   z-index: 5;
   height: 90px;
   width: 90px;
   border: 3px solid;
   border-color: transparent;
   border-color: rgba(255, 255, 255, 0.2);
 }
 
 .navbar-nav>.user-menu>.dropdown-menu>li.user-header>p {
   z-index: 5;
   color: #fff;
   color: rgba(255, 255, 255, 0.8);
   font-size: 17px;
   margin-top: 10px;
 }
 
 .navbar-nav>.user-menu>.dropdown-menu>li.user-header>p>small {
   display: block;
   font-size: 12px;
 }
 
 .navbar-nav>.user-menu>.dropdown-menu>.user-body {
   padding: 15px;
   border-bottom: 1px solid #f4f4f4;
   border-top: 1px solid #dddddd;
 }
 
 .navbar-nav>.user-menu>.dropdown-menu>.user-body:before,
 .navbar-nav>.user-menu>.dropdown-menu>.user-body:after {
   content: " ";
   display: table;
 }
 
 .navbar-nav>.user-menu>.dropdown-menu>.user-body:after {
   clear: both;
 }
 
 .navbar-nav>.user-menu>.dropdown-menu>.user-body a {
   color: #444 !important;
 }
 
 @media (max-width: 991px) {
   .navbar-nav>.user-menu>.dropdown-menu>.user-body a {
     background: #fff !important;
     color: #444 !important;
   }
 }
 
 .navbar-nav>.user-menu>.dropdown-menu>.user-footer {
   background-color: #f9f9f9;
   padding: 10px;
 }
 
 .navbar-nav>.user-menu>.dropdown-menu>.user-footer:before,
 .navbar-nav>.user-menu>.dropdown-menu>.user-footer:after {
   content: " ";
   display: table;
 }
 
 .navbar-nav>.user-menu>.dropdown-menu>.user-footer:after {
   clear: both;
 }
 
 .navbar-nav>.user-menu>.dropdown-menu>.user-footer .btn-default {
   color: #666666;
 }
 
 @media (max-width: 991px) {
   .navbar-nav>.user-menu>.dropdown-menu>.user-footer .btn-default:hover {
     background-color: #f9f9f9;
   }
 }
 
 .navbar-nav>.user-menu .user-image {
   float: left;
   width: 25px;
   height: 25px;
   border-radius: 50%;
   margin-right: 10px;
   margin-top: -2px;
 }
 
 @media (max-width: 767px) {
   .navbar-nav>.user-menu .user-image {
     float: none;
     margin-right: 0;
     margin-top: -8px;
     line-height: 10px;
   }
 }
 
 /* Add fade animation to dropdown menus by appending
   the class .animated-dropdown-menu to the .dropdown-menu ul (or ol)*/
 .open:not(.dropup)>.animated-dropdown-menu {
   backface-visibility: visible !important;
   -webkit-animation: flipInX 0.7s both;
   -o-animation: flipInX 0.7s both;
   animation: flipInX 0.7s both;
 }
 
 @keyframes flipInX {
   0% {
     transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
     transition-timing-function: ease-in;
     opacity: 0;
   }
 
   40% {
     transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
     transition-timing-function: ease-in;
   }
 
   60% {
     transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
     opacity: 1;
   }
 
   80% {
     transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
   }
 
   100% {
     transform: perspective(400px);
   }
 }
 
 @-webkit-keyframes flipInX {
   0% {
     -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
     -webkit-transition-timing-function: ease-in;
     opacity: 0;
   }
 
   40% {
     -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
     -webkit-transition-timing-function: ease-in;
   }
 
   60% {
     -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
     opacity: 1;
   }
 
   80% {
     -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
   }
 
   100% {
     -webkit-transform: perspective(400px);
   }
 }
 
 /* Fix dropdown menu in navbars */
 .navbar-custom-menu>.navbar-nav>li {
   position: relative;
 }
 
 .navbar-custom-menu>.navbar-nav>li>.dropdown-menu {
   position: absolute;
   right: 0;
   left: auto;
 }
 
 @media (max-width: 991px) {
   .navbar-custom-menu>.navbar-nav {
     float: right;
   }
 
   .navbar-custom-menu>.navbar-nav>li {
     position: static;
   }
 
   .navbar-custom-menu>.navbar-nav>li>.dropdown-menu {
     position: absolute;
     right: 5%;
     left: auto;
     border: 1px solid #ddd;
     background: #fff;
   }
 }
 
 /*
   * Component: Form
   * ---------------
   */
 .form-control {
   border-radius: 0;
   box-shadow: none;
   border-color: #d2d6de;
 }
 
 .form-control:focus {
   border-color: #3c8dbc;
   box-shadow: none;
 }
 
 .form-control::-moz-placeholder,
 .form-control:-ms-input-placeholder,
 .form-control::-webkit-input-placeholder {
   color: #bbb;
   opacity: 1;
 }
 
 .form-control:not(select) {
   -webkit-appearance: none;
   -moz-appearance: none;
   appearance: none;
 }
 
 .form-group.has-success label {
   color: #00a65a;
 }
 
 .form-group.has-success .form-control,
 .form-group.has-success .input-group-addon {
   border-color: #00a65a;
   box-shadow: none;
 }
 
 .form-group.has-success .help-block {
   color: #00a65a;
 }
 
 .form-group.has-warning label {
   color: #f39c12;
 }
 
 .form-group.has-warning .form-control,
 .form-group.has-warning .input-group-addon {
   border-color: #f39c12;
   box-shadow: none;
 }
 
 .form-group.has-warning .help-block {
   color: #f39c12;
 }
 
 .form-group.has-error label {
   color: #dd4b39;
 }
 
 .form-group.has-error .form-control,
 .form-group.has-error .input-group-addon {
   border-color: #dd4b39;
   box-shadow: none;
 }
 
 .form-group.has-error .help-block {
   color: #dd4b39;
 }
 
 /* Input group */
 .input-group .input-group-addon {
   border-radius: 0;
   border-color: #d2d6de;
   background-color: #fff;
 }
 
 /* button groups */
 .btn-group-vertical .btn.btn-flat:first-of-type,
 .btn-group-vertical .btn.btn-flat:last-of-type {
   border-radius: 0;
 }
 
 .icheck>label {
   padding-left: 0;
 }
 
 /* support Font Awesome icons in form-control */
 .form-control-feedback.fa {
   line-height: 34px;
 }
 
 .input-lg+.form-control-feedback.fa,
 .input-group-lg+.form-control-feedback.fa,
 .form-group-lg .form-control+.form-control-feedback.fa {
   line-height: 46px;
 }
 
 .input-sm+.form-control-feedback.fa,
 .input-group-sm+.form-control-feedback.fa,
 .form-group-sm .form-control+.form-control-feedback.fa {
   line-height: 30px;
 }
 
 /*
   * Component: Progress Bar
   * -----------------------
   */
 .progress,
 .progress>.progress-bar {
   -webkit-box-shadow: none;
   -moz-box-shadow: none;
   box-shadow: none;
 }
 
 .progress,
 .progress>.progress-bar,
 .progress .progress-bar,
 .progress>.progress-bar .progress-bar {
   border-radius: 1px;
 }
 
 /* size variation */
 .progress.sm,
 .progress-sm {
   height: 10px;
 }
 
 .progress.sm,
 .progress-sm,
 .progress.sm .progress-bar,
 .progress-sm .progress-bar {
   border-radius: 1px;
 }
 
 .progress.xs,
 .progress-xs {
   height: 7px;
 }
 
 .progress.xs,
 .progress-xs,
 .progress.xs .progress-bar,
 .progress-xs .progress-bar {
   border-radius: 1px;
 }
 
 .progress.xxs,
 .progress-xxs {
   height: 3px;
 }
 
 .progress.xxs,
 .progress-xxs,
 .progress.xxs .progress-bar,
 .progress-xxs .progress-bar {
   border-radius: 1px;
 }
 
 /* Vertical bars */
 .progress.vertical {
   position: relative;
   width: 30px;
   height: 200px;
   display: inline-block;
   margin-right: 10px;
 }
 
 .progress.vertical>.progress-bar {
   width: 100%;
   position: absolute;
   bottom: 0;
 }
 
 .progress.vertical.sm,
 .progress.vertical.progress-sm {
   width: 20px;
 }
 
 .progress.vertical.xs,
 .progress.vertical.progress-xs {
   width: 10px;
 }
 
 .progress.vertical.xxs,
 .progress.vertical.progress-xxs {
   width: 3px;
 }
 
 .progress-group .progress-text {
   font-weight: 600;
 }
 
 .progress-group .progress-number {
   float: right;
 }
 
 /* Remove margins from progress bars when put in a table */
 .table tr>td .progress {
   margin: 0;
 }
 
 .progress-bar-light-blue,
 .progress-bar-primary {
   background-color: #3c8dbc;
 }
 
 .progress-striped .progress-bar-light-blue,
 .progress-striped .progress-bar-primary {
   background-image: -webkit-linear-gradient(45deg,
       rgba(255, 255, 255, 0.15) 25%,
       transparent 25%,
       transparent 50%,
       rgba(255, 255, 255, 0.15) 50%,
       rgba(255, 255, 255, 0.15) 75%,
       transparent 75%,
       transparent);
   background-image: -o-linear-gradient(45deg,
       rgba(255, 255, 255, 0.15) 25%,
       transparent 25%,
       transparent 50%,
       rgba(255, 255, 255, 0.15) 50%,
       rgba(255, 255, 255, 0.15) 75%,
       transparent 75%,
       transparent);
   background-image: linear-gradient(45deg,
       rgba(255, 255, 255, 0.15) 25%,
       transparent 25%,
       transparent 50%,
       rgba(255, 255, 255, 0.15) 50%,
       rgba(255, 255, 255, 0.15) 75%,
       transparent 75%,
       transparent);
 }
 
 .progress-bar-green,
 .progress-bar-success {
   background-color: #00a65a;
 }
 
 .progress-striped .progress-bar-green,
 .progress-striped .progress-bar-success {
   background-image: -webkit-linear-gradient(45deg,
       rgba(255, 255, 255, 0.15) 25%,
       transparent 25%,
       transparent 50%,
       rgba(255, 255, 255, 0.15) 50%,
       rgba(255, 255, 255, 0.15) 75%,
       transparent 75%,
       transparent);
   background-image: -o-linear-gradient(45deg,
       rgba(255, 255, 255, 0.15) 25%,
       transparent 25%,
       transparent 50%,
       rgba(255, 255, 255, 0.15) 50%,
       rgba(255, 255, 255, 0.15) 75%,
       transparent 75%,
       transparent);
   background-image: linear-gradient(45deg,
       rgba(255, 255, 255, 0.15) 25%,
       transparent 25%,
       transparent 50%,
       rgba(255, 255, 255, 0.15) 50%,
       rgba(255, 255, 255, 0.15) 75%,
       transparent 75%,
       transparent);
 }
 
 .progress-bar-aqua,
 .progress-bar-info {
   background-color: #00c0ef;
 }
 
 .progress-striped .progress-bar-aqua,
 .progress-striped .progress-bar-info {
   background-image: -webkit-linear-gradient(45deg,
       rgba(255, 255, 255, 0.15) 25%,
       transparent 25%,
       transparent 50%,
       rgba(255, 255, 255, 0.15) 50%,
       rgba(255, 255, 255, 0.15) 75%,
       transparent 75%,
       transparent);
   background-image: -o-linear-gradient(45deg,
       rgba(255, 255, 255, 0.15) 25%,
       transparent 25%,
       transparent 50%,
       rgba(255, 255, 255, 0.15) 50%,
       rgba(255, 255, 255, 0.15) 75%,
       transparent 75%,
       transparent);
   background-image: linear-gradient(45deg,
       rgba(255, 255, 255, 0.15) 25%,
       transparent 25%,
       transparent 50%,
       rgba(255, 255, 255, 0.15) 50%,
       rgba(255, 255, 255, 0.15) 75%,
       transparent 75%,
       transparent);
 }
 
 .progress-bar-yellow,
 .progress-bar-warning {
   background-color: #f39c12;
 }
 
 .progress-striped .progress-bar-yellow,
 .progress-striped .progress-bar-warning {
   background-image: -webkit-linear-gradient(45deg,
       rgba(255, 255, 255, 0.15) 25%,
       transparent 25%,
       transparent 50%,
       rgba(255, 255, 255, 0.15) 50%,
       rgba(255, 255, 255, 0.15) 75%,
       transparent 75%,
       transparent);
   background-image: -o-linear-gradient(45deg,
       rgba(255, 255, 255, 0.15) 25%,
       transparent 25%,
       transparent 50%,
       rgba(255, 255, 255, 0.15) 50%,
       rgba(255, 255, 255, 0.15) 75%,
       transparent 75%,
       transparent);
   background-image: linear-gradient(45deg,
       rgba(255, 255, 255, 0.15) 25%,
       transparent 25%,
       transparent 50%,
       rgba(255, 255, 255, 0.15) 50%,
       rgba(255, 255, 255, 0.15) 75%,
       transparent 75%,
       transparent);
 }
 
 .progress-bar-red,
 .progress-bar-danger {
   background-color: #dd4b39;
 }
 
 .progress-striped .progress-bar-red,
 .progress-striped .progress-bar-danger {
   background-image: -webkit-linear-gradient(45deg,
       rgba(255, 255, 255, 0.15) 25%,
       transparent 25%,
       transparent 50%,
       rgba(255, 255, 255, 0.15) 50%,
       rgba(255, 255, 255, 0.15) 75%,
       transparent 75%,
       transparent);
   background-image: -o-linear-gradient(45deg,
       rgba(255, 255, 255, 0.15) 25%,
       transparent 25%,
       transparent 50%,
       rgba(255, 255, 255, 0.15) 50%,
       rgba(255, 255, 255, 0.15) 75%,
       transparent 75%,
       transparent);
   background-image: linear-gradient(45deg,
       rgba(255, 255, 255, 0.15) 25%,
       transparent 25%,
       transparent 50%,
       rgba(255, 255, 255, 0.15) 50%,
       rgba(255, 255, 255, 0.15) 75%,
       transparent 75%,
       transparent);
 }
 
 /*
   * Component: Small Box
   * --------------------
   */
 .small-box {
   border-radius: 2px;
   position: relative;
   display: block;
   margin-bottom: 20px;
   box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
 }
 
 .small-box>.inner {
   padding: 10px;
 }
 
 .small-box>.small-box-footer {
   position: relative;
   text-align: center;
   padding: 3px 0;
   color: #fff;
   color: rgba(255, 255, 255, 0.8);
   display: block;
   z-index: 10;
   background: rgba(0, 0, 0, 0.1);
   text-decoration: none;
 }
 
 .small-box>.small-box-footer:hover {
   color: #fff;
   background: rgba(0, 0, 0, 0.15);
 }
 
 .small-box h3 {
   font-size: 38px;
   font-weight: bold;
   margin: 0 0 10px 0;
   white-space: nowrap;
   padding: 0;
 }
 
 .small-box p {
   font-size: 15px;
 }
 
 .small-box p>small {
   display: block;
   color: #f9f9f9;
   font-size: 13px;
   margin-top: 5px;
 }
 
 .small-box h3,
 .small-box p {
   z-index: 5;
 }
 
 .small-box .icon {
   -webkit-transition: all 0.3s linear;
   -o-transition: all 0.3s linear;
   transition: all 0.3s linear;
   position: absolute;
   top: -10px;
   right: 10px;
   z-index: 0;
   font-size: 90px;
   color: rgba(0, 0, 0, 0.15);
 }
 
 .small-box:hover {
   text-decoration: none;
   color: #f9f9f9;
 }
 
 .small-box:hover .icon {
   font-size: 95px;
 }
 
 @media (max-width: 767px) {
   .small-box {
     text-align: center;
   }
 
   .small-box .icon {
     display: none;
   }
 
   .small-box p {
     font-size: 12px;
   }
 }
 
 /*
   * Component: Box
   * --------------
   */
 .box {
   position: relative;
   border-radius: 3px;
   background: #ffffff;
   border-top: 3px solid #d2d6de;
   margin-bottom: 20px;
   width: 100%;
   box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
 }
 
 .box.box-primary {
   border-top-color: #3c8dbc;
 }
 
 .box.box-info {
   border-top-color: #00c0ef;
 }
 
 .box.box-danger {
   border-top-color: #dd4b39;
 }
 
 .box.box-warning {
   border-top-color: #f39c12;
 }
 
 .box.box-success {
   border-top-color: #00a65a;
 }
 
 .box.box-default {
   border-top-color: #d2d6de;
 }
 
 .box.collapsed-box .box-body,
 .box.collapsed-box .box-footer {
   display: none;
 }
 
 .box .nav-stacked>li {
   border-bottom: 1px solid #f4f4f4;
   margin: 0;
 }
 
 .box .nav-stacked>li:last-of-type {
   border-bottom: none;
 }
 
 .box.height-control .box-body {
   max-height: 300px;
   overflow: auto;
 }
 
 .box .border-right {
   border-right: 1px solid #f4f4f4;
 }
 
 .box .border-left {
   border-left: 1px solid #f4f4f4;
 }
 
 .box.box-solid {
   border-top: 0;
 }
 
 .box.box-solid>.box-header .btn.btn-default {
   background: transparent;
 }
 
 .box.box-solid>.box-header .btn:hover,
 .box.box-solid>.box-header a:hover {
   background: rgba(0, 0, 0, 0.1);
 }
 
 .box.box-solid.box-default {
   border: 1px solid #d2d6de;
 }
 
 .box.box-solid.box-default>.box-header {
   color: #444;
   background: #d2d6de;
   background-color: #d2d6de;
 }
 
 .box.box-solid.box-default>.box-header a,
 .box.box-solid.box-default>.box-header .btn {
   color: #444;
 }
 
 .box.box-solid.box-primary {
   border: 1px solid #3c8dbc;
 }
 
 .box.box-solid.box-primary>.box-header {
   color: #fff;
   background: #3c8dbc;
   background-color: #3c8dbc;
 }
 
 .box.box-solid.box-primary>.box-header a,
 .box.box-solid.box-primary>.box-header .btn {
   color: #fff;
 }
 
 .box.box-solid.box-info {
   border: 1px solid #00c0ef;
 }
 
 .box.box-solid.box-info>.box-header {
   color: #fff;
   background: #00c0ef;
   background-color: #00c0ef;
 }
 
 .box.box-solid.box-info>.box-header a,
 .box.box-solid.box-info>.box-header .btn {
   color: #fff;
 }
 
 .box.box-solid.box-danger {
   border: 1px solid #dd4b39;
 }
 
 .box.box-solid.box-danger>.box-header {
   color: #fff;
   background: #dd4b39;
   background-color: #dd4b39;
 }
 
 .box.box-solid.box-danger>.box-header a,
 .box.box-solid.box-danger>.box-header .btn {
   color: #fff;
 }
 
 .box.box-solid.box-warning {
   border: 1px solid #f39c12;
 }
 
 .box.box-solid.box-warning>.box-header {
   color: #fff;
   background: #f39c12;
   background-color: #f39c12;
 }
 
 .box.box-solid.box-warning>.box-header a,
 .box.box-solid.box-warning>.box-header .btn {
   color: #fff;
 }
 
 .box.box-solid.box-success {
   border: 1px solid #00a65a;
 }
 
 .box.box-solid.box-success>.box-header {
   color: #fff;
   background: #00a65a;
   background-color: #00a65a;
 }
 
 .box.box-solid.box-success>.box-header a,
 .box.box-solid.box-success>.box-header .btn {
   color: #fff;
 }
 
 .box.box-solid>.box-header>.box-tools .btn {
   border: 0;
   box-shadow: none;
 }
 
 .box.box-solid[class*="bg"]>.box-header {
   color: #fff;
 }
 
 .box .box-group>.box {
   margin-bottom: 5px;
 }
 
 .box .knob-label {
   text-align: center;
   color: #333;
   font-weight: 100;
   font-size: 12px;
   margin-bottom: 0.3em;
 }
 
 .box>.overlay,
 .overlay-wrapper>.overlay,
 .box>.loading-img,
 .overlay-wrapper>.loading-img {
   position: absolute;
   top: 0;
   left: 0;
   width: 100%;
   height: 100%;
 }
 
 .box .overlay,
 .overlay-wrapper .overlay {
   z-index: 50;
   background: rgba(255, 255, 255, 0.7);
   border-radius: 3px;
 }
 
 .box .overlay>.fa,
 .overlay-wrapper .overlay>.fa {
   position: absolute;
   top: 50%;
   left: 50%;
   margin-left: -15px;
   margin-top: -15px;
   color: #000;
   font-size: 30px;
 }
 
 .box .overlay.dark,
 .overlay-wrapper .overlay.dark {
   background: rgba(0, 0, 0, 0.5);
 }
 
 .box-header:before,
 .box-body:before,
 .box-footer:before,
 .box-header:after,
 .box-body:after,
 .box-footer:after {
   content: " ";
   display: table;
 }
 
 .box-header:after,
 .box-body:after,
 .box-footer:after {
   clear: both;
 }
 
 .box-header {
   color: #444;
   display: block;
   padding: 10px;
   position: relative;
 }
 
 .box-header.with-border {
   border-bottom: 1px solid #f4f4f4;
 }
 
 .collapsed-box .box-header.with-border {
   border-bottom: none;
 }
 
 .box-header>.fa,
 .box-header>.glyphicon,
 .box-header>.ion,
 .box-header .box-title {
   display: inline-block;
   font-size: 18px;
   margin: 0;
   line-height: 1;
 }
 
 .box-header>.fa,
 .box-header>.glyphicon,
 .box-header>.ion {
   margin-right: 5px;
 }
 
 .box-header>.box-tools {
   position: absolute;
   right: 10px;
   top: 5px;
 }
 
 .box-header>.box-tools [data-toggle="tooltip"] {
   position: relative;
 }
 
 .box-header>.box-tools.pull-right .dropdown-menu {
   right: 0;
   left: auto;
 }
 
 .btn-box-tool {
   padding: 5px;
   font-size: 12px;
   background: transparent;
   color: #97a0b3;
 }
 
 .open .btn-box-tool,
 .btn-box-tool:hover {
   color: #606c84;
 }
 
 .btn-box-tool.btn:active {
   box-shadow: none;
 }
 
 .box-body {
   border-top-left-radius: 0;
   border-top-right-radius: 0;
   border-bottom-right-radius: 3px;
   border-bottom-left-radius: 3px;
   padding: 10px;
 }
 
 .no-header .box-body {
   border-top-right-radius: 3px;
   border-top-left-radius: 3px;
 }
 
 .box-body>.table {
   margin-bottom: 0;
 }
 
 .box-body .fc {
   margin-top: 5px;
 }
 
 .box-body .full-width-chart {
   margin: -19px;
 }
 
 .box-body.no-padding .full-width-chart {
   margin: -9px;
 }
 
 .box-body .box-pane {
   border-top-left-radius: 0;
   border-top-right-radius: 0;
   border-bottom-right-radius: 0;
   border-bottom-left-radius: 3px;
 }
 
 .box-body .box-pane-right {
   border-top-left-radius: 0;
   border-top-right-radius: 0;
   border-bottom-right-radius: 3px;
   border-bottom-left-radius: 0;
 }
 
 .box-footer {
   border-top-left-radius: 0;
   border-top-right-radius: 0;
   border-bottom-right-radius: 3px;
   border-bottom-left-radius: 3px;
   border-top: 1px solid #f4f4f4;
   padding: 10px;
   background-color: #fff;
 }
 
 .chart-legend {
   margin: 10px 0;
 }
 
 @media (max-width: 991px) {
   .chart-legend>li {
     float: left;
     margin-right: 10px;
   }
 }
 
 .box-comments {
   background: #f7f7f7;
 }
 
 .box-comments .box-comment {
   padding: 8px 0;
   border-bottom: 1px solid #eee;
 }
 
 .box-comments .box-comment:before,
 .box-comments .box-comment:after {
   content: " ";
   display: table;
 }
 
 .box-comments .box-comment:after {
   clear: both;
 }
 
 .box-comments .box-comment:last-of-type {
   border-bottom: 0;
 }
 
 .box-comments .box-comment:first-of-type {
   padding-top: 0;
 }
 
 .box-comments .box-comment img {
   float: left;
 }
 
 .box-comments .comment-text {
   margin-left: 40px;
   color: #555;
   margin-left: 20px !important;
 }
 
 .box-comments .username {
   color: #444;
   display: block;
   font-weight: 600;
 }
 
 .box-comments .text-muted {
   font-weight: 400;
   font-size: 12px;
 }
 
 /* Widget: TODO LIST */
 .todo-list {
   margin: 0;
   padding: 0;
   list-style: none;
   overflow: auto;
 }
 
 .todo-list>li {
   border-radius: 2px;
   padding: 10px;
   background: #f4f4f4;
   margin-bottom: 2px;
   border-left: 2px solid #e6e7e8;
   color: #444;
 }
 
 .todo-list>li:last-of-type {
   margin-bottom: 0;
 }
 
 .todo-list>li>input[type="checkbox"] {
   margin: 0 10px 0 5px;
 }
 
 .todo-list>li .text {
   display: inline-block;
   margin-left: 5px;
   font-weight: 600;
 }
 
 .todo-list>li .label {
   margin-left: 10px;
   font-size: 9px;
 }
 
 .todo-list>li .tools {
   display: none;
   float: right;
   color: #dd4b39;
 }
 
 .todo-list>li .tools>.fa,
 .todo-list>li .tools>.glyphicon,
 .todo-list>li .tools>.ion {
   margin-right: 5px;
   cursor: pointer;
 }
 
 .todo-list>li:hover .tools {
   display: inline-block;
 }
 
 .todo-list>li.done {
   color: #999;
 }
 
 .todo-list>li.done .text {
   text-decoration: line-through;
   font-weight: 500;
 }
 
 .todo-list>li.done .label {
   background: #d2d6de !important;
 }
 
 .todo-list .danger {
   border-left-color: #dd4b39;
 }
 
 .todo-list .warning {
   border-left-color: #f39c12;
 }
 
 .todo-list .info {
   border-left-color: #00c0ef;
 }
 
 .todo-list .success {
   border-left-color: #00a65a;
 }
 
 .todo-list .primary {
   border-left-color: #3c8dbc;
 }
 
 .todo-list .handle {
   display: inline-block;
   cursor: move;
   margin: 0 5px;
 }
 
 /* Chat widget (DEPRECATED - this will be removed in the next major release. Use Direct Chat instead)*/
 .chat {
   padding: 5px 20px 5px 10px;
 }
 
 .chat .item {
   margin-bottom: 10px;
 }
 
 .chat .item:before,
 .chat .item:after {
   content: " ";
   display: table;
 }
 
 .chat .item:after {
   clear: both;
 }
 
 .chat .item>img {
   width: 40px;
   height: 40px;
   border: 2px solid transparent;
   border-radius: 50%;
 }
 
 .chat .item>.online {
   border: 2px solid #00a65a;
 }
 
 .chat .item>.offline {
   border: 2px solid #dd4b39;
 }
 
 .chat .item>.message {
   margin-left: 55px;
   margin-top: -40px;
 }
 
 .chat .item>.message>.name {
   display: block;
   font-weight: 600;
 }
 
 .chat .item>.attachment {
   border-radius: 3px;
   background: #f4f4f4;
   margin-left: 65px;
   margin-right: 15px;
   padding: 10px;
 }
 
 .chat .item>.attachment>h4 {
   margin: 0 0 5px 0;
   font-weight: 600;
   font-size: 14px;
 }
 
 .chat .item>.attachment>p,
 .chat .item>.attachment>.filename {
   font-weight: 600;
   font-size: 13px;
   font-style: italic;
   margin: 0;
 }
 
 .chat .item>.attachment:before,
 .chat .item>.attachment:after {
   content: " ";
   display: table;
 }
 
 .chat .item>.attachment:after {
   clear: both;
 }
 
 .box-input {
   max-width: 200px;
 }
 
 .modal .panel-body {
   color: #444;
 }
 
 /*
   * Component: Info Box
   * -------------------
   */
 .info-box {
   display: block;
   min-height: 90px;
   background: #fff;
   width: 100%;
   box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
   border-radius: 2px;
   margin-bottom: 15px;
 }
 
 .info-box small {
   font-size: 14px;
 }
 
 .info-box .progress {
   background: rgba(0, 0, 0, 0.2);
   margin: 5px -10px 5px -10px;
   height: 2px;
 }
 
 .info-box .progress,
 .info-box .progress .progress-bar {
   border-radius: 0;
 }
 
 .info-box .progress .progress-bar {
   background: #fff;
 }
 
 .info-box-icon {
   border-top-left-radius: 2px;
   border-top-right-radius: 0;
   border-bottom-right-radius: 0;
   border-bottom-left-radius: 2px;
   display: block;
   float: left;
   height: 90px;
   width: 90px;
   text-align: center;
   font-size: 45px;
   line-height: 90px;
   background: rgba(0, 0, 0, 0.2);
 }
 
 .info-box-icon>img {
   max-width: 100%;
 }
 
 .info-box-content {
   padding: 5px 10px;
   margin-left: 90px;
 }
 
 .info-box-number {
   display: block;
   font-weight: bold;
   font-size: 18px;
 }
 
 .progress-description,
 .info-box-text {
   display: block;
   font-size: 14px;
   white-space: nowrap;
   overflow: hidden;
   text-overflow: ellipsis;
 }
 
 .info-box-text {
   text-transform: uppercase;
 }
 
 .info-box-more {
   display: block;
 }
 
 .progress-description {
   margin: 0;
 }
 
 /*
   * Component: Timeline
   * -------------------
   */
 .timeline {
   position: relative;
   margin: 0 0 30px 0;
   padding: 0;
   list-style: none;
 }
 
 .timeline:before {
   content: "";
   position: absolute;
   top: 0;
   bottom: 0;
   width: 4px;
   background: #ddd;
   left: 31px;
   margin: 0;
   border-radius: 2px;
 }
 
 .timeline>li {
   position: relative;
   margin-right: 10px;
   margin-bottom: 15px;
 }
 
 .timeline>li:before,
 .timeline>li:after {
   content: " ";
   display: table;
 }
 
 .timeline>li:after {
   clear: both;
 }
 
 .timeline>li>.timeline-item {
   -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
   -moz-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
   box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
   border-radius: 3px;
   margin-top: 0;
   background: #fff;
   color: #444;
   margin-left: 60px;
   margin-right: 15px;
   padding: 0;
   position: relative;
 }
 
 .timeline>li>.timeline-item>.time {
   color: #999;
   float: right;
   padding: 10px;
   font-size: 12px;
 }
 
 .timeline>li>.timeline-item>.timeline-header {
   margin: 0;
   color: #555;
   border-bottom: 1px solid #f4f4f4;
   padding: 10px;
   font-size: 16px;
   line-height: 1.1;
 }
 
 .timeline>li>.timeline-item>.timeline-header>a {
   font-weight: 600;
 }
 
 .timeline>li>.timeline-item>.timeline-body,
 .timeline>li>.timeline-item>.timeline-footer {
   padding: 10px;
 }
 
 .timeline>li>.fa,
 .timeline>li>.glyphicon,
 .timeline>li>.ion {
   width: 30px;
   height: 30px;
   font-size: 15px;
   line-height: 30px;
   position: absolute;
   color: #666;
   background: #d2d6de;
   border-radius: 50%;
   text-align: center;
   left: 18px;
   top: 0;
 }
 
 .timeline>.time-label>span {
   font-weight: 600;
   padding: 5px;
   display: inline-block;
   background-color: #fff;
   border-radius: 4px;
 }
 
 .timeline-inverse>li>.timeline-item {
   background: #f0f0f0;
   border: 1px solid #ddd;
   -webkit-box-shadow: none;
   -moz-box-shadow: none;
   box-shadow: none;
 }
 
 .timeline-inverse>li>.timeline-item>.timeline-header {
   border-bottom-color: #ddd;
 }
 
 /*
   * Component: Button
   * -----------------
   */
 .btn {
   border-radius: 3px;
   -webkit-box-shadow: none;
   -moz-box-shadow: none;
   box-shadow: none;
   border: 1px solid transparent;
 }
 
 .btn.uppercase {
   text-transform: uppercase;
 }
 
 .btn.btn-flat {
   border-radius: 0;
   -webkit-box-shadow: none;
   -moz-box-shadow: none;
   box-shadow: none;
   border-width: 1px;
 }
 
 .btn:active {
   -webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
   -moz-box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
   box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
 }
 
 .btn:focus {
   outline: none;
 }
 
 .btn.btn-file {
   position: relative;
   overflow: hidden;
 }
 
 .btn.btn-file>input[type="file"] {
   position: absolute;
   top: 0;
   right: 0;
   min-width: 100%;
   min-height: 100%;
   font-size: 100px;
   text-align: right;
   -moz-opacity: 0;
   -khtml-opacity: 0;
   -webkit-opacity: 0;
   opacity: 0;
   -ms-filter: progid:DXImageTransform.Microsoft.Alpha(opacity=0);
   filter: alpha(opacity=0);
   outline: none;
   background: white;
   cursor: inherit;
   display: block;
 }
 
 .btn-default {
   background-color: #f4f4f4;
   color: #444;
   border-color: #ddd;
 }
 
 .btn-default:hover,
 .btn-default:active,
 .btn-default.hover {
   background-color: #e7e7e7;
 }
 
 .btn-primary {
   background-color: #3c8dbc;
   border-color: #367fa9;
 }
 
 .btn-primary:hover,
 .btn-primary:active,
 .btn-primary.hover {
   background-color: #367fa9;
 }
 
 .btn-success {
   background-color: #00a65a;
   border-color: #008d4c;
   width: 82px;
 }
 
 .btn-success:hover,
 .btn-success:active,
 .btn-success.hover {
   background-color: #008d4c;
 }
 
 .btn-info {
   background-color: #00c0ef;
   border-color: #00acd6;
 }
 
 .btn-info:hover,
 .btn-info:active,
 .btn-info.hover {
   background-color: #00acd6;
 }
 
 .btn-danger {
   background-color: #dd4b39;
   border-color: #d73925;
 }
 
 .btn-danger:hover,
 .btn-danger:active,
 .btn-danger.hover {
   background-color: #d73925;
 }
 
 .btn-warning {
   background-color: #f39c12;
   border-color: #e08e0b;
 }
 
 .btn-warning:hover,
 .btn-warning:active,
 .btn-warning.hover {
   background-color: #e08e0b;
 }
 
 .btn-outline {
   border: 1px solid #fff;
   background: transparent;
   color: #fff;
 }
 
 .btn-outline:hover,
 .btn-outline:focus,
 .btn-outline:active {
   color: rgba(255, 255, 255, 0.7);
   border-color: rgba(255, 255, 255, 0.7);
 }
 
 .btn-link {
   -webkit-box-shadow: none;
   -moz-box-shadow: none;
   box-shadow: none;
 }
 
 .btn[class*="bg-"]:hover {
   -webkit-box-shadow: inset 0 0 100px rgba(0, 0, 0, 0.2);
   -moz-box-shadow: inset 0 0 100px rgba(0, 0, 0, 0.2);
   box-shadow: inset 0 0 100px rgba(0, 0, 0, 0.2);
 }
 
 .btn-app {
   border-radius: 3px;
   position: relative;
   padding: 15px 5px;
   margin: 0 0 10px 10px;
   min-width: 80px;
   height: 60px;
   text-align: center;
   color: #666;
   border: 1px solid #ddd;
   background-color: #f4f4f4;
   font-size: 12px;
 }
 
 .btn-app>.fa,
 .btn-app>.glyphicon,
 .btn-app>.ion {
   font-size: 20px;
   display: block;
 }
 
 .btn-app:hover {
   background: #f4f4f4;
   color: #444;
   border-color: #aaa;
 }
 
 .btn-app:active,
 .btn-app:focus {
   -webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
   -moz-box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
   box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
 }
 
 .btn-app>.badge {
   position: absolute;
   top: -3px;
   right: -10px;
   font-size: 10px;
   font-weight: 400;
 }
 
 /*
   * Component: Callout
   * ------------------
   */
 .callout {
   border-radius: 3px;
   margin: 0 0 20px 0;
   padding: 15px 30px 15px 15px;
   border-left: 5px solid #eee;
 }
 
 .callout a {
   color: #fff;
   text-decoration: underline;
 }
 
 .callout a:hover {
   color: #eee;
 }
 
 .callout h4 {
   margin-top: 0;
   font-weight: 600;
 }
 
 .callout p:last-child {
   margin-bottom: 0;
 }
 
 .callout code,
 .callout .highlight {
   background-color: #fff;
 }
 
 .callout.callout-danger {
   border-color: #c23321;
 }
 
 .callout.callout-warning {
   border-color: #c87f0a;
 }
 
 .callout.callout-info {
   border-color: #0097bc;
 }
 
 .callout.callout-success {
   border-color: #00733e;
 }
 
 /*
   * Component: alert
   * ----------------
   */
 .alert {
   border-radius: 3px;
 }
 
 .alert h4 {
   font-weight: 600;
 }
 
 .alert .icon {
   margin-right: 10px;
 }
 
 .alert .close {
   color: #000;
   -moz-opacity: 0.2;
   -khtml-opacity: 0.2;
   -webkit-opacity: 0.2;
   opacity: 0.2;
   -ms-filter: progid:DXImageTransform.Microsoft.Alpha(opacity=20);
   filter: alpha(opacity=20);
 }
 
 .alert .close:hover {
   -moz-opacity: 0.5;
   -khtml-opacity: 0.5;
   -webkit-opacity: 0.5;
   opacity: 0.5;
   -ms-filter: progid:DXImageTransform.Microsoft.Alpha(opacity=50);
   filter: alpha(opacity=50);
 }
 
 .alert a {
   color: #fff;
   text-decoration: underline;
 }
 
 .alert-success {
   border-color: #008d4c;
 }
 
 .alert-danger,
 .alert-error {
   border-color: #d73925;
 }
 
 .alert-warning {
   border-color: #e08e0b;
 }
 
 .alert-info {
   border-color: #00acd6;
 }
 
 /*
   * Component: Nav
   * --------------
   */
 .nav>li>a:hover,
 .nav>li>a:active,
 .nav>li>a:focus {
   color: #444;
   background: #f7f7f7;
 }
 
 /* NAV PILLS */
 .nav-pills>li>a {
   border-radius: 0;
   border-top: 3px solid transparent;
   color: #444;
 }
 
 .nav-pills>li>a>.fa,
 .nav-pills>li>a>.glyphicon,
 .nav-pills>li>a>.ion {
   margin-right: 5px;
 }
 
 .nav-pills>li.active>a,
 .nav-pills>li.active>a:hover,
 .nav-pills>li.active>a:focus {
   border-top-color: #3c8dbc;
 }
 
 .nav-pills>li.active>a {
   font-weight: 600;
 }
 
 /* NAV STACKED */
 .nav-stacked>li>a {
   border-radius: 0;
   border-top: 0;
   border-left: 3px solid transparent;
   color: #444;
 }
 
 .nav-stacked>li.active>a,
 .nav-stacked>li.active>a:hover {
   background: transparent;
   color: #444;
   border-top: 0;
   border-left-color: #3c8dbc;
 }
 
 .nav-stacked>li.header {
   border-bottom: 1px solid #ddd;
   color: #777;
   margin-bottom: 10px;
   padding: 5px 10px;
   text-transform: uppercase;
 }
 
 /* NAV TABS */
 .nav-tabs-custom {
   margin-bottom: 20px;
   background: #fff;
   box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
   border-radius: 3px;
 }
 
 .nav-tabs-custom>.nav-tabs {
   margin: 0;
   border-bottom-color: #f4f4f4;
   border-top-right-radius: 3px;
   border-top-left-radius: 3px;
 }
 
 .nav-tabs-custom>.nav-tabs>li {
   border-top: 3px solid transparent;
   margin-bottom: -2px;
   margin-right: 5px;
 }
 
 .nav-tabs-custom>.nav-tabs>li>a {
   color: #444;
   border-radius: 0;
 }
 
 .nav-tabs-custom>.nav-tabs>li>a.text-muted {
   color: #999;
 }
 
 .nav-tabs-custom>.nav-tabs>li>a,
 .nav-tabs-custom>.nav-tabs>li>a:hover {
   background: transparent;
   margin: 0;
 }
 
 .nav-tabs-custom>.nav-tabs>li>a:hover {
   color: #999;
 }
 
 .s-Form input[type="text"],
 .s-Form input[type="email"],
 .s-Form input[type="tel"],
 .s-Form input[type="search"],
 .s-Form input[type="url"],
 .s-Form input[type="password"],
 .s-Form select {
   line-height: initial;
   height: initial;
   -ms-box-sizing: border-box;
   -moz-box-sizing: border-box;
   -webkit-box-sizing: border-box;
   box-sizing: border-box;
   width: 62% !important;
 }
 
 .nav-tabs-custom>.nav-tabs>li:not(.active)>a:hover,
 .nav-tabs-custom>.nav-tabs>li:not(.active)>a:focus,
 .nav-tabs-custom>.nav-tabs>li:not(.active)>a:active {
   border-color: transparent;
 }
 
 .nav-tabs-custom>.nav-tabs>li.active {
   border-top-color: #3c8dbc;
 }
 
 .nav-tabs-custom>.nav-tabs>li.active>a,
 .nav-tabs-custom>.nav-tabs>li.active:hover>a {
   background-color: #fff;
   color: #444;
 }
 
 .nav-tabs-custom>.nav-tabs>li.active>a {
   border-top-color: transparent;
   border-left-color: #f4f4f4;
   border-right-color: #f4f4f4;
 }
 
 .nav-tabs-custom>.nav-tabs>li:first-of-type {
   margin-left: 0;
 }
 
 .nav-tabs-custom>.nav-tabs>li:first-of-type.active>a {
   border-left-color: transparent;
 }
 
 .nav-tabs-custom>.nav-tabs.pull-right {
   float: none !important;
 }
 
 .nav-tabs-custom>.nav-tabs.pull-right>li {
   float: right;
 }
 
 .nav-tabs-custom>.nav-tabs.pull-right>li:first-of-type {
   margin-right: 0;
 }
 
 .nav-tabs-custom>.nav-tabs.pull-right>li:first-of-type>a {
   border-left-width: 1px;
 }
 
 .nav-tabs-custom>.nav-tabs.pull-right>li:first-of-type.active>a {
   border-left-color: #f4f4f4;
   border-right-color: transparent;
 }
 
 .nav-tabs-custom>.nav-tabs>li.header {
   line-height: 35px;
   padding: 0 10px;
   font-size: 20px;
   color: #444;
 }
 
 .nav-tabs-custom>.nav-tabs>li.header>.fa,
 .nav-tabs-custom>.nav-tabs>li.header>.glyphicon,
 .nav-tabs-custom>.nav-tabs>li.header>.ion {
   margin-right: 5px;
 }
 
 .nav-tabs-custom>.tab-content {
   background: #fff;
   padding: 10px;
   border-bottom-right-radius: 3px;
   border-bottom-left-radius: 3px;
 }
 
 .nav-tabs-custom .dropdown.open>a:active,
 .nav-tabs-custom .dropdown.open>a:focus {
   background: transparent;
   color: #999;
 }
 
 .nav-tabs-custom.tab-primary>.nav-tabs>li.active {
   border-top-color: #3c8dbc;
 }
 
 .nav-tabs-custom.tab-info>.nav-tabs>li.active {
   border-top-color: #00c0ef;
 }
 
 .nav-tabs-custom.tab-danger>.nav-tabs>li.active {
   border-top-color: #dd4b39;
 }
 
 .nav-tabs-custom.tab-warning>.nav-tabs>li.active {
   border-top-color: #f39c12;
 }
 
 .nav-tabs-custom.tab-success>.nav-tabs>li.active {
   border-top-color: #00a65a;
 }
 
 .nav-tabs-custom.tab-default>.nav-tabs>li.active {
   border-top-color: #d2d6de;
 }
 
 /* PAGINATION */
 .pagination>li>a {
   background: #fafafa;
   color: #666;
 }
 
 .pagination.pagination-flat>li>a {
   border-radius: 0 !important;
 }
 
 /*
   * Component: Table
   * ----------------
   */
 .table>thead>tr>th,
 .table>tbody>tr>th,
 .table>tfoot>tr>th,
 .table>thead>tr>td,
 .table>tbody>tr>td,
 .table>tfoot>tr>td {
   border-top: 1px solid #f4f4f4;
 }
 
 .table>thead>tr>th {
   border-bottom: 2px solid #f4f4f4;
 }
 
 .table tr td .progress {
   margin-top: 5px;
 }
 
 .table-bordered {
   border: 1px solid #f4f4f4;
 }
 
 .table-bordered>thead>tr>th,
 .table-bordered>tbody>tr>th,
 .table-bordered>tfoot>tr>th,
 .table-bordered>thead>tr>td,
 .table-bordered>tbody>tr>td,
 .table-bordered>tfoot>tr>td {
   border: 1px solid #f4f4f4;
 }
 
 .table-bordered>thead>tr>th,
 .table-bordered>thead>tr>td {
   border-bottom-width: 2px;
 }
 
 .table.no-border,
 .table.no-border td,
 .table.no-border th {
   border: 0;
 }
 
 /* .text-center in tables */
 table.text-center,
 table.text-center td,
 table.text-center th {
   text-align: center;
 }
 
 .table.align th {
   text-align: left;
 }
 
 .table.align td {
   text-align: right;
 }
 
 /*
   * Component: Label
   * ----------------
   */
 .label-default {
   background-color: #d2d6de;
   color: #444;
 }
 
 /*
   * Component: modal
   * ----------------
   */
 .modal {
   background: rgba(0, 0, 0, 0.3);
 }
 
 .modal-content {
   border-radius: 0;
   -webkit-box-shadow: 0 2px 3px rgba(0, 0, 0, 0.125);
   -moz-box-shadow: 0 2px 3px rgba(0, 0, 0, 0.125);
   box-shadow: 0 2px 3px rgba(0, 0, 0, 0.125);
   border: 0;
 }
 
 @media (min-width: 768px) {
   .modal-content {
     -webkit-box-shadow: 0 2px 3px rgba(0, 0, 0, 0.125);
     -moz-box-shadow: 0 2px 3px rgba(0, 0, 0, 0.125);
     box-shadow: 0 2px 3px rgba(0, 0, 0, 0.125);
   }
 }
 
 .modal-header {
   border-bottom-color: #f4f4f4;
 }
 
 .modal-footer {
   border-top-color: #f4f4f4;
 }
 
 .modal-primary .modal-header,
 .modal-primary .modal-footer {
   border-color: #307095;
 }
 
 .modal-warning .modal-header,
 .modal-warning .modal-footer {
   border-color: #c87f0a;
 }
 
 .modal-info .modal-header,
 .modal-info .modal-footer {
   border-color: #0097bc;
 }
 
 .modal-success .modal-header,
 .modal-success .modal-footer {
   border-color: #00733e;
 }
 
 .modal-danger .modal-header,
 .modal-danger .modal-footer {
   border-color: #c23321;
 }
 
 /*
   * Component: Social Widgets
   * -------------------------
   */
 .box-widget {
   border: none;
   position: relative;
 }
 
 .widget-user .widget-user-header {
   padding: 20px;
   height: 120px;
   border-top-right-radius: 3px;
   border-top-left-radius: 3px;
 }
 
 .widget-user .widget-user-username {
   margin-top: 0;
   margin-bottom: 5px;
   font-size: 25px;
   font-weight: 300;
   text-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
 }
 
 .widget-user .widget-user-desc {
   margin-top: 0;
 }
 
 .widget-user .widget-user-image {
   position: absolute;
   top: 65px;
   left: 50%;
   margin-left: -45px;
 }
 
 .widget-user .widget-user-image>img {
   width: 90px;
   height: auto;
   border: 3px solid #fff;
 }
 
 .widget-user .box-footer {
   padding-top: 30px;
 }
 
 .widget-user-2 .widget-user-header {
   padding: 20px;
   border-top-right-radius: 3px;
   border-top-left-radius: 3px;
 }
 
 .widget-user-2 .widget-user-username {
   margin-top: 5px;
   margin-bottom: 5px;
   font-size: 25px;
   font-weight: 300;
 }
 
 .widget-user-2 .widget-user-desc {
   margin-top: 0;
 }
 
 .widget-user-2 .widget-user-username,
 .widget-user-2 .widget-user-desc {
   margin-left: 75px;
 }
 
 .widget-user-2 .widget-user-image>img {
   width: 65px;
   height: auto;
   float: left;
 }
 
 /*
   * Skin: Blue
   * ----------
   */
 .skin-blue .main-header .navbar {
   background-color: #3c8dbc;
 }
 
 .skin-blue .main-header .navbar .nav>li>a {
   color: #fff;
 }
 
 .skin-blue .main-header .navbar .nav>li>a:hover,
 .skin-blue .main-header .navbar .nav>li>a:active,
 .skin-blue .main-header .navbar .nav>li>a:focus,
 .skin-blue .main-header .navbar .nav .open>a,
 .skin-blue .main-header .navbar .nav .open>a:hover,
 .skin-blue .main-header .navbar .nav .open>a:focus,
 .skin-blue .main-header .navbar .nav>.active>a {
   background: rgba(0, 0, 0, 0.1);
   color: #f6f6f6;
 }
 
 .skin-blue .main-header .navbar .sidebar-toggle {
   color: #fff;
 }
 
 .skin-blue .main-header .navbar .sidebar-toggle:hover {
   color: #f6f6f6;
   background: rgba(0, 0, 0, 0.1);
 }
 
 .skin-blue .main-header .navbar .sidebar-toggle {
   color: #fff;
 }
 
 .skin-blue .main-header .navbar .sidebar-toggle:hover {
   background-color: #367fa9;
 }
 
 @media (max-width: 767px) {
   .skin-blue .main-header .navbar .dropdown-menu li.divider {
     background-color: rgba(255, 255, 255, 0.1);
   }
 
   .skin-blue .main-header .navbar .dropdown-menu li a {
     color: #fff;
   }
 
   .skin-blue .main-header .navbar .dropdown-menu li a:hover {
     background: #367fa9;
   }
 }
 
 .skin-blue .main-header .logo {
   background-color: #367fa9;
   color: #fff;
   border-bottom: 0 solid transparent;
 }
 
 .skin-blue .main-header .logo:hover {
   background-color: #357ca5;
 }
 
 .skin-blue .main-header li.user-header {
   background-color: #3c8dbc;
 }
 
 .skin-blue .content-header {
   background: transparent;
 }
 
 .skin-blue .wrapper,
 .skin-blue .main-sidebar,
 .skin-blue .left-side {
   background-color: #222d32;
 }
 
 .skin-blue .user-panel>.info,
 .skin-blue .user-panel>.info>a {
   color: #fff;
 }
 
 .skin-blue .sidebar-menu>li.header {
   color: #4b646f;
   background: #1a2226;
 }
 
 .skin-blue .sidebar-menu>li>a {
   border-left: 3px solid transparent;
 }
 
 .skin-blue .sidebar-menu>li:hover>a,
 .skin-blue .sidebar-menu>li.active>a {
   color: #fff;
   background: #1e282c;
   border-left-color: #3c8dbc;
 }
 
 .skin-blue .sidebar-menu>li>.treeview-menu {
   margin: 0 1px;
   background: #2c3b41;
 }
 
 .skin-blue .sidebar a {
   color: #b8c7ce;
 }
 
 .skin-blue .sidebar a:hover {
   text-decoration: none;
 }
 
 .skin-blue .treeview-menu>li>a {
   color: #8aa4af;
 }
 
 .skin-blue .treeview-menu>li.active>a,
 .skin-blue .treeview-menu>li>a:hover {
   color: #fff;
 }
 
 .skin-blue .sidebar-form {
   border-radius: 3px;
   border: 1px solid #374850;
   margin: 10px 10px;
 }
 
 .skin-blue .sidebar-form input[type="text"],
 .skin-blue .sidebar-form .btn {
   box-shadow: none;
   background-color: #374850;
   border: 1px solid transparent;
   height: 35px;
   background-color: #bce0f4;
 }
 
 .skin-blue .sidebar-form input[type="text"] {
   color: #666;
   border-top-left-radius: 2px;
   border-top-right-radius: 0;
   border-bottom-right-radius: 0;
   border-bottom-left-radius: 2px;
 }
 
 .skin-blue .sidebar-form input[type="text"]:focus,
 .skin-blue .sidebar-form input[type="text"]:focus+.input-group-btn .btn {
   background-color: #fff;
   color: #666;
 }
 
 .skin-blue .sidebar-form input[type="text"]:focus+.input-group-btn .btn {
   border-left-color: #fff;
 }
 
 .skin-blue .sidebar-form .btn {
   color: #999;
   border-top-left-radius: 0;
   border-top-right-radius: 2px;
   border-bottom-right-radius: 2px;
   border-bottom-left-radius: 0;
 }
 
 .skin-blue.layout-top-nav .main-header>.logo {
   background-color: #3c8dbc;
   color: #fff;
   border-bottom: 0 solid transparent;
 }
 
 .skin-blue.layout-top-nav .main-header>.logo:hover {
   background-color: #3b8ab8;
 }
 
 /*
   * Skin: Blue
   * ----------
   */
 .skin-blue-light .main-header .navbar {
   background-color: #3c8dbc;
 }
 
 .skin-blue-light .main-header .navbar .nav>li>a {
   color: #fff;
 }
 
 .skin-blue-light .main-header .navbar .nav>li>a:hover,
 .skin-blue-light .main-header .navbar .nav>li>a:active,
 .skin-blue-light .main-header .navbar .nav>li>a:focus,
 .skin-blue-light .main-header .navbar .nav .open>a,
 .skin-blue-light .main-header .navbar .nav .open>a:hover,
 .skin-blue-light .main-header .navbar .nav .open>a:focus,
 .skin-blue-light .main-header .navbar .nav>.active>a {
   background: rgba(0, 0, 0, 0.1);
   color: #f6f6f6;
 }
 
 .skin-blue-light .main-header .navbar .sidebar-toggle {
   color: #fff;
 }
 
 .skin-blue-light .main-header .navbar .sidebar-toggle:hover {
   color: #f6f6f6;
   background: rgba(0, 0, 0, 0.1);
 }
 
 .skin-blue-light .main-header .navbar .sidebar-toggle {
   color: #fff;
 }
 
 .skin-blue-light .main-header .navbar .sidebar-toggle:hover {
   background-color: #367fa9;
 }
 
 @media (max-width: 767px) {
   .skin-blue-light .main-header .navbar .dropdown-menu li.divider {
     background-color: rgba(255, 255, 255, 0.1);
   }
 
   .skin-blue-light .main-header .navbar .dropdown-menu li a {
     color: #fff;
   }
 
   .skin-blue-light .main-header .navbar .dropdown-menu li a:hover {
     background: #367fa9;
   }
 }
 
 .skin-blue-light .main-header .logo {
   background-color: #3c8dbc;
   color: #fff;
   border-bottom: 0 solid transparent;
 }
 
 .skin-blue-light .main-header .logo:hover {
   background-color: #3b8ab8;
 }
 
 .skin-blue-light .main-header li.user-header {
   background-color: #3c8dbc;
 }
 
 .skin-blue-light .content-header {
   background: transparent;
 }
 
 .skin-blue-light .wrapper,
 .skin-blue-light .main-sidebar,
 .skin-blue-light .left-side {
   background-color: #f9fafc;
 }
 
 .skin-blue-light .content-wrapper,
 .skin-blue-light .main-footer {
   border-left: 1px solid #d2d6de;
 }
 
 .skin-blue-light .user-panel>.info,
 .skin-blue-light .user-panel>.info>a {
   color: #444;
 }
 
 .skin-blue-light .sidebar-menu>li {
   -webkit-transition: border-left-color 0.3s ease;
   -o-transition: border-left-color 0.3s ease;
   transition: border-left-color 0.3s ease;
 }
 
 .skin-blue-light .sidebar-menu>li.header {
   color: #848484;
   background: #f9fafc;
 }
 
 .skin-blue-light .sidebar-menu>li>a {
   border-left: 3px solid transparent;
   font-weight: 600;
 }
 
 .skin-blue-light .sidebar-menu>li:hover>a,
 .skin-blue-light .sidebar-menu>li.active>a {
   color: #000;
   background: #f4f4f5;
 }
 
 .skin-blue-light .sidebar-menu>li.active {
   border-left-color: #3c8dbc;
 }
 
 .skin-blue-light .sidebar-menu>li.active>a {
   font-weight: 600;
 }
 
 .skin-blue-light .sidebar-menu>li>.treeview-menu {
   background: #f4f4f5;
 }
 
 .skin-blue-light .sidebar a {
   color: #444;
 }
 
 .skin-blue-light .sidebar a:hover {
   text-decoration: none;
 }
 
 .skin-blue-light .treeview-menu>li>a {
   color: #777;
 }
 
 .skin-blue-light .treeview-menu>li.active>a,
 .skin-blue-light .treeview-menu>li>a:hover {
   color: #000;
 }
 
 .skin-blue-light .treeview-menu>li.active>a {
   font-weight: 600;
 }
 
 .skin-blue-light .sidebar-form {
   border-radius: 3px;
   border: 1px solid #d2d6de;
   margin: 10px 10px;
 }
 
 .skin-blue-light .sidebar-form input[type="text"],
 .skin-blue-light .sidebar-form .btn {
   box-shadow: none;
   background-color: #fff;
   border: 1px solid transparent;
   height: 35px;
 }
 
 .skin-blue-light .sidebar-form input[type="text"] {
   color: #666;
   border-top-left-radius: 2px;
   border-top-right-radius: 0;
   border-bottom-right-radius: 0;
   border-bottom-left-radius: 2px;
   background-color: #bce0f4;
 }
 
 .skin-blue-light .sidebar-form input[type="text"]:focus,
 .skin-blue-light .sidebar-form input[type="text"]:focus+.input-group-btn .btn {
   background-color: #fff;
   color: #666;
 }
 
 .skin-blue-light .sidebar-form input[type="text"]:focus+.input-group-btn .btn {
   border-left-color: #fff;
 }
 
 .skin-blue-light .sidebar-form .btn {
   color: #999;
   border-top-left-radius: 0;
   border-top-right-radius: 2px;
   border-bottom-right-radius: 2px;
   border-bottom-left-radius: 0;
 }
 
 @media (min-width: 768px) {
   .skin-blue-light.sidebar-mini.sidebar-collapse .sidebar-menu>li>.treeview-menu {
     border-left: 1px solid #d2d6de;
   }
 }
 
 .skin-blue-light .main-footer {
   border-top-color: #d2d6de;
 }
 
 .skin-blue.layout-top-nav .main-header>.logo {
   background-color: #3c8dbc;
   color: #fff;
   border-bottom: 0 solid transparent;
 }
 
 .skin-blue.layout-top-nav .main-header>.logo:hover {
   background-color: #3b8ab8;
 }
 
 /*
   * Skin: Black
   * -----------
   */
 /* skin-black navbar */
 .skin-black .main-header {
   -webkit-box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.05);
   -moz-box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.05);
   box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.05);
 }
 
 .skin-black .main-header .navbar-toggle {
   color: #333;
 }
 
 .skin-black .main-header .navbar-brand {
   color: #333;
   border-right: 1px solid #eee;
 }
 
 .skin-black .main-header .navbar {
   background-color: #fff;
 }
 
 .skin-black .main-header .navbar .nav>li>a {
   color: #333;
 }
 
 .skin-black .main-header .navbar .nav>li>a:hover,
 .skin-black .main-header .navbar .nav>li>a:active,
 .skin-black .main-header .navbar .nav>li>a:focus,
 .skin-black .main-header .navbar .nav .open>a,
 .skin-black .main-header .navbar .nav .open>a:hover,
 .skin-black .main-header .navbar .nav .open>a:focus,
 .skin-black .main-header .navbar .nav>.active>a {
   background: #fff;
   color: #999;
 }
 
 .skin-black .main-header .navbar .sidebar-toggle {
   color: #333;
 }
 
 .skin-black .main-header .navbar .sidebar-toggle:hover {
   color: #999;
   background: #fff;
 }
 
 .skin-black .main-header .navbar>.sidebar-toggle {
   color: #333;
   border-right: 1px solid #eee;
 }
 
 .skin-black .main-header .navbar .navbar-nav>li>a {
   border-right: 1px solid #eee;
 }
 
 .skin-black .main-header .navbar .navbar-custom-menu .navbar-nav>li>a,
 .skin-black .main-header .navbar .navbar-right>li>a {
   border-left: 1px solid #eee;
   border-right-width: 0;
 }
 
 .skin-black .main-header>.logo {
   background-color: #fff;
   color: #333;
   border-bottom: 0 solid transparent;
   border-right: 1px solid #eee;
 }
 
 .skin-black .main-header>.logo:hover {
   background-color: #fcfcfc;
 }
 
 @media (max-width: 767px) {
   .skin-black .main-header>.logo {
     background-color: #222;
     color: #fff;
     border-bottom: 0 solid transparent;
     border-right: none;
   }
 
   .skin-black .main-header>.logo:hover {
     background-color: #1f1f1f;
   }
 }
 
 .skin-black .main-header li.user-header {
   background-color: #222;
 }
 
 .skin-black .content-header {
   background: transparent;
   box-shadow: none;
 }
 
 .skin-black .wrapper,
 .skin-black .main-sidebar,
 .skin-black .left-side {
   background-color: #222d32;
 }
 
 .skin-black .user-panel>.info,
 .skin-black .user-panel>.info>a {
   color: #fff;
 }
 
 .skin-black .sidebar-menu>li.header {
   color: #4b646f;
   background: #1a2226;
 }
 
 .skin-black .sidebar-menu>li>a {
   border-left: 3px solid transparent;
 }
 
 .skin-black .sidebar-menu>li:hover>a,
 .skin-black .sidebar-menu>li.active>a {
   color: #fff;
   background: #1e282c;
   border-left-color: #fff;
 }
 
 .skin-black .sidebar-menu>li>.treeview-menu {
   margin: 0 1px;
   background: #2c3b41;
 }
 
 .skin-black .sidebar a {
   color: #b8c7ce;
 }
 
 .skin-black .sidebar a:hover {
   text-decoration: none;
 }
 
 .skin-black .treeview-menu>li>a {
   color: #8aa4af;
 }
 
 .skin-black .treeview-menu>li.active>a,
 .skin-black .treeview-menu>li>a:hover {
   color: #fff;
 }
 
 .skin-black .sidebar-form {
   border-radius: 3px;
   border: 1px solid #374850;
   margin: 10px 10px;
 }
 
 .skin-black .sidebar-form input[type="text"],
 .skin-black .sidebar-form .btn {
   box-shadow: none;
   background-color: #374850;
   border: 1px solid transparent;
   height: 35px;
 }
 
 .skin-black .sidebar-form input[type="text"] {
   color: #666;
   border-top-left-radius: 2px;
   border-top-right-radius: 0;
   border-bottom-right-radius: 0;
   border-bottom-left-radius: 2px;
   background-color: #e9e5e5;
 }
 
 .skin-black .sidebar-form input[type="text"]:focus,
 .skin-black .sidebar-form input[type="text"]:focus+.input-group-btn .btn {
   background-color: #fff;
   color: #666;
 }
 
 .skin-black .sidebar-form input[type="text"]:focus+.input-group-btn .btn {
   border-left-color: #fff;
 }
 
 .skin-black .sidebar-form .btn {
   color: #999;
   border-top-left-radius: 0;
   border-top-right-radius: 2px;
   border-bottom-right-radius: 2px;
   border-bottom-left-radius: 0;
 }
 
 .skin-black .pace .pace-progress {
   background: #222;
 }
 
 .skin-black .pace .pace-activity {
   border-top-color: #222;
   border-left-color: #222;
 }
 
 /*
   * Skin: Black
   * -----------
   */
 /* skin-black navbar */
 .skin-black-light .main-header {
   -webkit-box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.05);
   -moz-box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.05);
   box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.05);
 }
 
 .skin-black-light .main-header .navbar-toggle {
   color: #333;
 }
 
 .skin-black-light .main-header .navbar-brand {
   color: #333;
   border-right: 1px solid #eee;
 }
 
 .skin-black-light .main-header .navbar {
   background-color: #fff;
 }
 
 .skin-black-light .main-header .navbar .nav>li>a {
   color: #333;
 }
 
 .skin-black-light .main-header .navbar .nav>li>a:hover,
 .skin-black-light .main-header .navbar .nav>li>a:active,
 .skin-black-light .main-header .navbar .nav>li>a:focus,
 .skin-black-light .main-header .navbar .nav .open>a,
 .skin-black-light .main-header .navbar .nav .open>a:hover,
 .skin-black-light .main-header .navbar .nav .open>a:focus,
 .skin-black-light .main-header .navbar .nav>.active>a {
   background: #fff;
   color: #999;
 }
 
 .skin-black-light .main-header .navbar .sidebar-toggle {
   color: #333;
 }
 
 .skin-black-light .main-header .navbar .sidebar-toggle:hover {
   color: #999;
   background: #fff;
 }
 
 .skin-black-light .main-header .navbar>.sidebar-toggle {
   color: #333;
   border-right: 1px solid #eee;
 }
 
 .skin-black-light .main-header .navbar .navbar-nav>li>a {
   border-right: 1px solid #eee;
 }
 
 .skin-black-light .main-header .navbar .navbar-custom-menu .navbar-nav>li>a,
 .skin-black-light .main-header .navbar .navbar-right>li>a {
   border-left: 1px solid #eee;
   border-right-width: 0;
 }
 
 .skin-black-light .main-header>.logo {
   background-color: #fff;
   color: #333;
   border-bottom: 0 solid transparent;
   border-right: 1px solid #eee;
 }
 
 .skin-black-light .main-header>.logo:hover {
   background-color: #fcfcfc;
 }
 
 @media (max-width: 767px) {
   .skin-black-light .main-header>.logo {
     background-color: #222;
     color: #fff;
     border-bottom: 0 solid transparent;
     border-right: none;
   }
 
   .skin-black-light .main-header>.logo:hover {
     background-color: #1f1f1f;
   }
 }
 
 .skin-black-light .main-header li.user-header {
   background-color: #222;
 }
 
 .skin-black-light .content-header {
   background: transparent;
   box-shadow: none;
 }
 
 .skin-black-light .wrapper,
 .skin-black-light .main-sidebar,
 .skin-black-light .left-side {
   background-color: #f9fafc;
 }
 
 .skin-black-light .content-wrapper,
 .skin-black-light .main-footer {
   border-left: 1px solid #d2d6de;
 }
 
 .skin-black-light .user-panel>.info,
 .skin-black-light .user-panel>.info>a {
   color: #444;
 }
 
 .skin-black-light .sidebar-menu>li {
   -webkit-transition: border-left-color 0.3s ease;
   -o-transition: border-left-color 0.3s ease;
   transition: border-left-color 0.3s ease;
 }
 
 .skin-black-light .sidebar-menu>li.header {
   color: #848484;
   background: #f9fafc;
 }
 
 .skin-black-light .sidebar-menu>li>a {
   border-left: 3px solid transparent;
   font-weight: 600;
 }
 
 .skin-black-light .sidebar-menu>li:hover>a,
 .skin-black-light .sidebar-menu>li.active>a {
   color: #000;
   background: #f4f4f5;
 }
 
 .skin-black-light .sidebar-menu>li.active {
   border-left-color: #fff;
 }
 
 .skin-black-light .sidebar-menu>li.active>a {
   font-weight: 600;
 }
 
 .skin-black-light .sidebar-menu>li>.treeview-menu {
   background: #f4f4f5;
 }
 
 .skin-black-light .sidebar a {
   color: #444;
 }
 
 .skin-black-light .sidebar a:hover {
   text-decoration: none;
 }
 
 .skin-black-light .treeview-menu>li>a {
   color: #777;
 }
 
 .skin-black-light .treeview-menu>li.active>a,
 .skin-black-light .treeview-menu>li>a:hover {
   color: #000;
 }
 
 .skin-black-light .treeview-menu>li.active>a {
   font-weight: 600;
 }
 
 .skin-black-light .sidebar-form {
   border-radius: 3px;
   border: 1px solid #d2d6de;
   margin: 10px 10px;
 }
 
 .skin-black-light .sidebar-form input[type="text"],
 .skin-black-light .sidebar-form .btn {
   box-shadow: none;
   background-color: #fff;
   border: 1px solid transparent;
   height: 35px;
 }
 
 .skin-black-light .sidebar-form input[type="text"] {
   color: #666;
   border-top-left-radius: 2px;
   border-top-right-radius: 0;
   border-bottom-right-radius: 0;
   border-bottom-left-radius: 2px;
   background-color: #e9e5e5;
 }
 
 .skin-black-light .sidebar-form input[type="text"]:focus,
 .skin-black-light .sidebar-form input[type="text"]:focus+.input-group-btn .btn {
   background-color: #fff;
   color: #666;
 }
 
 .skin-black-light .sidebar-form input[type="text"]:focus+.input-group-btn .btn {
   border-left-color: #fff;
 }
 
 .skin-black-light .sidebar-form .btn {
   color: #999;
   border-top-left-radius: 0;
   border-top-right-radius: 2px;
   border-bottom-right-radius: 2px;
   border-bottom-left-radius: 0;
 }
 
 @media (min-width: 768px) {
   .skin-black-light.sidebar-mini.sidebar-collapse .sidebar-menu>li>.treeview-menu {
     border-left: 1px solid #d2d6de;
   }
 }
 
 /*
   * Skin: Green
   * -----------
   */
 .skin-green .main-header .navbar {
   background-color: #00a65a;
 }
 
 .skin-green .main-header .navbar .nav>li>a {
   color: #fff;
 }
 
 .skin-green .main-header .navbar .nav>li>a:hover,
 .skin-green .main-header .navbar .nav>li>a:active,
 .skin-green .main-header .navbar .nav>li>a:focus,
 .skin-green .main-header .navbar .nav .open>a,
 .skin-green .main-header .navbar .nav .open>a:hover,
 .skin-green .main-header .navbar .nav .open>a:focus,
 .skin-green .main-header .navbar .nav>.active>a {
   background: rgba(0, 0, 0, 0.1);
   color: #f6f6f6;
 }
 
 .skin-green .main-header .navbar .sidebar-toggle {
   color: #fff;
 }
 
 .skin-green .main-header .navbar .sidebar-toggle:hover {
   color: #f6f6f6;
   background: rgba(0, 0, 0, 0.1);
 }
 
 .skin-green .main-header .navbar .sidebar-toggle {
   color: #fff;
 }
 
 .skin-green .main-header .navbar .sidebar-toggle:hover {
   background-color: #008d4c;
 }
 
 @media (max-width: 767px) {
   .skin-green .main-header .navbar .dropdown-menu li.divider {
     background-color: rgba(255, 255, 255, 0.1);
   }
 
   .skin-green .main-header .navbar .dropdown-menu li a {
     color: #fff;
   }
 
   .skin-green .main-header .navbar .dropdown-menu li a:hover {
     background: #008d4c;
   }
 }
 
 .skin-green .main-header .logo {
   background-color: #008d4c;
   color: #fff;
   border-bottom: 0 solid transparent;
 }
 
 .skin-green .main-header .logo:hover {
   background-color: #008749;
 }
 
 .skin-green .main-header li.user-header {
   background-color: #00a65a;
 }
 
 .skin-green .content-header {
   background: transparent;
 }
 
 .skin-green .wrapper,
 .skin-green .main-sidebar,
 .skin-green .left-side {
   background-color: #222d32;
 }
 
 .skin-green .user-panel>.info,
 .skin-green .user-panel>.info>a {
   color: #fff;
 }
 
 .skin-green .sidebar-menu>li.header {
   color: #4b646f;
   background: #1a2226;
 }
 
 .skin-green .sidebar-menu>li>a {
   border-left: 3px solid transparent;
 }
 
 .skin-green .sidebar-menu>li:hover>a,
 .skin-green .sidebar-menu>li.active>a {
   color: #fff;
   background: #1e282c;
   border-left-color: #00a65a;
 }
 
 .skin-green .sidebar-menu>li>.treeview-menu {
   margin: 0 1px;
   background: #2c3b41;
 }
 
 .skin-green .sidebar a {
   color: #b8c7ce;
 }
 
 .skin-green .sidebar a:hover {
   text-decoration: none;
 }
 
 .skin-green .treeview-menu>li>a {
   color: #8aa4af;
 }
 
 .skin-green .treeview-menu>li.active>a,
 .skin-green .treeview-menu>li>a:hover {
   color: #fff;
 }
 
 .skin-green .sidebar-form {
   border-radius: 3px;
   border: 1px solid #374850;
   margin: 10px 10px;
 }
 
 .skin-green .sidebar-form input[type="text"],
 .skin-green .sidebar-form .btn {
   box-shadow: none;
   background-color: #374850;
   border: 1px solid transparent;
   height: 35px;
 }
 
 .skin-green .sidebar-form input[type="text"] {
   color: #666;
   border-top-left-radius: 2px;
   border-top-right-radius: 0;
   border-bottom-right-radius: 0;
   border-bottom-left-radius: 2px;
   background-color: #04ad61;
 }
 
 .skin-green .sidebar-form input[type="text"]:focus,
 .skin-green .sidebar-form input[type="text"]:focus+.input-group-btn .btn {
   background-color: #fff;
   color: #666;
 }
 
 .skin-green .sidebar-form input[type="text"]:focus+.input-group-btn .btn {
   border-left-color: #fff;
 }
 
 .skin-green .sidebar-form .btn {
   color: #999;
   border-top-left-radius: 0;
   border-top-right-radius: 2px;
   border-bottom-right-radius: 2px;
   border-bottom-left-radius: 0;
 }
 
 /*
   * Skin: Green
   * -----------
   */
 .skin-green-light .main-header .navbar {
   background-color: #00a65a;
 }
 
 .skin-green-light .main-header .navbar .nav>li>a {
   color: #fff;
 }
 
 .skin-green-light .main-header .navbar .nav>li>a:hover,
 .skin-green-light .main-header .navbar .nav>li>a:active,
 .skin-green-light .main-header .navbar .nav>li>a:focus,
 .skin-green-light .main-header .navbar .nav .open>a,
 .skin-green-light .main-header .navbar .nav .open>a:hover,
 .skin-green-light .main-header .navbar .nav .open>a:focus,
 .skin-green-light .main-header .navbar .nav>.active>a {
   background: rgba(0, 0, 0, 0.1);
   color: #f6f6f6;
 }
 
 .skin-green-light .main-header .navbar .sidebar-toggle {
   color: #fff;
 }
 
 .skin-green-light .main-header .navbar .sidebar-toggle:hover {
   color: #f6f6f6;
   background: rgba(0, 0, 0, 0.1);
 }
 
 .skin-green-light .main-header .navbar .sidebar-toggle {
   color: #fff;
 }
 
 .skin-green-light .main-header .navbar .sidebar-toggle:hover {
   background-color: #008d4c;
 }
 
 @media (max-width: 767px) {
   .skin-green-light .main-header .navbar .dropdown-menu li.divider {
     background-color: rgba(255, 255, 255, 0.1);
   }
 
   .skin-green-light .main-header .navbar .dropdown-menu li a {
     color: #fff;
   }
 
   .skin-green-light .main-header .navbar .dropdown-menu li a:hover {
     background: #008d4c;
   }
 }
 
 .skin-green-light .main-header .logo {
   background-color: #00a65a;
   color: #fff;
   border-bottom: 0 solid transparent;
 }
 
 .skin-green-light .main-header .logo:hover {
   background-color: #00a157;
 }
 
 .skin-green-light .main-header li.user-header {
   background-color: #00a65a;
 }
 
 .skin-green-light .content-header {
   background: transparent;
 }
 
 .skin-green-light .wrapper,
 .skin-green-light .main-sidebar,
 .skin-green-light .left-side {
   background-color: #f9fafc;
 }
 
 .skin-green-light .content-wrapper,
 .skin-green-light .main-footer {
   border-left: 1px solid #d2d6de;
 }
 
 .skin-green-light .user-panel>.info,
 .skin-green-light .user-panel>.info>a {
   color: #444;
 }
 
 .skin-green-light .sidebar-menu>li {
   -webkit-transition: border-left-color 0.3s ease;
   -o-transition: border-left-color 0.3s ease;
   transition: border-left-color 0.3s ease;
 }
 
 .skin-green-light .sidebar-menu>li.header {
   color: #848484;
   background: #f9fafc;
 }
 
 .skin-green-light .sidebar-menu>li>a {
   border-left: 3px solid transparent;
   font-weight: 600;
 }
 
 .skin-green-light .sidebar-menu>li:hover>a,
 .skin-green-light .sidebar-menu>li.active>a {
   color: #000;
   background: #f4f4f5;
 }
 
 .skin-green-light .sidebar-menu>li.active {
   border-left-color: #00a65a;
 }
 
 .skin-green-light .sidebar-menu>li.active>a {
   font-weight: 600;
 }
 
 .skin-green-light .sidebar-menu>li>.treeview-menu {
   background: #f4f4f5;
 }
 
 .skin-green-light .sidebar a {
   color: #444;
 }
 
 .skin-green-light .sidebar a:hover {
   text-decoration: none;
 }
 
 .skin-green-light .treeview-menu>li>a {
   color: #777;
 }
 
 .skin-green-light .treeview-menu>li.active>a,
 .skin-green-light .treeview-menu>li>a:hover {
   color: #000;
 }
 
 .skin-green-light .treeview-menu>li.active>a {
   font-weight: 600;
 }
 
 .skin-green-light .sidebar-form {
   border-radius: 3px;
   border: 1px solid #d2d6de;
   margin: 10px 10px;
 }
 
 .skin-green-light .sidebar-form input[type="text"],
 .skin-green-light .sidebar-form .btn {
   box-shadow: none;
   background-color: #fff;
   border: 1px solid transparent;
   height: 35px;
 }
 
 .skin-green-light .sidebar-form input[type="text"] {
   color: #666;
   border-top-left-radius: 2px;
   border-top-right-radius: 0;
   border-bottom-right-radius: 0;
   border-bottom-left-radius: 2px;
   background-color: #04ad61;
 }
 
 .skin-green-light .sidebar-form input[type="text"]:focus,
 .skin-green-light .sidebar-form input[type="text"]:focus+.input-group-btn .btn {
   background-color: #fff;
   color: #666;
 }
 
 .skin-green-light .sidebar-form input[type="text"]:focus+.input-group-btn .btn {
   border-left-color: #fff;
 }
 
 .skin-green-light .sidebar-form .btn {
   color: #999;
   border-top-left-radius: 0;
   border-top-right-radius: 2px;
   border-bottom-right-radius: 2px;
   border-bottom-left-radius: 0;
 }
 
 @media (min-width: 768px) {
   .skin-green-light.sidebar-mini.sidebar-collapse .sidebar-menu>li>.treeview-menu {
     border-left: 1px solid #d2d6de;
   }
 }
 
 /*
   * Skin: Red
   * ---------
   */
 .skin-red .main-header .navbar {
   background-color: #dd4b39;
 }
 
 .skin-red .main-header .navbar .nav>li>a {
   color: #fff;
 }
 
 .skin-red .main-header .navbar .nav>li>a:hover,
 .skin-red .main-header .navbar .nav>li>a:active,
 .skin-red .main-header .navbar .nav>li>a:focus,
 .skin-red .main-header .navbar .nav .open>a,
 .skin-red .main-header .navbar .nav .open>a:hover,
 .skin-red .main-header .navbar .nav .open>a:focus,
 .skin-red .main-header .navbar .nav>.active>a {
   background: rgba(0, 0, 0, 0.1);
   color: #f6f6f6;
 }
 
 .skin-red .main-header .navbar .sidebar-toggle {
   color: #fff;
 }
 
 .skin-red .main-header .navbar .sidebar-toggle:hover {
   color: #f6f6f6;
   background: rgba(0, 0, 0, 0.1);
 }
 
 .skin-red .main-header .navbar .sidebar-toggle {
   color: #fff;
 }
 
 .skin-red .main-header .navbar .sidebar-toggle:hover {
   background-color: #d73925;
 }
 
 @media (max-width: 767px) {
   .skin-red .main-header .navbar .dropdown-menu li.divider {
     background-color: rgba(255, 255, 255, 0.1);
   }
 
   .skin-red .main-header .navbar .dropdown-menu li a {
     color: #fff;
   }
 
   .skin-red .main-header .navbar .dropdown-menu li a:hover {
     background: #d73925;
   }
 }
 
 .skin-red .main-header .logo {
   background-color: #d73925;
   color: #fff;
   border-bottom: 0 solid transparent;
 }
 
 .skin-red .main-header .logo:hover {
   background-color: #d33724;
 }
 
 .skin-red .main-header li.user-header {
   background-color: #dd4b39;
 }
 
 .skin-red .content-header {
   background: transparent;
 }
 
 .skin-red .wrapper,
 .skin-red .main-sidebar,
 .skin-red .left-side {
   background-color: #222d32;
 }
 
 .skin-red .user-panel>.info,
 .skin-red .user-panel>.info>a {
   color: #fff;
 }
 
 .skin-red .sidebar-menu>li.header {
   color: #4b646f;
   background: #1a2226;
 }
 
 .skin-red .sidebar-menu>li>a {
   border-left: 3px solid transparent;
 }
 
 .skin-red .sidebar-menu>li:hover>a,
 .skin-red .sidebar-menu>li.active>a {
   color: #fff;
   background: #1e282c;
   border-left-color: #dd4b39;
 }
 
 .skin-red .sidebar-menu>li>.treeview-menu {
   margin: 0 1px;
   background: #2c3b41;
 }
 
 .skin-red .sidebar a {
   color: #b8c7ce;
 }
 
 .skin-red .sidebar a:hover {
   text-decoration: none;
 }
 
 .skin-red .treeview-menu>li>a {
   color: #8aa4af;
 }
 
 .skin-red .treeview-menu>li.active>a,
 .skin-red .treeview-menu>li>a:hover {
   color: #fff;
 }
 
 .skin-red .sidebar-form {
   border-radius: 3px;
   border: 1px solid #374850;
   margin: 10px 10px;
 }
 
 .skin-red .sidebar-form input[type="text"],
 .skin-red .sidebar-form .btn {
   box-shadow: none;
   background-color: #374850;
   border: 1px solid transparent;
   height: 35px;
 }
 
 .skin-red .sidebar-form input[type="text"] {
   color: #666;
   border-top-left-radius: 2px;
   border-top-right-radius: 0;
   border-bottom-right-radius: 0;
   border-bottom-left-radius: 2px;
   background-color: #f2b5ac;
 }
 
 .skin-red .sidebar-form input[type="text"]:focus,
 .skin-red .sidebar-form input[type="text"]:focus+.input-group-btn .btn {
   background-color: #fff;
   color: #666;
 }
 
 .skin-red .sidebar-form input[type="text"]:focus+.input-group-btn .btn {
   border-left-color: #fff;
 }
 
 .skin-red .sidebar-form .btn {
   color: #999;
   border-top-left-radius: 0;
   border-top-right-radius: 2px;
   border-bottom-right-radius: 2px;
   border-bottom-left-radius: 0;
 }
 
 /*
   * Skin: Red
   * ---------
   */
 .skin-red-light .main-header .navbar {
   background-color: #dd4b39;
 }
 
 .skin-red-light .main-header .navbar .nav>li>a {
   color: #fff;
 }
 
 .skin-red-light .main-header .navbar .nav>li>a:hover,
 .skin-red-light .main-header .navbar .nav>li>a:active,
 .skin-red-light .main-header .navbar .nav>li>a:focus,
 .skin-red-light .main-header .navbar .nav .open>a,
 .skin-red-light .main-header .navbar .nav .open>a:hover,
 .skin-red-light .main-header .navbar .nav .open>a:focus,
 .skin-red-light .main-header .navbar .nav>.active>a {
   background: rgba(0, 0, 0, 0.1);
   color: #f6f6f6;
 }
 
 .skin-red-light .main-header .navbar .sidebar-toggle {
   color: #fff;
 }
 
 .skin-red-light .main-header .navbar .sidebar-toggle:hover {
   color: #f6f6f6;
   background: rgba(0, 0, 0, 0.1);
 }
 
 .skin-red-light .main-header .navbar .sidebar-toggle {
   color: #fff;
 }
 
 .skin-red-light .main-header .navbar .sidebar-toggle:hover {
   background-color: #d73925;
 }
 
 @media (max-width: 767px) {
   .skin-red-light .main-header .navbar .dropdown-menu li.divider {
     background-color: rgba(255, 255, 255, 0.1);
   }
 
   .skin-red-light .main-header .navbar .dropdown-menu li a {
     color: #fff;
   }
 
   .skin-red-light .main-header .navbar .dropdown-menu li a:hover {
     background: #d73925;
   }
 }
 
 .skin-red-light .main-header .logo {
   background-color: #dd4b39;
   color: #fff;
   border-bottom: 0 solid transparent;
 }
 
 .skin-red-light .main-header .logo:hover {
   background-color: #dc4735;
 }
 
 .skin-red-light .main-header li.user-header {
   background-color: #dd4b39;
 }
 
 .skin-red-light .content-header {
   background: transparent;
 }
 
 .skin-red-light .wrapper,
 .skin-red-light .main-sidebar,
 .skin-red-light .left-side {
   background-color: #f9fafc;
 }
 
 .skin-red-light .content-wrapper,
 .skin-red-light .main-footer {
   border-left: 1px solid #d2d6de;
 }
 
 .skin-red-light .user-panel>.info,
 .skin-red-light .user-panel>.info>a {
   color: #444;
 }
 
 .skin-red-light .sidebar-menu>li {
   -webkit-transition: border-left-color 0.3s ease;
   -o-transition: border-left-color 0.3s ease;
   transition: border-left-color 0.3s ease;
 }
 
 .skin-red-light .sidebar-menu>li.header {
   color: #848484;
   background: #f9fafc;
 }
 
 .skin-red-light .sidebar-menu>li>a {
   border-left: 3px solid transparent;
   font-weight: 600;
 }
 
 .skin-red-light .sidebar-menu>li:hover>a,
 .skin-red-light .sidebar-menu>li.active>a {
   color: #000;
   background: #f4f4f5;
 }
 
 .skin-red-light .sidebar-menu>li.active {
   border-left-color: #dd4b39;
 }
 
 .skin-red-light .sidebar-menu>li.active>a {
   font-weight: 600;
 }
 
 .skin-red-light .sidebar-menu>li>.treeview-menu {
   background: #f4f4f5;
 }
 
 .skin-red-light .sidebar a {
   color: #444;
 }
 
 .skin-red-light .sidebar a:hover {
   text-decoration: none;
 }
 
 .skin-red-light .treeview-menu>li>a {
   color: #777;
 }
 
 .skin-red-light .treeview-menu>li.active>a,
 .skin-red-light .treeview-menu>li>a:hover {
   color: #000;
 }
 
 .skin-red-light .treeview-menu>li.active>a {
   font-weight: 600;
 }
 
 .skin-red-light .sidebar-form {
   border-radius: 3px;
   border: 1px solid #d2d6de;
   margin: 10px 10px;
 }
 
 .skin-red-light .sidebar-form input[type="text"],
 .skin-red-light .sidebar-form .btn {
   box-shadow: none;
   background-color: #fff;
   border: 1px solid transparent;
   height: 35px;
 }
 
 .skin-red-light .sidebar-form input[type="text"] {
   color: #666;
   border-top-left-radius: 2px;
   border-top-right-radius: 0;
   border-bottom-right-radius: 0;
   border-bottom-left-radius: 2px;
   background-color: #f2b5ac;
 }
 
 .skin-red-light .sidebar-form input[type="text"]:focus,
 .skin-red-light .sidebar-form input[type="text"]:focus+.input-group-btn .btn {
   background-color: #fff;
   color: #666;
 }
 
 .skin-red-light .sidebar-form input[type="text"]:focus+.input-group-btn .btn {
   border-left-color: #fff;
 }
 
 .skin-red-light .sidebar-form .btn {
   color: #999;
   border-top-left-radius: 0;
   border-top-right-radius: 2px;
   border-bottom-right-radius: 2px;
   border-bottom-left-radius: 0;
 }
 
 @media (min-width: 768px) {
   .skin-red-light.sidebar-mini.sidebar-collapse .sidebar-menu>li>.treeview-menu {
     border-left: 1px solid #d2d6de;
   }
 }
 
 /*
   * Skin: Yellow
   * ------------
   */
 .skin-yellow .main-header .navbar {
   background-color: #f39c12;
 }
 
 .skin-yellow .main-header .navbar .nav>li>a {
   color: #fff;
 }
 
 .skin-yellow .main-header .navbar .nav>li>a:hover,
 .skin-yellow .main-header .navbar .nav>li>a:active,
 .skin-yellow .main-header .navbar .nav>li>a:focus,
 .skin-yellow .main-header .navbar .nav .open>a,
 .skin-yellow .main-header .navbar .nav .open>a:hover,
 .skin-yellow .main-header .navbar .nav .open>a:focus,
 .skin-yellow .main-header .navbar .nav>.active>a {
   background: rgba(0, 0, 0, 0.1);
   color: #f6f6f6;
 }
 
 .skin-yellow .main-header .navbar .sidebar-toggle {
   color: #fff;
 }
 
 .skin-yellow .main-header .navbar .sidebar-toggle:hover {
   color: #f6f6f6;
   background: rgba(0, 0, 0, 0.1);
 }
 
 .skin-yellow .main-header .navbar .sidebar-toggle {
   color: #fff;
 }
 
 .skin-yellow .main-header .navbar .sidebar-toggle:hover {
   background-color: #e08e0b;
 }
 
 @media (max-width: 767px) {
   .skin-yellow .main-header .navbar .dropdown-menu li.divider {
     background-color: rgba(255, 255, 255, 0.1);
   }
 
   .skin-yellow .main-header .navbar .dropdown-menu li a {
     color: #fff;
   }
 
   .skin-yellow .main-header .navbar .dropdown-menu li a:hover {
     background: #e08e0b;
   }
 }
 
 .skin-yellow .main-header .logo {
   background-color: #e08e0b;
   color: #fff;
   border-bottom: 0 solid transparent;
 }
 
 .skin-yellow .main-header .logo:hover {
   background-color: #db8b0b;
 }
 
 .skin-yellow .main-header li.user-header {
   background-color: #f39c12;
 }
 
 .skin-yellow .content-header {
   background: transparent;
 }
 
 .skin-yellow .wrapper,
 .skin-yellow .main-sidebar,
 .skin-yellow .left-side {
   background-color: #222d32;
 }
 
 .skin-yellow .user-panel>.info,
 .skin-yellow .user-panel>.info>a {
   color: #fff;
 }
 
 .skin-yellow .sidebar-menu>li.header {
   color: #4b646f;
   background: #1a2226;
 }
 
 .skin-yellow .sidebar-menu>li>a {
   border-left: 3px solid transparent;
 }
 
 .skin-yellow .sidebar-menu>li:hover>a,
 .skin-yellow .sidebar-menu>li.active>a {
   color: #fff;
   background: #1e282c;
   border-left-color: #f39c12;
 }
 
 .skin-yellow .sidebar-menu>li>.treeview-menu {
   margin: 0 1px;
   background: #2c3b41;
 }
 
 .skin-yellow .sidebar a {
   color: #b8c7ce;
 }
 
 .skin-yellow .sidebar a:hover {
   text-decoration: none;
 }
 
 .skin-yellow .treeview-menu>li>a {
   color: #8aa4af;
 }
 
 .skin-yellow .treeview-menu>li.active>a,
 .skin-yellow .treeview-menu>li>a:hover {
   color: #fff;
 }
 
 .skin-yellow .sidebar-form {
   border-radius: 3px;
   border: 1px solid #374850;
   margin: 10px 10px;
 }
 
 .skin-yellow .sidebar-form input[type="text"],
 .skin-yellow .sidebar-form .btn {
   box-shadow: none;
   background-color: #374850;
   border: 1px solid transparent;
   height: 35px;
 }
 
 .skin-yellow .sidebar-form input[type="text"] {
   color: #666;
   border-top-left-radius: 2px;
   border-top-right-radius: 0;
   border-bottom-right-radius: 0;
   border-bottom-left-radius: 2px;
   background-color: #d49d45;
 }
 
 .skin-yellow .sidebar-form input[type="text"]:focus,
 .skin-yellow .sidebar-form input[type="text"]:focus+.input-group-btn .btn {
   background-color: #fff;
   color: #666;
 }
 
 .skin-yellow .sidebar-form input[type="text"]:focus+.input-group-btn .btn {
   border-left-color: #fff;
 }
 
 .skin-yellow .sidebar-form .btn {
   color: #999;
   border-top-left-radius: 0;
   border-top-right-radius: 2px;
   border-bottom-right-radius: 2px;
   border-bottom-left-radius: 0;
 }
 
 /*
   * Skin: Yellow
   * ------------
   */
 .skin-yellow-light .main-header .navbar {
   background-color: #f39c12;
 }
 
 .skin-yellow-light .main-header .navbar .nav>li>a {
   color: #fff;
 }
 
 .skin-yellow-light .main-header .navbar .nav>li>a:hover,
 .skin-yellow-light .main-header .navbar .nav>li>a:active,
 .skin-yellow-light .main-header .navbar .nav>li>a:focus,
 .skin-yellow-light .main-header .navbar .nav .open>a,
 .skin-yellow-light .main-header .navbar .nav .open>a:hover,
 .skin-yellow-light .main-header .navbar .nav .open>a:focus,
 .skin-yellow-light .main-header .navbar .nav>.active>a {
   background: rgba(0, 0, 0, 0.1);
   color: #f6f6f6;
 }
 
 .skin-yellow-light .main-header .navbar .sidebar-toggle {
   color: #fff;
 }
 
 .skin-yellow-light .main-header .navbar .sidebar-toggle:hover {
   color: #f6f6f6;
   background: rgba(0, 0, 0, 0.1);
 }
 
 .skin-yellow-light .main-header .navbar .sidebar-toggle {
   color: #fff;
 }
 
 .skin-yellow-light .main-header .navbar .sidebar-toggle:hover {
   background-color: #e08e0b;
 }
 
 @media (max-width: 767px) {
   .skin-yellow-light .main-header .navbar .dropdown-menu li.divider {
     background-color: rgba(255, 255, 255, 0.1);
   }
 
   .skin-yellow-light .main-header .navbar .dropdown-menu li a {
     color: #fff;
   }
 
   .skin-yellow-light .main-header .navbar .dropdown-menu li a:hover {
     background: #e08e0b;
   }
 }
 
 .skin-yellow-light .main-header .logo {
   background-color: #f39c12;
   color: #fff;
   border-bottom: 0 solid transparent;
 }
 
 .skin-yellow-light .main-header .logo:hover {
   background-color: #f39a0d;
 }
 
 .skin-yellow-light .main-header li.user-header {
   background-color: #f39c12;
 }
 
 .skin-yellow-light .content-header {
   background: transparent;
 }
 
 .skin-yellow-light .wrapper,
 .skin-yellow-light .main-sidebar,
 .skin-yellow-light .left-side {
   background-color: #f9fafc;
 }
 
 .skin-yellow-light .content-wrapper,
 .skin-yellow-light .main-footer {
   border-left: 1px solid #d2d6de;
 }
 
 .skin-yellow-light .user-panel>.info,
 .skin-yellow-light .user-panel>.info>a {
   color: #444;
 }
 
 .skin-yellow-light .sidebar-menu>li {
   -webkit-transition: border-left-color 0.3s ease;
   -o-transition: border-left-color 0.3s ease;
   transition: border-left-color 0.3s ease;
 }
 
 .skin-yellow-light .sidebar-menu>li.header {
   color: #848484;
   background: #f9fafc;
 }
 
 .skin-yellow-light .sidebar-menu>li>a {
   border-left: 3px solid transparent;
   font-weight: 600;
 }
 
 .skin-yellow-light .sidebar-menu>li:hover>a,
 .skin-yellow-light .sidebar-menu>li.active>a {
   color: #000;
   background: #f4f4f5;
 }
 
 .skin-yellow-light .sidebar-menu>li.active {
   border-left-color: #f39c12;
 }
 
 .skin-yellow-light .sidebar-menu>li.active>a {
   font-weight: 600;
 }
 
 .skin-yellow-light .sidebar-menu>li>.treeview-menu {
   background: #f4f4f5;
 }
 
 .skin-yellow-light .sidebar a {
   color: #444;
 }
 
 .skin-yellow-light .sidebar a:hover {
   text-decoration: none;
 }
 
 .skin-yellow-light .treeview-menu>li>a {
   color: #777;
 }
 
 .skin-yellow-light .treeview-menu>li.active>a,
 .skin-yellow-light .treeview-menu>li>a:hover {
   color: #000;
 }
 
 .skin-yellow-light .treeview-menu>li.active>a {
   font-weight: 600;
 }
 
 .skin-yellow-light .sidebar-form {
   border-radius: 3px;
   border: 1px solid #d2d6de;
   margin: 10px 10px;
 }
 
 .skin-yellow-light .sidebar-form input[type="text"],
 .skin-yellow-light .sidebar-form .btn {
   box-shadow: none;
   background-color: #fff;
   border: 1px solid transparent;
   height: 35px;
 }
 
 .skin-yellow-light .sidebar-form input[type="text"] {
   color: #666;
   border-top-left-radius: 2px;
   border-top-right-radius: 0;
   border-bottom-right-radius: 0;
   border-bottom-left-radius: 2px;
   background-color: #d49d45;
 }
 
 .skin-yellow-light .sidebar-form input[type="text"]:focus,
 .skin-yellow-light .sidebar-form input[type="text"]:focus+.input-group-btn .btn {
   background-color: #fff;
   color: #666;
 }
 
 .skin-yellow-light .sidebar-form input[type="text"]:focus+.input-group-btn .btn {
   border-left-color: #fff;
 }
 
 .skin-yellow-light .sidebar-form .btn {
   color: #999;
   border-top-left-radius: 0;
   border-top-right-radius: 2px;
   border-bottom-right-radius: 2px;
   border-bottom-left-radius: 0;
 }
 
 @media (min-width: 768px) {
   .skin-yellow-light.sidebar-mini.sidebar-collapse .sidebar-menu>li>.treeview-menu {
     border-left: 1px solid #d2d6de;
   }
 }
 
 /*
   * Skin: Purple
   * ------------
   */
 .skin-purple .main-header .navbar {
   background-color: #605ca8;
 }
 
 .skin-purple .main-header .navbar .nav>li>a {
   color: #fff;
 }
 
 .skin-purple .main-header .navbar .nav>li>a:hover,
 .skin-purple .main-header .navbar .nav>li>a:active,
 .skin-purple .main-header .navbar .nav>li>a:focus,
 .skin-purple .main-header .navbar .nav .open>a,
 .skin-purple .main-header .navbar .nav .open>a:hover,
 .skin-purple .main-header .navbar .nav .open>a:focus,
 .skin-purple .main-header .navbar .nav>.active>a {
   background: rgba(0, 0, 0, 0.1);
   color: #f6f6f6;
 }
 
 .skin-purple .main-header .navbar .sidebar-toggle {
   color: #fff;
 }
 
 .skin-purple .main-header .navbar .sidebar-toggle:hover {
   color: #f6f6f6;
   background: rgba(0, 0, 0, 0.1);
 }
 
 .skin-purple .main-header .navbar .sidebar-toggle {
   color: #fff;
 }
 
 .skin-purple .main-header .navbar .sidebar-toggle:hover {
   background-color: #555299;
 }
 
 @media (max-width: 767px) {
   .skin-purple .main-header .navbar .dropdown-menu li.divider {
     background-color: rgba(255, 255, 255, 0.1);
   }
 
   .skin-purple .main-header .navbar .dropdown-menu li a {
     color: #fff;
   }
 
   .skin-purple .main-header .navbar .dropdown-menu li a:hover {
     background: #555299;
   }
 }
 
 .skin-purple .main-header .logo {
   background-color: #555299;
   color: #fff;
   border-bottom: 0 solid transparent;
 }
 
 .skin-purple .main-header .logo:hover {
   background-color: #545096;
 }
 
 .skin-purple .main-header li.user-header {
   background-color: #605ca8;
 }
 
 .skin-purple .content-header {
   background: transparent;
 }
 
 .skin-purple .wrapper,
 .skin-purple .main-sidebar,
 .skin-purple .left-side {
   background-color: #222d32;
 }
 
 .skin-purple .user-panel>.info,
 .skin-purple .user-panel>.info>a {
   color: #fff;
 }
 
 .skin-purple .sidebar-menu>li.header {
   color: #4b646f;
   background: #1a2226;
 }
 
 .skin-purple .sidebar-menu>li>a {
   border-left: 3px solid transparent;
 }
 
 .skin-purple .sidebar-menu>li:hover>a,
 .skin-purple .sidebar-menu>li.active>a {
   color: #fff;
   background: #1e282c;
   border-left-color: #605ca8;
 }
 
 .skin-purple .sidebar-menu>li>.treeview-menu {
   margin: 0 1px;
   background: #2c3b41;
 }
 
 .skin-purple .sidebar a {
   color: #b8c7ce;
 }
 
 .skin-purple .sidebar a:hover {
   text-decoration: none;
 }
 
 .skin-purple .treeview-menu>li>a {
   color: #8aa4af;
 }
 
 .skin-purple .treeview-menu>li.active>a,
 .skin-purple .treeview-menu>li>a:hover {
   color: #fff;
 }
 
 .skin-purple .sidebar-form {
   border-radius: 3px;
   border: 1px solid #374850;
   margin: 10px 10px;
 }
 
 .skin-purple .sidebar-form input[type="text"],
 .skin-purple .sidebar-form .btn {
   box-shadow: none;
   background-color: #374850;
   border: 1px solid transparent;
   height: 35px;
 }
 
 .skin-purple .sidebar-form input[type="text"] {
   color: #666;
   border-top-left-radius: 2px;
   border-top-right-radius: 0;
   border-bottom-right-radius: 0;
   border-bottom-left-radius: 2px;
   background-color: #aca8eb;
 }
 
 .skin-purple .sidebar-form input[type="text"]:focus,
 .skin-purple .sidebar-form input[type="text"]:focus+.input-group-btn .btn {
   background-color: #fff;
   color: #666;
 }
 
 .skin-purple .sidebar-form input[type="text"]:focus+.input-group-btn .btn {
   border-left-color: #fff;
 }
 
 .skin-purple .sidebar-form .btn {
   color: #999;
   border-top-left-radius: 0;
   border-top-right-radius: 2px;
   border-bottom-right-radius: 2px;
   border-bottom-left-radius: 0;
 }
 
 /*
   * Skin: Purple
   * ------------
   */
 .skin-purple-light .main-header .navbar {
   background-color: #605ca8;
 }
 
 .skin-purple-light .main-header .navbar .nav>li>a {
   color: #fff;
 }
 
 .skin-purple-light .main-header .navbar .nav>li>a:hover,
 .skin-purple-light .main-header .navbar .nav>li>a:active,
 .skin-purple-light .main-header .navbar .nav>li>a:focus,
 .skin-purple-light .main-header .navbar .nav .open>a,
 .skin-purple-light .main-header .navbar .nav .open>a:hover,
 .skin-purple-light .main-header .navbar .nav .open>a:focus,
 .skin-purple-light .main-header .navbar .nav>.active>a {
   background: rgba(0, 0, 0, 0.1);
   color: #f6f6f6;
 }
 
 .skin-purple-light .main-header .navbar .sidebar-toggle {
   color: #fff;
 }
 
 .skin-purple-light .main-header .navbar .sidebar-toggle:hover {
   color: #f6f6f6;
   background: rgba(0, 0, 0, 0.1);
 }
 
 .skin-purple-light .main-header .navbar .sidebar-toggle {
   color: #fff;
 }
 
 .skin-purple-light .main-header .navbar .sidebar-toggle:hover {
   background-color: #555299;
 }
 
 @media (max-width: 767px) {
   .skin-purple-light .main-header .navbar .dropdown-menu li.divider {
     background-color: rgba(255, 255, 255, 0.1);
   }
 
   .skin-purple-light .main-header .navbar .dropdown-menu li a {
     color: #fff;
   }
 
   .skin-purple-light .main-header .navbar .dropdown-menu li a:hover {
     background: #555299;
   }
 }
 
 .skin-purple-light .main-header .logo {
   background-color: #605ca8;
   color: #fff;
   border-bottom: 0 solid transparent;
 }
 
 .skin-purple-light .main-header .logo:hover {
   background-color: #5d59a6;
 }
 
 .skin-purple-light .main-header li.user-header {
   background-color: #605ca8;
 }
 
 .skin-purple-light .content-header {
   background: transparent;
 }
 
 .skin-purple-light .wrapper,
 .skin-purple-light .main-sidebar,
 .skin-purple-light .left-side {
   background-color: #f9fafc;
 }
 
 .skin-purple-light .content-wrapper,
 .skin-purple-light .main-footer {
   border-left: 1px solid #d2d6de;
 }
 
 .skin-purple-light .user-panel>.info,
 .skin-purple-light .user-panel>.info>a {
   color: #444;
 }
 
 .skin-purple-light .sidebar-menu>li {
   -webkit-transition: border-left-color 0.3s ease;
   -o-transition: border-left-color 0.3s ease;
   transition: border-left-color 0.3s ease;
 }
 
 .skin-purple-light .sidebar-menu>li.header {
   color: #848484;
   background: #f9fafc;
 }
 
 .skin-purple-light .sidebar-menu>li>a {
   border-left: 3px solid transparent;
   font-weight: 600;
 }
 
 .skin-purple-light .sidebar-menu>li:hover>a,
 .skin-purple-light .sidebar-menu>li.active>a {
   color: #000;
   background: #f4f4f5;
 }
 
 .skin-purple-light .sidebar-menu>li.active {
   border-left-color: #605ca8;
 }
 
 .skin-purple-light .sidebar-menu>li.active>a {
   font-weight: 600;
 }
 
 .skin-purple-light .sidebar-menu>li>.treeview-menu {
   background: #f4f4f5;
 }
 
 .skin-purple-light .sidebar a {
   color: #444;
 }
 
 .skin-purple-light .sidebar a:hover {
   text-decoration: none;
 }
 
 .skin-purple-light .treeview-menu>li>a {
   color: #777;
 }
 
 .skin-purple-light .treeview-menu>li.active>a,
 .skin-purple-light .treeview-menu>li>a:hover {
   color: #000;
 }
 
 .skin-purple-light .treeview-menu>li.active>a {
   font-weight: 600;
 }
 
 .skin-purple-light .sidebar-form {
   border-radius: 3px;
   border: 1px solid #d2d6de;
   margin: 10px 10px;
 }
 
 .skin-purple-light .sidebar-form input[type="text"],
 .skin-purple-light .sidebar-form .btn {
   box-shadow: none;
   background-color: #fff;
   border: 1px solid transparent;
   height: 35px;
 }
 
 .skin-purple-light .sidebar-form input[type="text"] {
   color: #666;
   border-top-left-radius: 2px;
   border-top-right-radius: 0;
   border-bottom-right-radius: 0;
   border-bottom-left-radius: 2px;
   background-color: #aca8eb;
 }
 
 .skin-purple-light .sidebar-form input[type="text"]:focus,
 .skin-purple-light .sidebar-form input[type="text"]:focus+.input-group-btn .btn {
   background-color: #fff;
   color: #666;
 }
 
 .skin-purple-light .sidebar-form input[type="text"]:focus+.input-group-btn .btn {
   border-left-color: #fff;
 }
 
 .skin-purple-light .sidebar-form .btn {
   color: #999;
   border-top-left-radius: 0;
   border-top-right-radius: 2px;
   border-bottom-right-radius: 2px;
   border-bottom-left-radius: 0;
 }
 
 @media (min-width: 768px) {
   .skin-purple-light.sidebar-mini.sidebar-collapse .sidebar-menu>li>.treeview-menu {
     border-left: 1px solid #d2d6de;
   }
 }
 
 /*
   * Skin: glass 001
   * ------------
   */
 /* START VIDEO BACKGROUND*/
 #video-background-container .video-background-wrapper {
   position: fixed !important;
   background-position: unset !important;
 }
 
 #video-background-container video {
   position: fixed !important;
   z-index: -1 !important;
   right: 0 !important;
   bottom: 0 !important;
   min-width: 100% !important;
   min-height: 100% !important;
   transform: unset !important;
   top: unset !important;
   left: unset !important;
   /*width: unset !important;
          height: unset !important;*/
   overflow: hidden !important;
   -webkit-box-sizing: content-box !important;
   -moz-box-sizing: content-box !important;
   box-sizing: content-box !important;
   /*-webkit-background-size: cover !important;
          -moz-background-size: cover !important;
          -o-background-size: cover !important;
          background-size: cover !important;*/
 }
 
 /* END VIDEO BACKGROUND */
 /* START PURE CSS BACKGROUND */
 .bg-animation-box {
   position: fixed;
   top: 0;
   left: 0;
   width: 100%;
   height: 100%;
   overflow: hidden;
   z-index: -1;
 }
 
 .bg-animation-box li {
   position: fixed;
   display: block;
   list-style: none;
   width: 25px;
   height: 25px;
   background: rgba(255, 255, 255, 0.2);
   animation: bg-animate-01 20s linear infinite;
   bottom: -150px;
   z-index: -1;
 }
 
 .bg-animation-box li.circle-box {
   border-radius: 50%;
 }
 
 .bg-animation-box li.corners-box-20 {
   border-radius: 20%;
 }
 
 .bg-animation-box li.corners-box-35 {
   border-radius: 35%;
 }
 
 .bg-animation-box li:nth-child(1) {
   left: 4%;
   width: 80px;
   height: 80px;
   animation-delay: 0s;
 }
 
 .bg-animation-box li:nth-child(2) {
   left: 12%;
   width: 30px;
   height: 30px;
   animation-delay: 1.5s;
   animation-duration: 10s;
 }
 
 .bg-animation-box li:nth-child(3) {
   left: 18%;
   width: 100px;
   height: 100px;
   animation-delay: 5.5s;
 }
 
 .bg-animation-box li:nth-child(4) {
   left: 35%;
   width: 150px;
   height: 150px;
   animation-delay: 0s;
   animation-duration: 15s;
 }
 
 .bg-animation-box li:nth-child(5) {
   left: 43%;
   width: 40px;
   height: 40px;
   animation-delay: 0s;
 }
 
 .bg-animation-box li:nth-child(6) {
   left: 60%;
   width: 110px;
   height: 110px;
   animation-delay: 3.5s;
 }
 
 .bg-animation-box li:nth-child(7) {
   left: 77%;
   width: 110px;
   height: 110px;
   animation-delay: 6.5s;
 }
 
 .bg-animation-box li:nth-child(8) {
   left: 90%;
   width: 110px;
   height: 110px;
   animation-delay: 1.5s;
 }
 
 @keyframes bg-animate-01 {
   0% {
     transform: translateY(0) rotate(0deg);
     opacity: 1;
   }
 
   100% {
     transform: translateY(-900px) rotate(360deg);
     opacity: 0;
   }
 }
 
 @keyframes bg-animate-01 {
   0% {
     transform: translateY(0) rotate(0deg);
     opacity: 1;
   }
 
   100% {
     transform: translateY(-900px) rotate(360deg);
     opacity: 0;
   }
 }
 
 .bg-animation-firefly {
   position: fixed;
   left: 50%;
   top: 50%;
   width: 0.4vw;
   height: 0.4vw;
   margin: -0.2vw 0 0 9.8vw;
   animation: ease 200s alternate infinite;
   pointer-events: none;
 }
 
 .bg-animation-firefly::before,
 .bg-animation-firefly::after {
   content: "";
   position: absolute;
   width: 100%;
   height: 100%;
   border-radius: 50%;
   transform-origin: -10vw;
 }
 
 .bg-animation-firefly::before {
   background: transparent;
   opacity: 0;
   animation: firefly-drift ease alternate infinite;
 }
 
 .bg-animation-firefly::after {
   background: #b5aa28;
   opacity: 0;
   box-shadow: 0 0 0vw 0vw yellow;
   animation: firefly-drift ease alternate infinite, firefly-flash ease infinite;
 }
 
 .bg-animation-firefly:nth-child(1) {
   animation-name: firefly-move1;
 }
 
 .bg-animation-firefly:nth-child(1)::before {
   animation-duration: 17s;
 }
 
 .bg-animation-firefly:nth-child(1)::after {
   animation-duration: 17s, 8143ms;
   animation-delay: 0ms, 5601ms;
 }
 
 @keyframes firefly-move1 {
   0% {
     transform: translateX(-16vw) translateY(43vh) scale(0.88);
   }
 
   3.8461538462% {
     transform: translateX(30vw) translateY(17vh) scale(0.93);
   }
 
   7.6923076923% {
     transform: translateX(5vw) translateY(-20vh) scale(0.73);
   }
 
   11.5384615385% {
     transform: translateX(36vw) translateY(34vh) scale(0.61);
   }
 
   15.3846153846% {
     transform: translateX(34vw) translateY(33vh) scale(0.69);
   }
 
   19.2307692308% {
     transform: translateX(-12vw) translateY(26vh) scale(0.46);
   }
 
   23.0769230769% {
     transform: translateX(44vw) translateY(19vh) scale(0.44);
   }
 
   26.9230769231% {
     transform: translateX(-49vw) translateY(21vh) scale(0.76);
   }
 
   30.7692307692% {
     transform: translateX(-6vw) translateY(-3vh) scale(0.98);
   }
 
   34.6153846154% {
     transform: translateX(-1vw) translateY(14vh) scale(0.91);
   }
 
   38.4615384615% {
     transform: translateX(11vw) translateY(20vh) scale(1);
   }
 
   42.3076923077% {
     transform: translateX(15vw) translateY(14vh) scale(0.3);
   }
 
   46.1538461538% {
     transform: translateX(-49vw) translateY(38vh) scale(0.36);
   }
 
   50% {
     transform: translateX(-26vw) translateY(-48vh) scale(0.99);
   }
 
   53.8461538462% {
     transform: translateX(-30vw) translateY(49vh) scale(0.65);
   }
 
   57.6923076923% {
     transform: translateX(19vw) translateY(-48vh) scale(0.7);
   }
 
   61.5384615385% {
     transform: translateX(24vw) translateY(-28vh) scale(1);
   }
 
   65.3846153846% {
     transform: translateX(-42vw) translateY(40vh) scale(0.77);
   }
 
   69.2307692308% {
     transform: translateX(48vw) translateY(9vh) scale(0.48);
   }
 
   73.0769230769% {
     transform: translateX(47vw) translateY(-17vh) scale(0.3);
   }
 
   76.9230769231% {
     transform: translateX(-1vw) translateY(36vh) scale(0.73);
   }
 
   80.7692307692% {
     transform: translateX(-35vw) translateY(-48vh) scale(0.5);
   }
 
   84.6153846154% {
     transform: translateX(11vw) translateY(22vh) scale(0.57);
   }
 
   88.4615384615% {
     transform: translateX(24vw) translateY(10vh) scale(0.89);
   }
 
   92.3076923077% {
     transform: translateX(13vw) translateY(32vh) scale(0.6);
   }
 
   96.1538461538% {
     transform: translateX(24vw) translateY(3vh) scale(0.58);
   }
 
   100% {
     transform: translateX(-5vw) translateY(26vh) scale(0.56);
   }
 }
 
 .bg-animation-firefly:nth-child(2) {
   animation-name: firefly-move2;
 }
 
 .bg-animation-firefly:nth-child(2)::before {
   animation-duration: 11s;
 }
 
 .bg-animation-firefly:nth-child(2)::after {
   animation-duration: 11s, 5335ms;
   animation-delay: 0ms, 4527ms;
 }
 
 @keyframes firefly-move2 {
   0% {
     transform: translateX(-23vw) translateY(6vh) scale(0.33);
   }
 
   3.7037037037% {
     transform: translateX(-41vw) translateY(5vh) scale(0.48);
   }
 
   7.4074074074% {
     transform: translateX(28vw) translateY(-15vh) scale(0.79);
   }
 
   11.1111111111% {
     transform: translateX(-5vw) translateY(-45vh) scale(0.96);
   }
 
   14.8148148148% {
     transform: translateX(-40vw) translateY(29vh) scale(0.36);
   }
 
   18.5185185185% {
     transform: translateX(-24vw) translateY(-22vh) scale(0.98);
   }
 
   22.2222222222% {
     transform: translateX(37vw) translateY(32vh) scale(0.34);
   }
 
   25.9259259259% {
     transform: translateX(17vw) translateY(39vh) scale(0.89);
   }
 
   29.6296296296% {
     transform: translateX(14vw) translateY(-22vh) scale(0.89);
   }
 
   33.3333333333% {
     transform: translateX(-20vw) translateY(-6vh) scale(0.54);
   }
 
   37.037037037% {
     transform: translateX(-47vw) translateY(22vh) scale(0.97);
   }
 
   40.7407407407% {
     transform: translateX(-8vw) translateY(-23vh) scale(0.68);
   }
 
   44.4444444444% {
     transform: translateX(-42vw) translateY(35vh) scale(0.85);
   }
 
   48.1481481481% {
     transform: translateX(6vw) translateY(-16vh) scale(0.32);
   }
 
   51.8518518519% {
     transform: translateX(-22vw) translateY(37vh) scale(0.79);
   }
 
   55.5555555556% {
     transform: translateX(-12vw) translateY(18vh) scale(0.96);
   }
 
   59.2592592593% {
     transform: translateX(-47vw) translateY(13vh) scale(0.55);
   }
 
   62.962962963% {
     transform: translateX(14vw) translateY(33vh) scale(0.8);
   }
 
   66.6666666667% {
     transform: translateX(46vw) translateY(38vh) scale(0.95);
   }
 
   70.3703703704% {
     transform: translateX(15vw) translateY(34vh) scale(0.83);
   }
 
   74.0740740741% {
     transform: translateX(43vw) translateY(21vh) scale(0.7);
   }
 
   77.7777777778% {
     transform: translateX(47vw) translateY(-21vh) scale(0.79);
   }
 
   81.4814814815% {
     transform: translateX(34vw) translateY(16vh) scale(0.97);
   }
 
   85.1851851852% {
     transform: translateX(-21vw) translateY(47vh) scale(0.8);
   }
 
   88.8888888889% {
     transform: translateX(3vw) translateY(45vh) scale(0.98);
   }
 
   92.5925925926% {
     transform: translateX(-12vw) translateY(-48vh) scale(0.39);
   }
 
   96.2962962963% {
     transform: translateX(33vw) translateY(37vh) scale(0.71);
   }
 
   100% {
     transform: translateX(-49vw) translateY(28vh) scale(0.28);
   }
 }
 
 .bg-animation-firefly:nth-child(3) {
   animation-name: firefly-move3;
 }
 
 .bg-animation-firefly:nth-child(3)::before {
   animation-duration: 15s;
 }
 
 .bg-animation-firefly:nth-child(3)::after {
   animation-duration: 15s, 9516ms;
   animation-delay: 0ms, 4624ms;
 }
 
 @keyframes firefly-move3 {
   0% {
     transform: translateX(-48vw) translateY(2vh) scale(0.72);
   }
 
   4.7619047619% {
     transform: translateX(26vw) translateY(15vh) scale(0.69);
   }
 
   9.5238095238% {
     transform: translateX(28vw) translateY(17vh) scale(0.49);
   }
 
   14.2857142857% {
     transform: translateX(-18vw) translateY(20vh) scale(0.26);
   }
 
   19.0476190476% {
     transform: translateX(44vw) translateY(9vh) scale(0.45);
   }
 
   23.8095238095% {
     transform: translateX(-38vw) translateY(-26vh) scale(0.47);
   }
 
   28.5714285714% {
     transform: translateX(-43vw) translateY(36vh) scale(0.93);
   }
 
   33.3333333333% {
     transform: translateX(-47vw) translateY(-7vh) scale(0.79);
   }
 
   38.0952380952% {
     transform: translateX(-25vw) translateY(-46vh) scale(0.36);
   }
 
   42.8571428571% {
     transform: translateX(25vw) translateY(8vh) scale(0.68);
   }
 
   47.619047619% {
     transform: translateX(24vw) translateY(45vh) scale(0.97);
   }
 
   52.380952381% {
     transform: translateX(-49vw) translateY(-45vh) scale(0.41);
   }
 
   57.1428571429% {
     transform: translateX(19vw) translateY(-1vh) scale(0.34);
   }
 
   61.9047619048% {
     transform: translateX(-13vw) translateY(-11vh) scale(0.69);
   }
 
   66.6666666667% {
     transform: translateX(-15vw) translateY(-47vh) scale(0.63);
   }
 
   71.4285714286% {
     transform: translateX(3vw) translateY(-23vh) scale(0.79);
   }
 
   76.1904761905% {
     transform: translateX(16vw) translateY(-12vh) scale(0.56);
   }
 
   80.9523809524% {
     transform: translateX(42vw) translateY(44vh) scale(0.68);
   }
 
   85.7142857143% {
     transform: translateX(24vw) translateY(31vh) scale(0.59);
   }
 
   90.4761904762% {
     transform: translateX(0vw) translateY(11vh) scale(0.44);
   }
 
   95.2380952381% {
     transform: translateX(38vw) translateY(26vh) scale(0.71);
   }
 
   100% {
     transform: translateX(12vw) translateY(33vh) scale(0.65);
   }
 }
 
 .bg-animation-firefly:nth-child(4) {
   animation-name: firefly-move4;
 }
 
 .bg-animation-firefly:nth-child(4)::before {
   animation-duration: 15s;
 }
 
 .bg-animation-firefly:nth-child(4)::after {
   animation-duration: 15s, 6491ms;
   animation-delay: 0ms, 6612ms;
 }
 
 @keyframes firefly-move4 {
   0% {
     transform: translateX(-45vw) translateY(2vh) scale(0.89);
   }
 
   5.5555555556% {
     transform: translateX(-4vw) translateY(24vh) scale(0.36);
   }
 
   11.1111111111% {
     transform: translateX(50vw) translateY(24vh) scale(0.33);
   }
 
   16.6666666667% {
     transform: translateX(-28vw) translateY(-37vh) scale(0.34);
   }
 
   22.2222222222% {
     transform: translateX(11vw) translateY(-27vh) scale(0.64);
   }
 
   27.7777777778% {
     transform: translateX(2vw) translateY(7vh) scale(0.59);
   }
 
   33.3333333333% {
     transform: translateX(-5vw) translateY(40vh) scale(0.37);
   }
 
   38.8888888889% {
     transform: translateX(4vw) translateY(33vh) scale(0.9);
   }
 
   44.4444444444% {
     transform: translateX(-3vw) translateY(47vh) scale(0.81);
   }
 
   50% {
     transform: translateX(45vw) translateY(32vh) scale(0.82);
   }
 
   55.5555555556% {
     transform: translateX(29vw) translateY(14vh) scale(0.53);
   }
 
   61.1111111111% {
     transform: translateX(-38vw) translateY(28vh) scale(0.64);
   }
 
   66.6666666667% {
     transform: translateX(-43vw) translateY(8vh) scale(0.31);
   }
 
   72.2222222222% {
     transform: translateX(-13vw) translateY(-27vh) scale(0.71);
   }
 
   77.7777777778% {
     transform: translateX(-47vw) translateY(37vh) scale(0.77);
   }
 
   83.3333333333% {
     transform: translateX(-45vw) translateY(-6vh) scale(0.26);
   }
 
   88.8888888889% {
     transform: translateX(15vw) translateY(10vh) scale(0.55);
   }
 
   94.4444444444% {
     transform: translateX(-34vw) translateY(-47vh) scale(0.66);
   }
 
   100% {
     transform: translateX(50vw) translateY(26vh) scale(0.6);
   }
 }
 
 .bg-animation-firefly:nth-child(5) {
   animation-name: firefly-move5;
 }
 
 .bg-animation-firefly:nth-child(5)::before {
   animation-duration: 14s;
 }
 
 .bg-animation-firefly:nth-child(5)::after {
   animation-duration: 14s, 7592ms;
   animation-delay: 0ms, 8477ms;
 }
 
 @keyframes firefly-move5 {
   0% {
     transform: translateX(11vw) translateY(25vh) scale(0.87);
   }
 
   4.7619047619% {
     transform: translateX(-12vw) translateY(-39vh) scale(0.77);
   }
 
   9.5238095238% {
     transform: translateX(29vw) translateY(47vh) scale(0.92);
   }
 
   14.2857142857% {
     transform: translateX(-13vw) translateY(32vh) scale(0.37);
   }
 
   19.0476190476% {
     transform: translateX(-4vw) translateY(15vh) scale(0.78);
   }
 
   23.8095238095% {
     transform: translateX(-40vw) translateY(15vh) scale(0.52);
   }
 
   28.5714285714% {
     transform: translateX(43vw) translateY(28vh) scale(1);
   }
 
   33.3333333333% {
     transform: translateX(43vw) translateY(-2vh) scale(0.28);
   }
 
   38.0952380952% {
     transform: translateX(-2vw) translateY(-13vh) scale(0.41);
   }
 
   42.8571428571% {
     transform: translateX(21vw) translateY(-36vh) scale(0.9);
   }
 
   47.619047619% {
     transform: translateX(34vw) translateY(19vh) scale(0.55);
   }
 
   52.380952381% {
     transform: translateX(-16vw) translateY(12vh) scale(0.96);
   }
 
   57.1428571429% {
     transform: translateX(41vw) translateY(-5vh) scale(0.76);
   }
 
   61.9047619048% {
     transform: translateX(-41vw) translateY(39vh) scale(0.4);
   }
 
   66.6666666667% {
     transform: translateX(-19vw) translateY(14vh) scale(0.82);
   }
 
   71.4285714286% {
     transform: translateX(-34vw) translateY(-25vh) scale(0.82);
   }
 
   76.1904761905% {
     transform: translateX(39vw) translateY(-18vh) scale(0.58);
   }
 
   80.9523809524% {
     transform: translateX(-34vw) translateY(34vh) scale(0.3);
   }
 
   85.7142857143% {
     transform: translateX(37vw) translateY(20vh) scale(0.47);
   }
 
   90.4761904762% {
     transform: translateX(-36vw) translateY(-39vh) scale(0.62);
   }
 
   95.2380952381% {
     transform: translateX(45vw) translateY(-2vh) scale(0.27);
   }
 
   100% {
     transform: translateX(-34vw) translateY(32vh) scale(0.67);
   }
 }
 
 .bg-animation-firefly:nth-child(6) {
   animation-name: firefly-move6;
 }
 
 .bg-animation-firefly:nth-child(6)::before {
   animation-duration: 18s;
 }
 
 .bg-animation-firefly:nth-child(6)::after {
   animation-duration: 18s, 10539ms;
   animation-delay: 0ms, 4033ms;
 }
 
 @keyframes firefly-move6 {
   0% {
     transform: translateX(-18vw) translateY(5vh) scale(0.26);
   }
 
   5.8823529412% {
     transform: translateX(47vw) translateY(37vh) scale(0.79);
   }
 
   11.7647058824% {
     transform: translateX(10vw) translateY(-42vh) scale(0.69);
   }
 
   17.6470588235% {
     transform: translateX(-4vw) translateY(38vh) scale(0.57);
   }
 
   23.5294117647% {
     transform: translateX(-41vw) translateY(40vh) scale(0.94);
   }
 
   29.4117647059% {
     transform: translateX(-37vw) translateY(-37vh) scale(0.93);
   }
 
   35.2941176471% {
     transform: translateX(-5vw) translateY(21vh) scale(0.68);
   }
 
   41.1764705882% {
     transform: translateX(-31vw) translateY(-26vh) scale(0.55);
   }
 
   47.0588235294% {
     transform: translateX(6vw) translateY(2vh) scale(0.52);
   }
 
   52.9411764706% {
     transform: translateX(39vw) translateY(32vh) scale(0.92);
   }
 
   58.8235294118% {
     transform: translateX(-16vw) translateY(-36vh) scale(0.99);
   }
 
   64.7058823529% {
     transform: translateX(16vw) translateY(37vh) scale(0.64);
   }
 
   70.5882352941% {
     transform: translateX(-30vw) translateY(-7vh) scale(0.46);
   }
 
   76.4705882353% {
     transform: translateX(27vw) translateY(42vh) scale(0.73);
   }
 
   82.3529411765% {
     transform: translateX(50vw) translateY(30vh) scale(0.49);
   }
 
   88.2352941176% {
     transform: translateX(-22vw) translateY(31vh) scale(0.57);
   }
 
   94.1176470588% {
     transform: translateX(15vw) translateY(1vh) scale(0.47);
   }
 
   100% {
     transform: translateX(39vw) translateY(26vh) scale(0.65);
   }
 }
 
 .bg-animation-firefly:nth-child(7) {
   animation-name: firefly-move7;
 }
 
 .bg-animation-firefly:nth-child(7)::before {
   animation-duration: 15s;
 }
 
 .bg-animation-firefly:nth-child(7)::after {
   animation-duration: 15s, 8659ms;
   animation-delay: 0ms, 3287ms;
 }
 
 @keyframes firefly-move7 {
   0% {
     transform: translateX(-37vw) translateY(-25vh) scale(0.71);
   }
 
   4.7619047619% {
     transform: translateX(-37vw) translateY(28vh) scale(0.86);
   }
 
   9.5238095238% {
     transform: translateX(-34vw) translateY(-35vh) scale(0.5);
   }
 
   14.2857142857% {
     transform: translateX(12vw) translateY(9vh) scale(0.81);
   }
 
   19.0476190476% {
     transform: translateX(14vw) translateY(10vh) scale(0.28);
   }
 
   23.8095238095% {
     transform: translateX(49vw) translateY(45vh) scale(0.59);
   }
 
   28.5714285714% {
     transform: translateX(-16vw) translateY(46vh) scale(0.45);
   }
 
   33.3333333333% {
     transform: translateX(31vw) translateY(14vh) scale(1);
   }
 
   38.0952380952% {
     transform: translateX(-30vw) translateY(30vh) scale(0.88);
   }
 
   42.8571428571% {
     transform: translateX(29vw) translateY(19vh) scale(0.97);
   }
 
   47.619047619% {
     transform: translateX(-32vw) translateY(-41vh) scale(0.42);
   }
 
   52.380952381% {
     transform: translateX(-6vw) translateY(21vh) scale(0.97);
   }
 
   57.1428571429% {
     transform: translateX(10vw) translateY(-33vh) scale(0.67);
   }
 
   61.9047619048% {
     transform: translateX(3vw) translateY(8vh) scale(0.43);
   }
 
   66.6666666667% {
     transform: translateX(2vw) translateY(-26vh) scale(0.87);
   }
 
   71.4285714286% {
     transform: translateX(-19vw) translateY(2vh) scale(0.95);
   }
 
   76.1904761905% {
     transform: translateX(-28vw) translateY(47vh) scale(0.55);
   }
 
   80.9523809524% {
     transform: translateX(-44vw) translateY(41vh) scale(0.53);
   }
 
   85.7142857143% {
     transform: translateX(27vw) translateY(10vh) scale(0.69);
   }
 
   90.4761904762% {
     transform: translateX(17vw) translateY(40vh) scale(0.86);
   }
 
   95.2380952381% {
     transform: translateX(14vw) translateY(-43vh) scale(0.59);
   }
 
   100% {
     transform: translateX(42vw) translateY(-35vh) scale(0.75);
   }
 }
 
 .bg-animation-firefly:nth-child(8) {
   animation-name: firefly-move8;
 }
 
 .bg-animation-firefly:nth-child(8)::before {
   animation-duration: 14s;
 }
 
 .bg-animation-firefly:nth-child(8)::after {
   animation-duration: 14s, 6053ms;
   animation-delay: 0ms, 1912ms;
 }
 
 @keyframes firefly-move8 {
   0% {
     transform: translateX(-44vw) translateY(46vh) scale(0.72);
   }
 
   5.2631578947% {
     transform: translateX(-5vw) translateY(-44vh) scale(0.92);
   }
 
   10.5263157895% {
     transform: translateX(-20vw) translateY(-25vh) scale(0.99);
   }
 
   15.7894736842% {
     transform: translateX(-33vw) translateY(31vh) scale(0.93);
   }
 
   21.0526315789% {
     transform: translateX(32vw) translateY(-34vh) scale(0.27);
   }
 
   26.3157894737% {
     transform: translateX(47vw) translateY(49vh) scale(0.77);
   }
 
   31.5789473684% {
     transform: translateX(-1vw) translateY(-6vh) scale(0.86);
   }
 
   36.8421052632% {
     transform: translateX(21vw) translateY(-37vh) scale(0.84);
   }
 
   42.1052631579% {
     transform: translateX(36vw) translateY(-42vh) scale(0.26);
   }
 
   47.3684210526% {
     transform: translateX(-10vw) translateY(-12vh) scale(0.45);
   }
 
   52.6315789474% {
     transform: translateX(-21vw) translateY(30vh) scale(0.36);
   }
 
   57.8947368421% {
     transform: translateX(13vw) translateY(-29vh) scale(0.62);
   }
 
   63.1578947368% {
     transform: translateX(27vw) translateY(33vh) scale(0.67);
   }
 
   68.4210526316% {
     transform: translateX(-42vw) translateY(44vh) scale(0.82);
   }
 
   73.6842105263% {
     transform: translateX(-10vw) translateY(40vh) scale(0.29);
   }
 
   78.9473684211% {
     transform: translateX(-3vw) translateY(47vh) scale(0.69);
   }
 
   84.2105263158% {
     transform: translateX(-26vw) translateY(21vh) scale(0.68);
   }
 
   89.4736842105% {
     transform: translateX(43vw) translateY(-43vh) scale(0.82);
   }
 
   94.7368421053% {
     transform: translateX(34vw) translateY(43vh) scale(0.49);
   }
 
   100% {
     transform: translateX(-38vw) translateY(42vh) scale(0.76);
   }
 }
 
 .bg-animation-firefly:nth-child(9) {
   animation-name: firefly-move9;
 }
 
 .bg-animation-firefly:nth-child(9)::before {
   animation-duration: 16s;
 }
 
 .bg-animation-firefly:nth-child(9)::after {
   animation-duration: 16s, 5766ms;
   animation-delay: 0ms, 880ms;
 }
 
 @keyframes firefly-move9 {
   0% {
     transform: translateX(-26vw) translateY(-11vh) scale(0.78);
   }
 
   4.5454545455% {
     transform: translateX(-35vw) translateY(36vh) scale(0.39);
   }
 
   9.0909090909% {
     transform: translateX(7vw) translateY(29vh) scale(0.45);
   }
 
   13.6363636364% {
     transform: translateX(-5vw) translateY(-12vh) scale(0.33);
   }
 
   18.1818181818% {
     transform: translateX(-42vw) translateY(10vh) scale(0.62);
   }
 
   22.7272727273% {
     transform: translateX(14vw) translateY(-39vh) scale(0.53);
   }
 
   27.2727272727% {
     transform: translateX(0vw) translateY(-45vh) scale(0.28);
   }
 
   31.8181818182% {
     transform: translateX(33vw) translateY(-10vh) scale(0.55);
   }
 
   36.3636363636% {
     transform: translateX(35vw) translateY(-15vh) scale(0.48);
   }
 
   40.9090909091% {
     transform: translateX(-29vw) translateY(-23vh) scale(0.38);
   }
 
   45.4545454545% {
     transform: translateX(33vw) translateY(37vh) scale(0.82);
   }
 
   50% {
     transform: translateX(-11vw) translateY(-31vh) scale(0.89);
   }
 
   54.5454545455% {
     transform: translateX(47vw) translateY(11vh) scale(0.84);
   }
 
   59.0909090909% {
     transform: translateX(-9vw) translateY(29vh) scale(0.76);
   }
 
   63.6363636364% {
     transform: translateX(-49vw) translateY(29vh) scale(0.57);
   }
 
   68.1818181818% {
     transform: translateX(18vw) translateY(-3vh) scale(0.71);
   }
 
   72.7272727273% {
     transform: translateX(28vw) translateY(-14vh) scale(0.94);
   }
 
   77.2727272727% {
     transform: translateX(-31vw) translateY(-21vh) scale(0.97);
   }
 
   81.8181818182% {
     transform: translateX(12vw) translateY(0vh) scale(0.96);
   }
 
   86.3636363636% {
     transform: translateX(-18vw) translateY(30vh) scale(0.83);
   }
 
   90.9090909091% {
     transform: translateX(8vw) translateY(21vh) scale(0.57);
   }
 
   95.4545454545% {
     transform: translateX(22vw) translateY(49vh) scale(0.7);
   }
 
   100% {
     transform: translateX(3vw) translateY(-46vh) scale(0.92);
   }
 }
 
 .bg-animation-firefly:nth-child(10) {
   animation-name: firefly-move10;
 }
 
 .bg-animation-firefly:nth-child(10)::before {
   animation-duration: 12s;
 }
 
 .bg-animation-firefly:nth-child(10)::after {
   animation-duration: 12s, 10962ms;
   animation-delay: 0ms, 2568ms;
 }
 
 @keyframes firefly-move10 {
   0% {
     transform: translateX(-12vw) translateY(-17vh) scale(0.42);
   }
 
   4.347826087% {
     transform: translateX(9vw) translateY(27vh) scale(0.93);
   }
 
   8.6956521739% {
     transform: translateX(-4vw) translateY(-47vh) scale(0.82);
   }
 
   13.0434782609% {
     transform: translateX(50vw) translateY(-12vh) scale(0.55);
   }
 
   17.3913043478% {
     transform: translateX(15vw) translateY(-35vh) scale(0.69);
   }
 
   21.7391304348% {
     transform: translateX(-27vw) translateY(-39vh) scale(0.99);
   }
 
   26.0869565217% {
     transform: translateX(21vw) translateY(36vh) scale(0.94);
   }
 
   30.4347826087% {
     transform: translateX(24vw) translateY(35vh) scale(0.8);
   }
 
   34.7826086957% {
     transform: translateX(-18vw) translateY(23vh) scale(0.41);
   }
 
   39.1304347826% {
     transform: translateX(24vw) translateY(38vh) scale(0.83);
   }
 
   43.4782608696% {
     transform: translateX(18vw) translateY(-11vh) scale(0.85);
   }
 
   47.8260869565% {
     transform: translateX(27vw) translateY(40vh) scale(0.5);
   }
 
   52.1739130435% {
     transform: translateX(-46vw) translateY(-41vh) scale(0.56);
   }
 
   56.5217391304% {
     transform: translateX(37vw) translateY(-41vh) scale(0.39);
   }
 
   60.8695652174% {
     transform: translateX(16vw) translateY(38vh) scale(0.66);
   }
 
   65.2173913043% {
     transform: translateX(-45vw) translateY(-46vh) scale(0.81);
   }
 
   69.5652173913% {
     transform: translateX(-40vw) translateY(-36vh) scale(0.49);
   }
 
   73.9130434783% {
     transform: translateX(-1vw) translateY(40vh) scale(0.37);
   }
 
   78.2608695652% {
     transform: translateX(12vw) translateY(6vh) scale(0.63);
   }
 
   82.6086956522% {
     transform: translateX(41vw) translateY(-44vh) scale(0.95);
   }
 
   86.9565217391% {
     transform: translateX(35vw) translateY(48vh) scale(0.64);
   }
 
   91.3043478261% {
     transform: translateX(-18vw) translateY(27vh) scale(0.88);
   }
 
   95.652173913% {
     transform: translateX(-37vw) translateY(-30vh) scale(0.27);
   }
 
   100% {
     transform: translateX(2vw) translateY(-27vh) scale(0.87);
   }
 }
 
 .bg-animation-firefly:nth-child(11) {
   animation-name: firefly-move11;
 }
 
 .bg-animation-firefly:nth-child(11)::before {
   animation-duration: 14s;
 }
 
 .bg-animation-firefly:nth-child(11)::after {
   animation-duration: 14s, 8796ms;
   animation-delay: 0ms, 609ms;
 }
 
 @keyframes firefly-move11 {
   0% {
     transform: translateX(26vw) translateY(5vh) scale(0.69);
   }
 
   4.1666666667% {
     transform: translateX(45vw) translateY(49vh) scale(0.64);
   }
 
   8.3333333333% {
     transform: translateX(22vw) translateY(42vh) scale(0.65);
   }
 
   12.5% {
     transform: translateX(28vw) translateY(-19vh) scale(0.81);
   }
 
   16.6666666667% {
     transform: translateX(-23vw) translateY(-45vh) scale(0.95);
   }
 
   20.8333333333% {
     transform: translateX(33vw) translateY(-43vh) scale(0.87);
   }
 
   25% {
     transform: translateX(32vw) translateY(20vh) scale(0.88);
   }
 
   29.1666666667% {
     transform: translateX(-24vw) translateY(37vh) scale(0.78);
   }
 
   33.3333333333% {
     transform: translateX(-20vw) translateY(-41vh) scale(0.58);
   }
 
   37.5% {
     transform: translateX(12vw) translateY(36vh) scale(0.9);
   }
 
   41.6666666667% {
     transform: translateX(38vw) translateY(-37vh) scale(0.68);
   }
 
   45.8333333333% {
     transform: translateX(8vw) translateY(-5vh) scale(0.58);
   }
 
   50% {
     transform: translateX(-17vw) translateY(-44vh) scale(0.77);
   }
 
   54.1666666667% {
     transform: translateX(0vw) translateY(31vh) scale(0.42);
   }
 
   58.3333333333% {
     transform: translateX(10vw) translateY(-16vh) scale(0.86);
   }
 
   62.5% {
     transform: translateX(50vw) translateY(-22vh) scale(0.48);
   }
 
   66.6666666667% {
     transform: translateX(4vw) translateY(0vh) scale(0.31);
   }
 
   70.8333333333% {
     transform: translateX(14vw) translateY(-46vh) scale(0.47);
   }
 
   75% {
     transform: translateX(34vw) translateY(-39vh) scale(0.77);
   }
 
   79.1666666667% {
     transform: translateX(-13vw) translateY(30vh) scale(0.31);
   }
 
   83.3333333333% {
     transform: translateX(-42vw) translateY(-45vh) scale(0.38);
   }
 
   87.5% {
     transform: translateX(21vw) translateY(28vh) scale(0.57);
   }
 
   91.6666666667% {
     transform: translateX(9vw) translateY(-32vh) scale(0.91);
   }
 
   95.8333333333% {
     transform: translateX(8vw) translateY(-35vh) scale(0.87);
   }
 
   100% {
     transform: translateX(-32vw) translateY(-22vh) scale(0.29);
   }
 }
 
 .bg-animation-firefly:nth-child(12) {
   animation-name: firefly-move12;
 }
 
 .bg-animation-firefly:nth-child(12)::before {
   animation-duration: 9s;
 }
 
 .bg-animation-firefly:nth-child(12)::after {
   animation-duration: 9s, 9361ms;
   animation-delay: 0ms, 2955ms;
 }
 
 @keyframes firefly-move12 {
   0% {
     transform: translateX(-9vw) translateY(-18vh) scale(0.84);
   }
 
   4.1666666667% {
     transform: translateX(21vw) translateY(50vh) scale(0.97);
   }
 
   8.3333333333% {
     transform: translateX(1vw) translateY(43vh) scale(0.73);
   }
 
   12.5% {
     transform: translateX(5vw) translateY(-19vh) scale(0.7);
   }
 
   16.6666666667% {
     transform: translateX(-46vw) translateY(-14vh) scale(0.75);
   }
 
   20.8333333333% {
     transform: translateX(15vw) translateY(18vh) scale(0.83);
   }
 
   25% {
     transform: translateX(35vw) translateY(-19vh) scale(0.69);
   }
 
   29.1666666667% {
     transform: translateX(4vw) translateY(-13vh) scale(0.4);
   }
 
   33.3333333333% {
     transform: translateX(32vw) translateY(-27vh) scale(0.36);
   }
 
   37.5% {
     transform: translateX(49vw) translateY(45vh) scale(0.56);
   }
 
   41.6666666667% {
     transform: translateX(23vw) translateY(19vh) scale(0.78);
   }
 
   45.8333333333% {
     transform: translateX(20vw) translateY(13vh) scale(0.92);
   }
 
   50% {
     transform: translateX(37vw) translateY(49vh) scale(0.84);
   }
 
   54.1666666667% {
     transform: translateX(38vw) translateY(2vh) scale(0.34);
   }
 
   58.3333333333% {
     transform: translateX(-2vw) translateY(37vh) scale(0.33);
   }
 
   62.5% {
     transform: translateX(34vw) translateY(-12vh) scale(0.73);
   }
 
   66.6666666667% {
     transform: translateX(37vw) translateY(-6vh) scale(0.36);
   }
 
   70.8333333333% {
     transform: translateX(-38vw) translateY(12vh) scale(0.67);
   }
 
   75% {
     transform: translateX(-43vw) translateY(6vh) scale(0.64);
   }
 
   79.1666666667% {
     transform: translateX(-34vw) translateY(-35vh) scale(0.89);
   }
 
   83.3333333333% {
     transform: translateX(-32vw) translateY(-8vh) scale(0.93);
   }
 
   87.5% {
     transform: translateX(7vw) translateY(12vh) scale(0.52);
   }
 
   91.6666666667% {
     transform: translateX(41vw) translateY(-22vh) scale(0.31);
   }
 
   95.8333333333% {
     transform: translateX(40vw) translateY(33vh) scale(0.73);
   }
 
   100% {
     transform: translateX(-3vw) translateY(-4vh) scale(0.97);
   }
 }
 
 .bg-animation-firefly:nth-child(13) {
   animation-name: firefly-move13;
 }
 
 .bg-animation-firefly:nth-child(13)::before {
   animation-duration: 13s;
 }
 
 .bg-animation-firefly:nth-child(13)::after {
   animation-duration: 13s, 10064ms;
   animation-delay: 0ms, 6971ms;
 }
 
 @keyframes firefly-move13 {
   0% {
     transform: translateX(-8vw) translateY(-38vh) scale(0.71);
   }
 
   3.8461538462% {
     transform: translateX(-4vw) translateY(-32vh) scale(0.52);
   }
 
   7.6923076923% {
     transform: translateX(-18vw) translateY(15vh) scale(0.77);
   }
 
   11.5384615385% {
     transform: translateX(-18vw) translateY(-26vh) scale(0.96);
   }
 
   15.3846153846% {
     transform: translateX(-19vw) translateY(-6vh) scale(0.77);
   }
 
   19.2307692308% {
     transform: translateX(-35vw) translateY(-35vh) scale(0.88);
   }
 
   23.0769230769% {
     transform: translateX(41vw) translateY(23vh) scale(0.9);
   }
 
   26.9230769231% {
     transform: translateX(50vw) translateY(38vh) scale(0.35);
   }
 
   30.7692307692% {
     transform: translateX(41vw) translateY(-6vh) scale(0.5);
   }
 
   34.6153846154% {
     transform: translateX(3vw) translateY(28vh) scale(0.41);
   }
 
   38.4615384615% {
     transform: translateX(-36vw) translateY(-15vh) scale(0.52);
   }
 
   42.3076923077% {
     transform: translateX(23vw) translateY(12vh) scale(0.7);
   }
 
   46.1538461538% {
     transform: translateX(27vw) translateY(49vh) scale(0.41);
   }
 
   50% {
     transform: translateX(1vw) translateY(12vh) scale(0.78);
   }
 
   53.8461538462% {
     transform: translateX(-45vw) translateY(7vh) scale(0.41);
   }
 
   57.6923076923% {
     transform: translateX(-31vw) translateY(15vh) scale(0.71);
   }
 
   61.5384615385% {
     transform: translateX(38vw) translateY(16vh) scale(0.61);
   }
 
   65.3846153846% {
     transform: translateX(6vw) translateY(-22vh) scale(0.95);
   }
 
   69.2307692308% {
     transform: translateX(-43vw) translateY(35vh) scale(0.51);
   }
 
   73.0769230769% {
     transform: translateX(-9vw) translateY(-3vh) scale(0.44);
   }
 
   76.9230769231% {
     transform: translateX(-2vw) translateY(-19vh) scale(0.95);
   }
 
   80.7692307692% {
     transform: translateX(-34vw) translateY(31vh) scale(0.4);
   }
 
   84.6153846154% {
     transform: translateX(45vw) translateY(28vh) scale(0.8);
   }
 
   88.4615384615% {
     transform: translateX(4vw) translateY(38vh) scale(0.69);
   }
 
   92.3076923077% {
     transform: translateX(0vw) translateY(2vh) scale(0.33);
   }
 
   96.1538461538% {
     transform: translateX(31vw) translateY(-36vh) scale(0.91);
   }
 
   100% {
     transform: translateX(-22vw) translateY(-2vh) scale(0.63);
   }
 }
 
 .bg-animation-firefly:nth-child(14) {
   animation-name: firefly-move14;
 }
 
 .bg-animation-firefly:nth-child(14)::before {
   animation-duration: 11s;
 }
 
 .bg-animation-firefly:nth-child(14)::after {
   animation-duration: 11s, 6483ms;
   animation-delay: 0ms, 1879ms;
 }
 
 @keyframes firefly-move14 {
   0% {
     transform: translateX(-25vw) translateY(-6vh) scale(0.71);
   }
 
   4.347826087% {
     transform: translateX(8vw) translateY(50vh) scale(0.37);
   }
 
   8.6956521739% {
     transform: translateX(24vw) translateY(-41vh) scale(0.86);
   }
 
   13.0434782609% {
     transform: translateX(-32vw) translateY(-26vh) scale(0.92);
   }
 
   17.3913043478% {
     transform: translateX(-38vw) translateY(24vh) scale(0.28);
   }
 
   21.7391304348% {
     transform: translateX(-45vw) translateY(17vh) scale(0.55);
   }
 
   26.0869565217% {
     transform: translateX(22vw) translateY(35vh) scale(0.52);
   }
 
   30.4347826087% {
     transform: translateX(41vw) translateY(-4vh) scale(0.78);
   }
 
   34.7826086957% {
     transform: translateX(-43vw) translateY(-39vh) scale(0.62);
   }
 
   39.1304347826% {
     transform: translateX(27vw) translateY(15vh) scale(0.38);
   }
 
   43.4782608696% {
     transform: translateX(-10vw) translateY(7vh) scale(1);
   }
 
   47.8260869565% {
     transform: translateX(7vw) translateY(-22vh) scale(0.91);
   }
 
   52.1739130435% {
     transform: translateX(47vw) translateY(38vh) scale(0.52);
   }
 
   56.5217391304% {
     transform: translateX(20vw) translateY(-34vh) scale(0.29);
   }
 
   60.8695652174% {
     transform: translateX(44vw) translateY(38vh) scale(0.35);
   }
 
   65.2173913043% {
     transform: translateX(-13vw) translateY(25vh) scale(0.67);
   }
 
   69.5652173913% {
     transform: translateX(31vw) translateY(-16vh) scale(0.65);
   }
 
   73.9130434783% {
     transform: translateX(2vw) translateY(21vh) scale(0.76);
   }
 
   78.2608695652% {
     transform: translateX(-47vw) translateY(27vh) scale(0.95);
   }
 
   82.6086956522% {
     transform: translateX(-6vw) translateY(-10vh) scale(0.7);
   }
 
   86.9565217391% {
     transform: translateX(49vw) translateY(31vh) scale(0.49);
   }
 
   91.3043478261% {
     transform: translateX(-5vw) translateY(-44vh) scale(0.95);
   }
 
   95.652173913% {
     transform: translateX(40vw) translateY(25vh) scale(0.5);
   }
 
   100% {
     transform: translateX(29vw) translateY(-6vh) scale(0.46);
   }
 }
 
 .bg-animation-firefly:nth-child(15) {
   animation-name: firefly-move15;
 }
 
 .bg-animation-firefly:nth-child(15)::before {
   animation-duration: 9s;
 }
 
 .bg-animation-firefly:nth-child(15)::after {
   animation-duration: 9s, 10815ms;
   animation-delay: 0ms, 2051ms;
 }
 
 @keyframes firefly-move15 {
   0% {
     transform: translateX(35vw) translateY(-11vh) scale(0.59);
   }
 
   5.2631578947% {
     transform: translateX(-46vw) translateY(30vh) scale(0.95);
   }
 
   10.5263157895% {
     transform: translateX(18vw) translateY(39vh) scale(0.62);
   }
 
   15.7894736842% {
     transform: translateX(1vw) translateY(3vh) scale(0.77);
   }
 
   21.0526315789% {
     transform: translateX(-46vw) translateY(35vh) scale(0.73);
   }
 
   26.3157894737% {
     transform: translateX(45vw) translateY(42vh) scale(0.89);
   }
 
   31.5789473684% {
     transform: translateX(39vw) translateY(27vh) scale(0.47);
   }
 
   36.8421052632% {
     transform: translateX(48vw) translateY(19vh) scale(0.51);
   }
 
   42.1052631579% {
     transform: translateX(-14vw) translateY(-23vh) scale(0.5);
   }
 
   47.3684210526% {
     transform: translateX(9vw) translateY(8vh) scale(0.49);
   }
 
   52.6315789474% {
     transform: translateX(41vw) translateY(36vh) scale(0.27);
   }
 
   57.8947368421% {
     transform: translateX(40vw) translateY(37vh) scale(0.65);
   }
 
   63.1578947368% {
     transform: translateX(48vw) translateY(12vh) scale(0.75);
   }
 
   68.4210526316% {
     transform: translateX(-41vw) translateY(36vh) scale(0.57);
   }
 
   73.6842105263% {
     transform: translateX(-2vw) translateY(-32vh) scale(0.86);
   }
 
   78.9473684211% {
     transform: translateX(-36vw) translateY(-44vh) scale(0.79);
   }
 
   84.2105263158% {
     transform: translateX(36vw) translateY(33vh) scale(0.87);
   }
 
   89.4736842105% {
     transform: translateX(-26vw) translateY(-25vh) scale(0.27);
   }
 
   94.7368421053% {
     transform: translateX(-10vw) translateY(15vh) scale(0.35);
   }
 
   100% {
     transform: translateX(9vw) translateY(-11vh) scale(0.99);
   }
 }
 
 @keyframes firefly-drift {
   0% {
     transform: rotate(0deg);
   }
 
   100% {
     transform: rotate(360deg);
   }
 }
 
 @keyframes firefly-flash {
 
   0%,
   30%,
   100% {
     opacity: 0;
     box-shadow: 0 0 0vw 0vw yellow;
   }
 
   5% {
     opacity: 0.5;
     box-shadow: 0 0 2vw 0.4vw yellow;
   }
 }
 
 /* ENDPURE CSS BACKGROUND*/
 
 
 
 body.skin-Tamken-Dark-Style {
   background: none;
   background-size: cover;
   background-color: #1e1e2f;
   color: #cccccc;
 }
 
 .skin-Tamken-Dark-Style.fixed .content-wrapper,
 .skin-Tamken-Dark-Style.fixed .right-side {
   /* padding-top: 60px; */
   padding-top: 115px;
 }
 
 .skin-Tamken-Dark-Style {
   /*input[type="text"] {
              height: 32px;
          }*/
   /*button {
              height: 34px;
          }*/
   /*
          .nav > li > a:hover, .nav > li > a:active, .nav > li > a:focus, .main-header .sidebar-toggle:hover {
              color: @glass-001-link-hover-active-color;
              text-shadow: 0 0 2px @glass-001-link-shadow-color;
          }*/
 }
 
 .skin-Tamken-Dark-Style #PageBackground {
   display: block !important;
   background: none;
   background-size: cover;
 }
 
 .skin-Tamken-Dark-Style .j-skin-text-color {
   color: #cccccc;
 }
 
 .skin-Tamken-Dark-Style .btn-default.disabled:hover,
 .skin-Tamken-Dark-Style .btn-default[disabled]:hover,
 .skin-Tamken-Dark-Style fieldset[disabled] .btn-default:hover,
 .skin-Tamken-Dark-Style .btn-default.disabled:focus,
 .skin-Tamken-Dark-Style .btn-default[disabled]:focus,
 .skin-Tamken-Dark-Style fieldset[disabled] .btn-default:focus,
 .skin-Tamken-Dark-Style .btn-default.disabled.focus,
 .skin-Tamken-Dark-Style .btn-default[disabled].focus,
 .skin-Tamken-Dark-Style fieldset[disabled] .btn-default.focus {
   background-color: unset;
 }
 
 .skin-Tamken-Dark-Style .content-wrapper {
   background: none;
   background-size: cover;
   background-color: #1e1e2f;
   margin-left: 24px !important;
 }
 
 .skin-Tamken-Dark-Style ::-webkit-input-placeholder {
   /* Edge */
   color: rgba(204, 204, 204, 0.5);
 }
 
 .skin-Tamken-Dark-Style :-ms-input-placeholder {
   /* Internet Explorer 10-11 */
   color: rgba(204, 204, 204, 0.5);
 }
 
 .skin-Tamken-Dark-Style ::placeholder {
   color: rgba(204, 204, 204, 0.5);
 }
 
 .skin-Tamken-Dark-Style input {
   color: #cccccc;
 }
 
 .skin-Tamken-Dark-Style .table>thead>tr>th,
 .skin-Tamken-Dark-Style .table>tbody>tr>th,
 .skin-Tamken-Dark-Style .table>tfoot>tr>th,
 .skin-Tamken-Dark-Style .table>thead>tr>td,
 .skin-Tamken-Dark-Style .table>tbody>tr>td,
 .skin-Tamken-Dark-Style .table>tfoot>tr>td {
   border-top: 1px solid #ffffff14;
 }
 
 .skin-Tamken-Dark-Style a {
   color: #5f97ff;
 }
 
 .skin-Tamken-Dark-Style a.btn.btn-primary,
 .skin-Tamken-Dark-Style a.btn.btn-success,
 .skin-Tamken-Dark-Style a.btn.btn-info,
 .skin-Tamken-Dark-Style a.btn.btn-danger,
 .skin-Tamken-Dark-Style a.btn.btn-warning {
   color: #fff;
 }
 
 .skin-Tamken-Dark-Style a.btn.btn-primary:hover,
 .skin-Tamken-Dark-Style a.btn.btn-success:hover,
 .skin-Tamken-Dark-Style a.btn.btn-info:hover,
 .skin-Tamken-Dark-Style a.btn.btn-danger:hover,
 .skin-Tamken-Dark-Style a.btn.btn-warning:hover {
   color: #fff;
 }
 
 .skin-Tamken-Dark-Style a.btn:hover {
   color: #5f97ff;
 }
 
 .skin-Tamken-Dark-Style a:hover,
 .skin-Tamken-Dark-Style a:active,
 .skin-Tamken-Dark-Style a:focus {
   color: #e2b143;
 }
 
 .skin-Tamken-Dark-Style input[type="text"],
 .skin-Tamken-Dark-Style input[type="email"],
 .skin-Tamken-Dark-Style input[type="tel"],
 .skin-Tamken-Dark-Style input[type="search"],
 .skin-Tamken-Dark-Style input[type="url"],
 .skin-Tamken-Dark-Style input[type="password"] {
   height: 34px;
   line-height: 34px;
   background: transparent;
   border-radius: 2px;
 }
 
 .skin-Tamken-Dark-Style input[type="text"]:focus,
 .skin-Tamken-Dark-Style input[type="email"]:focus,
 .skin-Tamken-Dark-Style input[type="tel"]:focus,
 .skin-Tamken-Dark-Style input[type="search"]:focus,
 .skin-Tamken-Dark-Style input[type="url"]:focus,
 .skin-Tamken-Dark-Style input[type="password"]:focus {
   border-color: #77777796;
   outline: 0;
 }
 
 .skin-Tamken-Dark-Style textarea {
   background: transparent;
   border-radius: 2px;
   color: #cccccc;
 }
 
 .skin-Tamken-Dark-Style textarea:focus {
   border-color: #77777796;
   outline: 0;
 }
 
 .skin-Tamken-Dark-Style h1,
 .skin-Tamken-Dark-Style h2,
 .skin-Tamken-Dark-Style h3,
 .skin-Tamken-Dark-Style h4,
 .skin-Tamken-Dark-Style h5,
 .skin-Tamken-Dark-Style h6,
 .skin-Tamken-Dark-Style .h1,
 .skin-Tamken-Dark-Style .h2,
 .skin-Tamken-Dark-Style .h3,
 .skin-Tamken-Dark-Style .h4,
 .skin-Tamken-Dark-Style .h5,
 .skin-Tamken-Dark-Style .h6 {
   font-family: Poppins, Helvetica, "sans-serif";
   color: inherit;
 }
 
 .skin-Tamken-Dark-Style h1 small,
 .skin-Tamken-Dark-Style h2 small,
 .skin-Tamken-Dark-Style h3 small,
 .skin-Tamken-Dark-Style h4 small,
 .skin-Tamken-Dark-Style h5 small,
 .skin-Tamken-Dark-Style h6 small,
 .skin-Tamken-Dark-Style .h1 small,
 .skin-Tamken-Dark-Style .h2 small,
 .skin-Tamken-Dark-Style .h3 small,
 .skin-Tamken-Dark-Style .h4 small,
 .skin-Tamken-Dark-Style .h5 small,
 .skin-Tamken-Dark-Style .h6 small,
 .skin-Tamken-Dark-Style h1 .small,
 .skin-Tamken-Dark-Style h2 .small,
 .skin-Tamken-Dark-Style h3 .small,
 .skin-Tamken-Dark-Style h4 .small,
 .skin-Tamken-Dark-Style h5 .small,
 .skin-Tamken-Dark-Style h6 .small,
 .skin-Tamken-Dark-Style .h1 .small,
 .skin-Tamken-Dark-Style .h2 .small,
 .skin-Tamken-Dark-Style .h3 .small,
 .skin-Tamken-Dark-Style .h4 .small,
 .skin-Tamken-Dark-Style .h5 .small,
 .skin-Tamken-Dark-Style .h6 .small {
   color: #cccccc;
   font-family: Poppins, Helvetica, "sans-serif";
 }
 
 .skin-Tamken-Dark-Style .info-box {
   background-color: #00000014;
   border-radius: 2px;
 }
 
 .skin-Tamken-Dark-Style .info-box .info-box-icon {
   border-radius: 2px 0 0 2px;
 }
 
 .skin-Tamken-Dark-Style .box {
   background: none;
   background-size: cover;
   background-color: #26293b;
   color: #cccccc;
 }
 
 .skin-Tamken-Dark-Style .box .box-header {
   background: transparent;
   color: #cccccc;
 }
 
 .skin-Tamken-Dark-Style .box .box-header .box-title {
   color: inherit;
   font-family: Poppins, Helvetica, "sans-serif";
   font-weight: 300;
   font-size: 18px;
   text-shadow: 1px 1px 1px #151515;
 }
 
 .skin-Tamken-Dark-Style .box .box-header.with-border {
   color: #cccccc;
   text-shadow: #333;
   border-bottom: 1px solid #00000014;
   background: transparent;
 }
 
 .skin-Tamken-Dark-Style .box .box-header>.box-tools .btn {
   color: #cccccc;
 }
 
 .skin-Tamken-Dark-Style .box .box-footer {
   background: transparent;
   border: unset;
   color: #cccccc;
 }
 
 .skin-Tamken-Dark-Style .box label {
   color: #cccccc;
 }
 
 .skin-Tamken-Dark-Style .box .border-right {
   border-color: #ffffff1a;
 }
 
 .skin-Tamken-Dark-Style .small-box {
   border-radius: 2px;
 }
 
 .skin-Tamken-Dark-Style .small-box h3 {
   color: #fff;
 }
 
 .skin-Tamken-Dark-Style .help-block {
   color: rgba(204, 204, 204, 0.5);
 }
 
 .skin-Tamken-Dark-Style .btn {
   border-radius: 2px;
 }
 
 .skin-Tamken-Dark-Style .btn.btn-social {
   color: #cccccc;
   text-shadow: unset;
   padding-left: 40px;
   background: #ffffff26;
 }
 
 .skin-Tamken-Dark-Style .btn.btn-social:hover {
   background-color: #ffffff26;
 }
 
 .skin-Tamken-Dark-Style .btn.btn-social-icon {
   color: #fff;
 }
 
 .skin-Tamken-Dark-Style .btn-default {
   background-color: inherit;
   color: inherit;
   border-color: #525467;
 }
 
 .skin-Tamken-Dark-Style .btn-default i::before {
   color: #ccc;
 }
 
 .skin-Tamken-Dark-Style .btn-xs {
   height: unset !important;
 }
 
 .skin-Tamken-Dark-Style table.table {
   color: #cccccc;
 }
 
 .skin-Tamken-Dark-Style table.table.table-striped>tbody>tr:nth-of-type(odd) {
   background: rgba(0, 0, 0, 0.05);
 }
 
 .skin-Tamken-Dark-Style table.table.table-hover>tbody>tr:hover {
   background-color: rgba(0, 0, 0, 0.05);
 }
 
 .skin-Tamken-Dark-Style .list-group-item {
   background: transparent;
   color: #cccccc;
   border-color: #525467;
 }
 
 .skin-Tamken-Dark-Style .text-muted {
   color: rgba(204, 204, 204, 0.5);
 }
 
 .skin-Tamken-Dark-Style .content-header>h1 {
   font-weight: 300;
   font-family: Poppins, Helvetica, "sans-serif";
   color: #e6b84f;
   font-weight: bold;
 }
 
 .skin-Tamken-Dark-Style .content-header>h1>.breadcrumb>li>a {
   color: #5f97ff;
 }
 
 .skin-Tamken-Dark-Style .navbar-toggle {
   color: #cccccc;
 }
 
 .skin-Tamken-Dark-Style .icheckbox_minimal-blue.disabled,
 .skin-Tamken-Dark-Style .icheckbox_minimal-red.disabled,
 .skin-Tamken-Dark-Style .icheckbox_flat-green.disabled,
 .skin-Tamken-Dark-Style .iradio_flat-green.disabled {
   opacity: 0.4 !important;
   background: #596475;
   outline: 0;
 }
 
 .skin-Tamken-Dark-Style .iradio_minimal-blue.disabled input,
 .skin-Tamken-Dark-Style .iradio_minimal-red.disabled input {
   opacity: 0.4 !important;
   width: 100%;
   height: 100%;
   margin: 0;
   padding: 0;
 }
 
 .skin-Tamken-Dark-Style .daterangepicker .ranges .input-mini {
   color: #cccccc;
 }
 
 .skin-Tamken-Dark-Style .form-control,
 .skin-Tamken-Dark-Style input.editor {
   /*height: 34px;*/
   /*padding: 3px 12px;*/
 }
 
 .skin-Tamken-Dark-Style .form-control:focus,
 .skin-Tamken-Dark-Style input.editor:focus {
   border-color: #77777796;
   outline: 0;
   /*box-shadow: 0 0 0 0.25rem @glass-001-input-border-color;*/
 }
 
 .skin-Tamken-Dark-Style .form-control[disabled],
 .skin-Tamken-Dark-Style .form-control[readonly],
 .skin-Tamken-Dark-Style fieldset[disabled] .form-control {
   background: url(/Content/skins/glass001/assets/bg_dot.png);
   background-color: transparent;
   border-radius: 2px;
   border-color: #92929212;
   color: #f5f5f599;
   outline: 0;
 }
 
 .skin-Tamken-Dark-Style select.form-control {
   background: #0000002b;
   color: #f8f8f8 !important;
   border-radius: 2px;
   border-color: #00000033;
 }
 
 .skin-Tamken-Dark-Style select.form-control[disabled] option {
   color: rgba(204, 204, 204, 0.3) !important;
 }
 
 .skin-Tamken-Dark-Style select.form-control option {
   color: #cccccc;
   background: none;
   background-size: cover;
   background-color: #232636;
   padding: 5px 0;
 }
 
 .skin-Tamken-Dark-Style select[multiple] option {
   background: transparent;
 }
 
 .skin-Tamken-Dark-Style .main-footer {
   background-color: transparent;
   border-top: unset;
   color: #cccccc;
 }
 
 .skin-Tamken-Dark-Style .inline-action {
   opacity: 0.8;
 }
 
 .skin-Tamken-Dark-Style .emailat {
   color: #cccccc;
 }
 
 .skin-Tamken-Dark-Style .ui-dialog {
   box-shadow: 0 0 20px #0e0e0e96;
   -webkit-box-shadow: 0 0 20px #0e0e0e96;
 }
 
 .skin-Tamken-Dark-Style .ui-dialog .ui-dialog-titlebar {
   height: 40px;
   background: transparent;
   border-bottom: 1px solid rgba(0, 0, 0, 0.12);
   box-shadow: 0 1px 0 0 rgba(255, 255, 255, 0.12);
   -webkit-box-shadow: 0 1px 0 0 rgba(255, 255, 255, 0.12);
 }
 
 .skin-Tamken-Dark-Style .ui-dialog .ui-dialog-titlebar button {
   border: unset;
   border-radius: 2px;
   background: unset;
   color: #cccccc;
   text-shadow: unset;
 }
 
 .skin-Tamken-Dark-Style .ui-dialog .ui-dialog-titlebar button i {
   -webkit-transform: translateZ(0);
   transform: translateZ(0);
   -webkit-transition-duration: 0.3s;
   transition-duration: 0.3s;
   -webkit-transition-property: transform;
   transition-property: transform;
   -webkit-transition-timing-function: ease-out;
   transition-timing-function: ease-out;
 }
 
 .skin-Tamken-Dark-Style .ui-dialog .ui-dialog-titlebar button:hover {
   text-shadow: 0 0 5px #fff;
 }
 
 .skin-Tamken-Dark-Style .ui-dialog .ui-dialog-titlebar button:hover i {
   -webkit-transform: scale(1.1) translateZ(0);
   transform: scale(1.05) translateZ(0);
 }
 
 .skin-Tamken-Dark-Style .ui-dialog .ui-dialog-title {
   font-family: Poppins, Helvetica, "sans-serif";
   color: #5f97ff;
   margin: 5px 4px 0 0;
   font-weight: 300;
   text-shadow: 1px 1px 1px #333;
   font-size: 16px;
   padding-top: 1px;
 }
 
 .skin-Tamken-Dark-Style .ui-dialog .ui-dialog-buttonpane {
   border: unset;
 }
 
 .skin-Tamken-Dark-Style .ui-dialog .ui-dialog-buttonpane button {
   background: #ffffff26;
   border-color: #ffffff26;
   border-style: solid;
   border-width: 1px;
   border-radius: 2px;
   color: #cccccc;
   font-family: Poppins, Helvetica, "sans-serif";
   font-size: 14px;
   height: 34px;
   line-height: 20px;
   font-weight: 300;
   box-shadow: unset;
   -webkit-box-shadow: unset;
   text-shadow: unset;
 }
 
 .skin-Tamken-Dark-Style .ui-dialog .ui-dialog-buttonpane button:hover {
   text-shadow: 0 0 5px #fff;
 }
 
 .skin-Tamken-Dark-Style .s-Dialog {
   background: none;
   background-size: cover;
   background-color: #232636;
   border-radius: 2px;
 }
 
 .skin-Tamken-Dark-Style .s-Dialog .ui-dialog-content {
   border-bottom: 1px solid rgba(0, 0, 0, 0.12);
   box-shadow: 0 1px 0 0 rgba(255, 255, 255, 0.12);
   -webkit-box-shadow: 0 1px 0 0 rgba(255, 255, 255, 0.12);
 }
 
 .skin-Tamken-Dark-Style .s-Dialog .ui-dialog-buttonpane {
   background: transparent;
 }
 
 .skin-Tamken-Dark-Style .s-Panel .ui-dialog-buttonpane {
   background: transparent;
 }
 
 .skin-Tamken-Dark-Style .s-ColumnPickerDialog .search {
   color: #cccccc;
 }
 
 .skin-Tamken-Dark-Style .s-ColumnPickerDialog .search input {
   border: solid 1px #00000033;
 }
 
 .skin-Tamken-Dark-Style .s-ColumnPickerDialog .search input:focus {
   /*outline: 0;*/
 }
 
 .skin-Tamken-Dark-Style .s-ColumnPickerDialog .column-list {
   background-color: #00000014;
   border-radius: 2px;
 }
 
 .skin-Tamken-Dark-Style .s-ColumnPickerDialog .column-list h5 {
   font-family: Poppins, Helvetica, "sans-serif";
   font-weight: 300;
   color: #cccccc;
   font-size: 13px;
   background-color: rgba(31, 31, 31, 0.07843137);
   border-radius: 2px 2px 0 0;
 }
 
 .skin-Tamken-Dark-Style .s-ColumnPickerDialog li {
   background: transparent;
 }
 
 .skin-Tamken-Dark-Style .s-ColumnPickerDialog .visible-list li {
   color: #cccccc;
 }
 
 .skin-Tamken-Dark-Style .s-ColumnPickerDialog .hidden-list li {
   color: rgba(204, 204, 204, 0.6);
 }
 
 .skin-Tamken-Dark-Style .s-ColumnPickerDialog h5 {
   color: #5f97ff;
 }
 
 .skin-Tamken-Dark-Style .s-ColumnPickerDialog h5 i {
   color: #5f97ff;
 }
 
 .skin-Tamken-Dark-Style .s-ColumnPickerDialog .drag-handle {
   color: #5f97ff;
 }
 
 .skin-Tamken-Dark-Style .s-ImageUploadEditor ul,
 .skin-Tamken-Dark-Style .s-MultipleImageUploadEditor ul {
   border: unset;
   border-radius: 2px;
   background-color: #00000014;
 }
 
 .skin-Tamken-Dark-Style .s-ImageUploadEditor .s-Toolbar,
 .skin-Tamken-Dark-Style .s-MultipleImageUploadEditor .s-Toolbar {
   padding: 4px 0;
 }
 
 .skin-Tamken-Dark-Style .flex-layout .ui-dialog-content,
 .skin-Tamken-Dark-Style .flex-layout .s-DialogContent,
 .skin-Tamken-Dark-Style .flex-layout .s-Form,
 .skin-Tamken-Dark-Style .flex-layout form,
 .skin-Tamken-Dark-Style .flex-layout .fieldset,
 .skin-Tamken-Dark-Style .flex-layout .ui-tabs-panel,
 .skin-Tamken-Dark-Style .flex-layout .ui-tabs-panel>.s-DataGrid,
 .skin-Tamken-Dark-Style .flex-layout .property-panes,
 .skin-Tamken-Dark-Style .flex-layout .property-panes .tab-pane.active,
 .skin-Tamken-Dark-Style .flex-layout .s-PropertyGrid {
   background: transparent;
 }
 
 .skin-Tamken-Dark-Style .ui-tabs .ui-tabs-nav {
   border: unset;
   margin-bottom: 1px;
 }
 
 .skin-Tamken-Dark-Style .ui-tabs .ui-tabs-nav li {
   border-top: 3px solid transparent;
   border-radius: 2px 2px 0 0;
 }
 
 .skin-Tamken-Dark-Style .ui-tabs .ui-tabs-nav li.ui-state-disabled a {
   text-shadow: unset;
 }
 
 .skin-Tamken-Dark-Style .ui-tabs .ui-tabs-nav li.ui-state-disabled:hover a {
   text-shadow: unset;
 }
 
 .skin-Tamken-Dark-Style .ui-tabs .ui-tabs-panel {
   /*border-top: solid 1px @glass-001-tab-active-bg-color;*/
   background: #00000014;
   border-radius: 2px;
 }
 
 .skin-Tamken-Dark-Style .s-TemplatedDialog.s-Panel .s-DialogToolbar {
   margin: 0 10px 10px 10px;
 }
 
 .skin-Tamken-Dark-Style .ui-tabs .ui-tabs-nav li.ui-tabs-active {
   border: unset;
   background: #00000014;
   border-top: 3px solid #5f97ff;
 }
 
 .skin-Tamken-Dark-Style .ui-tabs .ui-tabs-nav li.ui-tabs-active a {
   color: #cccccc;
   text-shadow: unset;
 }
 
 .skin-Tamken-Dark-Style .ui-tabs .ui-tabs-nav li.ui-state-disabled a:hover {
   text-shadow: unset;
 }
 
 .skin-Tamken-Dark-Style .s-Dialog .ui-tabs .ui-tabs-nav li a,
 .skin-Tamken-Dark-Style .s-Panel .ui-tabs .ui-tabs-nav li a {
   height: 34px;
   padding: 6px 10px 3px 10px;
   font-family: Poppins, Helvetica, "sans-serif";
   font-weight: 500;
   text-shadow: unset;
   color: #cccccc;
   border: unset;
 }
 
 .skin-Tamken-Dark-Style .s-Dialog .ui-tabs .ui-tabs-nav li:hover a,
 .skin-Tamken-Dark-Style .s-Panel .ui-tabs .ui-tabs-nav li:hover a {
   text-shadow: 0 0 2px #fff;
 }
 
 .skin-Tamken-Dark-Style .s-Dialog .ui-tabs .ui-tabs-nav li.ui-state-disabled a:hover,
 .skin-Tamken-Dark-Style .s-Panel .ui-tabs .ui-tabs-nav li.ui-state-disabled a:hover {
   text-shadow: unset;
 }
 
 .skin-Tamken-Dark-Style .s-MessageDialog {
   background: url(/Content/skins/glass001/assets/boxlight_ltr.png) 0 0 / cover;
   background-color: #0062b7;
 }
 
 .skin-Tamken-Dark-Style .s-MessageDialog .ui-dialog-titlebar {
   background: transparent;
 }
 
 .skin-Tamken-Dark-Style .s-MessageDialog .ui-dialog-titlebar button {
   color: #fff;
 }
 
 .skin-Tamken-Dark-Style .s-MessageDialog .ui-dialog-content {
   background: transparent;
   color: #cccccc;
 }
 
 .skin-Tamken-Dark-Style .s-MessageDialog .ui-dialog-content button {
   border-width: 0;
   color: #fff;
   background: rgba(255, 255, 255, 0.3);
 }
 
 .skin-Tamken-Dark-Style .s-MessageDialog .ui-dialog-content:before {
   color: #fff;
 }
 
 .skin-Tamken-Dark-Style .s-MessageDialog .ui-dialog-content a {
   color: #5f97ff;
   text-shadow: 0 2px 2px #151515;
 }
 
 .skin-Tamken-Dark-Style .s-MessageDialog .ui-dialog-buttonpane {
   background: transparent;
 }
 
 .skin-Tamken-Dark-Style .s-MessageDialog .ui-dialog-buttonpane button {
   border-width: 0;
   color: #fff;
   background: rgba(255, 255, 255, 0.3);
 }
 
 .skin-Tamken-Dark-Style .s-MessageDialog .message {
   font-family: Poppins, Helvetica, "sans-serif";
   font-weight: 300;
   font-size: 14px;
   color: #fff;
 }
 
 .skin-Tamken-Dark-Style .s-MessageDialog.s-Confirm {
   background-color: #0062b7;
 }
 
 .skin-Tamken-Dark-Style .s-MessageDialog.s-InformationDialog {
   background-color: #0da6ce;
 }
 
 .skin-Tamken-Dark-Style .s-MessageDialog.s-InformationDialog .ui-dialog-title {
   color: #fff;
 }
 
 .skin-Tamken-Dark-Style .s-MessageDialog.s-WarningDialog {
   background-color: #e88200;
 }
 
 .skin-Tamken-Dark-Style .s-MessageDialog.s-WarningDialog .ui-dialog-title {
   color: #fff;
 }
 
 .skin-Tamken-Dark-Style .s-MessageDialog.s-AlertDialog {
   background-color: #de331f;
 }
 
 .skin-Tamken-Dark-Style .s-MessageDialog.s-AlertDialog .ui-dialog-title {
   color: #fff;
 }
 
 .skin-Tamken-Dark-Style .s-MessageDialog.s-ConfirmDialog .ui-dialog-title {
   color: #fff;
 }
 
 .skin-Tamken-Dark-Style button:hover {
   text-shadow: 0 0 5px #fff;
 }
 
 .skin-Tamken-Dark-Style .nav-stacked>li {
   border-color: rgba(0, 0, 0, 0.2);
 }
 
 .skin-Tamken-Dark-Style .nav-stacked>li a {
   color: #cccccc;
 }
 
 .skin-Tamken-Dark-Style .nav-stacked>li a:hover {
   background-color: #00000014;
 }
 
 .skin-Tamken-Dark-Style .nav-stacked>li.active a {
   color: #5f97ff;
 }
 
 .skin-Tamken-Dark-Style .nav-stacked>li.active a:hover {
   color: #e2b143;
 }
 
 .skin-Tamken-Dark-Style .main-sidebar {
   background: none;
   background-size: cover;
   background-color: #1e1e2f;
 }
 
 .skin-Tamken-Dark-Style .sidebar-form {
   margin-top: 14px !important;
 }
 
 .skin-Tamken-Dark-Style .sidebar-form div.input-group {
   background-color: #0000002b;
   border-radius: 2px;
 }
 
 .skin-Tamken-Dark-Style .sidebar-form .s-SidebarSearch {
   background-color: #0000002b;
   border-radius: 2px 0 0 2px !important;
 }
 
 .skin-Tamken-Dark-Style .sidebar-form .s-SidebarSearch:focus {
   color: #8c909a;
   border-color: transparent;
 }
 
 .skin-Tamken-Dark-Style .sidebar-form .input-group-btn {
   background: transparent;
 }
 
 .skin-Tamken-Dark-Style .sidebar-form .input-group-btn:last-child>.btn {
   border-radius: 0 2px 2px 0 !important;
 }
 
 .skin-Tamken-Dark-Style .sidebar-form .input-group-btn button {
   background-color: #0000002b;
   height: 34px !important;
   margin-left: 0px;
 }
 
 .skin-Tamken-Dark-Style .sidebar-form .input-group-btn button i {
   color: #cccccc;
 }
 
 .skin-Tamken-Dark-Style .sidebar-form input[type="text"] {
   padding: 16px 12px;
 }
 
 .skin-Tamken-Dark-Style .sidebar-menu>li>a {
   overflow: hidden;
   border-left: 3px solid transparent;
   font-size: 14px;
   font-weight: 300;
   font-family: Poppins, Helvetica, "sans-serif";
   height: 40px;
   padding-top: 10px;
   background: none;
   background-size: auto;
   background-color: rgba(0, 0, 0, 0.2);
   color: #f4f4f4;
 }
 
 .skin-Tamken-Dark-Style .sidebar-menu>li>a:hover {
   color: #4d83ff;
 }
 
 .skin-Tamken-Dark-Style .sidebar-menu>li:hover>a {
   border-left-color: #8c909a;
   /*font-weight: if((@glass-001-is-dark-style), unset, 400);*/
 }
 
 .skin-Tamken-Dark-Style .sidebar-menu>li.active a {
   color: #e6b84f;
   font-weight: 300;
   border-left-color: #8c909a;
   font-weight: unset;
 }
 
 .skin-Tamken-Dark-Style .sidebar-menu>li>.treeview-menu {
   background: none;
   background-size: auto;
   background-color: rgba(0, 0, 0, 0.2);
   color: #8c909a;
 }
 
 .skin-Tamken-Dark-Style .sidebar-menu>li>.treeview-menu li {
   background: none;
   background-size: auto;
   background-color: rgba(0, 0, 0, 0.2);
   color: #8c909a;
 }
 
 .skin-Tamken-Dark-Style .sidebar-menu>li>.treeview-menu li:first-child {
   border-radius: 6px 0 0 0;
 }
 
 .skin-Tamken-Dark-Style .sidebar-menu>li>.treeview-menu li:last-child {
   border-radius: 0 0 0 6px;
 }
 
 .skin-Tamken-Dark-Style .sidebar-menu .treeview-menu {
   /*background: @glass-001-main-sidebar-nav-item-bg;
                  background-size: @glass-001-main-sidebar-nav-item-bg-size;
                  background-color: @glass-001-main-sidebar-nav-item-bg-color;
                  color: @glass-001-main-sidebar-nav-item-color;*/
 }
 
 .skin-Tamken-Dark-Style .sidebar-menu .treeview-menu>li {
   /*&:hover {
                          > a {
                              transform: translateX(4px);
                              transition: opacity 0.3s, transform 0.4s, filter 0.4s;
                              transition-delay: 0.1s;
                              -webkit-transition-delay: 0.1s;
                          }
                      }*/
 }
 
 .skin-Tamken-Dark-Style .sidebar-menu .treeview-menu>li>a {
   overflow: hidden;
   /*font-size: 13.4px;*/
   font-weight: 300;
   font-family: Poppins, Helvetica, "sans-serif";
   color: #e6b84f;
   height: 34px;
   margin-left: 16px;
   padding-top: 8px;
 }
 
 .skin-Tamken-Dark-Style .sidebar-menu .treeview-menu>li>a:hover {
   color: #4d83ff;
 }
 
 .skin-Tamken-Dark-Style .sidebar-menu .treeview-menu>li>a.active:last-child {
   color: #4d83ff;
 }
 
 .skin-Tamken-Dark-Style .sidebar-menu .treeview-menu>li.active>a {
   color: #4d83ff;
   text-shadow: 0 0 5px #4d83ff;
   font-weight: unset;
 }
 
 .skin-Tamken-Dark-Style .sidebar-menu .treeview-menu>li.active>a:hover {
   color: #4d83ff;
 }
 
 .skin-Tamken-Dark-Style .control-sidebar {
   -webkit-box-shadow: unset;
   box-shadow: unset;
   padding-top: 60px;
   background: transparent;
 }
 
 .skin-Tamken-Dark-Style .control-sidebar .control-sidebar-heading {
   font-family: Poppins, Helvetica, "sans-serif";
   font-weight: 300;
   font-size: 17px;
   margin: 5px 0 15px 0;
   color: #e6b84f;
   font-weight: bold;
 }
 
 .skin-Tamken-Dark-Style .control-sidebar .control-sidebar-subheading {
   font-family: Poppins, Helvetica, "sans-serif";
   font-weight: 300;
   font-size: 14px;
   margin-bottom: 5px;
   color: #e6b84f;
   font-weight: bold;
 }
 
 .skin-Tamken-Dark-Style .control-sidebar,
 .skin-Tamken-Dark-Style .control-sidebar+.control-sidebar-bg {
   margin-right: -10px;
 }
 
 .skin-Tamken-Dark-Style .control-sidebar+.control-sidebar-bg {
   background: none;
   background-size: cover;
   background-color: #232636;
   -webkit-box-shadow: 0px 5px 15px #00000096;
   box-shadow: 0px 5px 15px #00000096;
 }
 
 .skin-Tamken-Dark-Style .control-sidebar .tab-content {
   border: unset;
   border-radius: unset;
 }
 
 .skin-Tamken-Dark-Style .main-sidebar,
 .skin-Tamken-Dark-Style .left-side {
   padding-top: 60px;
 }
 
 .skin-Tamken-Dark-Style .main-header {
   background: unset;
   background-size: cover;
   background-color: #26293b;
   box-shadow: unset;
   -webkit-box-shadow: unset;
   /*.navbar-nav > li:hover > a, .navbar-nav > li > a:active, .navbar-nav > li.open > a {
                  color: @glass-001-main-header-navbar-hover-active-color;
              }*/
 }
 
 .skin-Tamken-Dark-Style .main-header a.logo {
   color: #8c909a;
   background: unset;
   background-size: cover;
   background-color: transparent;
   box-shadow: unset;
   -webkit-box-shadow: unset;
   height: 60px;
   line-height: 60px;
 }
 
 .skin-Tamken-Dark-Style .main-header a.logo i {
   height: 60px;
   width: 60px;
   line-height: 60px;
 }
 
 .skin-Tamken-Dark-Style .main-header a.logo:hover {
   /*color: @glass-001-text-hover-active-color;*/
   /*text-shadow: @glass-001-text-shadow-color;*/
 }
 
 .skin-Tamken-Dark-Style .main-header .navbar {
   z-index: 999;
   min-height: initial;
   font-family: Poppins, Helvetica, "sans-serif";
   font-weight: 300;
   font-size: 13px;
   background: none;
   background-size: cover;
   background-color: transparent;
   box-shadow: blue;
   -webkit-box-shadow: blue;
   padding-right: 10px;
 }
 
 .skin-Tamken-Dark-Style .main-header .logo .logo-lg b {
   font-family: Poppins, Helvetica, "sans-serif";
   font-weight: 300;
 }
 
 .skin-Tamken-Dark-Style .main-header .navbar-custom-menu>.navbar-nav>li>.dropdown-menu {
   width: max-content;
   max-width: 300px;
   border: unset;
   -webkit-box-shadow: 0px 5px 10px #00000096;
   box-shadow: 0px 5px 10px #00000096;
   background: none;
   background-size: cover;
   background-color: #232636;
   border-radius: 0 0 2px 2px;
 }
 
 .skin-Tamken-Dark-Style .main-header .navbar-custom-menu>.navbar-nav>li>.dropdown-menu .user-footer {
   background: unset;
 }
 
 .skin-Tamken-Dark-Style .main-header .navbar-nav>.user-menu>.dropdown-menu>.user-footer .btn-default {
   background: rgba(255, 255, 255, 0.2);
   border: unset;
   color: #cccccc;
   text-shadow: unset;
   margin: 2px;
   border-radius: 2px;
   margin-right: -2px;
 }
 
 .skin-Tamken-Dark-Style .main-header .navbar-nav>.user-menu>.dropdown-menu>.user-footer .btn-default:hover {
   text-shadow: 0 0 5px #fff;
 }
 
 .skin-Tamken-Dark-Style .main-header .navbar-nav>li>a {
   color: #fff;
   line-height: 60px;
   height: 60px;
   margin: 0;
   padding: 0 10px 0 10px;
   font-size: 14px;
 }
 
 .skin-Tamken-Dark-Style .main-header .navbar-nav>li>a:hover {
   color: #5f97ff;
 }
 
 .skin-Tamken-Dark-Style .main-header .navbar-nav>.user-menu .user-image {
   height: 40px;
   width: 40px;
   margin: calc(60px / 2 - 20px) 15px 0 15px;
 }
 
 .skin-Tamken-Dark-Style .main-header .sidebar-toggle {
   color: #fff;
   height: 60px;
   line-height: 60px;
   margin: 0;
   padding: 0 15px;
 }
 
 .skin-Tamken-Dark-Style .main-header .sidebar-toggle:hover {
   color: #5f97ff;
 }
 
 .skin-Tamken-Dark-Style .main-header .sidebar-toggle::before {
   font-weight: 300;
   font-size: 1.7rem;
 }
 
 .skin-Tamken-Dark-Style .main-header .nav>li>a:hover,
 .skin-Tamken-Dark-Style .main-header .nav>li>a:active,
 .skin-Tamken-Dark-Style .main-header .nav>li>a:focus {
   background: unset;
 }
 
 .skin-Tamken-Dark-Style .navbar-nav .open>a,
 .skin-Tamken-Dark-Style .navbar-nav .open>a:hover,
 .skin-Tamken-Dark-Style .navbar-nav .open>a:focus {
   background: unset !important;
   color: #5f97ff;
   border-color: #26293b !important;
 }
 
 .skin-Tamken-Dark-Style .navbar-nav>.user-menu>.dropdown-menu>li.user-header>p {
   color: #5f97ff;
 }
 
 .skin-Tamken-Dark-Style .flex-layout.s-Panel {
   box-shadow: 0 0 20px #0000003d;
   -webkit-box-shadow: 0 0 20px #0000003d;
   background: none;
   background-size: cover;
   background-color: #26293b;
   border: unset;
   border-radius: 2px;
 }
 
 .skin-Tamken-Dark-Style section.content>.s-DataGrid {
   background: none;
   background-size: cover;
   background-color: #26293b;
   border-radius: 2px;
   box-shadow: 0 0 20px #0000003d;
   -webkit-box-shadow: 0 0 20px #0000003d;
   border: unset;
 }
 
 .skin-Tamken-Dark-Style .grid-title {
   padding: 15px 10px 12px 10px;
 }
 
 .skin-Tamken-Dark-Style .panel-titlebar {
   padding: 8px;
 }
 
 .skin-Tamken-Dark-Style .grid-title,
 .skin-Tamken-Dark-Style .panel-titlebar {
   margin: -10px -10px 10px -10px;
   border: unset;
   border-radius: 2px 2px 0 0;
   border-bottom: 1px solid rgba(0, 0, 0, 0.12);
   box-shadow: 0 1px 0 0 rgba(255, 255, 255, 0.12);
   -webkit-box-shadow: 0 1px 0 0 rgba(255, 255, 255, 0.12);
 }
 
 .skin-Tamken-Dark-Style .grid-title .title-text,
 .skin-Tamken-Dark-Style .panel-titlebar {
   color: #5f97ff;
   font-family: Poppins, Helvetica, "sans-serif";
   font-weight: 300;
   font-size: 18px;
   text-shadow: 1px 1px 1px #333;
 }
 
 .skin-Tamken-Dark-Style .panel-titlebar-close {
   background: none;
   padding-top: 2px;
   -webkit-transform: translateZ(0);
   transform: translateZ(0);
   -webkit-transition-duration: 0.1s;
   transition-duration: 0.1s;
   -webkit-transition-property: transform;
   transition-property: transform;
   -webkit-transition-timing-function: ease-out;
   transition-timing-function: ease-out;
 }
 
 .skin-Tamken-Dark-Style .panel-titlebar-close:hover {
   -webkit-transform: translateX(-2px);
   transform: translateX(-2px);
 }
 
 .skin-Tamken-Dark-Style .panel-titlebar-close::before {
   content: "\f060";
   font-family: "FontAwesome";
   color: #5f97ff;
 }
 
 .skin-Tamken-Dark-Style .ui-dialog.mobile-layout .ui-dialog-titlebar .ui-dialog-titlebar-close {
   background: none;
 }
 
 .skin-Tamken-Dark-Style .ui-dialog.mobile-layout .ui-dialog-titlebar .ui-dialog-titlebar-close:hover {
   background: none;
 }
 
 .skin-Tamken-Dark-Style .ui-dialog.mobile-layout .ui-dialog-titlebar-close {
   background: none;
 }
 
 .skin-Tamken-Dark-Style .ui-dialog.mobile-layout .ui-dialog-titlebar-close:hover {
   background: none;
 }
 
 .skin-Tamken-Dark-Style .ui-dialog.mobile-layout .ui-dialog-titlebar-close::before {
   content: "\f060";
   font-family: "FontAwesome";
   color: #5f97ff;
 }
 
 .skin-Tamken-Dark-Style .ui-dialog.mobile-layout .ui-dialog-titlebar-close::before:hover {
   content: "\f060";
   font-family: "FontAwesome";
   color: #5f97ff;
 }
 
 .skin-Tamken-Dark-Style .panel-titlebar .panel-titlebar-text {
   padding-top: 3px;
 }
 
 .skin-Tamken-Dark-Style .s-PropertyGrid .category-links {
   background-color: #00000014;
 }
 
 .skin-Tamken-Dark-Style .s-PropertyGrid .category-links a.category-link {
   color: #f5f5f5;
   text-shadow: 1px 1px 1px #151515;
   font-weight: 300;
   font-size: 13px;
   font-family: Poppins, Helvetica, "sans-serif";
 }
 
 .skin-Tamken-Dark-Style .s-PropertyGrid .category-links a.category-link:hover {
   text-shadow: 0 0 5px #151515;
 }
 
 .skin-Tamken-Dark-Style .s-PropertyGrid .category-title {
   border-bottom: 1px solid #00000014;
 }
 
 .skin-Tamken-Dark-Style .s-PropertyGrid .category-title a {
   color: #f4f4f4;
   font-family: Poppins, Helvetica, "sans-serif";
   font-weight: 300;
   text-shadow: 1px 1px 1px #151515;
 }
 
 .skin-Tamken-Dark-Style .flex-layout .s-Form input.editor[type="checkbox"] {
   height: 17px;
 }
 
 .skin-Tamken-Dark-Style .flex-layout .s-Form .editor:focus {
   /*outline: 0;*/
 }
 
 .skin-Tamken-Dark-Style .flex-layout .s-Form .editor.readonly:focus {
   outline: 0;
   border: solid 1px #92929212;
 }
 
 .skin-Tamken-Dark-Style input[type="text"],
 .skin-Tamken-Dark-Style input[type="email"],
 .skin-Tamken-Dark-Style input[type="tel"],
 .skin-Tamken-Dark-Style input[type="search"],
 .skin-Tamken-Dark-Style input[type="url"],
 .skin-Tamken-Dark-Style input[type="password"] {
   height: 34px;
   line-height: 34px;
   background: #0000002b;
   color: #cccccc;
   border-color: #00000033;
   border-radius: 2px;
   width: 61% !important;
 }
 
 .skin-Tamken-Dark-Style select {
   background: transparent;
   color: #cccccc;
   border-color: #00000033;
   border-radius: 2px;
 }
 
 .skin-Tamken-Dark-Style .s-FilterPanel div.v input {
   height: 34px;
   border-color: #00000033;
 }
 
 .skin-Tamken-Dark-Style .quick-filter-item input {
   background: #0000002b;
   border: 1px solid #00000033;
   color: #cccccc;
   border-radius: 2px;
   /*outline: 0;*/
 }
 
 .skin-Tamken-Dark-Style .quick-filter-item .inplace-button {
   margin-top: 2px !important;
   margin-right: 2px !important;
 }
 
 .skin-Tamken-Dark-Style .quick-filters-bar {
   border: unset;
   background-color: #00000014;
   margin-bottom: 6px;
   border-radius: 2px;
   /*.inplace-button {
                  height: 34px;
                  padding: 2px 2px 0 2px;
                  width: 28px;
                  margin-top: 2px;
                  border-right: 0px;
                  color: @glass-001-text-color;
  
                  b {
                      &::before {
                          color: @glass-001-text-color;
                      }
                  }
  
                  &:hover {
                      //text-shadow: 0 0 5px @glass-001-text-hover-active-color;
                      b {
                          &::before {
                              color: @glass-001-link-color;
                          }
                      }
                  }
              }*/
 }
 
 .skin-Tamken-Dark-Style .quick-filters-bar .quick-filter-label {
   font-family: Poppins, Helvetica, "sans-serif";
   color: #cccccc;
 }
 
 .skin-Tamken-Dark-Style .flex-layout .s-Form .caption {
   padding-top: 6px;
   color: #cccccc;
   font-family: Poppins, Helvetica, "sans-serif";
   font-weight: 300;
 }
 
 .skin-Tamken-Dark-Style .select2-drop {
   border-radius: 2px;
 }
 
 .skin-Tamken-Dark-Style .select2-container {
   background: transparent;
 }
 
 .skin-Tamken-Dark-Style .select2-container .select2-choice {
   height: 32px;
   line-height: 30px;
   background: #0000002b;
   color: #cccccc !important;
   border-color: #00000033;
   border-radius: 2px;
 }
 
 .skin-Tamken-Dark-Style .select2-container .select2-choice abbr.select2-search-choice-close {
   right: 34px;
 }
 
 .skin-Tamken-Dark-Style .select2-container .select2-choice .select2-arrow {
   padding: 0 3px;
   background-image: unset;
   background-color: unset;
   border-color: #00000033;
 }
 
 .skin-Tamken-Dark-Style .select2-container .select2-choices {
   background: #0000002b;
   color: #cccccc !important;
   border-color: #00000033;
   border-radius: 2px;
 }
 
 .skin-Tamken-Dark-Style .select2-container .select2-choices abbr.select2-search-choice-close {
   right: 34px;
 }
 
 .skin-Tamken-Dark-Style .select2-container .select2-choices .select2-arrow {
   padding: 0 3px;
   background-image: unset;
   background-color: unset;
   border-color: #00000033;
 }
 
 .skin-Tamken-Dark-Style .select2-container.select2-container-disabled {
   background: url(/Content/skins/glass001/assets/bg_dot.png);
   background-color: transparent;
   color: #f5f5f599 !important;
   border-radius: 2px;
   outline: 0;
 }
 
 .skin-Tamken-Dark-Style .select2-container.select2-container-disabled .select2-choice {
   cursor: default;
   border-radius: 2px;
   border-color: #92929212;
   /*color: if((@glass-001-is-dark-style), fade(@glass-001-text-color, 30%), fade(@glass-001-text-color, 60%)) !important;*/
   color: #f5f5f599 !important;
   outline: 0;
   box-shadow: unset;
   -webkit-box-shadow: unset;
 }
 
 .skin-Tamken-Dark-Style .select2-container.select2-container-disabled .select2-choice .select2-arrow {
   border-left: 0;
 }
 
 .skin-Tamken-Dark-Style .select2-container.select2-container-disabled .select2-choice abbr {
   display: none;
 }
 
 .skin-Tamken-Dark-Style .select2-container.select2-container-disabled.readonly {
   background: url(/Content/skins/glass001/assets/bg_dot.png);
   background-color: transparent;
   color: #f5f5f599 !important;
   outline: 0;
   border-radius: 2px;
 }
 
 .skin-Tamken-Dark-Style .select2-dropdown-open .select2-choice {
   box-shadow: inset 0 1px 0 rgba(0, 0, 0, 0.25);
   -webkit-box-shadow: inset 0 1px 0 rgba(0, 0, 0, 0.25);
 }
 
 .skin-Tamken-Dark-Style .select2-results {
   color: #cccccc;
 }
 
 .skin-Tamken-Dark-Style .select2-results .select2-disabled {
   background: url(/Content/skins/glass001/assets/bg_dot.png);
   background-color: transparent;
   color: #f5f5f599;
   outline: 0;
 }
 
 .skin-Tamken-Dark-Style .select2-results li {
   line-height: 26px;
 }
 
 .skin-Tamken-Dark-Style .select2-container-multi .select2-choices {
   background: #0000002b;
   border-radius: 2px;
   border-color: #00000033;
 }
 
 .skin-Tamken-Dark-Style .select2-container-multi .select2-choices .select2-search-choice {
   padding: 4px 5px 4px 18px;
   background: transparent;
   border-color: #00000033;
   box-shadow: unset;
   -webkit-box-shadow: unset;
   color: #cccccc !important;
 }
 
 .skin-Tamken-Dark-Style .select2-container-multi .select2-choices .select2-search-field {
   background: transparent;
 }
 
 .skin-Tamken-Dark-Style .select2-container-multi .select2-choices .select2-search-field input {
   height: 32px;
   line-height: 32px;
   padding: 0px 3px;
   margin: 0px;
   top: 0px;
   position: relative;
   background: transparent;
   border-color: #00000033;
 }
 
 .skin-Tamken-Dark-Style .select2-search input[type="text"] {
   color: #cccccc;
   margin-bottom: 4px;
   margin-top: 4px;
   height: 34px !important;
   background: rgba(128, 128, 128, 0.16862745);
 }
 
 .skin-Tamken-Dark-Style .select2-no-results {
   background: transparent;
 }
 
 .skin-Tamken-Dark-Style .select2-drop-active {
   border-color: #00000033;
 }
 
 .skin-Tamken-Dark-Style .property-tabs {
   padding-top: 10px;
 }
 
 .skin-Tamken-Dark-Style .property-tabs>li>a,
 .skin-Tamken-Dark-Style .property-tabs>li.active>a {
   height: 34px;
   line-height: 22px;
   font-family: Poppins, Helvetica, "sans-serif";
   font-weight: 500;
   border: unset;
   border-radius: 2px 2px 0 0;
   background: #00000014;
 }
 
 .skin-Tamken-Dark-Style .property-tabs>li>a {
   color: #5f97ff;
   background: transparent;
 }
 
 .skin-Tamken-Dark-Style .property-tabs>li.active a {
   color: #5f97ff;
   background: #00000014;
 }
 
 .skin-Tamken-Dark-Style .property-tabs>li.active>a:hover,
 .skin-Tamken-Dark-Style .property-tabs>li.active>a:focus {
   text-shadow: 0 0 2px #151515;
 }
 
 .skin-Tamken-Dark-Style .nav-tabs {
   border: unset;
   margin-bottom: 1px;
 }
 
 .skin-Tamken-Dark-Style .nav-tabs-custom {
   background: transparent;
   color: #cccccc;
 }
 
 .skin-Tamken-Dark-Style .nav-tabs-custom>.nav-tabs>li>a {
   color: #cccccc;
   border-right: 0 !important;
   border-left: 0 !important;
   border-bottom: 0 !important;
 }
 
 .skin-Tamken-Dark-Style .nav-tabs-custom>.nav-tabs>li>a:hover {
   color: #e2b143;
 }
 
 .skin-Tamken-Dark-Style .nav-tabs-custom>.nav-tabs>li.active {
   color: #5f97ff;
   background-color: #00000014;
 }
 
 .skin-Tamken-Dark-Style .nav-tabs-custom>.nav-tabs>li.active a {
   background-color: #00000014;
   color: #5f97ff;
   border-color: transparent;
 }
 
 .skin-Tamken-Dark-Style .nav-tabs-custom>.nav-tabs>li.active a:hover {
   color: #e2b143;
   background: transparent;
 }
 
 .skin-Tamken-Dark-Style .nav-tabs-custom>.nav-tabs>li.header {
   color: #cccccc;
   font-family: Poppins, Helvetica, "sans-serif";
   font-weight: 300;
 }
 
 .skin-Tamken-Dark-Style .nav-tabs-custom>.tab-content {
   background: none;
   background-size: cover;
   background-color: #26293b;
   color: #cccccc;
 }
 
 .skin-Tamken-Dark-Style .post {
   color: #cccccc;
 }
 
 .skin-Tamken-Dark-Style .link-black {
   color: #5f97ff;
 }
 
 .skin-Tamken-Dark-Style blockquote footer,
 .skin-Tamken-Dark-Style blockquote small,
 .skin-Tamken-Dark-Style blockquote .small {
   color: rgba(204, 204, 204, 0.5);
 }
 
 .skin-Tamken-Dark-Style .timeline>li>.timeline-item {
   background: none;
   background-size: cover;
   background-color: #232636;
   color: #cccccc;
   border-radius: 2px;
 }
 
 .skin-Tamken-Dark-Style .timeline>li>.timeline-item>.timeline-header {
   color: #cccccc;
 }
 
 .skin-Tamken-Dark-Style .timeline>li>.timeline-item .time {
   color: rgba(204, 204, 204, 0.5);
   padding: 0 10px;
   float: right;
 }
 
 .skin-Tamken-Dark-Style .timeline>li>.timeline-item .timeline-body {
   padding: 10px;
 }
 
 .skin-Tamken-Dark-Style .modal-dialog {
   color: #444;
 }
 
 .skin-Tamken-Dark-Style .tab-content {
   border: solid 1px #00000014;
   border-radius: 0 0 2px 2px;
 }
 
 .skin-Tamken-Dark-Style div.s-Toolbar {
   background: transparent !important;
   border: unset;
 }
 
 .skin-Tamken-Dark-Style div.s-Toolbar .separator {
   margin: 5px 6px 0 3px;
   border-left: 1px solid rgba(82, 84, 103, 0.35);
 }
 
 .skin-Tamken-Dark-Style .tool-buttons .tool-button:not(.disabled):hover span.button-inner i,
 .skin-Tamken-Dark-Style .tool-buttons .tool-button:not(.disabled).no-text:hover span.button-inner i,
 .skin-Tamken-Dark-Style .tool-buttons .tool-button:not(.disabled):hover span.button-inner,
 .skin-Tamken-Dark-Style .tool-buttons .tool-button:not(.disabled).no-text:hover span.button-inner {
   color: #5f97ff;
   text-shadow: 0 0 5px #151515;
 }
 
 .skin-Tamken-Dark-Style .tool-buttons .tool-button:not(.disabled):hover span.button-inner::before,
 .skin-Tamken-Dark-Style .tool-buttons .tool-button:not(.disabled).no-text:hover span.button-inner::before {
   color: #5f97ff;
   text-shadow: 0 0 5px #151515;
 }
 
 .skin-Tamken-Dark-Style .tool-buttons .tool-button {
   height: 34px;
   font-family: Poppins, Helvetica, "sans-serif";
   font-size: 13px;
   background: #ffffff26;
   border: solid 1px #525467;
   color: #cccccc;
   text-shadow: unset;
   border-radius: 2px;
   box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.25);
   -webkit-box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.25);
   margin-right: 10px;
 }
 
 .skin-Tamken-Dark-Style .tool-buttons .tool-button span.button-inner {
   line-height: 28px;
   background: none;
 }
 
 .skin-Tamken-Dark-Style .tool-buttons .tool-button span.button-inner::before {
   font-family: "FontAwesome";
   margin-right: 4px;
   font-size: 16px;
   margin-left: -14px;
   line-height: 22px;
   color: #cccccc;
   text-shadow: unset;
 }
 
 .skin-Tamken-Dark-Style .tool-buttons .tool-button div.button-outer {
   margin: 0;
   border: unset;
   border-radius: unset;
   height: 32px;
 }
 
 .skin-Tamken-Dark-Style .tool-buttons .tool-button.no-text span.button-inner {
   margin: 4px;
   padding: unset;
   height: 22px;
   width: 14px;
 }
 
 .skin-Tamken-Dark-Style .tool-buttons .tool-button.no-text span.button-inner::before {
   font-family: "FontAwesome";
   font-size: 16px;
   color: #cccccc;
   text-shadow: unset;
   margin-left: 0px;
   margin-right: 0px;
   line-height: 22px;
 }
 
 .skin-Tamken-Dark-Style .tool-buttons .tool-button.icon-tool-button .button-inner {
   padding: 3px 5px;
 }
 
 .skin-Tamken-Dark-Style .tool-buttons .tool-button.disabled {
   border-color: #ffffff26;
 }
 
 .skin-Tamken-Dark-Style .tool-buttons .tool-button.disabled:hover {
   text-shadow: unset;
 }
 
 .skin-Tamken-Dark-Style .tool-buttons .tool-button.disabled:hover .button-inner i,
 .skin-Tamken-Dark-Style .tool-buttons .tool-button.disabled:hover .button-inner::before {
   text-shadow: unset;
 }
 
 .skin-Tamken-Dark-Style .tool-buttons .tool-button:not(.disabled).hover span.button-inner::before {
   color: #5f97ff;
 }
 
 .skin-Tamken-Dark-Style .tool-buttons .tool-button:hover div.button-outer {
   background-color: unset;
 }
 
 .skin-Tamken-Dark-Style .tool-buttons .tool-button.add-button span.button-inner::before {
   content: "\f067";
   vertical-align: middle;
 }
 
 .skin-Tamken-Dark-Style .tool-buttons .tool-button.refresh-button span.button-inner::before {
   content: "\f021";
 }
 
 .skin-Tamken-Dark-Style .tool-buttons .tool-button.column-picker-button span.button-inner::before {
   content: "\f00b";
   font-size: 14px;
 }
 
 .skin-Tamken-Dark-Style .tool-buttons .tool-button.export-xlsx-button span.button-inner::before {
   content: "\f1c3";
 }
 
 .skin-Tamken-Dark-Style .tool-buttons .tool-button.export-pdf-button span.button-inner::before {
   content: "\f1c1";
 }
 
 .skin-Tamken-Dark-Style .tool-buttons .tool-button.save-and-close-button span.button-inner::before {
   content: "\f0c7";
 }
 
 .skin-Tamken-Dark-Style .tool-buttons .tool-button.apply-changes-button span.button-inner::before {
   content: "\f058";
 }
 
 .skin-Tamken-Dark-Style .tool-buttons .tool-button.delete-button span.button-inner::before {
   content: "\f014";
 }
 
 .skin-Tamken-Dark-Style .tool-buttons .tool-button.localization-button span.button-inner::before {
   content: "\f1ab";
 }
 
 .skin-Tamken-Dark-Style .tool-buttons .tool-button.localization-button.pressed span.button-inner {
   -webkit-transform: translateX(0);
   transform: translateX(0);
   -webkit-transition-duration: 0.1s;
   transition-duration: 0.1s;
   -webkit-transition-property: transform;
   transition-property: transform;
   -webkit-transition-timing-function: ease-out;
   transition-timing-function: ease-out;
 }
 
 .skin-Tamken-Dark-Style .tool-buttons .tool-button.localization-button.pressed span.button-inner::before {
   content: "\f060";
 }
 
 .skin-Tamken-Dark-Style .tool-buttons .tool-button.localization-button.pressed:hover span.button-inner {
   -webkit-transform: translateX(-2px);
   transform: translateX(-2px);
 }
 
 .skin-Tamken-Dark-Style .tool-buttons .tool-button.add-file-button span.button-inner::before {
   content: "\f0c6";
 }
 
 .skin-Tamken-Dark-Style .tool-buttons .tool-button.clone-button span.button-inner::before {
   content: "\f24d";
 }
 
 .skin-Tamken-Dark-Style .tool-buttons .tool-button.expand-all-button span.button-inner::before {
   content: "\f0fe";
 }
 
 .skin-Tamken-Dark-Style .tool-buttons .tool-button.collapse-all-button span.button-inner::before {
   content: "\f146";
 }
 
 .skin-Tamken-Dark-Style .tool-buttons .tool-button.recurrence-button span.button-inner::before {
   content: "\f110";
 }
 
 .skin-Tamken-Dark-Style .tool-buttons .tool-button.outlook-button span.button-inner::before {
   content: "\f0f6";
 }
 
 .skin-Tamken-Dark-Style .tool-buttons .tool-button.add-note-button span.button-inner::before {
   content: "\f249";
 }
 
 .skin-Tamken-Dark-Style .tool-buttons .tool-button.undo-delete-button span.button-inner {
   background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAnJJREFUeNqMU01IVFEUPvfdO/NmnPdm3jhqP9jYkJAbA0FiWoSRq4Rw0Q9Bi6AWJS1c1KLaWEEIYRFEUosWWSC0qUUbN0PLKBI1CJmYMkenH518+Mb3e9+73afN+DARD5x777nnux/fOZeDGGPgW29v7/F8Pr+rUCiA4zj+VR33VDgcFiVJcuPxuJVMJk1FUUxZlmcwxq99EIF/NtfWEx97Onr56++VP42SGNlZH2n4qZqzluMhw3aRTT0EwCDdEEuevv/ibvVdjYArQbBNC2KFrQiIgIgUIXIIC2QjgV+670ECIQjCa4+VeyNOp75C9gRJfOxmBDUFjoMbH72sNN96UmmPRVz6/I3ZUifiyLYURMNYfPvBbDp5NFoeuCh9Wlyyydme8Hfdcs0tFXiet6oAIyR0tIW0HSlseAzcm32JCTnuzakqao6JJFrFcvf3/xVULGo0NaD5QtFS+geLHQJCWNNYavKzrniMuRsVkICCGhnBSBwYnlHqE8TpH/zW3rJbNE4dqy8aNrV5OlbFHnk/tvkvUJdZA5fS6q9FI/Tgembq3InUBEXujyD2/Kth6OIEZGMP1s7MbW2JLj2+vf+Lpjtm6UrfPmtyXPZzmhgiV2eL1yRdu8CH4OOmJazGvF7dohr1GCpPjctnDh+Sa8mDnWm+pp+NjKwraJ3JWe9yew8sLy9DnndX13Uol8utlFKIJuMwlMuBgDHwIQJtfn42ZFkLJKhgeno6nM1mQVVVMAwDKPVgYaEClsUgku0BPo2QSCSATyN0d3cMdZVKDzO2va6gVCoZmUzmTvV7uK32BKG11gR2JgjCyiiPb/D4rwADAFSrU1j3i3gqAAAAAElFTkSuQmCC);
   background-repeat: no-repeat;
   background-position: center left;
 }
 
 .skin-Tamken-Dark-Style .tool-buttons .tool-button.multiple-add-button span.button-inner::before {
   content: "\f0d0";
 }
 
 .skin-Tamken-Dark-Style .tool-buttons .tool-button.outlook-meeting-button span.button-inner {
   background-image: url(/Content/serenity/images/calendar-blue.png);
   background-repeat: no-repeat;
   background-position: center left;
 }
 
 .skin-Tamken-Dark-Style .tool-buttons .tool-button.outlook-meeting-button span.button-inner::before {
   content: unset !important;
 }
 
 .skin-Tamken-Dark-Style .tool-buttons .tool-button.import-button span.button-inner {
   background-image: url(/Content/serenity/images/folder-import.png);
   background-repeat: no-repeat;
   background-position: center left;
 }
 
 .skin-Tamken-Dark-Style .tool-buttons .tool-button.import-button span.button-inner::before {
   content: unset !important;
 }
 
 .skin-Tamken-Dark-Style .tool-buttons .tool-button.inspect-button span.button-inner {
   background-image: url(/Content/serenity/images/zoom.png);
   background-repeat: no-repeat;
   background-position: center left;
 }
 
 .skin-Tamken-Dark-Style .tool-buttons .tool-button.inspect-button span.button-inner::before {
   content: unset !important;
 }
 
 .skin-Tamken-Dark-Style .tool-buttons .tool-button.print-preview-button span.button-inner {
   background-image: url(/Content/serenity/images/gtk-print-preview.png);
   background-repeat: no-repeat;
   background-position: center left;
 }
 
 .skin-Tamken-Dark-Style .tool-buttons .tool-button.print-preview-button span.button-inner::before {
   content: unset !important;
 }
 
 .skin-Tamken-Dark-Style .tool-buttons .tool-button.export-csv-button span.button-inner {
   background-image: url(/Content/serenity/images/csv.png);
   background-repeat: no-repeat;
   background-position: center left;
 }
 
 .skin-Tamken-Dark-Style .tool-buttons .tool-button.export-csv-button span.button-inner::before {
   content: unset !important;
 }
 
 .skin-Tamken-Dark-Style .tool-buttons .tool-button.export-docx-button span.button-inner {
   background-image: url(/Content/serenity/images/docx.png);
   background-repeat: no-repeat;
   background-position: center left;
 }
 
 .skin-Tamken-Dark-Style .tool-buttons .tool-button.export-docx-button span.button-inner::before {
   content: unset !important;
 }
 
 .skin-Tamken-Dark-Style .tool-buttons .tool-button.export-mhtml-button span.button-inner {
   background-image: url(/Content/serenity/images/mhtml.png);
   background-repeat: no-repeat;
   background-position: center left;
 }
 
 .skin-Tamken-Dark-Style .tool-buttons .tool-button.export-mhtml-button span.button-inner::before {
   content: unset !important;
 }
 
 .skin-Tamken-Dark-Style .tool-buttons .tool-button.export-xml-button span.button-inner {
   background-image: url(/Content/serenity/images/xml.png);
   background-repeat: no-repeat;
   background-position: center left;
 }
 
 .skin-Tamken-Dark-Style .tool-buttons .tool-button.export-xml-button span.button-inner::before {
   content: unset !important;
 }
 
 .skin-Tamken-Dark-Style .tool-buttons .tool-button.mail-button span.button-inner {
   background-image: url(/Content/serenity/images/mail.png);
   background-repeat: no-repeat;
   background-position: center left;
 }
 
 .skin-Tamken-Dark-Style .tool-buttons .tool-button.mail-button span.button-inner::before {
   content: unset !important;
 }
 
 .skin-Tamken-Dark-Style .tool-buttons .tool-button.table-button span.button-inner {
   background-image: url(/Content/serenity/images/table.png);
   background-repeat: no-repeat;
   background-position: center left;
 }
 
 .skin-Tamken-Dark-Style .tool-buttons .tool-button.table-button span.button-inner::before {
   content: unset !important;
 }
 
 .skin-Tamken-Dark-Style .tool-buttons .tool-button.trash-button span.button-inner {
   background-image: url(/Content/serenity/images/trash.png);
   background-repeat: no-repeat;
   background-position: center left;
 }
 
 .skin-Tamken-Dark-Style .tool-buttons .tool-button.trash-button span.button-inner::before {
   content: unset !important;
 }
 
 .skin-Tamken-Dark-Style .tool-buttons .tool-button.users-button span.button-inner {
   background-image: url(/Content/serenity/images/users.png);
   background-repeat: no-repeat;
   background-position: center left;
 }
 
 .skin-Tamken-Dark-Style .tool-buttons .tool-button.users-button span.button-inner::before {
   content: unset !important;
 }
 
 .skin-Tamken-Dark-Style .tool-buttons .tool-button.checkbox-yes-button span.button-inner {
   background-image: url(/Content/serenity/images/checkbox-yes.png);
   background-repeat: no-repeat;
   background-position: center left;
 }
 
 .skin-Tamken-Dark-Style .tool-buttons .tool-button.checkbox-yes-button span.button-inner::before {
   content: unset !important;
 }
 
 .skin-Tamken-Dark-Style .tool-buttons .tool-button.checkbox-no-button span.button-inner {
   background-image: url(/Content/serenity/images/checkbox-no.png);
   background-repeat: no-repeat;
   background-position: center left;
 }
 
 .skin-Tamken-Dark-Style .tool-buttons .tool-button.checkbox-no-button span.button-inner::before {
   content: unset !important;
 }
 
 .skin-Tamken-Dark-Style .tool-buttons .tool-button.tag-button span.button-inner::before {
   content: "\f02b";
 }
 
 .skin-Tamken-Dark-Style .tool-buttons .tool-button.send-button span.button-inner {
   background-image: url(/Content/serenity/images/arrow-step-over.png);
   background-repeat: no-repeat;
   background-position: center left;
 }
 
 .skin-Tamken-Dark-Style .tool-buttons .tool-button.send-button span.button-inner::before {
   content: unset !important;
 }
 
 .skin-Tamken-Dark-Style .tool-buttons .tool-button.lock-button span.button-inner {
   background-image: url(/Content/serenity/images/lock.png);
   background-repeat: no-repeat;
   background-position: center left;
 }
 
 .skin-Tamken-Dark-Style .tool-buttons .tool-button.lock-button span.button-inner::before {
   content: unset !important;
 }
 
 .skin-Tamken-Dark-Style .tool-buttons .tool-button.unlock-button span.button-inner {
   background-image: url(/Content/serenity/images/unlock.png);
   background-repeat: no-repeat;
   background-position: center left;
 }
 
 .skin-Tamken-Dark-Style .tool-buttons .tool-button.unlock-button span.button-inner::before {
   content: unset !important;
 }
 
 .skin-Tamken-Dark-Style .tool-buttons .tool-button.unlock-disable-button span.button-inner {
   background-image: url(/Content/serenity/images/unlock-disable.png);
   background-repeat: no-repeat;
   background-position: center left;
 }
 
 .skin-Tamken-Dark-Style .tool-buttons .tool-button.unlock-disable-button span.button-inner::before {
   content: unset !important;
 }
 
 .skin-Tamken-Dark-Style .tool-buttons .tool-button.document-check span.button-inner {
   background-image: url(/Content/serenity/images/document-task.png);
   background-repeat: no-repeat;
   background-position: center left;
 }
 
 .skin-Tamken-Dark-Style .tool-buttons .tool-button.document-check span.button-inner::before {
   content: unset !important;
 }
 
 .skin-Tamken-Dark-Style .tool-buttons .tool-button.reject span.button-inner {
   background-image: url(/Content/serenity/images/slash.png);
   background-repeat: no-repeat;
   background-position: center left;
 }
 
 .skin-Tamken-Dark-Style .tool-buttons .tool-button.reject span.button-inner::before {
   content: unset !important;
 }
 
 .skin-Tamken-Dark-Style .tool-buttons .tool-button.bomb-button span.button-inner {
   background-image: url(/Content/serenity/images/bomb.png);
   background-repeat: no-repeat;
   background-position: center left;
 }
 
 .skin-Tamken-Dark-Style .tool-buttons .tool-button.bomb-button span.button-inner::before {
   content: unset !important;
 }
 
 .skin-Tamken-Dark-Style .tool-buttons .tool-button.money-button span.button-inner {
   background-image: url(/Content/serenity/images/money.png);
   background-repeat: no-repeat;
   background-position: center left;
 }
 
 .skin-Tamken-Dark-Style .tool-buttons .tool-button.money-button span.button-inner::before {
   content: unset !important;
 }
 
 .skin-Tamken-Dark-Style .tool-buttons .tool-button.edit-button span.button-inner {
   background-image: url(/Content/serenity/images/edit.png);
   background-repeat: no-repeat;
   background-position: center left;
 }
 
 .skin-Tamken-Dark-Style .tool-buttons .tool-button.edit-button span.button-inner::before {
   content: unset !important;
 }
 
 .skin-Tamken-Dark-Style .tool-buttons .tool-button.back-button span.button-inner {
   background-image: url(/Content/serenity/images/arrow-curve-left.png);
   background-repeat: no-repeat;
   background-position: center left;
 }
 
 .skin-Tamken-Dark-Style .tool-buttons .tool-button.back-button span.button-inner::before {
   content: unset !important;
 }
 
 .skin-Tamken-Dark-Style .tool-buttons .tool-button.search-button span.button-inner {
   background-image: url(/Content/serenity/images/magnifier.png);
   background-repeat: no-repeat;
   background-position: center left;
 }
 
 .skin-Tamken-Dark-Style .tool-buttons .tool-button.search-button span.button-inner::before {
   content: unset !important;
 }
 
 .skin-Tamken-Dark-Style .tool-buttons .tool-button.clean-button span.button-inner {
   background-image: url(/Content/serenity/images/eraser.png);
   background-repeat: no-repeat;
   background-position: center left;
 }
 
 .skin-Tamken-Dark-Style .tool-buttons .tool-button.clean-button span.button-inner::before {
   content: unset !important;
 }
 
 .skin-Tamken-Dark-Style .tool-buttons .tool-button.approve-button span.button-inner {
   background-image: url(/Content/serenity/images/check2.png);
   background-repeat: no-repeat;
   background-position: center left;
 }
 
 .skin-Tamken-Dark-Style .tool-buttons .tool-button.approve-button span.button-inner::before {
   content: unset !important;
 }
 
 .skin-Tamken-Dark-Style .tool-buttons .tool-button.synchronize-button span.button-inner {
   background-image: url(/Content/serenity/images/data-sync.png);
   background-repeat: no-repeat;
   background-position: center left;
 }
 
 .skin-Tamken-Dark-Style .tool-buttons .tool-button.synchronize-button span.button-inner::before {
   content: unset !important;
 }
 
 .skin-Tamken-Dark-Style .tool-buttons .tool-button.select-all-button span.button-inner {
   background-image: url(/Content/serenity/images/checkbox-no.png);
   background-repeat: no-repeat;
   background-position: center left;
 }
 
 .skin-Tamken-Dark-Style .tool-buttons .tool-button.select-all-button span.button-inner::before {
   content: unset !important;
 }
 
 .skin-Tamken-Dark-Style .tool-buttons .tool-button.select-all-button.checked span.button-inner {
   background-image: url(/Content/serenity/images/checkbox-yes.png);
   background-repeat: no-repeat;
   background-position: center left;
 }
 
 .skin-Tamken-Dark-Style .tool-buttons .tool-button.select-all-button.checked span.button-inner::before {
   content: unset !important;
 }
 
 .skin-Tamken-Dark-Style .inplace-button {
   height: 34px;
   padding: 2px 3px;
   width: 30px;
   margin-left: 2px;
   background: #0000002b;
   border: solid 1px #00000033;
   border-radius: 2px;
   color: #cccccc;
   text-shadow: unset;
 }
 
 .skin-Tamken-Dark-Style .inplace-button b {
   line-height: 28px;
 }
 
 .skin-Tamken-Dark-Style .inplace-button:hover {
   text-shadow: 0 0 5px #fff;
 }
 
 .skin-Tamken-Dark-Style .inplace-button:hover b::before {
   color: #5f97ff;
 }
 
 .skin-Tamken-Dark-Style .inplace-create b {
   background: none;
 }
 
 .skin-Tamken-Dark-Style .inplace-create b::before {
   font-family: "FontAwesome";
   content: "\f005";
   font-weight: 300;
 }
 
 .skin-Tamken-Dark-Style .inplace-create.edit b {
   background: none;
 }
 
 .skin-Tamken-Dark-Style .inplace-create.edit b::before {
   font-family: "FontAwesome";
   content: "\f040";
   font-weight: 100;
 }
 
 .skin-Tamken-Dark-Style .s-QuickSearchBar {
   border-right: 0;
   border-radius: 0 2px 2px 0;
   box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.25);
   -webkit-box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.25);
 }
 
 .skin-Tamken-Dark-Style .s-QuickSearchBar .quick-search-icon {
   height: 34px;
   background: #525467;
   border-radius: 2px 0 0 2px;
   border: solid 1px #525467;
 }
 
 .skin-Tamken-Dark-Style .s-QuickSearchBar .quick-search-icon i {
   background: none;
 }
 
 .skin-Tamken-Dark-Style .s-QuickSearchBar .quick-search-icon i::before {
   font-family: "FontAwesome";
   content: "\f002";
   color: #cccccc;
   font-weight: 300;
   font-size: 16px;
   font-style: normal;
   line-height: 30px;
   padding-left: 4px;
 }
 
 .skin-Tamken-Dark-Style .s-QuickSearchBar input.s-QuickSearchInput {
   height: 34px;
   border-color: #525467;
   border-right: 1px solid #525467;
   background: #ffffff26;
   color: #cccccc;
   border-radius: 0 2px 2px 0;
 }
 
 .skin-Tamken-Dark-Style .slick-pg-stat {
   font-family: Poppins, Helvetica, "sans-serif";
 }
 
 .skin-Tamken-Dark-Style .slick-header-column,
 .skin-Tamken-Dark-Style .slick-header-column.ui-state-default {
   font-family: Poppins, Helvetica, "sans-serif";
   font-weight: 400;
   font-size: 13px;
   background-color: rgba(128, 128, 128, 0.07843137);
   color: #cccccc;
   border-top: solid 1px #00000033;
   border-bottom-color: #00000033;
 }
 
 .skin-Tamken-Dark-Style .slick-header-column-sorted,
 .skin-Tamken-Dark-Style .slick-header-column-sorted.ui-state-default {
   border-bottom-color: #2c76ff;
 }
 
 .skin-Tamken-Dark-Style .slick-sort-indicator-asc,
 .skin-Tamken-Dark-Style .slick-sort-indicator-desc {
   border-bottom-color: #5f97ff;
   border-top-color: #5f97ff;
 }
 
 .skin-Tamken-Dark-Style .slick-row {
   background: transparent;
   -webkit-transform: perspective(1px) translateZ(0) translateY(0);
   transform: perspective(1px) translateZ(0) translateY(0);
   -webkit-transition-duration: 0.3s;
   transition-duration: 0.3s;
   -webkit-transition-property: transform;
   transition-property: transform;
 }
 
 .skin-Tamken-Dark-Style .slick-row:hover {
   -webkit-transform: translateX(2px) translateY(1px);
   transform: translateX(2px) translateY(1px);
   box-shadow: 0 5px 7px 0px #00000036;
 }
 
 .skin-Tamken-Dark-Style .slick-row:hover .slick-cell:first-child {
   /*border-left: 3px solid @glass-001-link-color;*/
 }
 
 .skin-Tamken-Dark-Style .slick-row.odd {
   background: rgba(0, 0, 0, 0.05);
 }
 
 .skin-Tamken-Dark-Style .slick-cell,
 .skin-Tamken-Dark-Style .slick-headerrow-column,
 .skin-Tamken-Dark-Style .slick-footerrow-column {
   border: unset;
 }
 
 .skin-Tamken-Dark-Style .slick-cell {
   color: #cccccc;
   padding-top: 2px;
 }
 
 .skin-Tamken-Dark-Style .slick-cell>a {
   color: #5f97ff;
 }
 
 .skin-Tamken-Dark-Style .slick-footerrow-column,
 .skin-Tamken-Dark-Style .slick-footerrow-column.ui-state-default {
   background-color: #00000014;
   color: #5f97ff;
 
 }
 
 .skin-Tamken-Dark-Style .s-DataGrid.editor,
 .skin-Tamken-Dark-Style .s-Dialog .s-DataGrid.editor {
   border: 1px solid #00000033;
   border-radius: 2px;
 }
 
 .skin-Tamken-Dark-Style .s-DataGrid.editor .grid-toolbar,
 .skin-Tamken-Dark-Style .s-Dialog .s-DataGrid.editor .grid-toolbar {
   background: transparent;
   border: unset;
 }
 
 .skin-Tamken-Dark-Style .editor.readonly {
   background: url(/Content/skins/glass001/assets/bg_dot.png);
   background-color: transparent;
   color: #f5f5f599;
   border-color: #92929212;
   outline: 0;
   border-radius: 2px;
 }
 
 .skin-Tamken-Dark-Style .editor .slick-cell {
   color: #cccccc;
   padding: 4px 4px 0 4px;
   border-style: none solid solid none;
   border-right-color: #00000033;
   border-bottom-color: #00000033;
   border-width: 1px;
 }
 
 .skin-Tamken-Dark-Style .editor .slick-header-column {
   border-right: solid 1px #00000033;
   border-style: none solid solid none;
   font-family: Poppins, Helvetica, "sans-serif";
   font-weight: 500;
   font-size: 13px;
   color: #cccccc;
   background-color: rgba(128, 128, 128, 0.07843137);
   border-top: solid 1px #00000033;
   border-bottom-color: #00000033;
 }
 
 .skin-Tamken-Dark-Style .editor .slick-header-column.ui-state-default {
   font-family: Poppins, Helvetica, "sans-serif";
   font-weight: 500;
   font-size: 13px;
   color: #cccccc;
   background-color: rgba(128, 128, 128, 0.07843137);
   border-top: solid 1px #00000033;
   border-bottom-color: #00000033;
 }
 
 .skin-Tamken-Dark-Style .editor .slick-cell>a {
   text-shadow: 0 0 5px #151515;
 }
 
 .skin-Tamken-Dark-Style .slick-cell>a {
   text-shadow: 1px 1px 1px #151515;
 }
 
 .skin-Tamken-Dark-Style .slick-cell>a:hover {
   text-shadow: 1px 1px 3px #151515;
 }
 
 .skin-Tamken-Dark-Style .slick-cell input[type="text"],
 .skin-Tamken-Dark-Style .slick-cell select {
   height: 25px;
   background: transparent !important;
   border-color: #00000033;
 }
 
 .skin-Tamken-Dark-Style .slick-cell select option,
 .skin-Tamken-Dark-Style .slick-cell select.dirty option,
 .skin-Tamken-Dark-Style .s-SlickPager select option,
 .skin-Tamken-Dark-Style .ui-datepicker select.ui-datepicker-month option,
 .skin-Tamken-Dark-Style .ui-datepicker select.ui-datepicker-year option,
 .skin-Tamken-Dark-Style .select2-drop-active {
   background: none;
   background-size: cover;
   background-color: #232636;
 }
 
 .skin-Tamken-Dark-Style .slick-cell .dirty {
   background-color: unset;
   color: #ff9595;
 }
 
 .skin-Tamken-Dark-Style .slick-cell input[type="text"] {
   border: solid 1px #00000033;
 }
 
 .skin-Tamken-Dark-Style .slick-cell {
   font-family: Poppins, Helvetica, "sans-serif";
   font-weight: 300;
 }
 
 .skin-Tamken-Dark-Style input.slick-pg-current {
   height: 20px;
 }
 
 .skin-Tamken-Dark-Style input {
   background: #0000002b;
   border-color: #00000033;
   border-radius: 2px;
 }
 
 .skin-Tamken-Dark-Style input.readonly {
   background: url(/Content/skins/glass001/assets/bg_dot.png);
   background-color: transparent;
   color: #f5f5f599;
   border-color: #92929212;
   outline: 0;
   border-radius: 2px;
 }
 
 .skin-Tamken-Dark-Style .ui-widget-overlay {
   opacity: 1;
   -webkit-backdrop-filter: blur(2px);
   backdrop-filter: blur(2px);
   background-color: #00000040;
 }
 
 .skin-Tamken-Dark-Style .check-box {
   background: unset !important;
 }
 
 .skin-Tamken-Dark-Style .check-box::before {
   content: "\f0c8";
   font-family: "FontAwesome";
   color: #cccccc;
   font-size: 15px;
 }
 
 .skin-Tamken-Dark-Style .s-Form .check-box.readonly::before {
   opacity: 0.4;
 }
 
 .skin-Tamken-Dark-Style .check-box.disabled {
   background: none;
 }
 
 .skin-Tamken-Dark-Style .check-box.disabled::before {
   opacity: 0.4;
 }
 
 .skin-Tamken-Dark-Style .check-box.checked {
   background: none;
 }
 
 .skin-Tamken-Dark-Style .check-box.checked::before {
   content: "\f14a";
   color: #5f97ff;
   font-size: 15px;
 }
 
 .skin-Tamken-Dark-Style .check-box.checked.disabled {
   background: none;
 }
 
 .skin-Tamken-Dark-Style .check-box.checked.disabled::before {
   opacity: 0.4;
 }
 
 .skin-Tamken-Dark-Style .check-box.partial {
   background: none;
 }
 
 .skin-Tamken-Dark-Style .check-box.partial::before {
   content: "\f0c8";
   color: #5f97ff;
   font-size: 15px;
 }
 
 .skin-Tamken-Dark-Style .check-box.partial.disabled {
   background: none;
 }
 
 .skin-Tamken-Dark-Style .check-box.partial.disabled::before {
   opacity: 0.4;
 }
 
 .skin-Tamken-Dark-Style .check-box.indeterminate {
   background: none;
 }
 
 .skin-Tamken-Dark-Style .check-box.indeterminate::before {
   content: "\f14a";
   color: #8c8c8c;
   font-size: 15px;
 }
 
 .skin-Tamken-Dark-Style .check-box.indeterminate.disabled::before {
   opacity: 0.4;
 }
 
 .skin-Tamken-Dark-Style .s-FilterDisplayBar {
   background: transparent;
   height: 34px;
   border: unset;
   margin-top: 4px;
 }
 
 .skin-Tamken-Dark-Style .s-FilterDisplayBar .edit {
   background: #ffffff26;
   border: solid 1px #ffffff26;
   color: #5f97ff;
   font-weight: 400;
   padding: 3px 10px;
   line-height: 15px;
   border-radius: 2px;
   margin: 4px;
 }
 
 .skin-Tamken-Dark-Style .s-FilterDisplayBar .edit::before {
   font-family: "FontAwesome";
   content: "\f0b0";
   padding-right: 5px;
   margin: 2px 0 0 -2px;
 }
 
 .skin-Tamken-Dark-Style .s-FilterDisplayBar .edit:hover {
   text-shadow: 0 0 5px #151515;
 }
 
 .skin-Tamken-Dark-Style .s-FilterDisplayBar .cap {
   color: #5f97ff;
 }
 
 .skin-Tamken-Dark-Style .s-FilterDisplayBar .txt {
   color: #cccccc;
   font-weight: 300;
 }
 
 .skin-Tamken-Dark-Style .s-SlickPager {
   background-color: #00000014;
   border: unset;
   border-radius: 2px;
   padding: 3px;
   height: 34px;
   color: #cccccc;
 }
 
 .skin-Tamken-Dark-Style .s-SlickPager select,
 .skin-Tamken-Dark-Style .s-SlickPager input {
   background: transparent;
   border-radius: 2px;
 }
 
 .skin-Tamken-Dark-Style .s-SlickPager select:focus,
 .skin-Tamken-Dark-Style .s-SlickPager input:focus {
   /*outline: 0;*/
 }
 
 .skin-Tamken-Dark-Style .ui-datepicker {
   background: none;
   background-size: cover;
   background-color: #232636;
 }
 
 .skin-Tamken-Dark-Style .ui-datepicker .ui-datepicker-calendar th {
   color: #5f97ff;
 }
 
 .skin-Tamken-Dark-Style .ui-datepicker .ui-datepicker-calendar td>a {
   color: #cccccc;
   border-color: #cccccc;
 }
 
 .skin-Tamken-Dark-Style .ui-datepicker .ui-datepicker-header {
   color: #cccccc;
   border-color: #cccccc;
 }
 
 .skin-Tamken-Dark-Style .ui-datepicker .ui-datepicker-buttonpane button {
   height: 34px;
   font-family: Poppins, Helvetica, "sans-serif";
   font-size: 13px;
   background: #ffffff26;
   border: unset;
   color: #cccccc;
   box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.25);
   -webkit-box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.25);
   padding: 2px 5px;
   border-radius: 2px;
 }
 
 .skin-Tamken-Dark-Style .ui-datepicker .ui-datepicker-buttonpane button:hover {
   text-shadow: 0 0 5px #fff;
 }
 
 .skin-Tamken-Dark-Style .ui-datepicker .ui-datepicker-title select {
   background: transparent;
 }
 
 .skin-Tamken-Dark-Style button.ui-datepicker-trigger {
   background: none;
   color: #cccccc;
   font-size: 16px;
   padding: 0;
   border: none;
   height: 22px;
   padding-left: 2px;
 }
 
 .skin-Tamken-Dark-Style button.btn-primary {
   color: #cccccc !important;
   background: #0088cc !important;
 }
 
 .skin-Tamken-Dark-Style button.btn-danger {
   color: #cccccc !important;
   background: #e36159 !important;
 }
 
 .skin-Tamken-Dark-Style .slick-pg-btn {
   background: none;
   line-height: 21px;
   width: 26px;
   text-align: center;
   border: solid 1px transparent;
 }
 
 .skin-Tamken-Dark-Style .slick-pg-btn>span:before {
   font-size: 15px;
   color: #cccccc;
   font-family: "FontAwesome";
   font-style: normal;
   font-weight: normal;
   -webkit-font-smoothing: antialiased;
 }
 
 .skin-Tamken-Dark-Style .slick-pg-btn:hover {
   border: unset;
   border: solid 1px transparent;
 }
 
 .skin-Tamken-Dark-Style .slick-pg-btn:hover>.slick-pg-btn-span {
   border: unset;
 }
 
 .skin-Tamken-Dark-Style .slick-pg-btn:hover>.slick-pg-btn-span::before {
   color: #5f97ff;
 }
 
 .skin-Tamken-Dark-Style .slick-pg-btn-span {
   width: 24px;
   border: unset;
 }
 
 .skin-Tamken-Dark-Style .slick-pg-first>span:before {
   content: "\f049";
 }
 
 .skin-Tamken-Dark-Style .slick-pg-prev>span:before {
   content: "\f04a";
 }
 
 .skin-Tamken-Dark-Style .slick-pg-next>span:before {
   content: "\f04e";
 }
 
 .skin-Tamken-Dark-Style .slick-pg-last>span:before {
   content: "\f050";
 }
 
 .skin-Tamken-Dark-Style .slick-pg-reload>span:before {
   content: "\f021";
 }
 
 .skin-Tamken-Dark-Style .slick-pg-current {
   text-align: center;
 }
 
 .skin-Tamken-Dark-Style .slick-pg-control {
   top: unset;
 }
 
 .skin-Tamken-Dark-Style #toast-container .toast {
   box-shadow: unset;
   -webkit-box-shadow: unset;
   margin-bottom: 5px;
   border-radius: 2px;
 }
 
 .skin-Tamken-Dark-Style .todo-list>li {
   background: transparent;
   color: #cccccc;
   border: solid 1px #00000033;
   border-left-width: 3px;
   border-radius: 2px;
 }
 
 .skin-Tamken-Dark-Style .todo-list>li:nth-child(odd) {
   background: rgba(0, 0, 0, 0.05);
 }
 
 .skin-Tamken-Dark-Style .todo-list>li:nth-child(even) {
   background-color: transparent;
 }
 
 .skin-Tamken-Dark-Style .users-list-name {
   color: #cccccc;
 }
 
 .skin-Tamken-Dark-Style .products-list>.item {
   background: transparent;
   color: #cccccc;
 }
 
 .skin-Tamken-Dark-Style .page-header {
   color: #cccccc;
   font-family: Poppins, Helvetica, "sans-serif";
   font-weight: 300;
 }
 
 .skin-Tamken-Dark-Style .page-header>small {
   color: #cccccc;
 }
 
 .skin-Tamken-Dark-Style .alert a {
   color: #fff;
 }
 
 .skin-Tamken-Dark-Style .alert .close {
   color: #fff;
   opacity: 0.9;
 }
 
 .skin-Tamken-Dark-Style .alert h4 {
   color: inherit;
 }
 
 .skin-Tamken-Dark-Style .dropdown-menu {
   background: none;
   background-size: cover;
   background-color: #232636;
   color: #cccccc;
 }
 
 .skin-Tamken-Dark-Style .dropdown-menu>li a {
   color: #cccccc;
 }
 
 .skin-Tamken-Dark-Style .dropdown-menu>li a:hover {
   background-color: #00000014;
 }
 
 .skin-Tamken-Dark-Style .mailbox-attachments li {
   border-color: #00000033;
 }
 
 .skin-Tamken-Dark-Style .mailbox-read-info,
 .skin-Tamken-Dark-Style .mailbox-controls.with-border {
   border-bottom-color: #f4f4f41c;
 }
 
 .skin-Tamken-Dark-Style .mailbox-attachment-info {
   background: #00000014;
 }
 
 .skin-Tamken-Dark-Style .mailbox-attachment-icon {
   color: #cccccc;
 }
 
 .skin-Tamken-Dark-Style .widget-user-username,
 .skin-Tamken-Dark-Style .widget-user-desc {
   color: inherit;
 }
 
 .skin-Tamken-Dark-Style .callout h4 {
   color: #fff;
 }
 
 .skin-Tamken-Dark-Style .btn-app {
   background: #ffffff26;
   color: #cccccc;
 }
 
 .skin-Tamken-Dark-Style .input-group-btn:last-child>.btn-group {
   border-radius: 0 2px 2px 0 !important;
 }
 
 .skin-Tamken-Dark-Style .input-group .input-group-addon {
   background-color: #0000002b;
   color: #cccccc;
   border-color: #00000033;
 }
 
 .skin-Tamken-Dark-Style .input-group input {
   /*height: 34px;
                  line-height: 34px;*/
 }
 
 .skin-Tamken-Dark-Style .input-group-lg input {
   height: 46px;
   line-height: 46px;
 }
 
 .skin-Tamken-Dark-Style .input-group-sm .input-group-btn button {
   height: 30px !important;
   line-height: 14px;
 }
 
 .skin-Tamken-Dark-Style .input-group-sm input {
   height: 30px !important;
 }
 
 .skin-Tamken-Dark-Style .input-lg {
   height: 46px !important;
 }
 
 .skin-Tamken-Dark-Style .input-sm {
   height: 30px !important;
 }
 
 .skin-Tamken-Dark-Style .input-xs {
   height: unset !important;
 }
 
 .skin-Tamken-Dark-Style .comment-text {
   color: #cccccc;
 }
 
 .skin-Tamken-Dark-Style .comment-text .username {
   color: #cccccc;
 }
 
 .skin-Tamken-Dark-Style .chat .item>.attachment {
   background: #0000002b;
   border: solid 1px #00000033;
   color: #cccccc;
 }
 
 @media (min-width: 768px) {
   .skin-Tamken-Dark-Style.sidebar-mini.sidebar-collapse .main-sidebar {
     width: 60px !important;
   }
 
   .skin-Tamken-Dark-Style.sidebar-mini.sidebar-collapse .content-wrapper,
   .skin-Tamken-Dark-Style.sidebar-mini.sidebar-collapse .right-side,
   .skin-Tamken-Dark-Style.sidebar-mini.sidebar-collapse .main-footer {
     margin-left: 60px !important;
   }
 
   .skin-Tamken-Dark-Style.sidebar-mini.sidebar-collapse .main-header .navbar {
     margin-left: 60px !important;
   }
 
   .skin-Tamken-Dark-Style.sidebar-mini.sidebar-collapse .main-header .logo {
     width: 60px !important;
   }
 
   .skin-Tamken-Dark-Style.sidebar-mini.sidebar-collapse .must-show-search-bar {
     display: inline-flex !important;
   }
 }
 
 @media (max-width: 767px) {
   .skin-Tamken-Dark-Style .main-header {
     background: unset;
     background-size: cover;
     background-color: #26293b;
   }
 
   .skin-Tamken-Dark-Style .main-header a.logo {
     display: none;
   }
 
   .skin-Tamken-Dark-Style .control-sidebar {
     padding-top: 60px;
   }
 
   .skin-Tamken-Dark-Style .main-sidebar,
   .skin-Tamken-Dark-Style .left-side {
     padding-top: 60px;
   }
 
   .skin-Tamken-Dark-Style .navbar-nav>.user-menu .user-image {
     margin: 0 !important;
   }
 
   .skin-Tamken-Dark-Style.fixed .content-wrapper,
   .skin-Tamken-Dark-Style.fixed .right-side {
     /* padding-top: 60px; */
     padding-top: 115px;
   }
 }
 
 /*.themeDefs-tool-button-color(@idx);*/
 body.skin-Tamken-Dark-Style section.content {
   padding-bottom: 0;
   margin-bottom: 0;
 }
 
 body.skin-Tamken-Dark-Style section.content>.s-DataGrid,
 body.skin-Tamken-Dark-Style section.content .flex-layout.s-Panel {
   border-radius: unset;
   margin-left: -15px;
   box-shadow: unset;
   -webkit-box-shadow: unset;
 }
 
 body.skin-Tamken-Dark-Style .grid-title,
 body.skin-Tamken-Dark-Style .panel-titlebar {
   padding: 15px 10px 14px 10px;
   margin-top: -25px;
   background: none;
   background-size: cover;
   background-color: #1e1e2f;
   border-radius: unset !important;
 }
 
 body.skin-Tamken-Dark-Style .panel-titlebar {
   padding: 12px 10px;
 }
 
 body.skin-Tamken-Dark-Style .grid-title {
   padding: 11px 10px;
 }
 
 body.skin-Tamken-Dark-Style .panel-titlebar {
   padding: 9px 10px 8px 10px;
 }
 
 body.skin-Tamken-Dark-Style .sidebar-form .s-SidebarSearch:focus {
   color: #666;
   border-color: transparent;
 }
 
 body.skin-Tamken-Dark-Style .sidebar-form .input-group-btn button {
   background-color: transparent;
 }
 
 body.skin-Tamken-Dark-Style .sidebar-form .s-SidebarSearch,
 body.skin-Tamken-Dark-Style .sidebar-form .s-SidebarSearch+button,
 body.skin-Tamken-Dark-Style .sidebar-form .sidebar-form button {
   background: transparent !important;
   color: white !important;
 }
 
 body.skin-Tamken-Dark-Style .sidebar-form div.input-group,
 body.skin-Tamken-Dark-Style .sidebar-form button {
   background: #0c0c0c26;
 }
 
 body.skin-Tamken-Dark-Style .sidebar-form button i {
   color: #b5b5b5;
 }
 
 /* ************************************************** */
 
 
 body.skin-Tamken-Light-Style {
   background: url("/Content/skins/glass001/assets/bg008.jpg") fixed;
   background-size: auto;
   background-color: #ffffffa8;
   color: #777;
 }
 
 .skin-Tamken-Light-Style.fixed .content-wrapper,
 .skin-Tamken-Light-Style.fixed .right-side {
   /* padding-top: 60px; */
   padding-top: 30px;
 }
 
 .skin-Tamken-Light-Style {
   /*input[type="text"] {
              height: 32px;
          }*/
   /*button {
              height: 34px;
          }*/
   /*
          .nav > li > a:hover, .nav > li > a:active, .nav > li > a:focus, .main-header .sidebar-toggle:hover {
              color: @glass-001-link-hover-active-color;
              text-shadow: 0 0 2px @glass-001-link-shadow-color;
          }*/
 }
 
 .skin-Tamken-Light-Style #PageBackground {
   display: block !important;
   background: url("/Content/skins/glass001/assets/bg008.jpg") fixed;
   background-size: auto;
 }
 
 .skin-Tamken-Light-Style .j-skin-text-color {
   color: #777;
 }
 
 .skin-Tamken-Light-Style .btn-default.disabled:hover,
 .skin-Tamken-Light-Style .btn-default[disabled]:hover,
 .skin-Tamken-Light-Style fieldset[disabled] .btn-default:hover,
 .skin-Tamken-Light-Style .btn-default.disabled:focus,
 .skin-Tamken-Light-Style .btn-default[disabled]:focus,
 .skin-Tamken-Light-Style fieldset[disabled] .btn-default:focus,
 .skin-Tamken-Light-Style .btn-default.disabled.focus,
 .skin-Tamken-Light-Style .btn-default[disabled].focus,
 .skin-Tamken-Light-Style fieldset[disabled] .btn-default.focus {
   background-color: unset;
 }
 
 .skin-Tamken-Light-Style .content-wrapper {
   background: unset;
   background-size: auto;
   background-color: transparent;
   margin-left: 24px !important;
 }
 
 .skin-Tamken-Light-Style ::-webkit-input-placeholder {
   /* Edge */
   color: #777;
 }
 
 .skin-Tamken-Light-Style :-ms-input-placeholder {
   /* Internet Explorer 10-11 */
   color: #777;
 }
 
 .skin-Tamken-Light-Style ::placeholder {
   color: #777;
 }
 
 .skin-Tamken-Light-Style input {
   color: #000;
 }
 
 div.account-id {
   color: #777;
 }
 
 .skin-Tamken-Light-Style .table>thead>tr>th,
 .skin-Tamken-Light-Style .table>tbody>tr>th,
 .skin-Tamken-Light-Style .table>tfoot>tr>th,
 .skin-Tamken-Light-Style .table>thead>tr>td,
 .skin-Tamken-Light-Style .table>tbody>tr>td,
 .skin-Tamken-Light-Style .table>tfoot>tr>td {
   border-top: 1px solid #ffffff14;
 }
 
 .skin-Tamken-Light-Style a {
   color: #0b80fd;
 }
 
 .skin-Tamken-Light-Style a.btn.btn-primary,
 .skin-Tamken-Light-Style a.btn.btn-success,
 .skin-Tamken-Light-Style a.btn.btn-info,
 .skin-Tamken-Light-Style a.btn.btn-danger,
 .skin-Tamken-Light-Style a.btn.btn-warning {
   color: #fff;
 }
 
 .skin-Tamken-Light-Style a.btn.btn-primary:hover,
 .skin-Tamken-Light-Style a.btn.btn-success:hover,
 .skin-Tamken-Light-Style a.btn.btn-info:hover,
 .skin-Tamken-Light-Style a.btn.btn-danger:hover,
 .skin-Tamken-Light-Style a.btn.btn-warning:hover {
   color: #fff;
 }
 
 .skin-Tamken-Light-Style a.btn:hover {
   color: #0b80fd;
 }
 
 .skin-Tamken-Light-Style a:hover,
 .skin-Tamken-Light-Style a:active,
 .skin-Tamken-Light-Style a:focus {
   color: #5baaff;
 }
 
 .skin-Tamken-Light-Style input[type="text"],
 .skin-Tamken-Light-Style input[type="email"],
 .skin-Tamken-Light-Style input[type="tel"],
 .skin-Tamken-Light-Style input[type="search"],
 .skin-Tamken-Light-Style input[type="url"],
 .skin-Tamken-Light-Style input[type="password"] {
   height: 34px;
   line-height: 34px;
   background: transparent;
   border-radius: 2px;
   font-weight: 700;
   color: #000;
   background-color: #fff;
   text-align: center;
 }
 
 .skin-Tamken-Light-Style input[type="text"]:focus,
 .skin-Tamken-Light-Style input[type="email"]:focus,
 .skin-Tamken-Light-Style input[type="tel"]:focus,
 .skin-Tamken-Light-Style input[type="search"]:focus,
 .skin-Tamken-Light-Style input[type="url"]:focus,
 .skin-Tamken-Light-Style input[type="password"]:focus {
   border-color: #00000061;
   outline: 0;
 }
 
 .skin-Tamken-Light-Style textarea {
   background: transparent;
   border-radius: 2px;
   color: #777;
 }
 
 .skin-Tamken-Light-Style textarea:focus {
   border-color: #00000061;
   outline: 0;
 }
 
 .skin-Tamken-Light-Style h1,
 .skin-Tamken-Light-Style h2,
 .skin-Tamken-Light-Style h3,
 .skin-Tamken-Light-Style h4,
 .skin-Tamken-Light-Style h5,
 .skin-Tamken-Light-Style h6,
 .skin-Tamken-Light-Style .h1,
 .skin-Tamken-Light-Style .h2,
 .skin-Tamken-Light-Style .h3,
 .skin-Tamken-Light-Style .h4,
 .skin-Tamken-Light-Style .h5,
 .skin-Tamken-Light-Style .h6 {
   font-family: Poppins, Helvetica, "sans-serif";
   color: inherit;
 }
 
 .skin-Tamken-Light-Style h1 small,
 .skin-Tamken-Light-Style h2 small,
 .skin-Tamken-Light-Style h3 small,
 .skin-Tamken-Light-Style h4 small,
 .skin-Tamken-Light-Style h5 small,
 .skin-Tamken-Light-Style h6 small,
 .skin-Tamken-Light-Style .h1 small,
 .skin-Tamken-Light-Style .h2 small,
 .skin-Tamken-Light-Style .h3 small,
 .skin-Tamken-Light-Style .h4 small,
 .skin-Tamken-Light-Style .h5 small,
 .skin-Tamken-Light-Style .h6 small,
 .skin-Tamken-Light-Style h1 .small,
 .skin-Tamken-Light-Style h2 .small,
 .skin-Tamken-Light-Style h3 .small,
 .skin-Tamken-Light-Style h4 .small,
 .skin-Tamken-Light-Style h5 .small,
 .skin-Tamken-Light-Style h6 .small,
 .skin-Tamken-Light-Style .h1 .small,
 .skin-Tamken-Light-Style .h2 .small,
 .skin-Tamken-Light-Style .h3 .small,
 .skin-Tamken-Light-Style .h4 .small,
 .skin-Tamken-Light-Style .h5 .small,
 .skin-Tamken-Light-Style .h6 .small {
   color: #777;
   font-family: Poppins, Helvetica, "sans-serif";
 }
 
 .skin-Tamken-Light-Style .info-box {
   background-color: #e4e4e4a6;
   border-radius: 2px;
 }
 
 .skin-Tamken-Light-Style .info-box .info-box-icon {
   border-radius: 2px 0 0 2px;
 }
 
 .skin-Tamken-Light-Style .box {
   background: url("/Content/skins/glass001/assets/boxlight_ltr.png") fixed;
   background-size: cover;
   background-color: transparent;
   color: #777;
 }
 
 .skin-Tamken-Light-Style .box .box-header {
   background: transparent;
   color: #777;
 }
 
 .skin-Tamken-Light-Style .box .box-header .box-title {
   color: inherit;
   font-family: Poppins, Helvetica, "sans-serif";
   font-weight: 300;
   font-size: 18px;
   text-shadow: 1px 1px 1px #eaeaea;
 }
 
 .skin-Tamken-Light-Style .box .box-header.with-border {
   color: #777;
   text-shadow: #a5a5a5;
   border-bottom: 1px solid #e4e4e4a6;
   background: transparent;
 }
 
 .skin-Tamken-Light-Style .box .box-header>.box-tools .btn {
   color: #777;
 }
 
 .skin-Tamken-Light-Style .box .box-footer {
   background: transparent;
   border: unset;
   color: #777;
 }
 
 .skin-Tamken-Light-Style .box label {
   color: #777;
 }
 
 .skin-Tamken-Light-Style .box .border-right {
   border-color: #ffffff1a;
 }
 
 .skin-Tamken-Light-Style .small-box {
   border-radius: 2px;
 }
 
 .skin-Tamken-Light-Style .small-box h3 {
   color: #fff;
 }
 
 .skin-Tamken-Light-Style .help-block {
   color: rgba(119, 119, 119, 0.5);
 }
 
 .skin-Tamken-Light-Style .btn {
   border-radius: 2px;
 }
 
 #cmdOk {
   display: none !important;
   width: 20%;
   background-color: var(--main-color);
   color: var(--label-color);
   font-weight: 600;
   width: auto;
   margin-right: 10px;
 }
 
 #cmdOk.visible {
   display: inline-block !important;
 }
 
 .skin-Tamken-Light-Style .btn.btn-social {
   color: #777;
   text-shadow: unset;
   padding-left: 40px;
   background: #ffffff4d;
 }
 
 .skin-Tamken-Light-Style .btn.btn-social:hover {
   background-color: #ffffff4d;
 }
 
 .skin-Tamken-Light-Style .btn.btn-social-icon {
   color: #fff;
 }
 
 .skin-Tamken-Light-Style .btn-default {
   background-color: inherit;
   color: inherit;
   border-color: #4aa1ffba;
   border-color: #4aa1ffba;
   border-color: var(--main-color);
 
 }
 
 .skin-Tamken-Light-Style .btn-default i::before {
   color: #ccc;
 }
 
 .skin-Tamken-Light-Style .btn-xs {
   height: unset !important;
 }
 
 .skin-Tamken-Light-Style table.table {
   color: #777;
 }
 
 .skin-Tamken-Light-Style table.table.table-striped>tbody>tr:nth-of-type(odd) {
   background: rgba(0, 0, 0, 0.05);
 }
 
 .skin-Tamken-Light-Style table.table.table-hover>tbody>tr:hover {
   background-color: rgba(0, 0, 0, 0.05);
 }
 
 .skin-Tamken-Light-Style .list-group-item {
   background: transparent;
   color: #777;
   border-color: #4aa1ffba;
   border-color: var(--main-color);
 }
 
 .skin-Tamken-Light-Style .text-muted {
   color: rgba(119, 119, 119, 0.5);
 }
 
 .skin-Tamken-Light-Style .content-header>h1 {
   color: #0b80fd;
   font-weight: 300;
   font-family: Poppins, Helvetica, "sans-serif";
 }
 
 .skin-Tamken-Light-Style .content-header>h1>.breadcrumb>li>a {
   color: #0b80fd;
 }
 
 .skin-Tamken-Light-Style .navbar-toggle {
   color: #777;
 }
 
 .skin-Tamken-Light-Style .icheckbox_minimal-blue.disabled,
 .skin-Tamken-Light-Style .icheckbox_minimal-red.disabled,
 .skin-Tamken-Light-Style .icheckbox_flat-green.disabled,
 .skin-Tamken-Light-Style .iradio_flat-green.disabled {
   opacity: 0.4 !important;
   background: #b5b5b5;
   outline: 0;
 }
 
 .skin-Tamken-Light-Style .iradio_minimal-blue.disabled input,
 .skin-Tamken-Light-Style .iradio_minimal-red.disabled input {
   opacity: 0.4 !important;
   width: 100%;
   height: 100%;
   margin: 0;
   padding: 0;
 }
 
 .skin-Tamken-Light-Style .daterangepicker .ranges .input-mini {
   color: #777;
 }
 
 .skin-Tamken-Light-Style .form-control,
 .skin-Tamken-Light-Style input.editor {
   /*height: 34px;*/
   /*padding: 3px 12px;*/
 }
 
 .skin-Tamken-Light-Style .form-control:focus,
 .skin-Tamken-Light-Style input.editor:focus {
   border-color: #00000061;
   outline: 0;
   /*box-shadow: 0 0 0 0.25rem @glass-001-input-border-color;*/
 }
 
 .skin-Tamken-Light-Style .form-control[disabled],
 .skin-Tamken-Light-Style .form-control[readonly],
 .skin-Tamken-Light-Style fieldset[disabled] .form-control {
   background: url(/Content/skins/glass001/assets/dark-stripes.png);
   background-color: #fdfdfd61;
   border-radius: 2px;
   border-color: #6f6f6f21;
   color: #35353599;
   outline: 0;
 }
 
 .skin-Tamken-Light-Style select.form-control {
   background: #ffffff4d;
   color: #777 !important;
   border-radius: 2px;
 
   border-color: #4aa1ffba;
   border-color: var(--main-color);
 
 }
 
 .skin-Tamken-Light-Style select.form-control.selectpicker {
   position: relative;
   top: 40px;
   width: 120px;
 }
 
 .skin-Tamken-Light-Style select.form-control[disabled] option {
   color: rgba(119, 119, 119, 0.6) !important;
 }
 
 .skin-Tamken-Light-Style select.form-control option {
   color: #777;
   background: url("/Content/skins/glass001/assets/boxlight_ltr.png") fixed;
   background-size: cover;
   background-color: #fff;
   padding: 5px 0;
 }
 
 .skin-Tamken-Light-Style select[multiple] option {
   background: transparent;
 }
 
 .skin-Tamken-Light-Style .main-footer {
   background-color: transparent;
   border-top: unset;
   color: white !important;
   background-color: var();
   background-color: #333;
   width: 100%;
   position: fixed;
   margin: 0 !important;
   margin-top: 60px !important;
   z-index: 9999999999 !important;
   bottom: 0;
   right: 0;
   left: 0;
 }
 
 .skin-Tamken-Light-Style .inline-action {
   opacity: 0.8;
 }
 
 .skin-Tamken-Light-Style .emailat {
   color: #777;
 }
 
 .skin-Tamken-Light-Style .ui-dialog {
   box-shadow: 0 0 20px #54545496;
   -webkit-box-shadow: 0 0 20px #54545496;
 }
 
 .skin-Tamken-Light-Style .ui-dialog .ui-dialog-titlebar {
   height: 40px;
   background: transparent;
   border-bottom: 1px solid rgba(0, 0, 0, 0.12);
   box-shadow: 0 1px 0 0 rgba(255, 255, 255, 0.12);
   -webkit-box-shadow: 0 1px 0 0 rgba(255, 255, 255, 0.12);
 }
 
 .skin-Tamken-Light-Style .ui-dialog .ui-dialog-titlebar button {
   border: unset;
   border-radius: 2px;
   background: unset;
   color: #777;
   text-shadow: unset;
 }
 
 .skin-Tamken-Light-Style .ui-dialog .ui-dialog-titlebar button i {
   -webkit-transform: translateZ(0);
   transform: translateZ(0);
   -webkit-transition-duration: 0.3s;
   transition-duration: 0.3s;
   -webkit-transition-property: transform;
   transition-property: transform;
   -webkit-transition-timing-function: ease-out;
   transition-timing-function: ease-out;
   color: white !important;
   background-color: darkred;
   padding: 1px;
   border-radius: 50% !important;
 }
 .skin-Tamken-Light-Style .ui-dialog .ui-dialog-titlebar button i:hover{

  color: white !important;
  background-color: red;
  padding: 2px;
  border-radius: 50% !important;
}
 
 .skin-Tamken-Light-Style .ui-dialog .ui-dialog-titlebar button:hover {
   text-shadow: 0 0 5px #ccc;
 }
 
 .skin-Tamken-Light-Style .ui-dialog .ui-dialog-titlebar button:hover i {
   -webkit-transform: scale(1.1) translateZ(0);
   transform: scale(1.05) translateZ(0);
 }
 
 .skin-Tamken-Light-Style .ui-dialog .ui-dialog-title {
   font-family: Poppins, Helvetica, "sans-serif";
   color: #0b80fd;
   margin: 5px 4px 0 0;
   font-weight: 300;
   text-shadow: 1px 1px 1px #bdbdbd;
   font-size: 16px;
   padding-top: 1px;
 }
 
 .skin-Tamken-Light-Style .ui-dialog .ui-dialog-buttonpane {
   border: unset;
 }
 
 .skin-Tamken-Light-Style .ui-dialog .ui-dialog-buttonpane button {
   background: #ffffff3d;
   border-color: #4aa1ffba;
   border-color: var(--main-color);
   border-style: solid;
   border-width: 1px;
   border-radius: 2px;
   color: #777;
   font-family: Poppins, Helvetica, "sans-serif";
   font-size: 14px;
   height: 34px;
   line-height: 20px;
   font-weight: 300;
   box-shadow: unset;
   -webkit-box-shadow: unset;
   text-shadow: unset;
 }
 
 .skin-Tamken-Light-Style .ui-dialog .ui-dialog-buttonpane button:hover {
   text-shadow: 0 0 5px #ccc;
 }
 
 .skin-Tamken-Light-Style .s-Dialog {
   background: url("/Content/skins/glass001/assets/boxlight_ltr.png") fixed;
   background-size: cover;
   /* background-color: #fff; */
   border-radius: 2px;
   background-color: #f9f1ff;
 }
 
 .skin-Tamken-Light-Style .s-Dialog .ui-dialog-content {
   border-bottom: 1px solid rgba(0, 0, 0, 0.12);
   box-shadow: 0 1px 0 0 rgba(255, 255, 255, 0.12);
   -webkit-box-shadow: 0 1px 0 0 rgba(255, 255, 255, 0.12);
 }
 
 .skin-Tamken-Light-Style .s-Dialog .ui-dialog-buttonpane {
   background: transparent;
 }
 
 .skin-Tamken-Light-Style .s-Panel .ui-dialog-buttonpane {
   background: transparent;
 }
 
 .skin-Tamken-Light-Style .s-ColumnPickerDialog .search {
   color: #777;
 }
 
 .skin-Tamken-Light-Style .s-ColumnPickerDialog .search input {
   border: solid 1px #4aa1ffba;
 }
 
 .skin-Tamken-Light-Style .s-ColumnPickerDialog .search input:focus {
   /*outline: 0;*/
 }
 
 .skin-Tamken-Light-Style .s-ColumnPickerDialog .column-list {
   background-color: #e4e4e4a6;
   border-radius: 2px;
 }
 
 .skin-Tamken-Light-Style .s-ColumnPickerDialog .column-list h5 {
   font-family: Poppins, Helvetica, "sans-serif";
   font-weight: 300;
   color: #777;
   font-size: 13px;
   background-color: rgba(203, 203, 203, 0.65098039);
   border-radius: 2px 2px 0 0;
 }
 
 .skin-Tamken-Light-Style .s-ColumnPickerDialog li {
   background: transparent;
 }
 
 .skin-Tamken-Light-Style .s-ColumnPickerDialog .visible-list li {
   color: #777;
 }
 
 .skin-Tamken-Light-Style .s-ColumnPickerDialog .hidden-list li {
   color: rgba(119, 119, 119, 0.6);
 }
 
 .skin-Tamken-Light-Style .s-ColumnPickerDialog h5 {
   color: #0b80fd;
 }
 
 .skin-Tamken-Light-Style .s-ColumnPickerDialog h5 i {
   color: #0b80fd;
 }
 
 .skin-Tamken-Light-Style .s-ColumnPickerDialog .drag-handle {
   color: #0b80fd;
 }
 
 .skin-Tamken-Light-Style .s-ImageUploadEditor ul,
 .skin-Tamken-Light-Style .s-MultipleImageUploadEditor ul {
   border: unset;
   border-radius: 2px;
   background-color: #e4e4e4a6;
 }
 
 .skin-Tamken-Light-Style .s-ImageUploadEditor .s-Toolbar,
 .skin-Tamken-Light-Style .s-MultipleImageUploadEditor .s-Toolbar {
   padding: 4px 0;
 }
 
 .skin-Tamken-Light-Style .flex-layout .ui-dialog-content,
 .skin-Tamken-Light-Style .flex-layout .s-DialogContent,
 .skin-Tamken-Light-Style .flex-layout .s-Form,
 .skin-Tamken-Light-Style .flex-layout form,
 .skin-Tamken-Light-Style .flex-layout .fieldset,
 .skin-Tamken-Light-Style .flex-layout .ui-tabs-panel,
 .skin-Tamken-Light-Style .flex-layout .ui-tabs-panel>.s-DataGrid,
 .skin-Tamken-Light-Style .flex-layout .property-panes,
 .skin-Tamken-Light-Style .flex-layout .property-panes .tab-pane.active,
 .skin-Tamken-Light-Style .flex-layout .s-PropertyGrid {
   background: transparent;
 }
 
 .skin-Tamken-Light-Style .ui-tabs .ui-tabs-nav {
   border: unset;
   margin-bottom: 1px;
 }
 
 .skin-Tamken-Light-Style .ui-tabs .ui-tabs-nav li {
   border-top: 3px solid transparent;
   border-radius: 2px 2px 0 0;
 }
 
 .skin-Tamken-Light-Style .ui-tabs .ui-tabs-nav li.ui-state-disabled a {
   text-shadow: unset;
 }
 
 .skin-Tamken-Light-Style .ui-tabs .ui-tabs-nav li.ui-state-disabled:hover a {
   text-shadow: unset;
 }
 
 .skin-Tamken-Light-Style .ui-tabs .ui-tabs-panel {
   /*border-top: solid 1px @glass-001-tab-active-bg-color;*/
   background: #d6d6d647;
   border-radius: 2px;
 }
 
 .skin-Tamken-Light-Style .s-TemplatedDialog.s-Panel .s-DialogToolbar {
   background-color: var(--main-color) !important;
   padding: 5px;
   border-radius: 15px;
   background-blend-mode: screen;
   /* width: 25%; */
   text-align: center;
   border: 1px solid #222;
   /* box-shadow: 0px 0px 5px var(--main-color); */
   /* backdrop-filter: opacity(0.1); */
   margin: 0 auto;
   margin-bottom: 10px;
   position: fixed;
   bottom: 5px;
   z-index: 9999;
   left: 25px;
 }
 
 .skin-Tamken-Light-Style .ui-tabs .ui-tabs-nav li.ui-tabs-active {
   border: unset;
   background: #d6d6d647;
   border-top: 3px solid #0b80fd;
 }
 
 .skin-Tamken-Light-Style .ui-tabs .ui-tabs-nav li.ui-tabs-active a {
   color: #777;
   text-shadow: unset;
 }
 
 .skin-Tamken-Light-Style .ui-tabs .ui-tabs-nav li.ui-state-disabled a:hover {
   text-shadow: unset;
 }
 
 .skin-Tamken-Light-Style .s-Dialog .ui-tabs .ui-tabs-nav li a,
 .skin-Tamken-Light-Style .s-Panel .ui-tabs .ui-tabs-nav li a {
   height: 34px;
   padding: 6px 10px 3px 10px;
   font-family: Poppins, Helvetica, "sans-serif";
   font-weight: 500;
   text-shadow: unset;
   color: #777;
   border: unset;
 }
 
 .skin-Tamken-Light-Style .s-Dialog .ui-tabs .ui-tabs-nav li:hover a,
 .skin-Tamken-Light-Style .s-Panel .ui-tabs .ui-tabs-nav li:hover a {
   text-shadow: 0 0 2px #ccc;
 }
 
 .skin-Tamken-Light-Style .s-Dialog .ui-tabs .ui-tabs-nav li.ui-state-disabled a:hover,
 .skin-Tamken-Light-Style .s-Panel .ui-tabs .ui-tabs-nav li.ui-state-disabled a:hover {
   text-shadow: unset;
 }
 
 .skin-Tamken-Light-Style .s-MessageDialog {
   background: url(/Content/skins/glass001/assets/boxlight_ltr.png) 0 0 / cover;
   background-color: #001F3F;
   border: 7px solid #ADD8E6;
   padding: 5px;
   border-radius: 20px;
   box-shadow: 1px 1px 3px #ccc;
 
 }
 
 .skin-Tamken-Light-Style .s-MessageDialog .ui-dialog-titlebar {
   background: transparent;
 }
 
 .skin-Tamken-Light-Style .s-MessageDialog .ui-dialog-titlebar button {
   color: #fff;
 }
 
 .skin-Tamken-Light-Style .s-MessageDialog .ui-dialog-content {
   background: transparent;
   color: #777;
 }
 
 .skin-Tamken-Light-Style .s-MessageDialog .ui-dialog-content button {
   border-width: 0;
   color: #fff;
   background: #ffffff4d;
 }
 
 .skin-Tamken-Light-Style .s-MessageDialog .ui-dialog-content:before {
   color: #fff;
 }
 
 .skin-Tamken-Light-Style .s-MessageDialog .ui-dialog-content a {
   color: #0b80fd;
   text-shadow: 0 2px 2px #eaeaea;
 }
 
 .skin-Tamken-Light-Style .s-MessageDialog .ui-dialog-buttonpane {
   background: transparent;
 }
 
 .skin-Tamken-Light-Style .s-MessageDialog .ui-dialog-buttonpane button {
   border-width: 0;
   color: #fff;
   background: #ffffff4d;
   width: 100px;
   margin-top: 30px;
   font-weight: bolder;
   border: 2px solid white;
 
 }
 
 
 .skin-Tamken-Light-Style .s-MessageDialog .ui-dialog-buttonpane button:hover {
 
   background: #5a0bff;
 
 }
 
 .skin-Tamken-Light-Style .s-MessageDialog .message {
   /* border: 2px dashed brown; */
   font-family: Poppins, Helvetica, "sans-serif";
   font-weight: bolder;
   font-size: 14px;
   color: #fff;
   line-height: 30px;
 }
 
 .skin-Tamken-Light-Style .s-MessageDialog.s-Confirm {
   background-color: #0062b7;
 }
 
 .skin-Tamken-Light-Style .s-MessageDialog.s-InformationDialog {
   background-color: #0da6ce;
 }
 
 .skin-Tamken-Light-Style .s-MessageDialog.s-InformationDialog .ui-dialog-title {
   color: #fff;
 }
 
 .skin-Tamken-Light-Style .s-MessageDialog.s-WarningDialog {
   background-color: #e88200;
 }
 
 .skin-Tamken-Light-Style .s-MessageDialog.s-WarningDialog .ui-dialog-title {
   color: #fff;
 }
 
 .skin-Tamken-Light-Style .s-MessageDialog.s-AlertDialog {
   background-color: #de331f;
 }
 
 .skin-Tamken-Light-Style .s-MessageDialog.s-AlertDialog .ui-dialog-title {
   color: #fff;
 }
 
 .skin-Tamken-Light-Style .s-MessageDialog.s-ConfirmDialog .ui-dialog-title {
   color: #fff;
 }
 
 .skin-Tamken-Light-Style button:hover {
   text-shadow: 0 0 5px #ccc;
 }
 
 .skin-Tamken-Light-Style .nav-stacked>li {
   border-color: rgba(74, 161, 255, 0.2);
 }
 
 .skin-Tamken-Light-Style .nav-stacked>li a {
   color: #777;
 }
 
 .skin-Tamken-Light-Style .nav-stacked>li a:hover {
   background-color: #e4e4e4a6;
 }
 
 .skin-Tamken-Light-Style .nav-stacked>li.active a {
   color: #0b80fd;
 }
 
 .skin-Tamken-Light-Style .nav-stacked>li.active a:hover {
   color: #5baaff;
 }
 
 .skin-Tamken-Light-Style .main-sidebar {
   background: url("/Content/skins/glass001/assets/boxlight_ltr.png") fixed;
   background-size: cover;
   background-color: #d6d6d68a;
 }
 
 .skin-Tamken-Light-Style .sidebar-form {
   margin-top: 1px !important;
 }
 
 .skin-Tamken-Light-Style .sidebar-form div.input-group {
   /* background-color: #ffffff4d; */
   border-radius: 2px;
   align-items: center;
 }
 
 .skin-Tamken-Light-Style .sidebar-form .s-SidebarSearch {
   background-color: #ffffff4d;
   border-radius: 2px 0 0 2px !important;
 }
 
 .skin-Tamken-Light-Style .sidebar-form .s-SidebarSearch:focus {
  color: #000 !important;
  font-weight: bold;
  border-color: transparent;
 }
 
 .skin-Tamken-Light-Style .sidebar-form .input-group-btn {
   background: transparent;
 }
 
 .skin-Tamken-Light-Style .sidebar-form .input-group-btn:last-child>.btn {
   border-radius: 0 2px 2px 0 !important;
 }
 
 .skin-Tamken-Light-Style .sidebar-form .input-group-btn button {
   background-color: #ffffff4d;
   height: 34px !important;
   margin-left: 0px;
 }
 
 .skin-Tamken-Light-Style .sidebar-form .input-group-btn button i {
   color: #777;
 }
 
 .skin-Tamken-Light-Style .sidebar-form input[type="text"] {
   padding: 16px 12px;
   color: black !important;
   font-weight: bold;
 }
 
 .skin-Tamken-Light-Style .sidebar-menu>li>a {
   overflow: hidden;
   border-left: 3px solid transparent;
   font-size: 14px;
   font-weight: 300;
   font-family: Poppins, Helvetica, "sans-serif";
   height: 40px;
   padding-top: 10px;
   background: none;
   background-size: auto;
   background-color: transparent;
   color: #777;
 }
 
 .skin-Tamken-Light-Style .sidebar-menu>li>a:hover {
   color: #007bff;
 }
 
 .skin-Tamken-Light-Style .sidebar-menu>li:hover>a {
   border-left-color: white;
   /*font-weight: if((@glass-001-is-dark-style), unset, 400);*/
 }
 
 .skin-Tamken-Light-Style .sidebar-menu>li.active a {
   color: #007bff;
   border-left-color: white;
   font-weight: 300;
 }
 
 .skin-Tamken-Light-Style .sidebar-menu>li>.treeview-menu {
   background: none;
   background-size: auto;
   background-color: transparent;
   color: #777;
 }
 
 .skin-Tamken-Light-Style .sidebar-menu>li>.treeview-menu li {
   background: none;
   background-size: auto;
   background-color: transparent;
   color: #777;
 }
 
 .skin-Tamken-Light-Style .sidebar-menu>li>.treeview-menu li:first-child {
   border-radius: 6px 0 0 0;
 }
 
 .skin-Tamken-Light-Style .sidebar-menu>li>.treeview-menu li:last-child {
   border-radius: 0 0 0 6px;
 }
 
 .skin-Tamken-Light-Style .sidebar-menu .treeview-menu {
   /*background: @glass-001-main-sidebar-nav-item-bg;
                  background-size: @glass-001-main-sidebar-nav-item-bg-size;
                  background-color: @glass-001-main-sidebar-nav-item-bg-color;
                  color: @glass-001-main-sidebar-nav-item-color;*/
 }
 
 .skin-Tamken-Light-Style .sidebar-menu .treeview-menu>li {
   /*&:hover {
                          > a {
                              transform: translateX(4px);
                              transition: opacity 0.3s, transform 0.4s, filter 0.4s;
                              transition-delay: 0.1s;
                              -webkit-transition-delay: 0.1s;
                          }
                      }*/
 }
 
 .skin-Tamken-Light-Style .sidebar-menu .treeview-menu>li>a {
   overflow: hidden;
   /*font-size: 13.4px;*/
   font-weight: 300;
   font-family: Poppins, Helvetica, "sans-serif";
   color: #777;
   height: 34px;
   margin-left: 16px;
   padding-top: 8px;
 }
 
 .skin-Tamken-Light-Style .sidebar-menu .treeview-menu>li>a:hover {
   color: #007bff;
 }
 
 .skin-Tamken-Light-Style .sidebar-menu .treeview-menu>li>a.active:last-child {
   color: #007bff;
 }
 
 .skin-Tamken-Light-Style .sidebar-menu .treeview-menu>li.active>a {
   color: #007bff;
   text-shadow: 0 0 5px #d6d6d6;
   font-weight: 400;
 }
 
 .skin-Tamken-Light-Style .sidebar-menu .treeview-menu>li.active>a:hover {
   color: #007bff;
 }
 
 .skin-Tamken-Light-Style .control-sidebar {
   -webkit-box-shadow: unset;
   box-shadow: unset;
   padding-top: 60px;
   background: transparent;
 }
 
 .skin-Tamken-Light-Style .control-sidebar .control-sidebar-heading {
   font-family: Poppins, Helvetica, "sans-serif";
   font-weight: 300;
   font-size: 17px;
   margin: 5px 0 15px 0;
   color: #0b80fd;
 }
 
 .skin-Tamken-Light-Style .control-sidebar .control-sidebar-subheading {
   font-family: Poppins, Helvetica, "sans-serif";
   font-weight: 300;
   font-size: 14px;
   margin-bottom: 5px;
   color: #0b80fd;
 }
 
 .skin-Tamken-Light-Style .control-sidebar,
 .skin-Tamken-Light-Style .control-sidebar+.control-sidebar-bg {
   margin-right: -10px;
 }
 
 .skin-Tamken-Light-Style .control-sidebar+.control-sidebar-bg {
   background: url("/Content/skins/glass001/assets/boxlight_ltr.png") fixed;
   background-size: cover;
   background-color: #fff;
   -webkit-box-shadow: 0px 5px 15px #00000096;
   box-shadow: 0px 5px 15px #00000096;
 }
 
 .skin-Tamken-Light-Style .control-sidebar .tab-content {
   border: unset;
   border-radius: unset;
 }
 
 .skin-Tamken-Light-Style .main-sidebar,
 .skin-Tamken-Light-Style .left-side {
   padding-top: 60px;
 }
 
 .skin-Tamken-Light-Style .main-header {
   background: unset;
   background-size: cover;
   background-color:#d6e3e7;
   box-shadow: 0px 0 20px #404040a8;
   -webkit-box-shadow: 0px 0 20px #404040a8;
   /*.navbar-nav > li:hover > a, .navbar-nav > li > a:active, .navbar-nav > li.open > a {
                  color: @glass-001-main-header-navbar-hover-active-color;
              }*/
 }
 
 .skin-Tamken-Light-Style .main-header a.logo {
   color: #777;
   background: unset;
   background-size: cover;
   background-color: unset;
   box-shadow: unset;
   -webkit-box-shadow: unset;
   height: 60px;
   line-height: 60px;
   position: relative;
   top: -10px;
   text-align: right;
 }
 
 .skin-Tamken-Light-Style .main-header a.logo i {
   height: 60px;
   width: 60px;
   line-height: 60px;
 }
 
 .skin-Tamken-Light-Style .main-header a.logo:hover {
   /*color: @glass-001-text-hover-active-color;*/
   /*text-shadow: @glass-001-text-shadow-color;*/
 }
 
 .skin-Tamken-Light-Style .main-header .navbar {
   z-index: 999;
   min-height: initial;
   font-family: Poppins, Helvetica, "sans-serif";
   font-weight: 300;
   font-size: 13px;
   background: unset;
   background-size: cover;
   background-color: unset;
   box-shadow: unset;
   -webkit-box-shadow: unset;
   padding-right: 10px;
 }
 
 .skin-Tamken-Light-Style .main-header .logo .logo-lg b {
   font-family: Poppins, Helvetica, "sans-serif";
   font-weight: 300;
 }
 
 .skin-Tamken-Light-Style .main-header .navbar-custom-menu>.navbar-nav>li>.dropdown-menu {
   width: max-content;
   max-width: 300px;
   border: unset;
   -webkit-box-shadow: 0px 5px 10px #00000096;
   box-shadow: 0px 5px 10px #00000096;
   background: url("/Content/skins/glass001/assets/boxlight_ltr.png") fixed;
   background-size: cover;
   background-color: #fff;
   border-radius: 0 0 2px 2px;
 }
 
 .skin-Tamken-Light-Style .main-header .navbar-custom-menu>.navbar-nav>li>.dropdown-menu .user-footer {
   background: unset;
 }
 
 .skin-Tamken-Light-Style .main-header .navbar-nav>.user-menu>.dropdown-menu>.user-footer .btn-default {
   background: rgba(255, 255, 255, 0.2);
   border: unset;
   color: #777;
   text-shadow: unset;
   margin: 2px;
   border-radius: 2px;
 }
 
 .skin-Tamken-Light-Style .main-header .navbar-nav>.user-menu>.dropdown-menu>.user-footer .btn-default:hover {
   text-shadow: 0 0 5px #ccc;
 }
 
 .skin-Tamken-Light-Style .main-header .navbar-nav>li>a {
   color: #fff;
   line-height: 60px;
   height: 60px;
   margin: 0;
   padding: 0 10px 0 10px;
   font-size: 14px;
   font-weight: 600;
   color: black;
 }
 
 .skin-Tamken-Light-Style .main-header .navbar-nav>li>a:hover {
   color: #007bff;
 }
 
 .skin-Tamken-Light-Style .main-header .navbar-nav>.user-menu .user-image {
   height: 40px;
   width: 40px;
   margin: calc(60px / 2 - 20px) 15px 0 15px;
 }
 
 .skin-Tamken-Light-Style .main-header .sidebar-toggle {
   color: #fff;
   height: 60px;
   line-height: 60px;
   margin: 0;
   padding: 0 15px;
 }
 
 .skin-Tamken-Light-Style .main-header .sidebar-toggle:hover {
   color: #007bff;
 }
 
 .skin-Tamken-Light-Style .main-header .sidebar-toggle::before {
   font-weight: 300;
   font-size: 1.7rem;
 }
 
 .skin-Tamken-Light-Style .main-header .nav>li>a:hover,
 .skin-Tamken-Light-Style .main-header .nav>li>a:active,
 .skin-Tamken-Light-Style .main-header .nav>li>a:focus {
   background: unset;
 }
 
 .skin-Tamken-Light-Style .navbar-nav .open>a,
 .skin-Tamken-Light-Style .navbar-nav .open>a:hover,
 .skin-Tamken-Light-Style .navbar-nav .open>a:focus {
   background: unset !important;
   color: #0b80fd;
   border-color: #303641 !important;
 }
 
 .skin-Tamken-Light-Style .navbar-nav>.user-menu>.dropdown-menu>li.user-header>p {
   color: #0b80fd;
 }
 
 .skin-Tamken-Light-Style .flex-layout.s-Panel {
   box-shadow: 0 0 20px #0000003d;
   -webkit-box-shadow: 0 0 20px #0000003d;
   background: unset;
   background-size: cover;
   background-color: transparent;
   border: unset;
   border-radius: 2px;
 }
 
 .skin-Tamken-Light-Style section.content>.s-DataGrid {
   background: unset;
   background-size: cover;
   background-color: transparent;
   border-radius: 2px;
   box-shadow: 0 0 20px #0000003d;
   -webkit-box-shadow: 0 0 20px #0000003d;
   border: unset;
 }
 
 .skin-Tamken-Light-Style .grid-title {
   padding: 15px 10px 12px 10px;
 }
 
 .skin-Tamken-Light-Style .panel-titlebar {
   padding: 8px;
 }
 
 .skin-Tamken-Light-Style .grid-title,
 .skin-Tamken-Light-Style .panel-titlebar {
   margin: -10px -10px 10px -10px;
   border: unset;
   border-radius: 2px 2px 0 0;
   border-bottom: 1px solid rgba(0, 0, 0, 0.12);
   box-shadow: 0 1px 0 0 rgba(255, 255, 255, 0.12);
   -webkit-box-shadow: 0 1px 0 0 rgba(255, 255, 255, 0.12);
 }
 
 .skin-Tamken-Light-Style .grid-title .title-text,
 .skin-Tamken-Light-Style .panel-titlebar {
   color: #fff;
   font-family: Poppins, Helvetica, "sans-serif";
   text-shadow: 1px 1px 1px #a5a5a5;
   text-align: center;
   font-weight: 800;
   font-size: x-large;
 }
 
 .skin-Tamken-Light-Style .panel-titlebar-close {
   background: none;
   padding-top: 2px;
   -webkit-transform: translateZ(0);
   transform: translateZ(0);
   -webkit-transition-duration: 0.1s;
   transition-duration: 0.1s;
   -webkit-transition-property: transform;
   transition-property: transform;
   -webkit-transition-timing-function: ease-out;
   transition-timing-function: ease-out;
 }
 
 .skin-Tamken-Light-Style .panel-titlebar-close:hover {
   -webkit-transform: translateX(-2px);
   transform: translateX(-2px);
 }
 
 .skin-Tamken-Light-Style .panel-titlebar-close::before {
   content: "\f060";
   font-family: "FontAwesome";
   color: #fff;
 }
 
 .skin-Tamken-Light-Style .ui-dialog.mobile-layout .ui-dialog-titlebar .ui-dialog-titlebar-close {
   background: none;
 }
 
 .skin-Tamken-Light-Style .ui-dialog.mobile-layout .ui-dialog-titlebar .ui-dialog-titlebar-close:hover {
   background: none;
 }
 
 .skin-Tamken-Light-Style .ui-dialog.mobile-layout .ui-dialog-titlebar-close {
   background: none;
 }
 
 .skin-Tamken-Light-Style .ui-dialog.mobile-layout .ui-dialog-titlebar-close:hover {
   background: none;
 }
 
 .skin-Tamken-Light-Style .ui-dialog.mobile-layout .ui-dialog-titlebar-close::before {
   content: "\f060";
   font-family: "FontAwesome";
   color: #0b80fd;
 }
 
 .skin-Tamken-Light-Style .ui-dialog.mobile-layout .ui-dialog-titlebar-close::before:hover {
   content: "\f060";
   font-family: "FontAwesome";
   color: #0b80fd;
 }
 
 .skin-Tamken-Light-Style .panel-titlebar .panel-titlebar-text {
   text-align: right;
   flex-grow: 1;
   padding-right: 19px;
   padding-top: 3px;
 }
 
 .skin-Tamken-Light-Style .s-PropertyGrid .category-links {
   background-color: #e4e4e4a6;
   text-align: center !important;
   justify-self: center !important;
   display: flex !important;
   justify-content: center;
   gap: 10px !important;
   padding: 7px;
   font-weight: bolder !important;
   font-size: 20px !important;
   align-items: center !important;
   color: black !important;
   /* background-color: lightgoldenrodyellow; */
   /* chat gpt  rgb(255, 255, 219); */
   min-width: 20%;
   margin: 0 auto;
   border: 1px solid #333;
   border-radius: 6px !important;
   flex-direction: row-reverse;
 }
 
 
 .flex-layout .s-PropertyGrid .categories {
   flex: 1 1 auto !important;
   display: flex !important;
   -ms-flex-positive: 1 !important;
   -ms-flex-negative: 1 !important;
   -ms-flex-preferred-size: auto !important;
   flex-direction: column !important;
   gap: 0px !important;
   margin-top: 5px !important;
   background-color: rgb(255 255 255 / 30%) !important;
   /* padding: 13px !important; */
   border: 1px var(--main-color) dashed !important;
   border-radius: 15px !important;
   padding: 2px !important;
   /* box-shadow: 1px 1px 1px #333;*/
 }
 
 
 .category {
   flex-direction: row !important;
   padding: 15px !important;
   background-color: rgba(255, 255, 255, 0.4) !important;
   box-shadow: 0px 0px 2px #333 !important;
   padding-bottom: 35px !important;
   border: 1px solid #666;
   border-radius: 8px !important;
 }
 
 .field {
   gap: 4px !important;
   width: 33.1%;
 }
 
 .skin-Tamken-Light-Style .s-PropertyGrid .category-links :last-child {
   display: none !important;
 }
 
 .skin-Tamken-Light-Style .s-PropertyGrid .category-links a.category-link {
   color: #0b80fd;
   text-shadow: 1px 1px 1px #eaeaea;
   font-weight: 300;
   font-size: 13px;
   color: #222;
   font-family: Poppins, Helvetica, "sans-serif";
   font-weight: 700;
   background-color: blanchedalmond;
   padding: 5px;
   box-shadow: 1px 1px 3px #333;
 }
 
 .skin-Tamken-Light-Style .s-PropertyGrid .category-links a.category-link:hover {
   text-shadow: 0 0 5px #eaeaea;
 }
 
 .skin-Tamken-Light-Style .s-PropertyGrid .category-title {
   border-bottom: 1px solid #e4e4e4a6;
   width: 100px !important;
   padding: 7px;
   color: black;
   font-weight: bolder;
   text-align: center;
   display: inline-block !important;
   margin: 0 !important;
   padding-top: 0px !important;
   margin-bottom: 16px !important;
   position: relative;
   top: -19px;
 }
 
 .skin-Tamken-Light-Style .s-PropertyGrid .category-title a {
   color: #0b80fd;
   font-family: Poppins, Helvetica, "sans-serif";
   font-weight: 300;
   /* text-shadow: 1px 1px 1px #eaeaea; */
   font-family: Poppins, Helvetica, "sans-serif";
   font-weight: 500;
   /* text-shadow: 1px 1px 1px #eaeaea; */
   color: black;
   background-color: #444;
   padding: 6px;
   padding-inline: 20px;
   display: inline-block;
   min-width: 225px;
   text-align: center;
   border-radius: 8px;
   font-size: 15px;
   /* border: 1px solid var(--main-color); */
   color: white;
 }
 
 .skin-Tamken-Light-Style .flex-layout .s-Form input.editor[type="checkbox"] {
   height: 17px;
 }
 
 .skin-Tamken-Light-Style .flex-layout .s-Form .editor:focus {
   /*outline: 0;*/
 }
 
 .skin-Tamken-Light-Style .flex-layout .s-Form .editor.readonly:focus {
   outline: 0;
   border: solid 1px #6f6f6f21;
 }
 
 .skin-Tamken-Light-Style input[type="text"],
 .skin-Tamken-Light-Style input[type="email"],
 .skin-Tamken-Light-Style input[type="tel"],
 .skin-Tamken-Light-Style input[type="search"],
 .skin-Tamken-Light-Style input[type="url"],
 .skin-Tamken-Light-Style input[type="password"] {
   height: 34px;
   line-height: 34px;
   background: #ffffff4d;
   color: #777;
   border-color: #4aa1ffba;
   border-color: var(--main-color);
   border-radius: 2px;
   width: 62% !important;
   color: #000;
   background-color: white;
 }
 
 .skin-Tamken-Light-Style select {
   background: transparent;
   color: #777;
   border-color: #4aa1ffba;
   border-color: var(--main-color);
   border-radius: 2px;
 }
 
 .skin-Tamken-Light-Style .s-FilterPanel div.v input {
   height: 34px;
   border-color: #4aa1ffba;
   border-color: var(--main-color);
 }
 
 .skin-Tamken-Light-Style .quick-filter-item input {
   background: #ffffff4d;
   border: 1px solid #4aa1ffba;
   border: 1px solid var(--main-color);
 
   color: #777;
   border-radius: 2px;
   /*outline: 0;*/
 }
 
 .skin-Tamken-Light-Style .quick-filter-item .inplace-button {
   margin-top: 2px !important;
   margin-right: 2px !important;
 }
 
 .skin-Tamken-Light-Style .quick-filters-bar {
   border: unset;
   background-color: #e4e4e4a6;
   margin-bottom: 6px;
   border-radius: 2px;
   display: flex;
   flex-wrap: wrap !important;
   gap: 6px;
   justify-content: center;
   /*.inplace-button {
                  height: 34px;
                  padding: 2px 2px 0 2px;
                  width: 28px;
                  margin-top: 2px;
                  border-right: 0px;
                  color: @glass-001-text-color;
  
                  b {
                      &::before {
                          color: @glass-001-text-color;
                      }
                  }
  
                  &:hover {
                      //text-shadow: 0 0 5px @glass-001-text-hover-active-color;
                      b {
                          &::before {
                              color: @glass-001-link-color;
                          }
                      }
                  }
              }*/
 }
 
 .skin-Tamken-Light-Style .quick-filters-bar > *{
   flex-shrink: 1 !important;
 }
 
 .skin-Tamken-Light-Style .quick-filters-bar .quick-filter-label {
   font-family: Poppins, Helvetica, "sans-serif";
   color: #000;
   font-weight: 700;
 }
 
 .skin-Tamken-Light-Style .flex-layout .s-Form .caption {
   padding-top: 0px;
   color: var(--label-color) !important;
   font-family: Poppins, Helvetica, "sans-serif";
   text-align: center;
   background-color: #abb3f0;
   background-color: var(--main-color);
   height: 100%;
   display: inline-flex;
   justify-content: center;
   align-items: center;
   /* border: 1px solid #ccc; */
   width: 70px !important;
   overflow: hidden;
   flex-grow: 0;
   height: auto !important;
   border-radius: 4px !important;
   font-weight: 700 !important;
   padding: 2px !important;
 }
 
 .skin-Tamken-Light-Style .select2-drop {
   border-radius: 2px;
 }
 
 .skin-Tamken-Light-Style .select2-container {
   background: transparent;
 }
 
 .skin-Tamken-Light-Style .select2-container .select2-choice {
   height: 32px;
   line-height: 30px;
   background: #ffffff4d;
   color: #000 !important;
   border-color: #4aa1ffba;
   border-color: var(--main-color);
   font-weight: 600;
   border-radius: 2px;
 }
 
 .skin-Tamken-Light-Style .select2-container .select2-choice abbr.select2-search-choice-close {
   right: 34px;
 }
 
 .skin-Tamken-Light-Style .select2-container .select2-choice .select2-arrow {
   padding: 0 3px;
   background-image: unset;
   background-color: unset;
   border-color: #4aa1ffba;
   border-color: var(--main-color);
 }
 
 .skin-Tamken-Light-Style .select2-container .select2-choices {
   background: #ffffff4d;
   /* color: #777 !important; */
   border-color: #4aa1ffba;
   border-color: var(--main-color);
   border-radius: 2px;
   font-weight: 600;
   color: #111 !important;
 }
 
 .skin-Tamken-Light-Style .select2-container .select2-choices abbr.select2-search-choice-close {
   right: 34px;
 }
 
 .skin-Tamken-Light-Style .select2-container .select2-choices .select2-arrow {
   padding: 0 3px;
   background-image: unset;
   background-color: unset;
   border-color: #4aa1ffba;
   border-color: var(--main-color);
 }
 
 .skin-Tamken-Light-Style .select2-container.select2-container-disabled {
   background: url(/Content/skins/glass001/assets/dark-stripes.png);
   background-color: #fdfdfd61;
   color: #35353599 !important;
   border-radius: 2px;
   outline: 0;
 }
 
 .skin-Tamken-Light-Style .select2-container.select2-container-disabled .select2-choice {
   cursor: default;
   border-radius: 2px;
   border-color: #6f6f6f21;
   /*color: if((@glass-001-is-dark-style), fade(@glass-001-text-color, 30%), fade(@glass-001-text-color, 60%)) !important;*/
   color: #35353599 !important;
   outline: 0;
   box-shadow: unset;
   -webkit-box-shadow: unset;
 }
 
 .skin-Tamken-Light-Style .select2-container.select2-container-disabled .select2-choice .select2-arrow {
   border-left: 0;
 }
 
 .skin-Tamken-Light-Style .select2-container.select2-container-disabled .select2-choice abbr {
   display: none;
 }
 
 .skin-Tamken-Light-Style .select2-container.select2-container-disabled.readonly {
   background: url(/Content/skins/glass001/assets/dark-stripes.png);
   background-color: #fdfdfd61;
   color: #35353599 !important;
   outline: 0;
   border-radius: 2px;
 }
 
 .skin-Tamken-Light-Style .select2-dropdown-open .select2-choice {
   box-shadow: inset 0 1px 0 #b9b9b9;
   -webkit-box-shadow: inset 0 1px 0 #b9b9b9;
 }
 
 .skin-Tamken-Light-Style .select2-results {
   direction: ltr !important;
   color: #777;
 }
 
 .skin-Tamken-Light-Style .select2-results .select2-disabled {
   background: url(/Content/skins/glass001/assets/dark-stripes.png);
   background-color: #fdfdfd61;
   color: #35353599;
   outline: 0;
 }
 
 .skin-Tamken-Light-Style .select2-results li {
   line-height: 26px;
 }
 
 .skin-Tamken-Light-Style .select2-container-multi .select2-choices {
   background: #ffffff4d;
   border-radius: 2px;
   border-color: #4aa1ffba;
   border-color: var(--main-color);
 }
 
 .skin-Tamken-Light-Style .select2-container-multi .select2-choices .select2-search-choice {
   padding: 4px 5px 4px 18px;
   background: transparent;
   border-color: #4aa1ffba;
   border-color: var(--main-color);
   box-shadow: unset;
   -webkit-box-shadow: unset;
   color: #777 !important;
 }
 
 .skin-Tamken-Light-Style .select2-container-multi .select2-choices .select2-search-field {
   background: transparent;
 }
 
 .skin-Tamken-Light-Style .select2-container-multi .select2-choices .select2-search-field input {
   height: 32px;
   line-height: 32px;
   padding: 0px 3px;
   margin: 0px;
   top: 0px;
   position: relative;
   background: transparent;
   border-color: #4aa1ffba;
   border-color: var(--main-color);
 }
 
 .skin-Tamken-Light-Style .select2-search input[type="text"] {
   color: #ccc;
   width: 100% !important;
   margin-bottom: 4px;
   margin-top: 4px;
   height: 34px !important;
   background: rgb(163 230 228 / 40%);
 }
 
 .select2-results li {
   background-color: aliceblue;
   border-bottom: 1px solid gainsboro;
 }
 
 /* Target the select2 dropdown list */
 .select2-results__options {
   /* Set the scrollbar color */
   scrollbar-color: #FF0000 #FFFFFF;
 }
 
 
 
 /* Target the scrollbar thumb */
 .select2-results__options::-webkit-scrollbar-thumb {
   /* Set the scrollbar thumb color */
   background-color: #FF0000;
 }
 
 
 .skin-Tamken-Light-Style .select2-no-results {
   background: transparent;
 }
 
 .skin-Tamken-Light-Style .select2-drop-active {
   border-color: #4aa1ffba;
   border-color: var(--main-color);
 }
 
 .skin-Tamken-Light-Style .property-tabs {
   padding-top: 10px;
 }
 
 .skin-Tamken-Light-Style .property-tabs>li>a,
 .skin-Tamken-Light-Style .property-tabs>li.active>a {
   height: 34px;
   line-height: 22px;
   font-family: Poppins, Helvetica, "sans-serif";
   font-weight: 500;
   border: unset;
   border-radius: 2px 2px 0 0;
   background: #e4e4e4a6;
 }
 
 .skin-Tamken-Light-Style .property-tabs>li>a {
 
   color: black;
   background: transparent;
   font-weight: bold;
   border: 1px solid var(--main-color);
   background-color: lightcyan;
   box-shadow: 2px 2px 4px #CCC;
 
 }
 
 .skin-Tamken-Light-Style .property-tabs>li.active a {
   background: #d6d6d647;
   box-shadow: 1px 1px 3px #888;
   border: 2px solid #fff;
   background-color: var(--main-color);
   color: white;
   font-weight: bolder;
 }
 
 .skin-Tamken-Light-Style .property-tabs>li.active>a:hover,
 .skin-Tamken-Light-Style .property-tabs>li.active>a:focus {
   text-shadow: 0 0 2px #eaeaea;
 }
 
 .skin-Tamken-Light-Style .nav-tabs {
   border: unset;
   background-color: aliceblue;
   margin-bottom: 0px;
   padding-top: 0;
   padding: 4px;
   box-shadow: 0px 0px 3px var(--main-color);
   display: flex !important;
 }
 
 .skin-Tamken-Light-Style .nav-tabs-custom {
   background: transparent;
   color: #777;
 }
 
 .skin-Tamken-Light-Style .nav-tabs-custom>.nav-tabs>li>a {
   color: #777;
   border-right: 0 !important;
   border-left: 0 !important;
   border-bottom: 0 !important;
 }
 
 .skin-Tamken-Light-Style .nav-tabs-custom>.nav-tabs>li>a:hover {
   color: #5baaff;
 }
 
 .skin-Tamken-Light-Style .nav-tabs-custom>.nav-tabs>li.active {
   color: #0b80fd;
   background-color: #e4e4e4a6;
 }
 
 .skin-Tamken-Light-Style .nav-tabs-custom>.nav-tabs>li.active a {
   background-color: #e4e4e4a6;
   color: #0b80fd;
   border-color: transparent;
 }
 
 .skin-Tamken-Light-Style .nav-tabs-custom>.nav-tabs>li.active a:hover {
   color: #5baaff;
   background: transparent;
 }
 
 .skin-Tamken-Light-Style .nav-tabs-custom>.nav-tabs>li.header {
   color: #777;
   font-family: Poppins, Helvetica, "sans-serif";
   font-weight: 300;
 }
 
 .skin-Tamken-Light-Style .nav-tabs-custom>.tab-content {
   background: url("/Content/skins/glass001/assets/boxlight_ltr.png") fixed;
   background-size: cover;
   background-color: transparent;
   color: #777;
 }
 
 .skin-Tamken-Light-Style .post {
   color: #777;
 }
 
 .skin-Tamken-Light-Style .link-black {
   color: #0b80fd;
 }
 
 .skin-Tamken-Light-Style blockquote footer,
 .skin-Tamken-Light-Style blockquote small,
 .skin-Tamken-Light-Style blockquote .small {
   color: rgba(119, 119, 119, 0.5);
 }
 
 .skin-Tamken-Light-Style .timeline>li>.timeline-item {
   background: url("/Content/skins/glass001/assets/boxlight_ltr.png") fixed;
   background-size: cover;
   background-color: #fff;
   color: #777;
   border-radius: 2px;
 }
 
 .skin-Tamken-Light-Style .timeline>li>.timeline-item>.timeline-header {
   color: #777;
 }
 
 .skin-Tamken-Light-Style .timeline>li>.timeline-item .time {
   color: rgba(119, 119, 119, 0.5);
   padding: 0 10px;
   float: right;
 }
 
 .skin-Tamken-Light-Style .timeline>li>.timeline-item .timeline-body {
   padding: 10px;
 }
 
 .skin-Tamken-Light-Style .modal-dialog {
   color: #444;
 }
 
 .skin-Tamken-Light-Style .tab-content {
   border: solid 5px var(--main-color);
   border-radius: 0 0 2px 2px;
   /* background-color: #1010a9 !important; */
   padding: 5px;
   border-radius: 8px;
 }
 
 .skin-Tamken-Light-Style div.s-Toolbar {
   background: transparent !important;
   border: unset;
 }
 
 .skin-Tamken-Light-Style div.s-Toolbar .separator {
   margin: 5px 6px 0 3px;
   border-left: 1px solid rgba(74, 161, 255, 0.35);
 }
 
 .skin-Tamken-Light-Style .tool-buttons .tool-button:not(.disabled):hover span.button-inner i,
 .skin-Tamken-Light-Style .tool-buttons .tool-button:not(.disabled).no-text:hover span.button-inner i,
 .skin-Tamken-Light-Style .tool-buttons .tool-button:not(.disabled):hover span.button-inner,
 .skin-Tamken-Light-Style .tool-buttons .tool-button:not(.disabled).no-text:hover span.button-inner {
   color: #0b80fd;
   text-shadow: 0 0 5px #eaeaea;
 }
 
 .skin-Tamken-Light-Style .tool-buttons .tool-button:not(.disabled):hover span.button-inner::before,
 .skin-Tamken-Light-Style .tool-buttons .tool-button:not(.disabled).no-text:hover span.button-inner::before {
   color: #0b80fd;
   text-shadow: 0 0 5px #eaeaea;
 }
 
 .skin-Tamken-Light-Style .tool-buttons .tool-button {
   height: 34px;
   font-family: Poppins, Helvetica, "sans-serif";
   font-size: 13px;
   background: #ffffff4d;
   border: solid 1px #4aa1ffba;
   border: solid 1px var(--main-color);
   color: #777;
   text-shadow: unset;
   border-radius: 2px;
   box-shadow: 0 2px 5px 0 #b9b9b9;
   -webkit-box-shadow: 0 2px 5px 0 #b9b9b9;
   margin-right: 10px;
   background-color: honeydew;
   border-radius: 10px;
   display: flex;
   align-items: center;
   justify-content: center;
 }
 
 .skin-Tamken-Light-Style .tool-buttons .tool-button span.button-inner {
   line-height: 28px;
   color: black;
   font-weight: 700;
   position: relative;
 }
 
 .skin-Tamken-Light-Style .tool-buttons .tool-button span.button-inner::before {
   font-family: "FontAwesome";
   /* margin-right: 4px; */
   font-size: 16px;
   /* margin-left: -14px; */
   /* line-height: 22px; */
   color: #777;
   text-shadow: unset;
   position: absolute;
   left: 50%;
   top: 50%;
   transform: translate(-50%, -50%);
   color: blueviolet;
 }
 
 .skin-Tamken-Light-Style .tool-buttons .tool-button div.button-outer {
   margin: 0;
   border: unset;
   border-radius: unset;
   height: 32px;
   padding: 10px;
   display: flex;
   justify-content: center;
   align-items: center;
 }
 
 .skin-Tamken-Light-Style .tool-buttons .tool-button.no-text span.button-inner {
   margin: 4px;
   padding: unset;
   height: 22px;
   width: 14px;
 }
 
 .skin-Tamken-Light-Style .tool-buttons .tool-button.no-text span.button-inner::before {
   font-family: "FontAwesome";
   font-size: 16px;
   color: #777;
   text-shadow: unset;
   margin-left: 0px;
   margin-right: 0px;
   line-height: 22px;
 }
 
 .skin-Tamken-Light-Style .tool-buttons .tool-button.icon-tool-button .button-inner {
   /* padding: 3px 5px; */
   position: relative;
 }
 
 .skin-Tamken-Light-Style .tool-buttons .tool-button.disabled {
   border-color: #969696;
 }
 
 .skin-Tamken-Light-Style .tool-buttons .tool-button.disabled:hover {
   text-shadow: unset;
 }
 
 .skin-Tamken-Light-Style .tool-buttons .tool-button.disabled:hover .button-inner i,
 .skin-Tamken-Light-Style .tool-buttons .tool-button.disabled:hover .button-inner::before {
   text-shadow: unset;
 }
 
 .skin-Tamken-Light-Style .tool-buttons .tool-button:not(.disabled).hover span.button-inner::before {
   color: #0b80fd;
 }
 
 .skin-Tamken-Light-Style .tool-buttons .tool-button:hover div.button-outer {
   background-color: unset;
 }
 
 .skin-Tamken-Light-Style .tool-buttons .tool-button.add-button span.button-inner::before {
   content: "";
   vertical-align: middle;
 }
 
 .skin-Tamken-Light-Style .tool-buttons .tool-button.refresh-button span.button-inner::before {
   content: "";
 }
 
 .skin-Tamken-Light-Style .tool-buttons .tool-button.column-picker-button span.button-inner::before {
   content: "\f00b";
   font-size: 14px;
 }
 
 .skin-Tamken-Light-Style .tool-buttons .tool-button.export-xlsx-button span.button-inner::before {
   content: "\f1c3";
 }
 
 .skin-Tamken-Light-Style .tool-buttons .tool-button.export-pdf-button span.button-inner::before {
   content: "\f1c1";
 }
 
 .skin-Tamken-Light-Style .tool-buttons .tool-button.save-and-close-button span.button-inner::before {
   content: "";
 }
 
 .skin-Tamken-Light-Style .tool-buttons .tool-button.apply-changes-button span.button-inner::before {
   content: "\f058";
 }
 
 .skin-Tamken-Light-Style .tool-buttons .tool-button.delete-button span.button-inner::before {
   content: "";
 }
 
 .skin-Tamken-Light-Style .tool-buttons .tool-button.localization-button span.button-inner::before {
   content: "\f1ab";
 }
 
 .skin-Tamken-Light-Style .tool-buttons .tool-button.localization-button.pressed span.button-inner {
   -webkit-transform: translateX(0);
   transform: translateX(0);
   -webkit-transition-duration: 0.1s;
   transition-duration: 0.1s;
   -webkit-transition-property: transform;
   transition-property: transform;
   -webkit-transition-timing-function: ease-out;
   transition-timing-function: ease-out;
 }
 
 .skin-Tamken-Light-Style .tool-buttons .tool-button.localization-button.pressed span.button-inner::before {
   content: "\f060";
 }
 
 .skin-Tamken-Light-Style .tool-buttons .tool-button.localization-button.pressed:hover span.button-inner {
   -webkit-transform: translateX(-2px);
   transform: translateX(-2px);
 }
 
 .skin-Tamken-Light-Style .tool-buttons .tool-button.add-file-button span.button-inner::before {
   content: "\f0c6";
 }
 
 .skin-Tamken-Light-Style .tool-buttons .tool-button.clone-button span.button-inner::before {
   content: "\f24d";
 }
 
 .skin-Tamken-Light-Style .tool-buttons .tool-button.expand-all-button span.button-inner::before {
   content: "\f0fe";
 }
 
 .skin-Tamken-Light-Style .tool-buttons .tool-button.collapse-all-button span.button-inner::before {
   content: "\f146";
 }
 
 .skin-Tamken-Light-Style .tool-buttons .tool-button.recurrence-button span.button-inner::before {
   content: "\f110";
 }
 
 .skin-Tamken-Light-Style .tool-buttons .tool-button.outlook-button span.button-inner::before {
   content: "\f0f6";
 }
 
 .skin-Tamken-Light-Style .tool-buttons .tool-button.add-note-button span.button-inner::before {
   content: "\f249";
 }
 
 .skin-Tamken-Light-Style .tool-buttons .tool-button.undo-delete-button span.button-inner {
   background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAnJJREFUeNqMU01IVFEUPvfdO/NmnPdm3jhqP9jYkJAbA0FiWoSRq4Rw0Q9Bi6AWJS1c1KLaWEEIYRFEUosWWSC0qUUbN0PLKBI1CJmYMkenH518+Mb3e9+73afN+DARD5x777nnux/fOZeDGGPgW29v7/F8Pr+rUCiA4zj+VR33VDgcFiVJcuPxuJVMJk1FUUxZlmcwxq99EIF/NtfWEx97Onr56++VP42SGNlZH2n4qZqzluMhw3aRTT0EwCDdEEuevv/ibvVdjYArQbBNC2KFrQiIgIgUIXIIC2QjgV+670ECIQjCa4+VeyNOp75C9gRJfOxmBDUFjoMbH72sNN96UmmPRVz6/I3ZUifiyLYURMNYfPvBbDp5NFoeuCh9Wlyyydme8Hfdcs0tFXiet6oAIyR0tIW0HSlseAzcm32JCTnuzakqao6JJFrFcvf3/xVULGo0NaD5QtFS+geLHQJCWNNYavKzrniMuRsVkICCGhnBSBwYnlHqE8TpH/zW3rJbNE4dqy8aNrV5OlbFHnk/tvkvUJdZA5fS6q9FI/Tgembq3InUBEXujyD2/Kth6OIEZGMP1s7MbW2JLj2+vf+Lpjtm6UrfPmtyXPZzmhgiV2eL1yRdu8CH4OOmJazGvF7dohr1GCpPjctnDh+Sa8mDnWm+pp+NjKwraJ3JWe9yew8sLy9DnndX13Uol8utlFKIJuMwlMuBgDHwIQJtfn42ZFkLJKhgeno6nM1mQVVVMAwDKPVgYaEClsUgku0BPo2QSCSATyN0d3cMdZVKDzO2va6gVCoZmUzmTvV7uK32BKG11gR2JgjCyiiPb/D4rwADAFSrU1j3i3gqAAAAAElFTkSuQmCC);
   background-repeat: no-repeat;
   background-position: center left;
 }
 
 .skin-Tamken-Light-Style .tool-buttons .tool-button.multiple-add-button span.button-inner::before {
   content: "\f0d0";
 }
 
 .skin-Tamken-Light-Style .tool-buttons .tool-button.outlook-meeting-button span.button-inner {
   background-image: url(/Content/serenity/images/calendar-blue.png);
   background-repeat: no-repeat;
   background-position: center left;
 }
 
 .skin-Tamken-Light-Style .tool-buttons .tool-button.outlook-meeting-button span.button-inner::before {
   content: unset !important;
 }
 
 .skin-Tamken-Light-Style .tool-buttons .tool-button.import-button span.button-inner {
   background-image: url(/Content/serenity/images/folder-import.png);
   background-repeat: no-repeat;
   background-position: center left;
 }
 
 .skin-Tamken-Light-Style .tool-buttons .tool-button.import-button span.button-inner::before {
   content: unset !important;
 }
 
 .skin-Tamken-Light-Style .tool-buttons .tool-button.inspect-button span.button-inner {
   background-image: url(/Content/serenity/images/zoom.png);
   background-repeat: no-repeat;
   background-position: center left;
 }
 
 .skin-Tamken-Light-Style .tool-buttons .tool-button.inspect-button span.button-inner::before {
   content: unset !important;
 }
 
 .skin-Tamken-Light-Style .tool-buttons .tool-button.print-preview-button span.button-inner {
   background-image: url(/Content/serenity/images/gtk-print-preview.png);
   background-repeat: no-repeat;
   background-position: center left;
 }
 
 .skin-Tamken-Light-Style .tool-buttons .tool-button.print-preview-button span.button-inner::before {
   content: unset !important;
 }
 
 .skin-Tamken-Light-Style .tool-buttons .tool-button.export-csv-button span.button-inner {
   background-image: url(/Content/serenity/images/csv.png);
   background-repeat: no-repeat;
   background-position: center left;
 }
 
 .skin-Tamken-Light-Style .tool-buttons .tool-button.export-csv-button span.button-inner::before {
   content: unset !important;
 }
 
 .skin-Tamken-Light-Style .tool-buttons .tool-button.export-docx-button span.button-inner {
   background-image: url(/Content/serenity/images/docx.png);
   background-repeat: no-repeat;
   background-position: center left;
 }
 
 .skin-Tamken-Light-Style .tool-buttons .tool-button.export-docx-button span.button-inner::before {
   content: unset !important;
 }
 
 .skin-Tamken-Light-Style .tool-buttons .tool-button.export-mhtml-button span.button-inner {
   background-image: url(/Content/serenity/images/mhtml.png);
   background-repeat: no-repeat;
   background-position: center left;
 }
 
 .skin-Tamken-Light-Style .tool-buttons .tool-button.export-mhtml-button span.button-inner::before {
   content: unset !important;
 }
 
 .skin-Tamken-Light-Style .tool-buttons .tool-button.export-xml-button span.button-inner {
   background-image: url(/Content/serenity/images/xml.png);
   background-repeat: no-repeat;
   background-position: center left;
 }
 
 .skin-Tamken-Light-Style .tool-buttons .tool-button.export-xml-button span.button-inner::before {
   content: unset !important;
 }
 
 .skin-Tamken-Light-Style .tool-buttons .tool-button.mail-button span.button-inner {
   background-image: url(/Content/serenity/images/mail.png);
   background-repeat: no-repeat;
   background-position: center left;
 }
 
 .skin-Tamken-Light-Style .tool-buttons .tool-button.mail-button span.button-inner::before {
   content: unset !important;
 }
 
 .skin-Tamken-Light-Style .tool-buttons .tool-button.table-button span.button-inner {
   background-image: url(/Content/serenity/images/table.png);
   background-repeat: no-repeat;
   background-position: center left;
 }
 
 .skin-Tamken-Light-Style .tool-buttons .tool-button.table-button span.button-inner::before {
   content: unset !important;
 }
 
 .skin-Tamken-Light-Style .tool-buttons .tool-button.trash-button span.button-inner {
   background-image: url(/Content/serenity/images/trash.png);
   background-repeat: no-repeat;
   background-position: center left;
 }
 
 .skin-Tamken-Light-Style .tool-buttons .tool-button.trash-button span.button-inner::before {
   content: unset !important;
 }
 
 .skin-Tamken-Light-Style .tool-buttons .tool-button.users-button span.button-inner {
   background-image: url(/Content/serenity/images/users.png);
   background-repeat: no-repeat;
   background-position: center left;
 }
 
 .skin-Tamken-Light-Style .tool-buttons .tool-button.users-button span.button-inner::before {
   content: unset !important;
 }
 
 .skin-Tamken-Light-Style .tool-buttons .tool-button.checkbox-yes-button span.button-inner {
   background-image: url(/Content/serenity/images/checkbox-yes.png);
   background-repeat: no-repeat;
   background-position: center left;
 }
 
 .skin-Tamken-Light-Style .tool-buttons .tool-button.checkbox-yes-button span.button-inner::before {
   content: unset !important;
 }
 
 .skin-Tamken-Light-Style .tool-buttons .tool-button.checkbox-no-button span.button-inner {
   background-image: url(/Content/serenity/images/checkbox-no.png);
   background-repeat: no-repeat;
   background-position: center left;
 }
 
 .skin-Tamken-Light-Style .tool-buttons .tool-button.checkbox-no-button span.button-inner::before {
   content: unset !important;
 }
 
 .skin-Tamken-Light-Style .tool-buttons .tool-button.tag-button span.button-inner::before {
   content: "\f02b";
 }
 
 .skin-Tamken-Light-Style .tool-buttons .tool-button.send-button span.button-inner {
   background-image: url(/Content/serenity/images/arrow-step-over.png);
   background-repeat: no-repeat;
   background-position: center left;
 }
 
 .skin-Tamken-Light-Style .tool-buttons .tool-button.send-button span.button-inner::before {
   content: unset !important;
 }
 
 .skin-Tamken-Light-Style .tool-buttons .tool-button.lock-button span.button-inner {
   background-image: url(/Content/serenity/images/lock.png);
   background-repeat: no-repeat;
   background-position: center left;
 }
 
 .skin-Tamken-Light-Style .tool-buttons .tool-button.lock-button span.button-inner::before {
   content: unset !important;
 }
 
 .skin-Tamken-Light-Style .tool-buttons .tool-button.unlock-button span.button-inner {
   background-image: url(/Content/serenity/images/unlock.png);
   background-repeat: no-repeat;
   background-position: center left;
 }
 
 .skin-Tamken-Light-Style .tool-buttons .tool-button.unlock-button span.button-inner::before {
   content: unset !important;
 }
 
 .skin-Tamken-Light-Style .tool-buttons .tool-button.unlock-disable-button span.button-inner {
   background-image: url(/Content/serenity/images/unlock-disable.png);
   background-repeat: no-repeat;
   background-position: center left;
 }
 
 .skin-Tamken-Light-Style .tool-buttons .tool-button.unlock-disable-button span.button-inner::before {
   content: unset !important;
 }
 
 .skin-Tamken-Light-Style .tool-buttons .tool-button.document-check span.button-inner {
   background-image: url(/Content/serenity/images/document-task.png);
   background-repeat: no-repeat;
   background-position: center left;
 }
 
 .skin-Tamken-Light-Style .tool-buttons .tool-button.document-check span.button-inner::before {
   content: unset !important;
 }
 
 .skin-Tamken-Light-Style .tool-buttons .tool-button.reject span.button-inner {
   background-image: url(/Content/serenity/images/slash.png);
   background-repeat: no-repeat;
   background-position: center left;
 }
 
 .skin-Tamken-Light-Style .tool-buttons .tool-button.reject span.button-inner::before {
   content: unset !important;
 }
 
 .skin-Tamken-Light-Style .tool-buttons .tool-button.bomb-button span.button-inner {
   background-image: url(/Content/serenity/images/bomb.png);
   background-repeat: no-repeat;
   background-position: center left;
 }
 
 .skin-Tamken-Light-Style .tool-buttons .tool-button.bomb-button span.button-inner::before {
   content: unset !important;
 }
 
 .skin-Tamken-Light-Style .tool-buttons .tool-button.money-button span.button-inner {
   background-image: url(/Content/serenity/images/money.png);
   background-repeat: no-repeat;
   background-position: center left;
 }
 
 .skin-Tamken-Light-Style .tool-buttons .tool-button.money-button span.button-inner::before {
   content: unset !important;
 }
 
 .skin-Tamken-Light-Style .tool-buttons .tool-button.edit-button span.button-inner {
   background-image: url(/Content/serenity/images/edit.png);
   background-repeat: no-repeat;
   background-position: center left;
 }
 
 .skin-Tamken-Light-Style .tool-buttons .tool-button.edit-button span.button-inner::before {
   content: unset !important;
 }
 
 .skin-Tamken-Light-Style .tool-buttons .tool-button.back-button span.button-inner {
   background-image: url(/Content/serenity/images/arrow-curve-left.png);
   background-repeat: no-repeat;
   background-position: center left;
 }
 
 .skin-Tamken-Light-Style .tool-buttons .tool-button.back-button span.button-inner::before {
   content: unset !important;
 }
 
 .skin-Tamken-Light-Style .tool-buttons .tool-button.search-button span.button-inner {
   background-image: url(/Content/serenity/images/magnifier.png);
   background-repeat: no-repeat;
   background-position: center left;
 }
 
 .skin-Tamken-Light-Style .tool-buttons .tool-button.search-button span.button-inner::before {
   content: unset !important;
 }
 
 .skin-Tamken-Light-Style .tool-buttons .tool-button.clean-button span.button-inner {
   background-image: url(/Content/serenity/images/eraser.png);
   background-repeat: no-repeat;
   background-position: center left;
 }
 
 .skin-Tamken-Light-Style .tool-buttons .tool-button.clean-button span.button-inner::before {
   content: unset !important;
 }
 
 .skin-Tamken-Light-Style .tool-buttons .tool-button.approve-button span.button-inner {
   background-image: url(/Content/serenity/images/check2.png);
   background-repeat: no-repeat;
   background-position: center left;
 }
 
 .skin-Tamken-Light-Style .tool-buttons .tool-button.approve-button span.button-inner::before {
   content: unset !important;
 }
 
 .skin-Tamken-Light-Style .tool-buttons .tool-button.synchronize-button span.button-inner {
   background-image: url(/Content/serenity/images/data-sync.png);
   background-repeat: no-repeat;
   background-position: center left;
 }
 
 .skin-Tamken-Light-Style .tool-buttons .tool-button.synchronize-button span.button-inner::before {
   content: unset !important;
 }
 
 .skin-Tamken-Light-Style .tool-buttons .tool-button.select-all-button span.button-inner {
   background-image: url(/Content/serenity/images/checkbox-no.png);
   background-repeat: no-repeat;
   background-position: center left;
 }
 
 .skin-Tamken-Light-Style .tool-buttons .tool-button.select-all-button span.button-inner::before {
   content: unset !important;
 }
 
 .skin-Tamken-Light-Style .tool-buttons .tool-button.select-all-button.checked span.button-inner {
   background-image: url(/Content/serenity/images/checkbox-yes.png);
   background-repeat: no-repeat;
   background-position: center left;
 }
 
 .skin-Tamken-Light-Style .tool-buttons .tool-button.select-all-button.checked span.button-inner::before {
   content: unset !important;
 }
 
 .skin-Tamken-Light-Style .inplace-button {
   height: 34px;
   padding: 2px 3px;
   width: 30px;
   margin-left: 2px;
   background: #ffffff4d;
   border: solid 1px #4aa1ffba;
   border: solid 1px var(--main-color);
   border-radius: 2px;
   color: #777;
   text-shadow: unset;
 }
 
 .skin-Tamken-Light-Style .inplace-button b {
   line-height: 28px;
 }
 
 .skin-Tamken-Light-Style .inplace-button:hover {
   text-shadow: 0 0 5px #777;
 }
 
 .skin-Tamken-Light-Style .inplace-button:hover b::before {
   color: #0b80fd;
 }
 
 .skin-Tamken-Light-Style .inplace-create b {
   background: none;
   color: blue;
 }
 
 .skin-Tamken-Light-Style .inplace-create b::before {
   font-family: "FontAwesome";
   content: "\f005";
   font-weight: 300;
 }
 
 .skin-Tamken-Light-Style .inplace-create.edit b {
   background: none;
 }
 
 .skin-Tamken-Light-Style .inplace-create.edit b::before {
   font-family: "FontAwesome";
   content: "\f040";
   font-weight: 100;
 }
 
 .skin-Tamken-Light-Style .s-QuickSearchBar {
   border-right: 0;
   border-radius: 0 2px 2px 0;
   box-shadow: 0 2px 5px 0 #b9b9b9;
   -webkit-box-shadow: 0 2px 5px 0 #b9b9b9;
   display: flex;
 }
 
 .skin-Tamken-Light-Style .s-QuickSearchBar .quick-search-icon {
   height: 34px;
   background: #4aa1ffba;
   background: var(--main-color);
   border-radius: 2px 0 0 2px;
   border: solid 1px #4aa1ffba;
   border: solid 1px var(--main-color);
 }
 
 .skin-Tamken-Light-Style .s-QuickSearchBar .quick-search-icon i {
   background: none;
 }
 
 .skin-Tamken-Light-Style .s-QuickSearchBar .quick-search-icon i::before {
   font-family: "FontAwesome";
   content: "\f002";
   color: #ffffff;
   font-weight: 300;
   font-size: 16px;
   font-style: normal;
   line-height: 30px;
   padding-left: 4px;
 }
 
 .skin-Tamken-Light-Style .s-QuickSearchBar input.s-QuickSearchInput {
   height: 34px;
   border-color: #4aa1ffba;
   border-right: 1px solid #4aa1ffba;
 
   border-color: var(--main-color);
   border-right: 1px solid var(--main-color);
   width: 100% !important;
 
 
 
   background: #ffffff4d;
   color: #777;
   border-radius: 0 2px 2px 0;
 }
 
 .skin-Tamken-Light-Style .slick-pg-stat {
   font-family: Poppins, Helvetica, "sans-serif";
 }
 
 .skin-Tamken-Light-Style .slick-header-column,
 .skin-Tamken-Light-Style .slick-header-column.ui-state-default {
   font-family: Poppins, Helvetica, "sans-serif";
   font-weight: 700;
   font-size: 13px;
   background-color: rgba(190, 190, 190, 0.65098039);
   border-top: solid 1px #4aa1ffba;
   border-bottom-color: #4aa1ffba;
 
   border-top: solid 1px var(--main-color);
   border-bottom-color: var(--main-color);
   text-align: center;
   background-color: #cdcdf3;
   background-color: var(--main-color);
 
   font-weight: 600;
   color: var(--label-color);
   border: 1px solid #999;
   border-collapse: collapse;
 
 
 }
 
 .skin-Tamken-Light-Style .slick-header-column-sorted,
 .skin-Tamken-Light-Style .slick-header-column-sorted.ui-state-default {
   border-bottom-color: #0267d3;
 }
 
 .skin-Tamken-Light-Style .slick-sort-indicator-asc,
 .skin-Tamken-Light-Style .slick-sort-indicator-desc {
   border-bottom-color: #0b80fd;
   border-top-color: #0b80fd;
 }
 
 .skin-Tamken-Light-Style .slick-row {
   background: transparent;
   -webkit-transform: perspective(1px) translateZ(0) translateY(0);
   transform: perspective(1px) translateZ(0) translateY(0);
   -webkit-transition-duration: 0.3s;
   transition-duration: 0.3s;
   -webkit-transition-property: transform;
   transition-property: transform;
 }
 
 .skin-Tamken-Light-Style .slick-row:hover {
   -webkit-transform: translateX(2px) translateY(1px);
   transform: translateX(2px) translateY(1px);
   box-shadow: 0 5px 7px 0px #bbbbbbb0;
 }
 
 .skin-Tamken-Light-Style .slick-row:hover .slick-cell:first-child {
   /*border-left: 3px solid @glass-001-link-color;*/
 }
 
 .skin-Tamken-Light-Style .slick-row.odd {
   background: rgba(0, 0, 0, 0.05);
 }
 
 .skin-Tamken-Light-Style .slick-cell,
 .skin-Tamken-Light-Style .slick-headerrow-column,
 .skin-Tamken-Light-Style .slick-footerrow-column {
   border: unset;
 }
 
 .skin-Tamken-Light-Style .slick-cell {
   color: #777;
   padding-top: 2px;
 }
 
 .skin-Tamken-Light-Style .slick-cell>a {
   color: #0b80fd;
 }
 
 .skin-Tamken-Light-Style .slick-footerrow-column,
 .skin-Tamken-Light-Style .slick-footerrow-column.ui-state-default {
   background-color: #e4e4e4a6;
   color: #0b80fd;
   /* padding-top: 10px; */
   height: 35px !important;
   display: flex;
   align-items: center;
   justify-content: center;
 }
 
 .skin-Tamken-Light-Style .s-DataGrid.editor,
 .skin-Tamken-Light-Style .s-Dialog .s-DataGrid.editor {
   border: 1px solid #4aa1ffba;
   border: 1px solid var(--main-color);
   border-radius: 2px;
   width: 100% !important;
 }
 
 .skin-Tamken-Light-Style .s-DataGrid.editor .grid-toolbar,
 .skin-Tamken-Light-Style .s-Dialog .s-DataGrid.editor .grid-toolbar {
   background: transparent;
   border: unset;
 }
 
 .skin-Tamken-Light-Style .editor.readonly {
   background: url(/Content/skins/glass001/assets/dark-stripes.png);
   background-color: #fdfdfd61;
   color: #35353599;
   border-color: #6f6f6f21;
   outline: 0;
   border-radius: 2px;
   font-weight: 900;
   color: #000;
   background-color: gainsboro;
   border: 2px solid gray;
 }
 
 .skin-Tamken-Light-Style .editor .slick-cell {
   color: #000;
   padding: 4px 4px 0 4px;
   border-style: none solid solid none;
   border-right-color: #4aa1ffba;
   border-bottom-color: #4aa1ffba;
   border-right-color: var(--main-color);
   border-bottom-color: var(--main-color);
   border-width: 1px;
   font-weight: 600;
   text-align: center;
   background-color: #fff;
 
 }
 
 .skin-Tamken-Light-Style .editor .slick-header-column {
   border-right: solid 1px #4aa1ffba;
   border-right: solid 1px var(--main-color);
   border-style: none solid solid none;
   font-family: Poppins, Helvetica, "sans-serif";
   font-weight: 500;
   font-size: 13px;
   color: #777;
   background-color: rgba(190, 190, 190, 0.65098039);
   border-top: solid 1px #4aa1ffba;
   border-bottom-color: #4aa1ffba;
   border-top: solid 1px var(--main-color);
   border-bottom-color: var(--main-color);
 }
 
 .skin-Tamken-Light-Style .editor .slick-header-column.ui-state-default {
   width: 100% !important;
   font-family: Poppins, Helvetica, "sans-serif";
   font-weight: 600;
   font-size: 13px;
   color: var(--label-color) !important;
   background-color: #c8c8f1;
   border-top: solid 1px #4aa1ffba;
   border-bottom-color: #4aa1ffba;
 
   border-top: solid 1px var(--main-color);
   border-bottom-color: var(--main-color);
   text-align: center;
   background-color: #cdcdf3;
   background-color: var(--main-color);
 
   font-weight: 600;
   border: 1px solid #999;
   border-collapse: collapse;
 }
 
 .skin-Tamken-Light-Style .editor .slick-cell>a {
   text-shadow: 0 0 5px #eaeaea;
 }
 
 .skin-Tamken-Light-Style .slick-cell>a {
   text-shadow: 1px 1px 1px #eaeaea;
 }
 
 .skin-Tamken-Light-Style .slick-cell>a:hover {
   text-shadow: 1px 1px 3px #eaeaea;
 }
 
 .skin-Tamken-Light-Style .slick-cell input[type="text"],
 .skin-Tamken-Light-Style .slick-cell select {
   height: 25px;
   background: transparent !important;
   border-color: #4aa1ffba;
   border-color: var(--main-color);
   width: 100% !important;
   color: #000 !important;
   font-weight: 600;
   text-align: center;
 }
 
 .skin-Tamken-Light-Style .slick-cell select option,
 .skin-Tamken-Light-Style .slick-cell select.dirty option,
 .skin-Tamken-Light-Style .s-SlickPager select option,
 .skin-Tamken-Light-Style .ui-datepicker select.ui-datepicker-month option,
 .skin-Tamken-Light-Style .ui-datepicker select.ui-datepicker-year option,
 .skin-Tamken-Light-Style .select2-drop-active {
   background: url("/Content/skins/glass001/assets/boxlight_ltr.png") fixed;
   background-size: cover;
   background-color: #fff;
   color: black;
   font-weight: 600;
 }
 
 .skin-Tamken-Light-Style .slick-cell .dirty {
   background-color: unset;
   color: #ff0000;
 }
 
 .skin-Tamken-Light-Style .slick-cell input[type="text"] {
   border: solid 1px #4aa1ffba;
   border: solid 1px var(--main-color);
 }
 
 .skin-Tamken-Light-Style .slick-cell {
   font-family: Poppins, Helvetica, "sans-serif";
   font-weight: 600;
   color: #222;
   text-align: right;
   padding-right: 10px;
   border-right: 1px solid #999;
   border-bottom: 1px solid #999;
 }
 
 .skin-Tamken-Light-Style input.slick-pg-current {
   height: 20px;
 }
 
 .skin-Tamken-Light-Style input {
   background: #ffffff4d;
   border-color: #4aa1ffba;
   border-color: var(--main-color);
   border-radius: 2px;
 }
 
 .skin-Tamken-Light-Style input.readonly {
   background: url(/Content/skins/glass001/assets/dark-stripes.png);
   background-color: #fdfdfd61;
   color: #35353599;
   border-color: #6f6f6f21;
   outline: 0;
   border-radius: 2px;
 }
 
 .skin-Tamken-Light-Style .ui-widget-overlay {
   opacity: 1;
   -webkit-backdrop-filter: blur(2px);
   backdrop-filter: blur(2px);
   background-color: #ffffff17;
 }
 
 .skin-Tamken-Light-Style .check-box {
   background: unset !important;
 }
 
 .skin-Tamken-Light-Style .check-box::before {
   content: "\f096";
   font-family: "FontAwesome";
   color: #777;
   font-size: 17px;
 }
 
 .skin-Tamken-Light-Style .s-Form .check-box.readonly::before {
   opacity: 0.4;
 }
 
 .skin-Tamken-Light-Style .check-box.disabled {
   background: none;
 }
 
 .skin-Tamken-Light-Style .check-box.disabled::before {
   opacity: 0.4;
 }
 
 .skin-Tamken-Light-Style .check-box.checked {
   background: none;
 }
 
 .skin-Tamken-Light-Style .check-box.checked::before {
   content: "\f14a";
   color: #0b80fd;
   font-size: 16px;
 }
 
 .skin-Tamken-Light-Style .check-box.checked.disabled {
   background: none;
 }
 
 .skin-Tamken-Light-Style .check-box.checked.disabled::before {
   opacity: 0.4;
 }
 
 .skin-Tamken-Light-Style .check-box.partial {
   background: none;
 }
 
 .skin-Tamken-Light-Style .check-box.partial::before {
   content: "\f0c8";
   color: #0b80fd;
   font-size: 17px;
 }
 
 .skin-Tamken-Light-Style .check-box.partial.disabled {
   background: none;
 }
 
 .skin-Tamken-Light-Style .check-box.partial.disabled::before {
   opacity: 0.4;
 }
 
 .skin-Tamken-Light-Style .check-box.indeterminate {
   background: none;
 }
 
 .skin-Tamken-Light-Style .check-box.indeterminate::before {
   content: "\f14a";
   color: #8c8c8c;
   font-size: 16px;
 }
 
 .skin-Tamken-Light-Style .check-box.indeterminate.disabled::before {
   opacity: 0.4;
 }
 
 .skin-Tamken-Light-Style .s-FilterDisplayBar {
   background: transparent;
   height: 34px;
   border: unset;
   margin-top: 4px;
 }
 
 .skin-Tamken-Light-Style .s-FilterDisplayBar .edit {
   background: #ffffff4d;
   border: solid 1px #4aa1ffba;
   border: solid 1px var(--main-color);
   color: #0b80fd;
   font-weight: 400;
   padding: 3px 10px;
   line-height: 15px;
   border-radius: 2px;
   margin: 4px;
 }
 
 .skin-Tamken-Light-Style .s-FilterDisplayBar .edit::before {
   font-family: "FontAwesome";
   content: "\f0b0";
   padding-right: 5px;
   margin: 2px 0 0 -2px;
 }
 
 .skin-Tamken-Light-Style .s-FilterDisplayBar .edit:hover {
   text-shadow: 0 0 5px #eaeaea;
 }
 
 .skin-Tamken-Light-Style .s-FilterDisplayBar .cap {
   color: #0b80fd;
 }
 
 .skin-Tamken-Light-Style .s-FilterDisplayBar .txt {
   color: #777;
   font-weight: 300;
 }
 
 .skin-Tamken-Light-Style .s-SlickPager {
   background-color: #e4e4e4a6;
   border: unset;
   border-radius: 2px;
   padding: 3px;
   height: 34px;
   color: #777;
 }
 
 .skin-Tamken-Light-Style .s-SlickPager select,
 .skin-Tamken-Light-Style .s-SlickPager input {
   background: transparent;
   border-radius: 2px;
 }
 
 .skin-Tamken-Light-Style .s-SlickPager select:focus,
 .skin-Tamken-Light-Style .s-SlickPager input:focus {
   /*outline: 0;*/
 }
 
 .skin-Tamken-Light-Style .ui-datepicker {
   background: url("/Content/skins/glass001/assets/boxlight_ltr.png") fixed;
   background-size: cover;
   background-color: #fff;
 }
 
 .skin-Tamken-Light-Style .ui-datepicker .ui-datepicker-calendar th {
   color: #0b80fd;
 }
 
 .skin-Tamken-Light-Style .ui-datepicker .ui-datepicker-calendar td>a {
   color: #777;
   border-color: #777;
 }
 
 .skin-Tamken-Light-Style .ui-datepicker .ui-datepicker-header {
   color: #777;
   border-color: #777;
 }
 
 .skin-Tamken-Light-Style .ui-datepicker .ui-datepicker-buttonpane button {
   height: 34px;
   font-family: Poppins, Helvetica, "sans-serif";
   font-size: 13px;
   background: #ffffff4d;
   border: unset;
   color: #777;
   box-shadow: 0 2px 5px 0 #b9b9b9;
   -webkit-box-shadow: 0 2px 5px 0 #b9b9b9;
   padding: 2px 5px;
   border-radius: 2px;
 }
 
 .skin-Tamken-Light-Style .ui-datepicker .ui-datepicker-buttonpane button:hover {
   text-shadow: 0 0 5px #ccc;
 }
 
 .skin-Tamken-Light-Style .ui-datepicker .ui-datepicker-title select {
   background: transparent;
 }
 
 .skin-Tamken-Light-Style button.ui-datepicker-trigger {
   background: none;
   color: #777;
   font-size: 16px;
   padding: 0;
   border: none;
   height: 22px;
   padding-left: 2px;
 }
 
 .skin-Tamken-Light-Style button.btn-primary {
   color: #fff !important;
   background: #0088cc !important;
 }
 
 .skin-Tamken-Light-Style button.btn-danger {
   color: #fff !important;
   background: #e36159 !important;
 }
 
 .skin-Tamken-Light-Style .slick-pg-btn {
   background: none;
   line-height: 21px;
   width: 26px;
   text-align: center;
   border: solid 1px transparent;
 }
 
 .skin-Tamken-Light-Style .slick-pg-btn>span:before {
   font-size: 15px;
   color: #777;
   font-family: "FontAwesome";
   font-style: normal;
   font-weight: normal;
   -webkit-font-smoothing: antialiased;
 }
 
 .skin-Tamken-Light-Style .slick-pg-btn:hover {
   border: unset;
   border: solid 1px transparent;
 }
 
 .skin-Tamken-Light-Style .slick-pg-btn:hover>.slick-pg-btn-span {
   border: unset;
 }
 
 .skin-Tamken-Light-Style .slick-pg-btn:hover>.slick-pg-btn-span::before {
   color: #0b80fd;
 }
 
 .skin-Tamken-Light-Style .slick-pg-btn-span {
   width: 24px;
   border: unset;
 }
 
 .skin-Tamken-Light-Style .slick-pg-first>span:before {
   content: "\f049";
 }
 
 .skin-Tamken-Light-Style .slick-pg-prev>span:before {
   content: "\f04a";
 }
 
 .skin-Tamken-Light-Style .slick-pg-next>span:before {
   content: "\f04e";
 }
 
 .skin-Tamken-Light-Style .slick-pg-last>span:before {
   content: "\f050";
 }
 
 .skin-Tamken-Light-Style .slick-pg-reload>span:before {
   content: "\f021";
 }
 
 .skin-Tamken-Light-Style .slick-pg-current {
   text-align: center;
 }
 
 .skin-Tamken-Light-Style .slick-pg-control {
   top: unset;
 }
 
 .skin-Tamken-Light-Style #toast-container .toast {
   box-shadow: unset;
   -webkit-box-shadow: unset;
   margin-bottom: 5px;
   border-radius: 2px;
 }
 
 .skin-Tamken-Light-Style .todo-list>li {
   background: transparent;
   color: #777;
   border: solid 1px #4aa1ffba;
   border: solid 1px var(--main-color);
   border-left-width: 3px;
   border-radius: 2px;
 }
 
 .skin-Tamken-Light-Style .todo-list>li:nth-child(odd) {
   background: rgba(0, 0, 0, 0.05);
 }
 
 .skin-Tamken-Light-Style .todo-list>li:nth-child(even) {
   background-color: transparent;
 }
 
 .skin-Tamken-Light-Style .users-list-name {
   color: #777;
 }
 
 .skin-Tamken-Light-Style .products-list>.item {
   background: transparent;
   color: #777;
 }
 
 .skin-Tamken-Light-Style .page-header {
   color: #777;
   font-family: Poppins, Helvetica, "sans-serif";
   font-weight: 300;
 }
 
 .skin-Tamken-Light-Style .page-header>small {
   color: #777;
 }
 
 .skin-Tamken-Light-Style .alert a {
   color: #fff;
 }
 
 .skin-Tamken-Light-Style .alert .close {
   color: #fff;
   opacity: 0.9;
 }
 
 .skin-Tamken-Light-Style .alert h4 {
   color: inherit;
 }
 
 .skin-Tamken-Light-Style .dropdown-menu {
   background: url("/Content/skins/glass001/assets/boxlight_ltr.png") fixed;
   background-size: cover;
   background-color: #fff;
   color: #777;
 }
 
 .skin-Tamken-Light-Style .dropdown-menu>li a {
   color: #777;
 }
 
 .skin-Tamken-Light-Style .dropdown-menu>li a:hover {
   background-color: #e4e4e4a6;
 }
 
 .skin-Tamken-Light-Style .mailbox-attachments li {
   border-color: #4aa1ffba;
   border-color: var(--main-color);
 
 }
 
 .skin-Tamken-Light-Style .mailbox-read-info,
 .skin-Tamken-Light-Style .mailbox-controls.with-border {
   border-bottom-color: #f4f4f41c;
 }
 
 .skin-Tamken-Light-Style .mailbox-attachment-info {
   background: #e4e4e4a6;
 }
 
 .skin-Tamken-Light-Style .mailbox-attachment-icon {
   color: #777;
 }
 
 .skin-Tamken-Light-Style .widget-user-username,
 .skin-Tamken-Light-Style .widget-user-desc {
   color: inherit;
 }
 
 .skin-Tamken-Light-Style .callout h4 {
   color: #fff;
 }
 
 .skin-Tamken-Light-Style .btn-app {
   background: #ffffff4d;
   color: #777;
 }
 
 .skin-Tamken-Light-Style .input-group-btn:last-child>.btn-group {
   border-radius: 0 2px 2px 0 !important;
 }
 
 .skin-Tamken-Light-Style .input-group .input-group-addon {
   background-color: #ffffff4d;
   color: #777;
   border-color: #4aa1ffba;
   border-color: var(--main-color);
 }
 
 .skin-Tamken-Light-Style .input-group input {
   /*height: 34px;
                  line-height: 34px;*/
 }
 
 .skin-Tamken-Light-Style .input-group-lg input {
   height: 46px;
   line-height: 46px;
 }
 
 .skin-Tamken-Light-Style .input-group-sm .input-group-btn button {
   height: 30px !important;
   line-height: 14px;
 }
 
 .skin-Tamken-Light-Style .input-group-sm input {
   height: 30px !important;
 }
 
 .skin-Tamken-Light-Style .input-lg {
   height: 46px !important;
 }
 
 .skin-Tamken-Light-Style .input-sm {
   height: 30px !important;
 }
 
 .skin-Tamken-Light-Style .input-xs {
   height: unset !important;
 }
 
 .skin-Tamken-Light-Style .comment-text {
   color: #777;
 }
 
 .skin-Tamken-Light-Style .comment-text .username {
   color: #777;
 }
 
 .skin-Tamken-Light-Style .chat .item>.attachment {
   background: #ffffff4d;
   border: solid 1px #4aa1ffba;
   border: solid 1px var(--main-color);
   color: #777;
 }
 
 @media (min-width: 768px) {
   .skin-Tamken-Light-Style.sidebar-mini.sidebar-collapse .main-sidebar {
     width: 60px !important;
   }
 
   .skin-Tamken-Light-Style.sidebar-mini.sidebar-collapse .content-wrapper,
   .skin-Tamken-Light-Style.sidebar-mini.sidebar-collapse .right-side,
   .skin-Tamken-Light-Style.sidebar-mini.sidebar-collapse .main-footer {
     margin-left: 60px !important;
   }
 
   .skin-Tamken-Light-Style.sidebar-mini.sidebar-collapse .main-header .navbar {
     margin-left: 60px !important;
   }
 
   .skin-Tamken-Light-Style.sidebar-mini.sidebar-collapse .main-header .logo {
     width: 60px !important;
   }
 
   .skin-Tamken-Light-Style.sidebar-mini.sidebar-collapse .must-show-search-bar {
     display: inline-flex !important;
   }
 }
 
 @media (max-width: 767px) {
   .skin-Tamken-Light-Style .main-header {
     background: unset;
     background-size: cover;
     background-color: #e9e9e9;
 
   }
 
   .skin-Tamken-Light-Style .main-header a.logo {
     display: none;
   }
 
   .skin-Tamken-Light-Style .control-sidebar {
     padding-top: 60px;
   }
 
   .skin-Tamken-Light-Style .main-sidebar,
   .skin-Tamken-Light-Style .left-side {
     padding-top: 60px;
   }
 
   .skin-Tamken-Light-Style .navbar-nav>.user-menu .user-image {
     margin: 0 !important;
   }
 
   .skin-Tamken-Light-Style.fixed .content-wrapper,
   .skin-Tamken-Light-Style.fixed .right-side {
     /* padding-top: 60px; */
     padding-top: 30px;
   }
 }
 
 body.skin-Tamken-Light-Style section.content {
   padding-bottom: 0;
   margin-bottom: 0;
 }
 
 body.skin-Tamken-Light-Style section.content>.s-DataGrid,
 body.skin-Tamken-Light-Style section.content .flex-layout.s-Panel {
   /* max-width: 1350px !important; */
   justify-content: center !important;
   margin: 0 auto !important;
   border-radius: unset;
   margin-left: -15px;
   box-shadow: unset;
   -webkit-box-shadow: unset;
   padding:0 !important;
 }
 
 body.skin-Tamken-Light-Style .grid-title,
 body.skin-Tamken-Light-Style .panel-titlebar {
 
   background-color: var(--main-color) !important;
   color: white !important;
   padding: 15px 10px 14px 10px;
   /* margin-top: 25px !important; */
   background: unset;
   background-size: auto;
   background-color: transparent;
   border-radius: unset !important;
 }
 
 body.skin-Tamken-Light-Style .panel-titlebar {
   display: flex;
   flex-direction: row-reverse;
   box-shadow: 0px 0px 6px #aaa;
   border-radius: 10px !important;
   /* padding: 12px 10px; */
   /* margin-top: 20px !important; */
   /* padding: 12px 10px !important; */
   text-align: inherit !important;
   margin: 0 !important;
   padding: 0 !important;
 }
 
 
 /* <======================== */
 /*
   * Page: Mailbox
   * -------------
   */
 .mailbox-messages>.table {
   margin: 0;
 }
 
 .mailbox-controls {
   padding: 5px;
 }
 
 .mailbox-controls.with-border {
   border-bottom: 1px solid #f4f4f4;
 }
 
 .mailbox-read-info {
   border-bottom: 1px solid #f4f4f4;
   padding: 10px;
 }
 
 .mailbox-read-info h3 {
   font-size: 20px;
   margin: 0;
 }
 
 .mailbox-read-info h5 {
   margin: 0;
   padding: 5px 0 0 0;
 }
 
 .mailbox-read-time {
   color: #999;
   font-size: 13px;
 }
 
 .mailbox-read-message {
   padding: 10px;
 }
 
 .mailbox-attachments li {
   float: left;
   width: 200px;
   border: 1px solid #eee;
   margin-bottom: 10px;
   margin-right: 10px;
 }
 
 .mailbox-attachment-name {
   font-weight: bold;
   color: #666;
 }
 
 .mailbox-attachment-icon,
 .mailbox-attachment-info,
 .mailbox-attachment-size {
   display: block;
 }
 
 .mailbox-attachment-info {
   padding: 10px;
   background: #f4f4f4;
 }
 
 .mailbox-attachment-size {
   color: #999;
   font-size: 12px;
 }
 
 .mailbox-attachment-icon {
   text-align: center;
   font-size: 65px;
   color: #666;
   padding: 20px 10px;
 }
 
 .mailbox-attachment-icon.has-img {
   padding: 0;
 }
 
 .mailbox-attachment-icon.has-img>img {
   max-width: 100%;
   height: auto;
 }
 
 /*
   * Page: Lock Screen
   * -----------------
   */
 /* ADD THIS CLASS TO THE <BODY> TAG */
 .lockscreen {
   background: #d2d6de;
 }
 
 .lockscreen-logo {
   font-size: 35px;
   text-align: center;
   margin-bottom: 25px;
   font-weight: 300;
 }
 
 .lockscreen-logo a {
   color: #444;
 }
 
 .lockscreen-wrapper {
   max-width: 400px;
   margin: 0 auto;
   margin-top: 10%;
 }
 
 /* User name [optional] */
 .lockscreen .lockscreen-name {
   text-align: center;
   font-weight: 600;
 }
 
 /* Will contain the image and the sign in form */
 .lockscreen-item {
   border-radius: 4px;
   padding: 0;
   background: #fff;
   position: relative;
   margin: 10px auto 30px auto;
   width: 290px;
 }
 
 /* User image */
 .lockscreen-image {
   border-radius: 50%;
   position: absolute;
   left: -10px;
   top: -25px;
   background: #fff;
   padding: 5px;
   z-index: 10;
 }
 
 .lockscreen-image>img {
   border-radius: 50%;
   width: 70px;
   height: 70px;
 }
 
 /* Contains the password input and the login button */
 .lockscreen-credentials {
   margin-left: 70px;
 }
 
 .lockscreen-credentials .form-control {
   border: 0;
 }
 
 .lockscreen-credentials .btn {
   background-color: #fff;
   border: 0;
   padding: 0 10px;
 }
 
 .lockscreen-footer {
   margin-top: 10px;
 }
 
 /*
   * Page: Login & Register
   * ----------------------
   */
 .login-logo,
 .register-logo {
   font-size: 35px;
   text-align: center;
   margin-bottom: 25px;
   font-weight: 300;
 }
 
 .login-logo a,
 .register-logo a {
   color: #444;
 }
 
 .login-page,
 .register-page {
   background: #d2d6de;
 }
 
 .login-box,
 .register-box {
   width: 360px;
   margin: 7% auto;
 }
 
 @media (max-width: 768px) {
 
   .login-box,
   .register-box {
     width: 90%;
     margin-top: 20px;
   }
 }
 
 .login-box-body,
 .register-box-body {
   background: #fff;
   padding: 20px;
   border-top: 0;
   color: #666;
 }
 
 .login-box-body .form-control-feedback,
 .register-box-body .form-control-feedback {
   color: #777;
 }
 
 .login-box-msg,
 .register-box-msg {
   margin: 0;
   text-align: center;
   padding: 0 20px 20px 20px;
 }
 
 .social-auth-links {
   margin: 10px 0;
 }
 
 /*
   * Page: 400 and 500 error pages
   * ------------------------------
   */
 .error-page {
   width: 600px;
   margin: 20px auto 0 auto;
 }
 
 @media (max-width: 991px) {
   .error-page {
     width: 100%;
   }
 }
 
 .error-page>.headline {
   float: left;
   font-size: 100px;
   font-weight: 300;
 }
 
 @media (max-width: 991px) {
   .error-page>.headline {
     float: none;
     text-align: center;
   }
 }
 
 .error-page>.error-content {
   margin-left: 190px;
   display: block;
 }
 
 @media (max-width: 991px) {
   .error-page>.error-content {
     margin-left: 0;
   }
 }
 
 .error-page>.error-content>h3 {
   font-weight: 300;
   font-size: 25px;
 }
 
 @media (max-width: 991px) {
   .error-page>.error-content>h3 {
     text-align: center;
   }
 }
 
 /*
   * Page: Invoice
   * -------------
   */
 .invoice {
   position: relative;
   background: #fff;
   /* border: 3px solid #ccc !important; */
   border-radius: 10px !important;
   padding: 25px !important;
 }
 
 .invoice-title {
   margin-top: 0;
 }
 
 /*
   * Page: Profile
   * -------------
   */
 .profile-user-img {
   margin: 0 auto;
   width: 100px;
   padding: 3px;
   border: 3px solid #d2d6de;
 }
 
 .profile-username {
   font-size: 21px;
   margin-top: 5px;
 }
 
 .post {
   border-bottom: 1px solid #d2d6de;
   margin-bottom: 15px;
   padding-bottom: 15px;
   color: #666;
 }
 
 .post:last-of-type {
   border-bottom: 0;
   margin-bottom: 0;
   padding-bottom: 0;
 }
 
 .post .user-block {
   margin-bottom: 15px;
 }
 
 /*
   * Social Buttons for Bootstrap
   *
   * Copyright 2013-2015 Panayiotis Lipiridis
   * Licensed under the MIT License
   *
   * https://github.com/lipis/bootstrap-social
   */
 .btn-social {
   position: relative;
   padding-left: 44px;
   text-align: left;
   white-space: nowrap;
   overflow: hidden;
   text-overflow: ellipsis;
 }
 
 .btn-social> :first-child {
   position: absolute;
   left: 0;
   top: 0;
   bottom: 0;
   width: 32px;
   line-height: 34px;
   font-size: 1.6em;
   text-align: center;
   border-right: 1px solid rgba(0, 0, 0, 0.2);
 }
 
 .btn-social.btn-lg {
   padding-left: 61px;
 }
 
 .btn-social.btn-lg> :first-child {
   line-height: 45px;
   width: 45px;
   font-size: 1.8em;
 }
 
 .btn-social.btn-sm {
   padding-left: 38px;
 }
 
 .btn-social.btn-sm> :first-child {
   line-height: 28px;
   width: 28px;
   font-size: 1.4em;
 }
 
 .btn-social.btn-xs {
   padding-left: 30px;
 }
 
 .btn-social.btn-xs> :first-child {
   line-height: 20px;
   width: 20px;
   font-size: 1.2em;
 }
 
 .btn-social-icon {
   position: relative;
   padding-left: 44px;
   text-align: left;
   white-space: nowrap;
   overflow: hidden;
   text-overflow: ellipsis;
   height: 34px;
   width: 34px;
   padding: 0;
 }
 
 .btn-social-icon> :first-child {
   position: absolute;
   left: 0;
   top: 0;
   bottom: 0;
   width: 32px;
   line-height: 34px;
   font-size: 1.6em;
   text-align: center;
   border-right: 1px solid rgba(0, 0, 0, 0.2);
 }
 
 .btn-social-icon.btn-lg {
   padding-left: 61px;
 }
 
 .btn-social-icon.btn-lg> :first-child {
   line-height: 45px;
   width: 45px;
   font-size: 1.8em;
 }
 
 .btn-social-icon.btn-sm {
   padding-left: 38px;
 }
 
 .btn-social-icon.btn-sm> :first-child {
   line-height: 28px;
   width: 28px;
   font-size: 1.4em;
 }
 
 .btn-social-icon.btn-xs {
   padding-left: 30px;
 }
 
 .btn-social-icon.btn-xs> :first-child {
   line-height: 20px;
   width: 20px;
   font-size: 1.2em;
 }
 
 .btn-social-icon> :first-child {
   border: none;
   text-align: center;
   width: 100%;
 }
 
 .btn-social-icon.btn-lg {
   height: 45px;
   width: 45px;
   padding-left: 0;
   padding-right: 0;
 }
 
 .btn-social-icon.btn-sm {
   height: 30px;
   width: 30px;
   padding-left: 0;
   padding-right: 0;
 }
 
 .btn-social-icon.btn-xs {
   height: 22px;
   width: 22px;
   padding-left: 0;
   padding-right: 0;
 }
 
 .btn-adn {
   color: #fff;
   background-color: #d87a68;
   border-color: rgba(0, 0, 0, 0.2);
 }
 
 .btn-adn:focus,
 .btn-adn.focus {
   color: #fff;
   background-color: #ce563f;
   border-color: rgba(0, 0, 0, 0.2);
 }
 
 .btn-adn:hover {
   color: #fff;
   background-color: #ce563f;
   border-color: rgba(0, 0, 0, 0.2);
 }
 
 .btn-adn:active,
 .btn-adn.active,
 .open>.dropdown-toggle.btn-adn {
   color: #fff;
   background-color: #ce563f;
   border-color: rgba(0, 0, 0, 0.2);
 }
 
 .btn-adn:active:hover,
 .btn-adn.active:hover,
 .open>.dropdown-toggle.btn-adn:hover,
 .btn-adn:active:focus,
 .btn-adn.active:focus,
 .open>.dropdown-toggle.btn-adn:focus,
 .btn-adn:active.focus,
 .btn-adn.active.focus,
 .open>.dropdown-toggle.btn-adn.focus {
   color: #fff;
   background-color: #b94630;
   border-color: rgba(0, 0, 0, 0.2);
 }
 
 .btn-adn:active,
 .btn-adn.active,
 .open>.dropdown-toggle.btn-adn {
   background-image: none;
 }
 
 .btn-adn.disabled,
 .btn-adn[disabled],
 fieldset[disabled] .btn-adn,
 .btn-adn.disabled:hover,
 .btn-adn[disabled]:hover,
 fieldset[disabled] .btn-adn:hover,
 .btn-adn.disabled:focus,
 .btn-adn[disabled]:focus,
 fieldset[disabled] .btn-adn:focus,
 .btn-adn.disabled.focus,
 .btn-adn[disabled].focus,
 fieldset[disabled] .btn-adn.focus,
 .btn-adn.disabled:active,
 .btn-adn[disabled]:active,
 fieldset[disabled] .btn-adn:active,
 .btn-adn.disabled.active,
 .btn-adn[disabled].active,
 fieldset[disabled] .btn-adn.active {
   background-color: #d87a68;
   border-color: rgba(0, 0, 0, 0.2);
 }
 
 .btn-adn .badge {
   color: #d87a68;
   background-color: #fff;
 }
 
 .btn-bitbucket {
   color: #fff;
   background-color: #205081;
   border-color: rgba(0, 0, 0, 0.2);
 }
 
 .btn-bitbucket:focus,
 .btn-bitbucket.focus {
   color: #fff;
   background-color: #163758;
   border-color: rgba(0, 0, 0, 0.2);
 }
 
 .btn-bitbucket:hover {
   color: #fff;
   background-color: #163758;
   border-color: rgba(0, 0, 0, 0.2);
 }
 
 .btn-bitbucket:active,
 .btn-bitbucket.active,
 .open>.dropdown-toggle.btn-bitbucket {
   color: #fff;
   background-color: #163758;
   border-color: rgba(0, 0, 0, 0.2);
 }
 
 .btn-bitbucket:active:hover,
 .btn-bitbucket.active:hover,
 .open>.dropdown-toggle.btn-bitbucket:hover,
 .btn-bitbucket:active:focus,
 .btn-bitbucket.active:focus,
 .open>.dropdown-toggle.btn-bitbucket:focus,
 .btn-bitbucket:active.focus,
 .btn-bitbucket.active.focus,
 .open>.dropdown-toggle.btn-bitbucket.focus {
   color: #fff;
   background-color: #0f253c;
   border-color: rgba(0, 0, 0, 0.2);
 }
 
 .btn-bitbucket:active,
 .btn-bitbucket.active,
 .open>.dropdown-toggle.btn-bitbucket {
   background-image: none;
 }
 
 .btn-bitbucket.disabled,
 .btn-bitbucket[disabled],
 fieldset[disabled] .btn-bitbucket,
 .btn-bitbucket.disabled:hover,
 .btn-bitbucket[disabled]:hover,
 fieldset[disabled] .btn-bitbucket:hover,
 .btn-bitbucket.disabled:focus,
 .btn-bitbucket[disabled]:focus,
 fieldset[disabled] .btn-bitbucket:focus,
 .btn-bitbucket.disabled.focus,
 .btn-bitbucket[disabled].focus,
 fieldset[disabled] .btn-bitbucket.focus,
 .btn-bitbucket.disabled:active,
 .btn-bitbucket[disabled]:active,
 fieldset[disabled] .btn-bitbucket:active,
 .btn-bitbucket.disabled.active,
 .btn-bitbucket[disabled].active,
 fieldset[disabled] .btn-bitbucket.active {
   background-color: #205081;
   border-color: rgba(0, 0, 0, 0.2);
 }
 
 .btn-bitbucket .badge {
   color: #205081;
   background-color: #fff;
 }
 
 .btn-dropbox {
   color: #fff;
   background-color: #1087dd;
   border-color: rgba(0, 0, 0, 0.2);
 }
 
 .btn-dropbox:focus,
 .btn-dropbox.focus {
   color: #fff;
   background-color: #0d6aad;
   border-color: rgba(0, 0, 0, 0.2);
 }
 
 .btn-dropbox:hover {
   color: #fff;
   background-color: #0d6aad;
   border-color: rgba(0, 0, 0, 0.2);
 }
 
 .btn-dropbox:active,
 .btn-dropbox.active,
 .open>.dropdown-toggle.btn-dropbox {
   color: #fff;
   background-color: #0d6aad;
   border-color: rgba(0, 0, 0, 0.2);
 }
 
 .btn-dropbox:active:hover,
 .btn-dropbox.active:hover,
 .open>.dropdown-toggle.btn-dropbox:hover,
 .btn-dropbox:active:focus,
 .btn-dropbox.active:focus,
 .open>.dropdown-toggle.btn-dropbox:focus,
 .btn-dropbox:active.focus,
 .btn-dropbox.active.focus,
 .open>.dropdown-toggle.btn-dropbox.focus {
   color: #fff;
   background-color: #0a568c;
   border-color: rgba(0, 0, 0, 0.2);
 }
 
 .btn-dropbox:active,
 .btn-dropbox.active,
 .open>.dropdown-toggle.btn-dropbox {
   background-image: none;
 }
 
 .btn-dropbox.disabled,
 .btn-dropbox[disabled],
 fieldset[disabled] .btn-dropbox,
 .btn-dropbox.disabled:hover,
 .btn-dropbox[disabled]:hover,
 fieldset[disabled] .btn-dropbox:hover,
 .btn-dropbox.disabled:focus,
 .btn-dropbox[disabled]:focus,
 fieldset[disabled] .btn-dropbox:focus,
 .btn-dropbox.disabled.focus,
 .btn-dropbox[disabled].focus,
 fieldset[disabled] .btn-dropbox.focus,
 .btn-dropbox.disabled:active,
 .btn-dropbox[disabled]:active,
 fieldset[disabled] .btn-dropbox:active,
 .btn-dropbox.disabled.active,
 .btn-dropbox[disabled].active,
 fieldset[disabled] .btn-dropbox.active {
   background-color: #1087dd;
   border-color: rgba(0, 0, 0, 0.2);
 }
 
 .btn-dropbox .badge {
   color: #1087dd;
   background-color: #fff;
 }
 
 .btn-facebook {
   color: #fff;
   background-color: #3b5998;
   border-color: rgba(0, 0, 0, 0.2);
 }
 
 .btn-facebook:focus,
 .btn-facebook.focus {
   color: #fff;
   background-color: #2d4373;
   border-color: rgba(0, 0, 0, 0.2);
 }
 
 .btn-facebook:hover {
   color: #fff;
   background-color: #2d4373;
   border-color: rgba(0, 0, 0, 0.2);
 }
 
 .btn-facebook:active,
 .btn-facebook.active,
 .open>.dropdown-toggle.btn-facebook {
   color: #fff;
   background-color: #2d4373;
   border-color: rgba(0, 0, 0, 0.2);
 }
 
 .btn-facebook:active:hover,
 .btn-facebook.active:hover,
 .open>.dropdown-toggle.btn-facebook:hover,
 .btn-facebook:active:focus,
 .btn-facebook.active:focus,
 .open>.dropdown-toggle.btn-facebook:focus,
 .btn-facebook:active.focus,
 .btn-facebook.active.focus,
 .open>.dropdown-toggle.btn-facebook.focus {
   color: #fff;
   background-color: #23345a;
   border-color: rgba(0, 0, 0, 0.2);
 }
 
 .btn-facebook:active,
 .btn-facebook.active,
 .open>.dropdown-toggle.btn-facebook {
   background-image: none;
 }
 
 .btn-facebook.disabled,
 .btn-facebook[disabled],
 fieldset[disabled] .btn-facebook,
 .btn-facebook.disabled:hover,
 .btn-facebook[disabled]:hover,
 fieldset[disabled] .btn-facebook:hover,
 .btn-facebook.disabled:focus,
 .btn-facebook[disabled]:focus,
 fieldset[disabled] .btn-facebook:focus,
 .btn-facebook.disabled.focus,
 .btn-facebook[disabled].focus,
 fieldset[disabled] .btn-facebook.focus,
 .btn-facebook.disabled:active,
 .btn-facebook[disabled]:active,
 fieldset[disabled] .btn-facebook:active,
 .btn-facebook.disabled.active,
 .btn-facebook[disabled].active,
 fieldset[disabled] .btn-facebook.active {
   background-color: #3b5998;
   border-color: rgba(0, 0, 0, 0.2);
 }
 
 .btn-facebook .badge {
   color: #3b5998;
   background-color: #fff;
 }
 
 .btn-flickr {
   color: #fff;
   background-color: #ff0084;
   border-color: rgba(0, 0, 0, 0.2);
 }
 
 .btn-flickr:focus,
 .btn-flickr.focus {
   color: #fff;
   background-color: #cc006a;
   border-color: rgba(0, 0, 0, 0.2);
 }
 
 .btn-flickr:hover {
   color: #fff;
   background-color: #cc006a;
   border-color: rgba(0, 0, 0, 0.2);
 }
 
 .btn-flickr:active,
 .btn-flickr.active,
 .open>.dropdown-toggle.btn-flickr {
   color: #fff;
   background-color: #cc006a;
   border-color: rgba(0, 0, 0, 0.2);
 }
 
 .btn-flickr:active:hover,
 .btn-flickr.active:hover,
 .open>.dropdown-toggle.btn-flickr:hover,
 .btn-flickr:active:focus,
 .btn-flickr.active:focus,
 .open>.dropdown-toggle.btn-flickr:focus,
 .btn-flickr:active.focus,
 .btn-flickr.active.focus,
 .open>.dropdown-toggle.btn-flickr.focus {
   color: #fff;
   background-color: #a80057;
   border-color: rgba(0, 0, 0, 0.2);
 }
 
 .btn-flickr:active,
 .btn-flickr.active,
 .open>.dropdown-toggle.btn-flickr {
   background-image: none;
 }
 
 .btn-flickr.disabled,
 .btn-flickr[disabled],
 fieldset[disabled] .btn-flickr,
 .btn-flickr.disabled:hover,
 .btn-flickr[disabled]:hover,
 fieldset[disabled] .btn-flickr:hover,
 .btn-flickr.disabled:focus,
 .btn-flickr[disabled]:focus,
 fieldset[disabled] .btn-flickr:focus,
 .btn-flickr.disabled.focus,
 .btn-flickr[disabled].focus,
 fieldset[disabled] .btn-flickr.focus,
 .btn-flickr.disabled:active,
 .btn-flickr[disabled]:active,
 fieldset[disabled] .btn-flickr:active,
 .btn-flickr.disabled.active,
 .btn-flickr[disabled].active,
 fieldset[disabled] .btn-flickr.active {
   background-color: #ff0084;
   border-color: rgba(0, 0, 0, 0.2);
 }
 
 .btn-flickr .badge {
   color: #ff0084;
   background-color: #fff;
 }
 
 .btn-foursquare {
   color: #fff;
   background-color: #f94877;
   border-color: rgba(0, 0, 0, 0.2);
 }
 
 .btn-foursquare:focus,
 .btn-foursquare.focus {
   color: #fff;
   background-color: #f71752;
   border-color: rgba(0, 0, 0, 0.2);
 }
 
 .btn-foursquare:hover {
   color: #fff;
   background-color: #f71752;
   border-color: rgba(0, 0, 0, 0.2);
 }
 
 .btn-foursquare:active,
 .btn-foursquare.active,
 .open>.dropdown-toggle.btn-foursquare {
   color: #fff;
   background-color: #f71752;
   border-color: rgba(0, 0, 0, 0.2);
 }
 
 .btn-foursquare:active:hover,
 .btn-foursquare.active:hover,
 .open>.dropdown-toggle.btn-foursquare:hover,
 .btn-foursquare:active:focus,
 .btn-foursquare.active:focus,
 .open>.dropdown-toggle.btn-foursquare:focus,
 .btn-foursquare:active.focus,
 .btn-foursquare.active.focus,
 .open>.dropdown-toggle.btn-foursquare.focus {
   color: #fff;
   background-color: #e30742;
   border-color: rgba(0, 0, 0, 0.2);
 }
 
 .btn-foursquare:active,
 .btn-foursquare.active,
 .open>.dropdown-toggle.btn-foursquare {
   background-image: none;
 }
 
 .btn-foursquare.disabled,
 .btn-foursquare[disabled],
 fieldset[disabled] .btn-foursquare,
 .btn-foursquare.disabled:hover,
 .btn-foursquare[disabled]:hover,
 fieldset[disabled] .btn-foursquare:hover,
 .btn-foursquare.disabled:focus,
 .btn-foursquare[disabled]:focus,
 fieldset[disabled] .btn-foursquare:focus,
 .btn-foursquare.disabled.focus,
 .btn-foursquare[disabled].focus,
 fieldset[disabled] .btn-foursquare.focus,
 .btn-foursquare.disabled:active,
 .btn-foursquare[disabled]:active,
 fieldset[disabled] .btn-foursquare:active,
 .btn-foursquare.disabled.active,
 .btn-foursquare[disabled].active,
 fieldset[disabled] .btn-foursquare.active {
   background-color: #f94877;
   border-color: rgba(0, 0, 0, 0.2);
 }
 
 .btn-foursquare .badge {
   color: #f94877;
   background-color: #fff;
 }
 
 .btn-github {
   color: #fff;
   background-color: #444444;
   border-color: rgba(0, 0, 0, 0.2);
 }
 
 .btn-github:focus,
 .btn-github.focus {
   color: #fff;
   background-color: #2b2b2b;
   border-color: rgba(0, 0, 0, 0.2);
 }
 
 .btn-github:hover {
   color: #fff;
   background-color: #2b2b2b;
   border-color: rgba(0, 0, 0, 0.2);
 }
 
 .btn-github:active,
 .btn-github.active,
 .open>.dropdown-toggle.btn-github {
   color: #fff;
   background-color: #2b2b2b;
   border-color: rgba(0, 0, 0, 0.2);
 }
 
 .btn-github:active:hover,
 .btn-github.active:hover,
 .open>.dropdown-toggle.btn-github:hover,
 .btn-github:active:focus,
 .btn-github.active:focus,
 .open>.dropdown-toggle.btn-github:focus,
 .btn-github:active.focus,
 .btn-github.active.focus,
 .open>.dropdown-toggle.btn-github.focus {
   color: #fff;
   background-color: #191919;
   border-color: rgba(0, 0, 0, 0.2);
 }
 
 .btn-github:active,
 .btn-github.active,
 .open>.dropdown-toggle.btn-github {
   background-image: none;
 }
 
 .btn-github.disabled,
 .btn-github[disabled],
 fieldset[disabled] .btn-github,
 .btn-github.disabled:hover,
 .btn-github[disabled]:hover,
 fieldset[disabled] .btn-github:hover,
 .btn-github.disabled:focus,
 .btn-github[disabled]:focus,
 fieldset[disabled] .btn-github:focus,
 .btn-github.disabled.focus,
 .btn-github[disabled].focus,
 fieldset[disabled] .btn-github.focus,
 .btn-github.disabled:active,
 .btn-github[disabled]:active,
 fieldset[disabled] .btn-github:active,
 .btn-github.disabled.active,
 .btn-github[disabled].active,
 fieldset[disabled] .btn-github.active {
   background-color: #444444;
   border-color: rgba(0, 0, 0, 0.2);
 }
 
 .btn-github .badge {
   color: #444444;
   background-color: #fff;
 }
 
 .btn-google {
   color: #fff;
   background-color: #dd4b39;
   border-color: rgba(0, 0, 0, 0.2);
 }
 
 .btn-google:focus,
 .btn-google.focus {
   color: #fff;
   background-color: #c23321;
   border-color: rgba(0, 0, 0, 0.2);
 }
 
 .btn-google:hover {
   color: #fff;
   background-color: #c23321;
   border-color: rgba(0, 0, 0, 0.2);
 }
 
 .btn-google:active,
 .btn-google.active,
 .open>.dropdown-toggle.btn-google {
   color: #fff;
   background-color: #c23321;
   border-color: rgba(0, 0, 0, 0.2);
 }
 
 .btn-google:active:hover,
 .btn-google.active:hover,
 .open>.dropdown-toggle.btn-google:hover,
 .btn-google:active:focus,
 .btn-google.active:focus,
 .open>.dropdown-toggle.btn-google:focus,
 .btn-google:active.focus,
 .btn-google.active.focus,
 .open>.dropdown-toggle.btn-google.focus {
   color: #fff;
   background-color: #a32b1c;
   border-color: rgba(0, 0, 0, 0.2);
 }
 
 .btn-google:active,
 .btn-google.active,
 .open>.dropdown-toggle.btn-google {
   background-image: none;
 }
 
 .btn-google.disabled,
 .btn-google[disabled],
 fieldset[disabled] .btn-google,
 .btn-google.disabled:hover,
 .btn-google[disabled]:hover,
 fieldset[disabled] .btn-google:hover,
 .btn-google.disabled:focus,
 .btn-google[disabled]:focus,
 fieldset[disabled] .btn-google:focus,
 .btn-google.disabled.focus,
 .btn-google[disabled].focus,
 fieldset[disabled] .btn-google.focus,
 .btn-google.disabled:active,
 .btn-google[disabled]:active,
 fieldset[disabled] .btn-google:active,
 .btn-google.disabled.active,
 .btn-google[disabled].active,
 fieldset[disabled] .btn-google.active {
   background-color: #dd4b39;
   border-color: rgba(0, 0, 0, 0.2);
 }
 
 .btn-google .badge {
   color: #dd4b39;
   background-color: #fff;
 }
 
 .btn-instagram {
   color: #fff;
   background-color: #3f729b;
   border-color: rgba(0, 0, 0, 0.2);
 }
 
 .btn-instagram:focus,
 .btn-instagram.focus {
   color: #fff;
   background-color: #305777;
   border-color: rgba(0, 0, 0, 0.2);
 }
 
 .btn-instagram:hover {
   color: #fff;
   background-color: #305777;
   border-color: rgba(0, 0, 0, 0.2);
 }
 
 .btn-instagram:active,
 .btn-instagram.active,
 .open>.dropdown-toggle.btn-instagram {
   color: #fff;
   background-color: #305777;
   border-color: rgba(0, 0, 0, 0.2);
 }
 
 .btn-instagram:active:hover,
 .btn-instagram.active:hover,
 .open>.dropdown-toggle.btn-instagram:hover,
 .btn-instagram:active:focus,
 .btn-instagram.active:focus,
 .open>.dropdown-toggle.btn-instagram:focus,
 .btn-instagram:active.focus,
 .btn-instagram.active.focus,
 .open>.dropdown-toggle.btn-instagram.focus {
   color: #fff;
   background-color: #26455d;
   border-color: rgba(0, 0, 0, 0.2);
 }
 
 .btn-instagram:active,
 .btn-instagram.active,
 .open>.dropdown-toggle.btn-instagram {
   background-image: none;
 }
 
 .btn-instagram.disabled,
 .btn-instagram[disabled],
 fieldset[disabled] .btn-instagram,
 .btn-instagram.disabled:hover,
 .btn-instagram[disabled]:hover,
 fieldset[disabled] .btn-instagram:hover,
 .btn-instagram.disabled:focus,
 .btn-instagram[disabled]:focus,
 fieldset[disabled] .btn-instagram:focus,
 .btn-instagram.disabled.focus,
 .btn-instagram[disabled].focus,
 fieldset[disabled] .btn-instagram.focus,
 .btn-instagram.disabled:active,
 .btn-instagram[disabled]:active,
 fieldset[disabled] .btn-instagram:active,
 .btn-instagram.disabled.active,
 .btn-instagram[disabled].active,
 fieldset[disabled] .btn-instagram.active {
   background-color: #3f729b;
   border-color: rgba(0, 0, 0, 0.2);
 }
 
 .btn-instagram .badge {
   color: #3f729b;
   background-color: #fff;
 }
 
 .btn-linkedin {
   color: #fff;
   background-color: #007bb6;
   border-color: rgba(0, 0, 0, 0.2);
 }
 
 .btn-linkedin:focus,
 .btn-linkedin.focus {
   color: #fff;
   background-color: #005983;
   border-color: rgba(0, 0, 0, 0.2);
 }
 
 .btn-linkedin:hover {
   color: #fff;
   background-color: #005983;
   border-color: rgba(0, 0, 0, 0.2);
 }
 
 .btn-linkedin:active,
 .btn-linkedin.active,
 .open>.dropdown-toggle.btn-linkedin {
   color: #fff;
   background-color: #005983;
   border-color: rgba(0, 0, 0, 0.2);
 }
 
 .btn-linkedin:active:hover,
 .btn-linkedin.active:hover,
 .open>.dropdown-toggle.btn-linkedin:hover,
 .btn-linkedin:active:focus,
 .btn-linkedin.active:focus,
 .open>.dropdown-toggle.btn-linkedin:focus,
 .btn-linkedin:active.focus,
 .btn-linkedin.active.focus,
 .open>.dropdown-toggle.btn-linkedin.focus {
   color: #fff;
   background-color: #00405f;
   border-color: rgba(0, 0, 0, 0.2);
 }
 
 .btn-linkedin:active,
 .btn-linkedin.active,
 .open>.dropdown-toggle.btn-linkedin {
   background-image: none;
 }
 
 .btn-linkedin.disabled,
 .btn-linkedin[disabled],
 fieldset[disabled] .btn-linkedin,
 .btn-linkedin.disabled:hover,
 .btn-linkedin[disabled]:hover,
 fieldset[disabled] .btn-linkedin:hover,
 .btn-linkedin.disabled:focus,
 .btn-linkedin[disabled]:focus,
 fieldset[disabled] .btn-linkedin:focus,
 .btn-linkedin.disabled.focus,
 .btn-linkedin[disabled].focus,
 fieldset[disabled] .btn-linkedin.focus,
 .btn-linkedin.disabled:active,
 .btn-linkedin[disabled]:active,
 fieldset[disabled] .btn-linkedin:active,
 .btn-linkedin.disabled.active,
 .btn-linkedin[disabled].active,
 fieldset[disabled] .btn-linkedin.active {
   background-color: #007bb6;
   border-color: rgba(0, 0, 0, 0.2);
 }
 
 .btn-linkedin .badge {
   color: #007bb6;
   background-color: #fff;
 }
 
 .btn-microsoft {
   color: #fff;
   background-color: #2672ec;
   border-color: rgba(0, 0, 0, 0.2);
 }
 
 .btn-microsoft:focus,
 .btn-microsoft.focus {
   color: #fff;
   background-color: #125acd;
   border-color: rgba(0, 0, 0, 0.2);
 }
 
 .btn-microsoft:hover {
   color: #fff;
   background-color: #125acd;
   border-color: rgba(0, 0, 0, 0.2);
 }
 
 .btn-microsoft:active,
 .btn-microsoft.active,
 .open>.dropdown-toggle.btn-microsoft {
   color: #fff;
   background-color: #125acd;
   border-color: rgba(0, 0, 0, 0.2);
 }
 
 .btn-microsoft:active:hover,
 .btn-microsoft.active:hover,
 .open>.dropdown-toggle.btn-microsoft:hover,
 .btn-microsoft:active:focus,
 .btn-microsoft.active:focus,
 .open>.dropdown-toggle.btn-microsoft:focus,
 .btn-microsoft:active.focus,
 .btn-microsoft.active.focus,
 .open>.dropdown-toggle.btn-microsoft.focus {
   color: #fff;
   background-color: #0f4bac;
   border-color: rgba(0, 0, 0, 0.2);
 }
 
 .btn-microsoft:active,
 .btn-microsoft.active,
 .open>.dropdown-toggle.btn-microsoft {
   background-image: none;
 }
 
 .btn-microsoft.disabled,
 .btn-microsoft[disabled],
 fieldset[disabled] .btn-microsoft,
 .btn-microsoft.disabled:hover,
 .btn-microsoft[disabled]:hover,
 fieldset[disabled] .btn-microsoft:hover,
 .btn-microsoft.disabled:focus,
 .btn-microsoft[disabled]:focus,
 fieldset[disabled] .btn-microsoft:focus,
 .btn-microsoft.disabled.focus,
 .btn-microsoft[disabled].focus,
 fieldset[disabled] .btn-microsoft.focus,
 .btn-microsoft.disabled:active,
 .btn-microsoft[disabled]:active,
 fieldset[disabled] .btn-microsoft:active,
 .btn-microsoft.disabled.active,
 .btn-microsoft[disabled].active,
 fieldset[disabled] .btn-microsoft.active {
   background-color: #2672ec;
   border-color: rgba(0, 0, 0, 0.2);
 }
 
 .btn-microsoft .badge {
   color: #2672ec;
   background-color: #fff;
 }
 
 .btn-openid {
   color: #fff;
   background-color: #f7931e;
   border-color: rgba(0, 0, 0, 0.2);
 }
 
 .btn-openid:focus,
 .btn-openid.focus {
   color: #fff;
   background-color: #da7908;
   border-color: rgba(0, 0, 0, 0.2);
 }
 
 .btn-openid:hover {
   color: #fff;
   background-color: #da7908;
   border-color: rgba(0, 0, 0, 0.2);
 }
 
 .btn-openid:active,
 .btn-openid.active,
 .open>.dropdown-toggle.btn-openid {
   color: #fff;
   background-color: #da7908;
   border-color: rgba(0, 0, 0, 0.2);
 }
 
 .btn-openid:active:hover,
 .btn-openid.active:hover,
 .open>.dropdown-toggle.btn-openid:hover,
 .btn-openid:active:focus,
 .btn-openid.active:focus,
 .open>.dropdown-toggle.btn-openid:focus,
 .btn-openid:active.focus,
 .btn-openid.active.focus,
 .open>.dropdown-toggle.btn-openid.focus {
   color: #fff;
   background-color: #b86607;
   border-color: rgba(0, 0, 0, 0.2);
 }
 
 .btn-openid:active,
 .btn-openid.active,
 .open>.dropdown-toggle.btn-openid {
   background-image: none;
 }
 
 .btn-openid.disabled,
 .btn-openid[disabled],
 fieldset[disabled] .btn-openid,
 .btn-openid.disabled:hover,
 .btn-openid[disabled]:hover,
 fieldset[disabled] .btn-openid:hover,
 .btn-openid.disabled:focus,
 .btn-openid[disabled]:focus,
 fieldset[disabled] .btn-openid:focus,
 .btn-openid.disabled.focus,
 .btn-openid[disabled].focus,
 fieldset[disabled] .btn-openid.focus,
 .btn-openid.disabled:active,
 .btn-openid[disabled]:active,
 fieldset[disabled] .btn-openid:active,
 .btn-openid.disabled.active,
 .btn-openid[disabled].active,
 fieldset[disabled] .btn-openid.active {
   background-color: #f7931e;
   border-color: rgba(0, 0, 0, 0.2);
 }
 
 .btn-openid .badge {
   color: #f7931e;
   background-color: #fff;
 }
 
 .btn-pinterest {
   color: #fff;
   background-color: #cb2027;
   border-color: rgba(0, 0, 0, 0.2);
 }
 
 .btn-pinterest:focus,
 .btn-pinterest.focus {
   color: #fff;
   background-color: #9f191f;
   border-color: rgba(0, 0, 0, 0.2);
 }
 
 .btn-pinterest:hover {
   color: #fff;
   background-color: #9f191f;
   border-color: rgba(0, 0, 0, 0.2);
 }
 
 .btn-pinterest:active,
 .btn-pinterest.active,
 .open>.dropdown-toggle.btn-pinterest {
   color: #fff;
   background-color: #9f191f;
   border-color: rgba(0, 0, 0, 0.2);
 }
 
 .btn-pinterest:active:hover,
 .btn-pinterest.active:hover,
 .open>.dropdown-toggle.btn-pinterest:hover,
 .btn-pinterest:active:focus,
 .btn-pinterest.active:focus,
 .open>.dropdown-toggle.btn-pinterest:focus,
 .btn-pinterest:active.focus,
 .btn-pinterest.active.focus,
 .open>.dropdown-toggle.btn-pinterest.focus {
   color: #fff;
   background-color: #801419;
   border-color: rgba(0, 0, 0, 0.2);
 }
 
 .btn-pinterest:active,
 .btn-pinterest.active,
 .open>.dropdown-toggle.btn-pinterest {
   background-image: none;
 }
 
 .btn-pinterest.disabled,
 .btn-pinterest[disabled],
 fieldset[disabled] .btn-pinterest,
 .btn-pinterest.disabled:hover,
 .btn-pinterest[disabled]:hover,
 fieldset[disabled] .btn-pinterest:hover,
 .btn-pinterest.disabled:focus,
 .btn-pinterest[disabled]:focus,
 fieldset[disabled] .btn-pinterest:focus,
 .btn-pinterest.disabled.focus,
 .btn-pinterest[disabled].focus,
 fieldset[disabled] .btn-pinterest.focus,
 .btn-pinterest.disabled:active,
 .btn-pinterest[disabled]:active,
 fieldset[disabled] .btn-pinterest:active,
 .btn-pinterest.disabled.active,
 .btn-pinterest[disabled].active,
 fieldset[disabled] .btn-pinterest.active {
   background-color: #cb2027;
   border-color: rgba(0, 0, 0, 0.2);
 }
 
 .btn-pinterest .badge {
   color: #cb2027;
   background-color: #fff;
 }
 
 .btn-reddit {
   color: #000;
   background-color: #eff7ff;
   border-color: rgba(0, 0, 0, 0.2);
 }
 
 .btn-reddit:focus,
 .btn-reddit.focus {
   color: #000;
   background-color: #bcddff;
   border-color: rgba(0, 0, 0, 0.2);
 }
 
 .btn-reddit:hover {
   color: #000;
   background-color: #bcddff;
   border-color: rgba(0, 0, 0, 0.2);
 }
 
 .btn-reddit:active,
 .btn-reddit.active,
 .open>.dropdown-toggle.btn-reddit {
   color: #000;
   background-color: #bcddff;
   border-color: rgba(0, 0, 0, 0.2);
 }
 
 .btn-reddit:active:hover,
 .btn-reddit.active:hover,
 .open>.dropdown-toggle.btn-reddit:hover,
 .btn-reddit:active:focus,
 .btn-reddit.active:focus,
 .open>.dropdown-toggle.btn-reddit:focus,
 .btn-reddit:active.focus,
 .btn-reddit.active.focus,
 .open>.dropdown-toggle.btn-reddit.focus {
   color: #000;
   background-color: #98ccff;
   border-color: rgba(0, 0, 0, 0.2);
 }
 
 .btn-reddit:active,
 .btn-reddit.active,
 .open>.dropdown-toggle.btn-reddit {
   background-image: none;
 }
 
 .btn-reddit.disabled,
 .btn-reddit[disabled],
 fieldset[disabled] .btn-reddit,
 .btn-reddit.disabled:hover,
 .btn-reddit[disabled]:hover,
 fieldset[disabled] .btn-reddit:hover,
 .btn-reddit.disabled:focus,
 .btn-reddit[disabled]:focus,
 fieldset[disabled] .btn-reddit:focus,
 .btn-reddit.disabled.focus,
 .btn-reddit[disabled].focus,
 fieldset[disabled] .btn-reddit.focus,
 .btn-reddit.disabled:active,
 .btn-reddit[disabled]:active,
 fieldset[disabled] .btn-reddit:active,
 .btn-reddit.disabled.active,
 .btn-reddit[disabled].active,
 fieldset[disabled] .btn-reddit.active {
   background-color: #eff7ff;
   border-color: rgba(0, 0, 0, 0.2);
 }
 
 .btn-reddit .badge {
   color: #eff7ff;
   background-color: #000;
 }
 
 .btn-soundcloud {
   color: #fff;
   background-color: #ff5500;
   border-color: rgba(0, 0, 0, 0.2);
 }
 
 .btn-soundcloud:focus,
 .btn-soundcloud.focus {
   color: #fff;
   background-color: #cc4400;
   border-color: rgba(0, 0, 0, 0.2);
 }
 
 .btn-soundcloud:hover {
   color: #fff;
   background-color: #cc4400;
   border-color: rgba(0, 0, 0, 0.2);
 }
 
 .btn-soundcloud:active,
 .btn-soundcloud.active,
 .open>.dropdown-toggle.btn-soundcloud {
   color: #fff;
   background-color: #cc4400;
   border-color: rgba(0, 0, 0, 0.2);
 }
 
 .btn-soundcloud:active:hover,
 .btn-soundcloud.active:hover,
 .open>.dropdown-toggle.btn-soundcloud:hover,
 .btn-soundcloud:active:focus,
 .btn-soundcloud.active:focus,
 .open>.dropdown-toggle.btn-soundcloud:focus,
 .btn-soundcloud:active.focus,
 .btn-soundcloud.active.focus,
 .open>.dropdown-toggle.btn-soundcloud.focus {
   color: #fff;
   background-color: #a83800;
   border-color: rgba(0, 0, 0, 0.2);
 }
 
 .btn-soundcloud:active,
 .btn-soundcloud.active,
 .open>.dropdown-toggle.btn-soundcloud {
   background-image: none;
 }
 
 .btn-soundcloud.disabled,
 .btn-soundcloud[disabled],
 fieldset[disabled] .btn-soundcloud,
 .btn-soundcloud.disabled:hover,
 .btn-soundcloud[disabled]:hover,
 fieldset[disabled] .btn-soundcloud:hover,
 .btn-soundcloud.disabled:focus,
 .btn-soundcloud[disabled]:focus,
 fieldset[disabled] .btn-soundcloud:focus,
 .btn-soundcloud.disabled.focus,
 .btn-soundcloud[disabled].focus,
 fieldset[disabled] .btn-soundcloud.focus,
 .btn-soundcloud.disabled:active,
 .btn-soundcloud[disabled]:active,
 fieldset[disabled] .btn-soundcloud:active,
 .btn-soundcloud.disabled.active,
 .btn-soundcloud[disabled].active,
 fieldset[disabled] .btn-soundcloud.active {
   background-color: #ff5500;
   border-color: rgba(0, 0, 0, 0.2);
 }
 
 .btn-soundcloud .badge {
   color: #ff5500;
   background-color: #fff;
 }
 
 .btn-tumblr {
   color: #fff;
   background-color: #2c4762;
   border-color: rgba(0, 0, 0, 0.2);
 }
 
 .btn-tumblr:focus,
 .btn-tumblr.focus {
   color: #fff;
   background-color: #1c2d3f;
   border-color: rgba(0, 0, 0, 0.2);
 }
 
 .btn-tumblr:hover {
   color: #fff;
   background-color: #1c2d3f;
   border-color: rgba(0, 0, 0, 0.2);
 }
 
 .btn-tumblr:active,
 .btn-tumblr.active,
 .open>.dropdown-toggle.btn-tumblr {
   color: #fff;
   background-color: #1c2d3f;
   border-color: rgba(0, 0, 0, 0.2);
 }
 
 .btn-tumblr:active:hover,
 .btn-tumblr.active:hover,
 .open>.dropdown-toggle.btn-tumblr:hover,
 .btn-tumblr:active:focus,
 .btn-tumblr.active:focus,
 .open>.dropdown-toggle.btn-tumblr:focus,
 .btn-tumblr:active.focus,
 .btn-tumblr.active.focus,
 .open>.dropdown-toggle.btn-tumblr.focus {
   color: #fff;
   background-color: #111c26;
   border-color: rgba(0, 0, 0, 0.2);
 }
 
 .btn-tumblr:active,
 .btn-tumblr.active,
 .open>.dropdown-toggle.btn-tumblr {
   background-image: none;
 }
 
 .btn-tumblr.disabled,
 .btn-tumblr[disabled],
 fieldset[disabled] .btn-tumblr,
 .btn-tumblr.disabled:hover,
 .btn-tumblr[disabled]:hover,
 fieldset[disabled] .btn-tumblr:hover,
 .btn-tumblr.disabled:focus,
 .btn-tumblr[disabled]:focus,
 fieldset[disabled] .btn-tumblr:focus,
 .btn-tumblr.disabled.focus,
 .btn-tumblr[disabled].focus,
 fieldset[disabled] .btn-tumblr.focus,
 .btn-tumblr.disabled:active,
 .btn-tumblr[disabled]:active,
 fieldset[disabled] .btn-tumblr:active,
 .btn-tumblr.disabled.active,
 .btn-tumblr[disabled].active,
 fieldset[disabled] .btn-tumblr.active {
   background-color: #2c4762;
   border-color: rgba(0, 0, 0, 0.2);
 }
 
 .btn-tumblr .badge {
   color: #2c4762;
   background-color: #fff;
 }
 
 .btn-twitter {
   color: #fff;
   background-color: #55acee;
   border-color: rgba(0, 0, 0, 0.2);
 }
 
 .btn-twitter:focus,
 .btn-twitter.focus {
   color: #fff;
   background-color: #2795e9;
   border-color: rgba(0, 0, 0, 0.2);
 }
 
 .btn-twitter:hover {
   color: #fff;
   background-color: #2795e9;
   border-color: rgba(0, 0, 0, 0.2);
 }
 
 .btn-twitter:active,
 .btn-twitter.active,
 .open>.dropdown-toggle.btn-twitter {
   color: #fff;
   background-color: #2795e9;
   border-color: rgba(0, 0, 0, 0.2);
 }
 
 .btn-twitter:active:hover,
 .btn-twitter.active:hover,
 .open>.dropdown-toggle.btn-twitter:hover,
 .btn-twitter:active:focus,
 .btn-twitter.active:focus,
 .open>.dropdown-toggle.btn-twitter:focus,
 .btn-twitter:active.focus,
 .btn-twitter.active.focus,
 .open>.dropdown-toggle.btn-twitter.focus {
   color: #fff;
   background-color: #1583d7;
   border-color: rgba(0, 0, 0, 0.2);
 }
 
 .btn-twitter:active,
 .btn-twitter.active,
 .open>.dropdown-toggle.btn-twitter {
   background-image: none;
 }
 
 .btn-twitter.disabled,
 .btn-twitter[disabled],
 fieldset[disabled] .btn-twitter,
 .btn-twitter.disabled:hover,
 .btn-twitter[disabled]:hover,
 fieldset[disabled] .btn-twitter:hover,
 .btn-twitter.disabled:focus,
 .btn-twitter[disabled]:focus,
 fieldset[disabled] .btn-twitter:focus,
 .btn-twitter.disabled.focus,
 .btn-twitter[disabled].focus,
 fieldset[disabled] .btn-twitter.focus,
 .btn-twitter.disabled:active,
 .btn-twitter[disabled]:active,
 fieldset[disabled] .btn-twitter:active,
 .btn-twitter.disabled.active,
 .btn-twitter[disabled].active,
 fieldset[disabled] .btn-twitter.active {
   background-color: #55acee;
   border-color: rgba(0, 0, 0, 0.2);
 }
 
 .btn-twitter .badge {
   color: #55acee;
   background-color: #fff;
 }
 
 .btn-vimeo {
   color: #fff;
   background-color: #1ab7ea;
   border-color: rgba(0, 0, 0, 0.2);
 }
 
 .btn-vimeo:focus,
 .btn-vimeo.focus {
   color: #fff;
   background-color: #1295bf;
   border-color: rgba(0, 0, 0, 0.2);
 }
 
 .btn-vimeo:hover {
   color: #fff;
   background-color: #1295bf;
   border-color: rgba(0, 0, 0, 0.2);
 }
 
 .btn-vimeo:active,
 .btn-vimeo.active,
 .open>.dropdown-toggle.btn-vimeo {
   color: #fff;
   background-color: #1295bf;
   border-color: rgba(0, 0, 0, 0.2);
 }
 
 .btn-vimeo:active:hover,
 .btn-vimeo.active:hover,
 .open>.dropdown-toggle.btn-vimeo:hover,
 .btn-vimeo:active:focus,
 .btn-vimeo.active:focus,
 .open>.dropdown-toggle.btn-vimeo:focus,
 .btn-vimeo:active.focus,
 .btn-vimeo.active.focus,
 .open>.dropdown-toggle.btn-vimeo.focus {
   color: #fff;
   background-color: #0f7b9f;
   border-color: rgba(0, 0, 0, 0.2);
 }
 
 .btn-vimeo:active,
 .btn-vimeo.active,
 .open>.dropdown-toggle.btn-vimeo {
   background-image: none;
 }
 
 .btn-vimeo.disabled,
 .btn-vimeo[disabled],
 fieldset[disabled] .btn-vimeo,
 .btn-vimeo.disabled:hover,
 .btn-vimeo[disabled]:hover,
 fieldset[disabled] .btn-vimeo:hover,
 .btn-vimeo.disabled:focus,
 .btn-vimeo[disabled]:focus,
 fieldset[disabled] .btn-vimeo:focus,
 .btn-vimeo.disabled.focus,
 .btn-vimeo[disabled].focus,
 fieldset[disabled] .btn-vimeo.focus,
 .btn-vimeo.disabled:active,
 .btn-vimeo[disabled]:active,
 fieldset[disabled] .btn-vimeo:active,
 .btn-vimeo.disabled.active,
 .btn-vimeo[disabled].active,
 fieldset[disabled] .btn-vimeo.active {
   background-color: #1ab7ea;
   border-color: rgba(0, 0, 0, 0.2);
 }
 
 .btn-vimeo .badge {
   color: #1ab7ea;
   background-color: #fff;
 }
 
 .btn-vk {
   color: #fff;
   background-color: #587ea3;
   border-color: rgba(0, 0, 0, 0.2);
 }
 
 .btn-vk:focus,
 .btn-vk.focus {
   color: #fff;
   background-color: #466482;
   border-color: rgba(0, 0, 0, 0.2);
 }
 
 .btn-vk:hover {
   color: #fff;
   background-color: #466482;
   border-color: rgba(0, 0, 0, 0.2);
 }
 
 .btn-vk:active,
 .btn-vk.active,
 .open>.dropdown-toggle.btn-vk {
   color: #fff;
   background-color: #466482;
   border-color: rgba(0, 0, 0, 0.2);
 }
 
 .btn-vk:active:hover,
 .btn-vk.active:hover,
 .open>.dropdown-toggle.btn-vk:hover,
 .btn-vk:active:focus,
 .btn-vk.active:focus,
 .open>.dropdown-toggle.btn-vk:focus,
 .btn-vk:active.focus,
 .btn-vk.active.focus,
 .open>.dropdown-toggle.btn-vk.focus {
   color: #fff;
   background-color: #3a526b;
   border-color: rgba(0, 0, 0, 0.2);
 }
 
 .btn-vk:active,
 .btn-vk.active,
 .open>.dropdown-toggle.btn-vk {
   background-image: none;
 }
 
 .btn-vk.disabled,
 .btn-vk[disabled],
 fieldset[disabled] .btn-vk,
 .btn-vk.disabled:hover,
 .btn-vk[disabled]:hover,
 fieldset[disabled] .btn-vk:hover,
 .btn-vk.disabled:focus,
 .btn-vk[disabled]:focus,
 fieldset[disabled] .btn-vk:focus,
 .btn-vk.disabled.focus,
 .btn-vk[disabled].focus,
 fieldset[disabled] .btn-vk.focus,
 .btn-vk.disabled:active,
 .btn-vk[disabled]:active,
 fieldset[disabled] .btn-vk:active,
 .btn-vk.disabled.active,
 .btn-vk[disabled].active,
 fieldset[disabled] .btn-vk.active {
   background-color: #587ea3;
   border-color: rgba(0, 0, 0, 0.2);
 }
 
 .btn-vk .badge {
   color: #587ea3;
   background-color: #fff;
 }
 
 .btn-yahoo {
   color: #fff;
   background-color: #720e9e;
   border-color: rgba(0, 0, 0, 0.2);
 }
 
 .btn-yahoo:focus,
 .btn-yahoo.focus {
   color: #fff;
   background-color: #500a6f;
   border-color: rgba(0, 0, 0, 0.2);
 }
 
 .btn-yahoo:hover {
   color: #fff;
   background-color: #500a6f;
   border-color: rgba(0, 0, 0, 0.2);
 }
 
 .btn-yahoo:active,
 .btn-yahoo.active,
 .open>.dropdown-toggle.btn-yahoo {
   color: #fff;
   background-color: #500a6f;
   border-color: rgba(0, 0, 0, 0.2);
 }
 
 .btn-yahoo:active:hover,
 .btn-yahoo.active:hover,
 .open>.dropdown-toggle.btn-yahoo:hover,
 .btn-yahoo:active:focus,
 .btn-yahoo.active:focus,
 .open>.dropdown-toggle.btn-yahoo:focus,
 .btn-yahoo:active.focus,
 .btn-yahoo.active.focus,
 .open>.dropdown-toggle.btn-yahoo.focus {
   color: #fff;
   background-color: #39074e;
   border-color: rgba(0, 0, 0, 0.2);
 }
 
 .btn-yahoo:active,
 .btn-yahoo.active,
 .open>.dropdown-toggle.btn-yahoo {
   background-image: none;
 }
 
 .btn-yahoo.disabled,
 .btn-yahoo[disabled],
 fieldset[disabled] .btn-yahoo,
 .btn-yahoo.disabled:hover,
 .btn-yahoo[disabled]:hover,
 fieldset[disabled] .btn-yahoo:hover,
 .btn-yahoo.disabled:focus,
 .btn-yahoo[disabled]:focus,
 fieldset[disabled] .btn-yahoo:focus,
 .btn-yahoo.disabled.focus,
 .btn-yahoo[disabled].focus,
 fieldset[disabled] .btn-yahoo.focus,
 .btn-yahoo.disabled:active,
 .btn-yahoo[disabled]:active,
 fieldset[disabled] .btn-yahoo:active,
 .btn-yahoo.disabled.active,
 .btn-yahoo[disabled].active,
 fieldset[disabled] .btn-yahoo.active {
   background-color: #720e9e;
   border-color: rgba(0, 0, 0, 0.2);
 }
 
 .btn-yahoo .badge {
   color: #720e9e;
   background-color: #fff;
 }
 
 /*
   * Plugin: Full Calendar
   * ---------------------
   */
 .fc-button {
   background: #f4f4f4;
   background-image: none;
   color: #444;
   border-color: #ddd;
   border-bottom-color: #ddd;
 }
 
 .fc-button:hover,
 .fc-button:active,
 .fc-button.hover {
   background-color: #e9e9e9;
 }
 
 .fc-header-title h2 {
   font-size: 15px;
   line-height: 1.6em;
   color: #666;
   margin-left: 10px;
 }
 
 .fc-header-right {
   padding-right: 10px;
 }
 
 .fc-header-left {
   padding-left: 10px;
 }
 
 .fc-widget-header {
   background: #fafafa;
 }
 
 .fc-grid {
   width: 100%;
   border: 0;
 }
 
 .fc-widget-header:first-of-type,
 .fc-widget-content:first-of-type {
   border-left: 0;
   border-right: 0;
 }
 
 .fc-widget-header:last-of-type,
 .fc-widget-content:last-of-type {
   border-right: 0;
 }
 
 .fc-toolbar {
   padding: 10px;
   margin: 0;
 }
 
 .fc-day-number {
   font-size: 20px;
   font-weight: 300;
   padding-right: 10px;
 }
 
 .fc-color-picker {
   list-style: none;
   margin: 0;
   padding: 0;
 }
 
 .fc-color-picker>li {
   float: left;
   font-size: 30px;
   margin-right: 5px;
   line-height: 30px;
 }
 
 .fc-color-picker>li .fa {
   -webkit-transition: -webkit-transform linear 0.3s;
   -moz-transition: -moz-transform linear 0.3s;
   -o-transition: -o-transform linear 0.3s;
   transition: transform linear 0.3s;
 }
 
 .fc-color-picker>li .fa:hover {
   -webkit-transform: rotate(30deg);
   -ms-transform: rotate(30deg);
   -o-transform: rotate(30deg);
   transform: rotate(30deg);
 }
 
 #add-new-event {
   -webkit-transition: all linear 0.3s;
   -o-transition: all linear 0.3s;
   transition: all linear 0.3s;
 }
 
 .external-event {
   padding: 5px 10px;
   font-weight: bold;
   margin-bottom: 4px;
   box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
   text-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
   border-radius: 3px;
   cursor: move;
 }
 
 .external-event:hover {
   box-shadow: inset 0 0 90px rgba(0, 0, 0, 0.2);
 }
 
 /*
   * Plugin: Select2
   * ---------------
   */
 .select2-container--default.select2-container--focus,
 .select2-selection.select2-container--focus,
 .select2-container--default:focus,
 .select2-selection:focus,
 .select2-container--default:active,
 .select2-selection:active {
   outline: none;
 }
 
 .select2-container--default .select2-selection--single,
 .select2-selection .select2-selection--single {
   border: 1px solid #d2d6de;
   border-radius: 0;
   padding: 6px 12px;
   height: 34px;
 }
 
 .select2-container--default.select2-container--open {
   border-color: #3c8dbc;
 }
 
 .select2-dropdown {
   border: 1px solid #d2d6de;
   border-radius: 0;
 }
 
 .select2-container--default .select2-results__option--highlighted[aria-selected] {
   background-color: #3c8dbc;
   color: white;
 }
 
 .select2-results__option {
   padding: 6px 12px;
   user-select: none;
   -webkit-user-select: none;
 }
 
 .select2-container .select2-selection--single .select2-selection__rendered {
   padding-left: 0;
   padding-right: 0;
   height: auto;
   margin-top: -4px;
 }
 
 .select2-container[dir="rtl"] .select2-selection--single .select2-selection__rendered {
   padding-right: 6px;
   padding-left: 20px;
 }
 
 .select2-container--default .select2-selection--single .select2-selection__arrow {
   height: 28px;
   right: 3px;
 }
 
 .select2-container--default .select2-selection--single .select2-selection__arrow b {
   margin-top: 0;
 }
 
 .select2-dropdown .select2-search__field,
 .select2-search--inline .select2-search__field {
   border: 1px solid #d2d6de;
 }
 
 .select2-dropdown .select2-search__field:focus,
 .select2-search--inline .select2-search__field:focus {
   outline: none;
   border: 1px solid #3c8dbc;
 }
 
 .select2-container--default .select2-results__option[aria-disabled="true"] {
   color: #999;
 }
 
 .select2-container--default .select2-results__option[aria-selected="true"] {
   background-color: #ddd;
 }
 
 .select2-container--default .select2-results__option[aria-selected="true"],
 .select2-container--default .select2-results__option[aria-selected="true"]:hover {
   color: #444;
 }
 
 .select2-container--default .select2-selection--multiple {
   border: 1px solid #d2d6de;
   border-radius: 0;
 }
 
 .select2-container--default .select2-selection--multiple:focus {
   border-color: #3c8dbc;
 }
 
 .select2-container--default.select2-container--focus .select2-selection--multiple {
   border-color: #d2d6de;
 }
 
 .select2-container--default .select2-selection--multiple .select2-selection__choice {
   background-color: #3c8dbc;
   border-color: #367fa9;
   padding: 1px 10px;
   color: #fff;
 }
 
 .select2-container--default .select2-selection--multiple .select2-selection__choice__remove {
   margin-right: 5px;
   color: rgba(255, 255, 255, 0.7);
 }
 
 .select2-container--default .select2-selection--multiple .select2-selection__choice__remove:hover {
   color: #fff;
 }
 
 .select2-container .select2-selection--single .select2-selection__rendered {
   padding-right: 10px;
 }
 
 /*
   * Component: Carousel
   * -------------------
   */
 .carousel-control.left,
 .carousel-control.right {
   background-image: none;
 }
 
 .carousel-control>.fa {
   font-size: 40px;
   position: absolute;
   top: 50%;
   z-index: 5;
   display: inline-block;
   margin-top: -20px;
 }
 
 /*
   * Component: Direct Chat
   * ----------------------
   */
 .direct-chat .box-body {
   border-bottom-right-radius: 0;
   border-bottom-left-radius: 0;
   position: relative;
   overflow-x: hidden;
   padding: 0;
 }
 
 .direct-chat.chat-pane-open .direct-chat-contacts {
   -webkit-transform: translate(0, 0);
   -ms-transform: translate(0, 0);
   -o-transform: translate(0, 0);
   transform: translate(0, 0);
 }
 
 .direct-chat-messages {
   -webkit-transform: translate(0, 0);
   -ms-transform: translate(0, 0);
   -o-transform: translate(0, 0);
   transform: translate(0, 0);
   padding: 10px;
   height: 250px;
   overflow: auto;
 }
 
 .direct-chat-msg,
 .direct-chat-text {
   display: block;
 }
 
 .direct-chat-msg {
   margin-bottom: 10px;
 }
 
 .direct-chat-msg:before,
 .direct-chat-msg:after {
   content: " ";
   display: table;
 }
 
 .direct-chat-msg:after {
   clear: both;
 }
 
 .direct-chat-messages,
 .direct-chat-contacts {
   -webkit-transition: -webkit-transform 0.5s ease-in-out;
   -moz-transition: -moz-transform 0.5s ease-in-out;
   -o-transition: -o-transform 0.5s ease-in-out;
   transition: transform 0.5s ease-in-out;
 }
 
 .direct-chat-text {
   border-radius: 5px;
   position: relative;
   padding: 5px 10px;
   background: #d2d6de;
   border: 1px solid #d2d6de;
   margin: 5px 0 0 50px;
   color: #444;
 }
 
 .direct-chat-text:after,
 .direct-chat-text:before {
   position: absolute;
   right: 100%;
   top: 15px;
   border: solid transparent;
   border-right-color: #d2d6de;
   content: " ";
   height: 0;
   width: 0;
   pointer-events: none;
 }
 
 .direct-chat-text:after {
   border-width: 5px;
   margin-top: -5px;
 }
 
 .direct-chat-text:before {
   border-width: 6px;
   margin-top: -6px;
 }
 
 .right .direct-chat-text {
   margin-right: 50px;
   margin-left: 0;
 }
 
 .right .direct-chat-text:after,
 .right .direct-chat-text:before {
   right: auto;
   left: 100%;
   border-right-color: transparent;
   border-left-color: #d2d6de;
 }
 
 .direct-chat-img {
   border-radius: 50%;
   float: left;
   width: 40px;
   height: 40px;
 }
 
 .right .direct-chat-img {
   float: right;
 }
 
 .direct-chat-info {
   display: block;
   margin-bottom: 2px;
   font-size: 12px;
 }
 
 .direct-chat-name {
   font-weight: 600;
 }
 
 .direct-chat-timestamp {
   color: #999;
 }
 
 .direct-chat-contacts-open .direct-chat-contacts {
   -webkit-transform: translate(0, 0);
   -ms-transform: translate(0, 0);
   -o-transform: translate(0, 0);
   transform: translate(0, 0);
 }
 
 .direct-chat-contacts {
   -webkit-transform: translate(101%, 0);
   -ms-transform: translate(101%, 0);
   -o-transform: translate(101%, 0);
   transform: translate(101%, 0);
   position: absolute;
   top: 0;
   bottom: 0;
   height: 250px;
   width: 100%;
   background: #222d32;
   color: #fff;
   overflow: auto;
 }
 
 .contacts-list>li {
   border-bottom: 1px solid rgba(0, 0, 0, 0.2);
   padding: 10px;
   margin: 0;
 }
 
 .contacts-list>li:before,
 .contacts-list>li:after {
   content: " ";
   display: table;
 }
 
 .contacts-list>li:after {
   clear: both;
 }
 
 .contacts-list>li:last-of-type {
   border-bottom: none;
 }
 
 .contacts-list-img {
   border-radius: 50%;
   width: 40px;
   float: left;
 }
 
 .contacts-list-info {
   margin-left: 45px;
   color: #fff;
 }
 
 .contacts-list-name,
 .contacts-list-status {
   display: block;
 }
 
 .contacts-list-name {
   font-weight: 600;
 }
 
 .contacts-list-status {
   font-size: 12px;
 }
 
 .contacts-list-date {
   color: #aaa;
   font-weight: normal;
 }
 
 .contacts-list-msg {
   color: #999;
 }
 
 .direct-chat-danger .right>.direct-chat-text {
   background: #dd4b39;
   border-color: #dd4b39;
   color: #fff;
 }
 
 .direct-chat-danger .right>.direct-chat-text:after,
 .direct-chat-danger .right>.direct-chat-text:before {
   border-left-color: #dd4b39;
 }
 
 .direct-chat-primary .right>.direct-chat-text {
   background: #3c8dbc;
   border-color: #3c8dbc;
   color: #fff;
 }
 
 .direct-chat-primary .right>.direct-chat-text:after,
 .direct-chat-primary .right>.direct-chat-text:before {
   border-left-color: #3c8dbc;
 }
 
 .direct-chat-warning .right>.direct-chat-text {
   background: #f39c12;
   border-color: #f39c12;
   color: #fff;
 }
 
 .direct-chat-warning .right>.direct-chat-text:after,
 .direct-chat-warning .right>.direct-chat-text:before {
   border-left-color: #f39c12;
 }
 
 .direct-chat-info .right>.direct-chat-text {
   background: #00c0ef;
   border-color: #00c0ef;
   color: #fff;
 }
 
 .direct-chat-info .right>.direct-chat-text:after,
 .direct-chat-info .right>.direct-chat-text:before {
   border-left-color: #00c0ef;
 }
 
 .direct-chat-success .right>.direct-chat-text {
   background: #00a65a;
   border-color: #00a65a;
   color: #fff;
 }
 
 .direct-chat-success .right>.direct-chat-text:after,
 .direct-chat-success .right>.direct-chat-text:before {
   border-left-color: #00a65a;
 }
 
 /*
   * Component: Products List
   * ------------------------
   */
 .products-list {
   list-style: none;
   margin: 0;
   padding: 0;
 }
 
 .products-list>.item {
   border-radius: 3px;
   -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
   -moz-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
   box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
   padding: 10px 0;
   background: #fff;
 }
 
 .products-list>.item:before,
 .products-list>.item:after {
   content: " ";
   display: table;
 }
 
 .products-list>.item:after {
   clear: both;
 }
 
 .products-list .product-img {
   float: left;
 }
 
 .products-list .product-img img {
   width: 50px;
   height: 50px;
 }
 
 .products-list .product-info {
   margin-left: 60px;
 }
 
 .products-list .product-title {
   font-weight: 600;
 }
 
 .products-list .product-description {
   display: block;
   color: #999;
   overflow: hidden;
   white-space: nowrap;
   text-overflow: ellipsis;
 }
 
 .product-list-in-box>.item {
   -webkit-box-shadow: none;
   -moz-box-shadow: none;
   box-shadow: none;
   border-radius: 0;
   border-bottom: 1px solid #f4f4f4;
 }
 
 .product-list-in-box>.item:last-of-type {
   border-bottom-width: 0;
 }
 
 /*
   * Component: Users List
   * ---------------------
   */
 .users-list>li {
   width: 25%;
   float: left;
   padding: 10px;
   text-align: center;
 }
 
 .users-list>li img {
   border-radius: 50%;
   max-width: 100%;
   height: auto;
 }
 
 .users-list>li>a:hover,
 .users-list>li>a:hover .users-list-name {
   color: #999;
 }
 
 .users-list-name,
 .users-list-date {
   display: block;
 }
 
 .users-list-name {
   font-weight: 600;
   color: #444;
   overflow: hidden;
   white-space: nowrap;
   text-overflow: ellipsis;
 }
 
 .users-list-date {
   color: #999;
   font-size: 12px;
 }
 
 /*
   * General: Miscellaneous
   * ----------------------
   */
 .pad {
   padding: 10px;
 }
 
 .margin {
   margin: 10px;
 }
 
 .margin-bottom {
   margin-bottom: 20px;
 }
 
 .margin-bottom-none {
   margin-bottom: 0;
 }
 
 .margin-r-5 {
   margin-right: 5px;
 }
 
 .inline {
   display: inline;
 }
 
 .description-block {
   display: block;
   margin: 10px 0;
   text-align: center;
 }
 
 .description-block.margin-bottom {
   margin-bottom: 25px;
 }
 
 .description-block>.description-header {
   margin: 0;
   padding: 0;
   font-weight: 600;
   font-size: 16px;
 }
 
 .description-block>.description-text {
   text-transform: uppercase;
 }
 
 .bg-red,
 .bg-yellow,
 .bg-aqua,
 .bg-blue,
 .bg-light-blue,
 .bg-green,
 .bg-navy,
 .bg-teal,
 .bg-olive,
 .bg-lime,
 .bg-orange,
 .bg-fuchsia,
 .bg-purple,
 .bg-maroon,
 .bg-black,
 .bg-red-active,
 .bg-yellow-active,
 .bg-aqua-active,
 .bg-blue-active,
 .bg-light-blue-active,
 .bg-green-active,
 .bg-navy-active,
 .bg-teal-active,
 .bg-olive-active,
 .bg-lime-active,
 .bg-orange-active,
 .bg-fuchsia-active,
 .bg-purple-active,
 .bg-maroon-active,
 .bg-black-active,
 .callout.callout-danger,
 .callout.callout-warning,
 .callout.callout-info,
 .callout.callout-success,
 .alert-success,
 .alert-danger,
 .alert-error,
 .alert-warning,
 .alert-info,
 .label-danger,
 .label-info,
 .label-warning,
 .label-primary,
 .label-success,
 .modal-primary .modal-body,
 .modal-primary .modal-header,
 .modal-primary .modal-footer,
 .modal-warning .modal-body,
 .modal-warning .modal-header,
 .modal-warning .modal-footer,
 .modal-info .modal-body,
 .modal-info .modal-header,
 .modal-info .modal-footer,
 .modal-success .modal-body,
 .modal-success .modal-header,
 .modal-success .modal-footer,
 .modal-danger .modal-body,
 .modal-danger .modal-header,
 .modal-danger .modal-footer {
   color: #fff !important;
 }
 
 .bg-gray {
   color: #000;
   background-color: #d2d6de !important;
 }
 
 .bg-gray-light {
   background-color: #f7f7f7;
 }
 
 .bg-black {
   background-color: #111 !important;
 }
 
 .bg-red,
 .callout.callout-danger,
 .alert-danger,
 .alert-error,
 .label-danger,
 .modal-danger .modal-body {
   background-color: #dd4b39 !important;
 }
 
 .bg-yellow,
 .callout.callout-warning,
 .alert-warning,
 .label-warning,
 .modal-warning .modal-body {
   background-color: #f39c12 !important;
 }
 
 .bg-aqua,
 .callout.callout-info,
 .alert-info,
 .label-info,
 .modal-info .modal-body {
   background-color: #00c0ef !important;
 }
 
 .bg-blue {
   background-color: #0073b7 !important;
 }
 
 .bg-light-blue,
 .label-primary,
 .modal-primary .modal-body {
   background-color: #3c8dbc !important;
 }
 
 .bg-green,
 .callout.callout-success,
 .alert-success,
 .label-success,
 .modal-success .modal-body {
   background-color: #00a65a !important;
 }
 
 .bg-navy {
   background-color: #001f3f !important;
 }
 
 .bg-teal {
   background-color: #39cccc !important;
 }
 
 .bg-olive {
   background-color: #3d9970 !important;
 }
 
 .bg-lime {
   background-color: #01ff70 !important;
 }
 
 .bg-orange {
   background-color: #ff851b !important;
 }
 
 .bg-fuchsia {
   background-color: #f012be !important;
 }
 
 .bg-purple {
   background-color: #605ca8 !important;
 }
 
 .bg-maroon {
   background-color: #d81b60 !important;
 }
 
 .bg-gray-active {
   color: #000;
   background-color: #b5bbc8 !important;
 }
 
 .bg-black-active {
   background-color: #000000 !important;
 }
 
 .bg-red-active,
 .modal-danger .modal-header,
 .modal-danger .modal-footer {
   background-color: #d33724 !important;
 }
 
 .bg-yellow-active,
 .modal-warning .modal-header,
 .modal-warning .modal-footer {
   background-color: #db8b0b !important;
 }
 
 .bg-aqua-active,
 .modal-info .modal-header,
 .modal-info .modal-footer {
   background-color: #00a7d0 !important;
 }
 
 .bg-blue-active {
   background-color: #005384 !important;
 }
 
 .bg-light-blue-active,
 .modal-primary .modal-header,
 .modal-primary .modal-footer {
   background-color: #357ca5 !important;
 }
 
 .bg-green-active,
 .modal-success .modal-header,
 .modal-success .modal-footer {
   background-color: #008d4c !important;
 }
 
 .bg-navy-active {
   background-color: #001a35 !important;
 }
 
 .bg-teal-active {
   background-color: #30bbbb !important;
 }
 
 .bg-olive-active {
   background-color: #368763 !important;
 }
 
 .bg-lime-active {
   background-color: #00e765 !important;
 }
 
 .bg-orange-active {
   background-color: #ff7701 !important;
 }
 
 .bg-fuchsia-active {
   background-color: #db0ead !important;
 }
 
 .bg-purple-active {
   background-color: #555299 !important;
 }
 
 .bg-maroon-active {
   background-color: #ca195a !important;
 }
 
 [class^="bg-"].disabled {
   -moz-opacity: 0.65;
   -khtml-opacity: 0.65;
   -webkit-opacity: 0.65;
   opacity: 0.65;
   -ms-filter: progid:DXImageTransform.Microsoft.Alpha(opacity=65);
   filter: alpha(opacity=65);
 }
 
 .text-red {
   color: #dd4b39 !important;
 }
 
 .text-yellow {
   color: #f39c12 !important;
 }
 
 .text-aqua {
   color: #00c0ef !important;
 }
 
 .text-blue {
   color: #0073b7 !important;
 }
 
 .text-black {
   color: #111 !important;
 }
 
 .text-light-blue {
   color: #3c8dbc !important;
 }
 
 .text-green {
   color: #00a65a !important;
 }
 
 .text-gray {
   color: #d2d6de !important;
 }
 
 .text-navy {
   color: #001f3f !important;
 }
 
 .text-teal {
   color: #39cccc !important;
 }
 
 .text-olive {
   color: #3d9970 !important;
 }
 
 .text-lime {
   color: #01ff70 !important;
 }
 
 .text-orange {
   color: #ff851b !important;
 }
 
 .text-fuchsia {
   color: #f012be !important;
 }
 
 .text-purple {
   color: #605ca8 !important;
   margin-right: -9px;
   margin-left: 2px;
 }
 
 .text-maroon {
   color: #d81b60 !important;
 }
 
 .link-muted {
   color: #7a869d;
 }
 
 .link-muted:hover,
 .link-muted:focus {
   color: #606c84;
 }
 
 .link-black {
   color: #666;
 }
 
 .link-black:hover,
 .link-black:focus {
   color: #999;
 }
 
 .hide {
   display: none !important;
 }
 
 .no-border {
   border: 0 !important;
 }
 
 .no-padding {
   padding: 0 !important;
 }
 
 .no-margin {
   margin: 0 !important;
 }
 
 .no-shadow {
   box-shadow: none !important;
 }
 
 .list-unstyled,
 .chart-legend,
 .mailbox-attachments,
 .contacts-list,
 .users-list {
   list-style: none;
   margin: 0;
   padding: 0;
 }
 
 .list-group-unbordered>.list-group-item {
   border-left: 0;
   border-right: 0;
   border-radius: 0;
   padding-left: 0;
   padding-right: 0;
 }
 
 .flat {
   border-radius: 0 !important;
 }
 
 .text-bold,
 .text-bold.table td,
 .text-bold.table th {
   font-weight: 700;
 }
 
 .text-sm {
   font-size: 12px;
 }
 
 .jqstooltip {
   padding: 5px !important;
   width: auto !important;
   height: auto !important;
 }
 
 .bg-teal-gradient {
   background: #39cccc !important;
   background: -webkit-gradient(linear,
       left bottom,
       left top,
       color-stop(0, #39cccc),
       color-stop(1, #7adddd)) !important;
   background: -ms-linear-gradient(bottom, #39cccc, #7adddd) !important;
   background: -moz-linear-gradient(center bottom,
       #39cccc 0%,
       #7adddd 100%) !important;
   background: -o-linear-gradient(#7adddd, #39cccc) !important;
   filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#7adddd', endColorstr='#39CCCC', GradientType=0) !important;
   color: #fff;
 }
 
 .bg-light-blue-gradient {
   background: #3c8dbc !important;
   background: -webkit-gradient(linear,
       left bottom,
       left top,
       color-stop(0, #3c8dbc),
       color-stop(1, #67a8ce)) !important;
   background: -ms-linear-gradient(bottom, #3c8dbc, #67a8ce) !important;
   background: -moz-linear-gradient(center bottom,
       #3c8dbc 0%,
       #67a8ce 100%) !important;
   background: -o-linear-gradient(#67a8ce, #3c8dbc) !important;
   filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#67a8ce', endColorstr='#3c8dbc', GradientType=0) !important;
   color: #fff;
 }
 
 .bg-blue-gradient {
   background: #0073b7 !important;
   background: -webkit-gradient(linear,
       left bottom,
       left top,
       color-stop(0, #0073b7),
       color-stop(1, #0089db)) !important;
   background: -ms-linear-gradient(bottom, #0073b7, #0089db) !important;
   background: -moz-linear-gradient(center bottom,
       #0073b7 0%,
       #0089db 100%) !important;
   background: -o-linear-gradient(#0089db, #0073b7) !important;
   filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#0089db', endColorstr='#0073b7', GradientType=0) !important;
   color: #fff;
 }
 
 .bg-aqua-gradient {
   background: #00c0ef !important;
   background: -webkit-gradient(linear,
       left bottom,
       left top,
       color-stop(0, #00c0ef),
       color-stop(1, #14d1ff)) !important;
   background: -ms-linear-gradient(bottom, #00c0ef, #14d1ff) !important;
   background: -moz-linear-gradient(center bottom,
       #00c0ef 0%,
       #14d1ff 100%) !important;
   background: -o-linear-gradient(#14d1ff, #00c0ef) !important;
   filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#14d1ff', endColorstr='#00c0ef', GradientType=0) !important;
   color: #fff;
 }
 
 .bg-yellow-gradient {
   background: #f39c12 !important;
   background: -webkit-gradient(linear,
       left bottom,
       left top,
       color-stop(0, #f39c12),
       color-stop(1, #f7bc60)) !important;
   background: -ms-linear-gradient(bottom, #f39c12, #f7bc60) !important;
   background: -moz-linear-gradient(center bottom,
       #f39c12 0%,
       #f7bc60 100%) !important;
   background: -o-linear-gradient(#f7bc60, #f39c12) !important;
   filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f7bc60', endColorstr='#f39c12', GradientType=0) !important;
   color: #fff;
 }
 
 .bg-purple-gradient {
   background: #605ca8 !important;
   background: -webkit-gradient(linear,
       left bottom,
       left top,
       color-stop(0, #605ca8),
       color-stop(1, #9491c4)) !important;
   background: -ms-linear-gradient(bottom, #605ca8, #9491c4) !important;
   background: -moz-linear-gradient(center bottom,
       #605ca8 0%,
       #9491c4 100%) !important;
   background: -o-linear-gradient(#9491c4, #605ca8) !important;
   filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#9491c4', endColorstr='#605ca8', GradientType=0) !important;
   color: #fff;
 }
 
 .bg-green-gradient {
   background: #00a65a !important;
   background: -webkit-gradient(linear,
       left bottom,
       left top,
       color-stop(0, #00a65a),
       color-stop(1, #00ca6d)) !important;
   background: -ms-linear-gradient(bottom, #00a65a, #00ca6d) !important;
   background: -moz-linear-gradient(center bottom,
       #00a65a 0%,
       #00ca6d 100%) !important;
   background: -o-linear-gradient(#00ca6d, #00a65a) !important;
   filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00ca6d', endColorstr='#00a65a', GradientType=0) !important;
   color: #fff;
 }
 
 .bg-red-gradient {
   background: #dd4b39 !important;
   background: -webkit-gradient(linear,
       left bottom,
       left top,
       color-stop(0, #dd4b39),
       color-stop(1, #e47365)) !important;
   background: -ms-linear-gradient(bottom, #dd4b39, #e47365) !important;
   background: -moz-linear-gradient(center bottom,
       #dd4b39 0%,
       #e47365 100%) !important;
   background: -o-linear-gradient(#e47365, #dd4b39) !important;
   filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#e47365', endColorstr='#dd4b39', GradientType=0) !important;
   color: #fff;
 }
 
 .bg-black-gradient {
   background: #111 !important;
   background: -webkit-gradient(linear,
       left bottom,
       left top,
       color-stop(0, #111),
       color-stop(1, #2b2b2b)) !important;
   background: -ms-linear-gradient(bottom, #111, #2b2b2b) !important;
   background: -moz-linear-gradient(center bottom,
       #111 0%,
       #2b2b2b 100%) !important;
   background: -o-linear-gradient(#2b2b2b, #111) !important;
   filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#2b2b2b', endColorstr='#111', GradientType=0) !important;
   color: #fff;
 }
 
 .bg-maroon-gradient {
   background: #d81b60 !important;
   background: -webkit-gradient(linear,
       left bottom,
       left top,
       color-stop(0, #d81b60),
       color-stop(1, #e73f7c)) !important;
   background: -ms-linear-gradient(bottom, #d81b60, #e73f7c) !important;
   background: -moz-linear-gradient(center bottom,
       #d81b60 0%,
       #e73f7c 100%) !important;
   background: -o-linear-gradient(#e73f7c, #d81b60) !important;
   filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#e73f7c', endColorstr='#D81B60', GradientType=0) !important;
   color: #fff;
 }
 
 .description-block .description-icon {
   font-size: 16px;
 }
 
 .no-pad-top {
   padding-top: 0;
 }
 
 .position-static {
   position: static !important;
 }
 
 .list-header {
   font-size: 15px;
   padding: 10px 4px;
   font-weight: bold;
   color: #666;
 }
 
 .list-seperator {
   height: 1px;
   background: #f4f4f4;
   margin: 15px 0 9px 0;
 }
 
 .list-link>a {
   padding: 4px;
   color: #777;
 }
 
 .list-link>a:hover {
   color: #222;
 }
 
 .font-light {
   font-weight: 300;
 }
 
 .user-block:before,
 .user-block:after {
   content: " ";
   display: table;
 }
 
 .user-block:after {
   clear: both;
 }
 
 .user-block img {
   width: 40px;
   height: 40px;
   float: left;
 }
 
 .user-block .username,
 .user-block .description,
 .user-block .comment {
   display: block;
   margin-left: 50px;
 }
 
 .user-block .username {
   font-size: 16px;
   font-weight: 600;
 }
 
 .user-block .description {
   color: #999;
   font-size: 13px;
 }
 
 .user-block.user-block-sm .username,
 .user-block.user-block-sm .description,
 .user-block.user-block-sm .comment {
   margin-left: 40px;
 }
 
 .user-block.user-block-sm .username {
   font-size: 14px;
 }
 
 .img-sm,
 .img-md,
 .img-lg,
 .box-comments .box-comment img,
 .user-block.user-block-sm img {
   float: left;
 }
 
 .img-sm,
 .box-comments .box-comment img,
 .user-block.user-block-sm img {
   width: 30px !important;
   height: 30px !important;
 }
 
 .img-sm+.img-push {
   margin-left: 40px;
 }
 
 .img-md {
   width: 60px;
   height: 60px;
 }
 
 .img-md+.img-push {
   margin-left: 70px;
 }
 
 .img-lg {
   width: 100px;
   height: 100px;
 }
 
 .img-lg+.img-push {
   margin-left: 110px;
 }
 
 .img-bordered {
   border: 3px solid #d2d6de;
   padding: 3px;
 }
 
 .img-bordered-sm {
   border: 2px solid #d2d6de;
   padding: 2px;
 }
 
 .attachment-block {
   border: 1px solid #f4f4f4;
   padding: 5px;
   margin-bottom: 10px;
   background: #f7f7f7;
 }
 
 .attachment-block .attachment-img {
   max-width: 100px;
   max-height: 100px;
   height: auto;
   float: left;
 }
 
 .attachment-block .attachment-pushed {
   margin-left: 110px;
 }
 
 .attachment-block .attachment-heading {
   margin: 0;
 }
 
 .attachment-block .attachment-text {
   color: #555;
 }
 
 .connectedSortable {
   min-height: 100px;
 }
 
 .ui-helper-hidden-accessible {
   border: 0;
   clip: rect(0 0 0 0);
   height: 1px;
   margin: -1px;
   overflow: hidden;
   padding: 0;
   position: absolute;
   width: 1px;
 }
 
 .sort-highlight {
   background: #f4f4f4;
   border: 1px dashed #ddd;
   margin-bottom: 10px;
 }
 
 .full-opacity-hover {
   -moz-opacity: 0.65;
   -khtml-opacity: 0.65;
   -webkit-opacity: 0.65;
   opacity: 0.65;
   -ms-filter: progid:DXImageTransform.Microsoft.Alpha(opacity=65);
   filter: alpha(opacity=65);
 }
 
 .full-opacity-hover:hover {
   -moz-opacity: 1;
   -khtml-opacity: 1;
   -webkit-opacity: 1;
   opacity: 1;
   -ms-filter: progid:DXImageTransform.Microsoft.Alpha(opacity=100);
   filter: alpha(opacity=100);
 }
 
 .chart {
   position: relative;
   overflow: hidden;
   width: 100%;
 }
 
 .chart svg,
 .chart canvas {
   width: 100% !important;
 }
 
 /*
   * Misc: print
   * -----------
   */
 @media print {
 
   .no-print,
   .main-sidebar,
   .left-side,
   .main-header,
   .content-header {
     display: none !important;
   }
 
   .content-wrapper,
   .right-side,
   .main-footer {
     margin-left: 0 !important;
     min-height: 0 !important;
     -webkit-transform: translate(0, 0) !important;
     -ms-transform: translate(0, 0) !important;
     -o-transform: translate(0, 0) !important;
     transform: translate(0, 0) !important;
   }
 
   .fixed .content-wrapper,
   .fixed .right-side {
     padding-top: 0 !important;
   }
 
   .invoice {
     width: 100%;
     border: 0;
     margin: 0;
     padding: 0;
   }
 
   .invoice-col {
     float: left;
     width: 33.3333333%;
   }
 
   .table-responsive {
     overflow: auto;
   }
 
   .table-responsive>.table tr th,
   .table-responsive>.table tr td {
     white-space: normal !important;
   }


   .withVerticalMenu .content-wrapper{
    padding-top: 5px !important;
    padding-bottom:20px ;
   }
   .withHorizontalMenu .content-wrapper{
    padding-top: 5px !important;
    padding-bottom:20px ;
   }




 }
 
 body {
   font-family: "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
   font-size: 13px;
   color: #000;
   -ms-overflow-style: scrollbar;
 }
 
 .ui-front {
   z-index: 1100;
 }
 
 .slick-cell>a {
   color: #0000be;
 }
 
 .main-sidebar a:hover,
 .main-header a:hover,
 .main-sidebar a:active,
 .main-header a:active,
 .main-sidebar a:focus,
 .main-header a:focus {
   text-decoration: none;
 }
 
 .sidebar-menu>li {
   font-size: 14px;
 }
 
 .sidebar-menu .treeview-menu>li>a {
   font-size: 13px;
 }
 
 .main-footer {
   padding: 3px 15px;
 }
 
 .sidebar-menu li.expanded>.treeview-menu {
   display: block;
 }
 
 .treeview-menu>li>a>i {
   width: 20px;
 }
 
 input[type="text"],
 input[type="email"],
 input[type="tel"],
 input[type="search"],
 input[type="url"],
 input[type="password"],
 textarea {
   padding: 3px 6px;
   border: 1px solid #ccc;
   border-radius: 3px;
 }
 
 .sidebar-form input[type="text"] {
   padding: 6px 12px;
   border-color: transparent;
 }
 
 ::-webkit-input-placeholder {
   /* WebKit browsers */
   color: #999;
 }
 
 :-moz-placeholder {
   /* Mozilla Firefox 4 to 18 */
   color: #999;
   opacity: 1;
 }
 
 ::-moz-placeholder {
   /* Mozilla Firefox 19+ */
   color: #999;
   opacity: 1;
 }
 
 :-ms-input-placeholder {
   /* Internet Explorer 10+ */
   color: #999;
 }
 
 section.content>.s-DataGrid {
   padding: 10px;
   border-radius: 3px;
   background: #fff;
   border-top: 3px solid #3c8dbc;
   box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
 }
 
 .grid-toolbar {
   margin-bottom: 0px;
 }
 
 .s-Dialog .s-DataGrid.editor {
   border: 1px solid #eee;
 }
 
 .s-Dialog .s-DataGrid.editor .grid-toolbar {
   background: #f8fafc;
   border-bottom: 1px solid #e7e7e7;
   padding: 5px 4px 5px 4px;
   min-height: 43px;
   margin-bottom: 0;
 }
 
 .s-Dialog .tab-pane>.s-DataGrid {
   padding: 0px 8px 4px 8px;
 }
 
 .s-Dialog .tab-pane>.s-DialogToolbar {
   padding-top: 0;
   background-color: transparent;
   min-height: initial;
 }
 
 .page-title {
   border-bottom: 1px solid #eee;
   margin-bottom: 8px;
   color: #0090d9;
   padding: 8px 8px;
   font-size: 15px;
   font-weight: 600;
 }
 
 .main-header .logo i {
   width: 50px;
   height: 50px;
   float: left;
   background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACgAAAAoCAYAAACM/rhtAAAABGdBTUEAALGPC/xhBQAAAAlwSFlzAAAOwQAADsEBuJFr7QAAABp0RVh0U29mdHdhcmUAUGFpbnQuTkVUIHYzLjUuMTFH80I3AAAHRUlEQVRYR92Ye0yWZRjGX8ADeao8zHIuW2mrtbmy1ZaTfyxd5paHPIVNyEOL9QcJdrTS5OABD7CcQxFohARIKiigLE8gJhBx1AAFPHyKqIAIiIhIv/vlefHj4xVEM5zXdo/vOV/P/dzP9dwv2mOPuLg4h8LCwrGXL1/++urVq9uuXbuWiuVhuVhyVVVV2KVLlxafOHFidGhoqJ0a9vCRl5c34sqVK361tbVljY2NzQ0NDc01NTWW6urqREgF0RYgxu8t1CVAtqSysrKgvLz8y7S0tAFqmv8emZmZgysqKjbduHGjQYix8Ak85En9yHXr1t3VQ0uWLNGSk5MHnzt3bobFYllfUFCwMCkpqadqfnCEhIRoTD61rq6uXIjhuVLKMyMjI+1Vly7hwIED/fbv3z9KFR8MO3bssMdLvjdv3rwt5PBgOMfUXzV3LxITEx0gFCrEINhMDP0UHh7+/wV7R4iJidG4nZuFnBheXBsREaFaHwFcuHDhC4McNzElNja2h2rqfpw8eXKMcVP521hUVPSqauoS/P397aOjox3xfC8vL6/7C41ly5apXy3gUjggH38Z3kPLIo0+paWlr+Xk5DytF0wQHByslZSUODFmE7qYe/369dr6+vom7BYKUEVdBm0BOOBNX19fNaoToPIL0DBV0rTz589/YpATg9S7Uh8UFOSIIDdA/me9ow3y8/MH85rEy5hbt251aNKHvnsh+ooafndwEVL37NnTR37L0wWBIoMcu67dtWtXL2mbMmWKVlZWNgkPjZCyNRDd3ngn04xMR8Z+6y9evPj5hg0b1Ew2CAwMtIdQNQs8JeXTp09PMsiJ0XZM76gwf/58bd68eap0ByyyyIzAvZisg5RtiIqKah+je/fu7U98NGdlZb0sZdz+qzVByjv0juDs2bOjiakS6iJcXFxUbQvYSKTZ4l0xTnL18uXL1YwKeG6oPPQIsM/27dt78IRV2BCMUV01Hv9Pm5qa5FbX4UkHVa2Dtt844r+RoxjGSJLgha2mvI05i2UuM1LWJn2Qto/UlC3gpeiHB29D8jZuTrImJ8YCB1VXLSUlxZFFPYnDCaqqFRs3blS/2mPVqlV2xO1YvJxsRsza4FJFpvSMGqrrlB07rLIlZhheuUyi0CYhIFYceFXm4rWFhw8fdpQ6T09PO0JgHLH4AXX6hbMFT6Q9x7jSjJi14YQtakgL5JUwIycm7y8i/ZbqqoO87ns5ajHGBs2ZM0diN9iowwuFaOVA6Tt37ly7lStXtqZVW7du1TipQDNihomUMX64GqLHj48ZOcMgFKK66sDj0QYZZCgN/RspExt1YnhhMRsbRnsO612H1GI1XDt48KAjcxTYErM2OP2gumsayeMb4ikzcmLy1CGoo1V3eaPHUXeFhWs46g+PHz8+Sia1IeiBV78zyvSvXbBgQWuo8BjMsCVlbYRWloeHR0tn3G7HUbU+bWbGgBzrHBBh7UH86kcn2sj4CIMMR1yKV4cQj9ONOjyZJcetDwaiGNSVmZETY/NNJLV6mOggwKebEbM2buEfGRkZT6ohbRAQEGCPVyZyCWamp6fr3xzTpk0TAZ+KJ7/llJ7VO1qBTf1iRs4wedNVV02TLy4mOmBGzNqInRJS/Vk8f3dNvdzd3bWlS5eqUgsIkWEc+1fFxcXPqyqJfU9bUvJc4r1a+Y02z1ZdW8AuX+CluKvkWBtEL7KhKC6QD3H4I39FmDfjlSR+F5MRtfkgYuEoOWr+xqkqDQLzbAmSmIzHnOTzAu8vVF3vAO+8L5fCllBXjNiqCwsLs31p3IjNa9xmd1WlsTEXa3I4p3L37t2916xZI0pRRLuz6noHPj4+csNmQVJYmhLozPBsgpquFc7Ozpqrq6vd5MmTVY0meviNNUFOIEg1CcHkM2fOvKOK7UFW44QjLGYEOjL2VU9wj1HTtIKkpCdHNg0N7K2q5JJEGeTkSInT11WTBtl9R44cufPkmYGP8YHssvUjvTNj1xbUYLwa3gacygSJQbnVUo6Pj+/FkVYYBCG7W47WQGFhoduKFStUqROof3N4IzOpkLgqyQWkJWaaCPpyOVIWXnTo0KG+akg78E3iYLFYJiYkJOiXB8IzDXLc2gbbzBrZur/vFxnIIn04sgFk30+w6y5PxNehAxvLNgiinTZJYDcDefEwyHEqh0n5Hp3PWW6mEyd6Q8hxCYtyc3OHqKbuB+TeJnb1iwG54lOnTj2nmroXfn5+kgG54Lk6IUf8HeNTt2MJuVeg7INSU1OHqmKX4O3tLc/nS9zyWJEhtK4J2fK31sIHxvr16zXyvUnomx9S4krKNXzt2rWqtT3c3NxElPvyZE5B237Ha43qMhxD/MdKavZQsHPnzp4c08d4408WO4MlQiAQxfclOfCm3o9yOMeXjk7ql0D0TQSY2HuPjd6frnUVkkZlZ2e/yEP+GaRCIZSCeP9D0BfyNx/i+yDtz5ff7KNHjw6Sf/0+xtC0fwHrnad3OU2SFQAAAABJRU5ErkJggg==) no-repeat center center;
 }
 
 @media (min-width: 1200px) {
   .main-header .logo i {
     animation: fa-spin 5s infinite linear reverse;
   }
 }
 
 .skin-black .main-header .logo i,
 .skin-black-light .main-header .logo i {
   background: url(images/serenity-logo-g-40.png) no-repeat center center;
 }
 
 .s-BasicProgressDialogContent .status-text {
   height: 1em;
   text-align: center;
   margin-top: 4px;
 }
 
 .s-BasicProgressDialogContent .ui-progressbar {
   margin: 12px 2%;
   position: relative;
   height: 26px;
   background-image: none;
   background-color: aliceblue;
   width: 96%;
   margin: 0 2%;
 }
 
 .s-BasicProgressDialogContent .progress-label {
   position: absolute;
   left: 45%;
   top: 4px;
   font-weight: bold;
   text-shadow: 1px 1px 0 #cef;
   color: #245;
   font-size: 14px;
 }
 
 .ui-dialog.mobile-layout .ui-dialog-titlebar {
   color: white;
   background: #0073b7;
 }
 
 .ui-dialog.mobile-layout .ui-dialog-titlebar .ui-dialog-titlebar-close,
 .ui-dialog.mobile-layout .ui-dialog-titlebar .ui-dialog-titlebar-close:hover {
   background-color: transparent;
   background-image: url(../serenity/images/back-arrow-white.png);
 }
 
 .skin-green .ui-dialog.mobile-layout .ui-dialog-titlebar {
   background: #00a65a;
 }
 
 .skin-red .ui-dialog.mobile-layout .ui-dialog-titlebar {
   background: #dd4b39;
 }
 
 .skin-orange .ui-dialog.mobile-layout .ui-dialog-titlebar {
   background: #ff851b;
 }
 
 .skin-black .ui-dialog.mobile-layout .ui-dialog-titlebar,
 .skin-black-light .ui-dialog.mobile-layout .ui-dialog-titlebar {
   color: black;
   background: white;
 }
 
 .skin-black .ui-dialog.mobile-layout .ui-dialog-titlebar .ui-dialog-titlebar-close,
 .skin-black-light .ui-dialog.mobile-layout .ui-dialog-titlebar .ui-dialog-titlebar-close,
 .skin-black .ui-dialog.mobile-layout .ui-dialog-titlebar .ui-dialog-titlebar-close:hover,
 .skin-black-light .ui-dialog.mobile-layout .ui-dialog-titlebar .ui-dialog-titlebar-close:hover {
   background-color: transparent;
   background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAASCAYAAABWzo5XAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAACxIAAAsSAdLdfvwAAAAYdEVYdFNvZnR3YXJlAHBhaW50Lm5ldCA0LjAuNvyMY98AAADOSURBVDhPnZJNDoIwEIUxLlx4Er2P0Z1eRPw5rjsTNyixvqEzMoUXaSX5GPpaPjpAFUL4CY6ZwOY8NDREgOMKLlMyGgomQQ2oT7Bm6wwexnbOTrJl6zzjIN1Jg7oZrmGkg0E7uRKhv/ijHU88pTtpUQ+oy1zU0UsMjNsC7rhnDjqR/CcmeYNHAbdO5Fo7qUiesgeLXL7vyEDoZTs/N0U60DaBtCdfLls2DqKs1p29cmU0FCAoapOGgu7M2mzAiq0zaGiorAZHNu+hYTmh+gDiN5ZOojmergAAAABJRU5ErkJggg==) no-repeat center center;
 }
 
 .s-MessageDialog {
   min-width: 310px;
 }
 
 .slick-row-selected {
   background-color: lightblue;
 }
 
 .inline-action {
   background-repeat: no-repeat;
   background-position: center center;
   text-align: center;
   min-width: 16px;
   min-height: 22px;
   cursor: pointer;
   opacity: 0.5;
   display: inline-block;
 }
 
 .inline-action>i {
   font-size: 15px;
 }
 
 .inline-action:hover {
   opacity: 1;
 }
 
 .s-ReportPage div.report-list ul {
   list-style: none;
   padding-left: 0;
 }
 
 .s-ReportPage div.report-list ul ul {
   margin-left: 20px;
 }
 
 .s-ReportPage div.report-list li {
   margin-top: 1px;
 }
 
 .s-ReportPage div.report-list li.category>.line {
   position: relative;
   padding: 4px 0 4px 20px;
   display: block;
   cursor: pointer;
   color: #666;
   font-weight: bold;
   line-height: 24px;
   font-size: 14px;
 }
 
 .s-ReportPage div.report-list li.category.expanded>.line {
   box-shadow: none;
 }
 
 .s-ReportPage div.report-list .line {
   background: #ffffff;
   background: -moz-linear-gradient(top, #ffffff 1%, #eaeaea 100%);
   background: -webkit-gradient(linear,
       left top,
       left bottom,
       color-stop(1%, #ffffff),
       color-stop(100%, #eaeaea));
   background: -webkit-linear-gradient(top, #ffffff 1%, #eaeaea 100%);
   background: -o-linear-gradient(top, #ffffff 1%, #eaeaea 100%);
   background: -ms-linear-gradient(top, #ffffff 1%, #eaeaea 100%);
   background: linear-gradient(top, #ffffff 1%, #eaeaea 100%);
   filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#eaeaea', GradientType=0);
 }
 
 .s-ReportPage div.report-list li {
   background-color: #eaeaea;
   box-shadow: 0px 0px 0px 1px rgba(155, 155, 155, 0.3),
     0px 0px 0px 0px rgba(255, 255, 255, 0.9) inset,
     0px 2px 2px rgba(0, 0, 0, 0.1);
 }
 
 .s-ReportPage div.report-list ul.has-reports {
   background-color: #fff;
   border-top: 1px solid #999;
   border-left: 1px solid #999;
 }
 
 .s-ReportPage li>.line>span.toggle {
   position: absolute;
   left: 5px;
   top: 10px;
   display: block;
   height: 11px;
   width: 11px;
   background: transparent url(images/accordion-arrows.png) no-repeat 0px -22px;
 }
 
 .s-ReportPage li.expanded>.line>span.toggle {
   background-position: 0px 0px;
 }
 
 .s-ReportPage div.report-list li.report-item {
   background-color: #fff;
   box-shadow: none;
   margin-top: 0px;
   font-size: 13px;
   padding: 4px;
   border-bottom: 1px solid #eee;
 }
 
 .s-ReportPage div.report-list li.report-item.even {
   background-color: #f7f7f7;
 }
 
 .s-ReportPage .report-item a {
   background: url(../serenity/images/spreadsheet.png) no-repeat 0 center;
   padding: 0 0 0 18px;
   line-height: 16px;
   display: inline-block;
 }
 
 .s-ReportPage ul ul {
   display: none;
 }
 
 .inplace-button b {
   text-align: center;
   font-size: 17px;
 }
 
 .ui-dialog-buttonpane .ui-button:hover {
   background-color: #b7b7b7;
 }
 
 .reset-box-sizing,
 .reset-box-sizing *,
 .reset-box-sizing *:before,
 .reset-box-sizing *:after {
   -ms-box-sizing: content-box;
   -moz-box-sizing: content-box;
   -webkit-box-sizing: content-box;
   box-sizing: content-box;
 }
 
 .s-Administration-LanguageDialog>.size {
   width: 450px;
 }
 
 .s-Administration-LanguageDialog .caption {
   width: 120px;
 }
 
 .s-Administration-RoleDialog>.size {
   width: 450px;
 }
 
 .s-Administration-RoleDialog .caption {
   width: 120px;
 }
 
 .s-Administration-UserDialog>.size {
   width: 650px;
 }
 
 .s-Administration-UserDialog .caption {
   width: 150px;
 }
 
 .s-Administration-UserDialog .s-PropertyGrid .categories {
   height: 450px;
 }
 
 .s-TranslationGrid input.custom-text {
   width: 100%;
   height: 23px;
   padding: 0 3px;
 }
 
 .s-UserPermissionDialog>.size,
 .s-RolePermissionDialog>.size,
 .s-UserRoleDialog>.size {
   min-width: 670px;
   width: 670px;
   min-height: 450px;
   height: 450px;
 }
 
 .s-UserPermissionDialog .s-DataGrid,
 .s-RolePermissionDialog .s-DataGrid,
 .s-UserRoleDialog .s-DataGrid {
   height: 100%;
 }
 
 .s-UserPermissionDialog .ui-dialog-content,
 .s-RolePermissionDialog .ui-dialog-content,
 .s-UserRoleDialog .ui-dialog-content {
   padding: 8px;
 }
 
 .s-PermissionCheckEditor .check-box {
   background-image: url(../serenity/images/tick-empty.png);
   background-position: center center;
   width: 22px;
   height: 22px;
   margin: 0;
 }
 
 .s-PermissionCheckEditor .check-box.checked {
   background-image: url(../serenity/images/tick-green.png);
   background-position: center center;
 }
 
 .s-PermissionCheckEditor .check-box.checked.revoke {
   background-image: url(../serenity/images/tick-red.png);
   background-position: center center;
 }
 
 .s-PermissionCheckEditor .check-box.partial {
   opacity: 0.8;
 }
 
 .s-PermissionCheckEditor .check-box.checked.partial {
   background-image: url(images/tick-green-partial.png);
 }
 
 .s-PermissionCheckEditor .check-box.checked.revoke.partial {
   background-image: url(images/tick-red-partial.png);
 }
 
 .s-PermissionCheckEditor .r0 {
  left: auto !important;
  right: 0 !important;
  justify-content: flex-start;
 }

 .s-PermissionCheckEditor .slick-row{
  border-bottom: 1px solid #333;
 }
.end-tree-node{
  background-color: #fff !important;
}
 .zero-tree-level{
  background-color: #8ed1ff !important;
 }
 .first-tree-level{
  background-color: lightgray !important;
 }
 .second-tree-level{
  background-color: lightblue !important;
 }
 .third-tree-level{
  background-color: lightcyan !important;
 }


 .s-PermissionCheckEditor .effective-permission {
   cursor: default;
   padding-left: 20px;
   background-image: url(../serenity/images/check2.png);
   background-repeat: no-repeat;
   background-position: right center;
   margin-right: 8px !important;
   width: 100% !important;
 }
 
 .s-PermissionCheckEditor .effective-permission.partial {
   background-image: url(../serenity/images/checkbox-null.png);
 }
 
 .s-PermissionCheckEditor .effective-permission.deny {
   background-image: url(../serenity/images/slash.png);
   background-position: right;
 }
 

 .slick-cell {
   display: flex !important;
 }
 
 .s-Administration-SergenPanel table>tbody>tr>td {
   vertical-align: middle;
 }
 
 .s-Administration-SergenPanel td>input {
   width: 100%;
   padding: 2px 4px;
   border: 1px solid #a3b2d2;
 }
 
 .s-Administration-NavigationListDialog>.size {
   width: 650px;
 }
 
 .s-Administration-NavigationListDialog .caption {
   width: 150px;
 }
 
 .s-Administration-TaxesDialog>.size {
   width: 650px;
 }
 
 .s-Administration-TaxesDialog .caption {
   width: 150px;
 }
 
 /* CSS ---- btnz butto */
 .btnz-blue {
   background-color: #0078d0 !important;
 }
 
 .btnz-black {
   background-color: black !important;
 }
 
 .btnz-red {
   background-color: red !important;
 }
 
 .btnz-gray {
   background-color: gray !important;
 }
 
 .btnz-green {
   background-color: green !important;
 }
 
 .btnz-brown {
   background-color: brown !important;
 }
 
 .btnz-orang {
   background-color: orangered !important;
 }
 
 .btnz {
   background-color: #0078d0;
   border: 0;
   border-radius: 56px;
   color: #fff;
   cursor: pointer;
   display: inline-block;
   font-family: system-ui, -apple-system, system-ui, "Segoe UI", Roboto, Ubuntu,
     "Helvetica Neue", sans-serif;
   font-size: 18px;
   font-weight: 600;
   outline: 0;
   padding: 16px 21px;
   position: relative;
   text-align: center;
   text-decoration: none;
   transition: all 0.3s;
   user-select: none;
   -webkit-user-select: none;
   touch-action: manipulation;
 }
 
 .btnz:before {
   background-color: initial;
   background-image: linear-gradient(#fff 0, rgba(255, 255, 255, 0) 100%);
   border-radius: 125px;
   content: "";
   height: 50%;
   left: 4%;
   opacity: 0.5;
   position: absolute;
   top: 0;
   transition: all 0.3s;
   width: 92%;
 }
 
 .btnz:hover {
   box-shadow: rgba(255, 255, 255, 0.2) 0 3px 15px inset,
     rgba(0, 0, 0, 0.1) 0 3px 5px, rgba(0, 0, 0, 0.1) 0 10px 13px;
   transform: scale(1.05);
 }
 
 @media (min-width: 768px) {
   .btnz {
     padding: 16px 48px;
   }
 }
 
 /* CSS ---- btnz button */
 
 /* CSS ---- print Button */
 button.print-button {
   width: 100px;
   height: 100px;
 }
 
 span.print-icon,
 span.print-icon::before,
 span.print-icon::after,
 button.print-button:hover .print-icon::after {
   border: solid 4px blue;
 }
 
 span.print-icon::after {
   border-width: 2px;
 }
 
 button.print-button {
   position: relative;
   padding: 0;
   border: 0;
   border: none;
   background: transparent;
 }
 
 span.print-icon,
 span.print-icon::before,
 span.print-icon::after,
 button.print-button:hover .print-icon::after {
   box-sizing: border-box;
   background-color: #fff;
   color: bule;
 }
 
 span.print-icon {
   position: relative;
   display: inline-block;
   padding: 0;
   margin-top: 20%;
   width: 60%;
   height: 35%;
   background: #fff;
   border-radius: 20% 20% 0 0;
 }
 
 span.print-icon::before {
   content: "";
   position: absolute;
   bottom: 100%;
   left: 12%;
   right: 12%;
   height: 110%;
   transition: height 0.2s 0.15s;
 }
 
 span.print-icon::after {
   content: "";
   position: absolute;
   top: 55%;
   left: 12%;
   right: 12%;
   height: 0%;
   background: #fff;
   background-repeat: no-repeat;
   background-size: 70% 90%;
   background-position: center;
   background-image: linear-gradient(to top,
       #fff 0,
       #fff 14%,
       #333 14%,
       #333 28%,
       #fff 28%,
       #fff 42%,
       #333 42%,
       #333 56%,
       #fff 56%,
       #fff 70%,
       #333 70%,
       #333 84%,
       #fff 84%,
       #fff 100%);
   transition: height 0.2s, border-width 0s 0.2s, width 0s 0.2s;
 }
 
 button.print-button:hover {
   cursor: pointer;
 }
 
 button.print-button:hover .print-icon::before {
   height: 0px;
   transition: height 0.2s;
 }
 
 button.print-button:hover .print-icon::after {
   height: 120%;
   transition: height 0.2s 0.15s, border-width 0s 0.16s;
 }
 
 /* CSS ---- print Button */
 
 /*----------Up Menu First----------*/
 
 a {
   color: #333;
 }
 
 
 .SidebarMenu_V {
   padding: 7px 6px 0;
   line-height: 100%;
   border-radius: 2em;
   /* overflow-y: scroll; */
   -webkit-border-radius: 2em;
   -moz-border-radius: 2em;
   /* -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, .4);
        -moz-box-shadow: 0 1px 3px rgba(0, 0, 0, .4);
        border: solid 1px #6d6d6d; */
   /*background: #8b8b8b;*/
   /* for non-css3 browsers */
   filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#a9a9a9', endColorstr='#7a7a7a');
   /* for IE */
   /*background: -webkit-gradient(linear, left top, left bottom, from(#a9a9a9), to(#7a7a7a));*/
   /* for webkit browsers */
   /* background: -moz-linear-gradient(top, #a9a9a9, #7a7a7a); */
   /* for firefox 3.6+ */
 }
 
 .SidebarMenu_V li {
   margin: 0 0px;
   padding: 0 0 0px;
   float: left;
   position: relative;
   list-style: none;
 }
 
 /* main level link */
 .SidebarMenu_V a {
   font-weight: bold;
   /*color: #e7e5e5;*/
   color: #513d3d !important;
   text-decoration: none;
   display: block;
   padding: 8px 5px;
   margin: 0;
   -webkit-border-radius: 1.6em;
   -moz-border-radius: 1.6em;
   text-shadow: 0 1px 1px rgba(0, 0, 0, 0.3);
 }
 
 /* main level link hover */
 .SidebarMenu_V .current a,
 .SidebarMenu_V li:hover>a {
   /*background: #d1d1d1;*/
   /*  -webkit-filter: invert(100%);
          filter: invert(100%);*/
   /* for non-css3 browsers */
   /*        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ebebeb', endColorstr='#a1a1a1');
  */
   /* for IE */
   /*background: -webkit-gradient(linear, left top, left bottom, from(#ebebeb), to(#a1a1a1));*/
   /* for webkit browsers */
   /*  background: -moz-linear-gradient(top, #ebebeb, #a1a1a1);*/
   /* for firefox 3.6+ */
 
   /* color: #444; */
   border-top: solid 1px #f8f8f8;
   -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
   -moz-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
   box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
   text-shadow: 0 1px 0 rgba(255, 255, 255, 0.8);
 }
 
 /* sub levels link hover */
 .SidebarMenu_V ul li:hover a,
 .SidebarMenu_V li:hover li a {
   background: none;
   border: none;
   color: #666;
   -webkit-box-shadow: none;
   -moz-box-shadow: none;
 }
 
 .SidebarMenu_V ul a:hover {
   /*background: #0399d4 !important;*/
   /* for non-css3 browsers */
   filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#04acec', endColorstr='#0186ba');
   /* for IE */
   /*background: -webkit-gradient(linear, left top, left bottom, from(#04acec), to(#0186ba)) !important;*/
   /* for webkit browsers */
   background: -moz-linear-gradient(top, #04acec, #0186ba) !important;
   /* for firefox 3.6+ */
 
   color: #fff !important;
   -webkit-border-radius: 0;
   -moz-border-radius: 0;
   text-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
 }
 
 /* level 2 list */
 .SidebarMenu_V ul {
   background: #ddd;
   /* for non-css3 browsers */
   filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#cfcfcf');
   /* for IE */
   background: -webkit-gradient(linear,
       left top,
       left bottom,
       from(#fff),
       to(#cfcfcf));
   /* for webkit browsers */
   background: -moz-linear-gradient(top, #fff, #cfcfcf);
   /* for firefox 3.6+ */
 
   display: none;
   margin: 0;
   padding: 0;
   width: 185px;
   position: absolute;
   top: 35px;
   left: 0;
   /*border: solid 1px #b4b4b4;
        -webkit-border-radius: 10px;
        -moz-border-radius: 10px;
        border-radius: 10px;*/
   -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.3);
   -moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.3);
   box-shadow: 0 1px 3px rgba(0, 0, 0, 0.3);
 }
 
 /* dropdown */
 .SidebarMenu_V li:hover>ul {
   /* display: block; */
   display: contents;
   /* background: white;*/
   z-index: 100000000;
 }
 
 .SidebarMenu_V ul li {
   float: none;
   margin: 0;
   padding: 0;
 }
 
 .SidebarMenu_V ul a {
   font-weight: normal;
   text-shadow: 0 1px 1px rgba(255, 255, 255, 0.9);
 }
 
 /* level 3+ list */
 .SidebarMenu_V ul ul {
   left: 181px;
   top: -3px;
 }
 
 /* rounded corners for first and last child */
 /* .SidebarMenu_V ul li:first-child>a {
        -webkit-border-top-left-radius: 9px;
        -moz-border-radius-topleft: 9px;
        -webkit-border-top-right-radius: 9px;
        -moz-border-radius-topright: 9px;
      } */
 
 .SidebarMenu_V ul li:last-child>a {
   -webkit-border-bottom-left-radius: 9px;
   -moz-border-radius-bottomleft: 9px;
   -webkit-border-bottom-right-radius: 9px;
   -moz-border-radius-bottomright: 9px;
 }
 
 /* clearfix */
 .SidebarMenu_V:after {
   content: ".";
   display: block;
   clear: both;
   visibility: hidden;
   line-height: 0;
   height: 0;
 }
 
 .SidebarMenu_V {
   flex-direction: row-reverse;
   /* display: inline-block; */
   display: inline-flex;
   /*white-space fix*/
   transform: rotateX(180deg);
 }
 
 .SidebarMenu_V li:hover,
 .SidebarMenu_V>li>a:hover {
   z-index: 105;
 }
 
 .SidebarMenu_V li li {
   display: block;
   /*background: white;*/
 }
 
 html[xmlns] .SidebarMenu_V {
   display: block;
 }
 
 * html .SidebarMenu_V {
   height: 1%;
 }
 
 /*----------Up Menu Last----------*/
 
 .MyNavBar {
   /* overflow-y: auto; */
   white-space: nowrap;
   -webkit-overflow-scrolling: touch;
   transform: rotateX(180deg);
   display: flex;
   justify-content: center;
   align-items: 0;
   position: relaive !important;
   z-index: 999999999999999999999;
   padding-right: 15px !important;
   /* overflow-x:auto; */
   /* white-space: nowrap; */
 }
 
 /* width */
 .MyNavBar::-webkit-scrollbar {
   width: 10px;
   height: 10px;
 }
 
 /* Track */
 .MyNavBar::-webkit-scrollbar-track {
   background: #f1f1f1;
 }
 
 /* Handle */
 .MyNavBar::-webkit-scrollbar-thumb {
   background: #888;
 }
 
 /* Handle on hover */
 .MyNavBar::-webkit-scrollbar-thumb:hover {
   background: #555;
 }
 
 .MyNavBar a {
   /* display: inline-block;
     text-align: center;
    padding: 14px;
    text-decoration: none; */
 }
 
 .MyNavBar i.nav-icon {
   padding: 4px;
   color: blue;
   color: var(--main-color)
 }
 
 .MyNavBar .fa.pull-right {
   /* color: transparent; */
   color: blue;
   color: var(--main-color)
 }
 
 .MyNavBar .fa.pull-left {
   color: transparent;
 }
 
 /* 
  /* width */
 .MyNavBar::-webkit-scrollbar {
   width: 20px;
 }
 
 /* Track */
 .MyNavBar:-webkit-scrollbar-track {
   /* box-shadow: inset 0 0 5px grey; 
    border-radius: 10px; */
 }
 
 /* Handle */
 .MyNavBar:-webkit-scrollbar-thumb {
   /* background: red; 
    border-radius: 10px; */
 }
 
 /* Handle on hover */
 .MyNavBar:-webkit-scrollbar-thumb:hover {
   /* background: #b30000;   */
 }
 
 .d-none {
   display: none !important;
 }
 
 .d-block {
   display: block !important;
 }
 
 /*تكبير طول الجريد*/
 /*.slick-viewport {*/
 /*position: relative;
      outline: 0;
      width: 100% ;*/
 /*height: 250px !important;
  }*/
 
 /*------تعديل ال----*/
 .myControl {
   display: inline !important;
   height: 34px;
   padding: 6px 12px;
   font-size: 14px;
   line-height: 1.42857143;
   border: 1px solid #ccc;
   border-radius: 4px;
   -webkit-box-shadow: inset 0 1px 1px rgb(0 0 0 / 8%);
   box-shadow: inset 0 1px 1px rgb(0 0 0 / 8%);
   -webkit-transition: border-color ease-in-out 0.15s,
     box-shadow ease-in-out 0.15s;
   -o-transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
   -webkit-transition: border-color ease-in-out 0.15s,
     -webkit-box-shadow ease-in-out 0.15s;
   transition: border-color ease-in-out 0.15s,
     -webkit-box-shadow ease-in-out 0.15s;
   transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
   transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s,
     -webkit-box-shadow ease-in-out 0.15s;
 }
 
 input#txtQty {
   width: 8%;
 }
 
 input#txtPrice {
   width: 12%;
 }
 
 input#txtBarCode {
   width: 35% !important;
   display: block !important;
   margin-left: auto !important;
 }
 
 input#cmdOk {}
 
 .myTable {
   color: black !important;
 }
 
 .page-footer {
   position: fixed;
   bottom: 0;
   width: 100%;
 }
 
 @media print {
   tfoot.page-footer {
     display: table-footer-group;
   }
 }
 
 .footer_table {
   /* background-color: red; */
 }
 
 .footer {
   height: max-content;
   display: flex;
   flex-direction: row;
   gap: 4em;
   justify-content: space-between;
   align-items: center;
   margin: 1em 0 0;
 }
 
 /* update footer flex direction */
 @media only screen and (max-width: 600px) {
   .footer {
     display: flex;
     flex-direction: column;
     /* gap: 2em; */
     justify-content: center;
     align-items: center;
     page-break-inside: avoid;
   }
 }
 
 /* remove bottom text */
 @page {
   margin: 2mm;
 }
 
 /*-----------------------Menu Color---------------*/
 
 /*-----------------------Menu Color---------------*/
 .skin-glass-001-style-1 .SidebarMenu_V a {
   color: blanchedalmond !important;
   /* background-color: #370828 !important;*/
   background-color: transparent;
   border-radius: 0px !important;
 }
 
 .skin-glass-001-style-1 .SidebarMenu_V a:hover {
   color: black !important;
   background-color: #a42341 !important;
   border-radius: 0px !important;
 }
 
 .skin-glass-001-style-1 .SidebarMenu_V .treeview a {
   color: blanchedalmond !important;
   /* background-color: #370828 !important;*/
   background-color: transparent;
   border-radius: 0px !important;
 }
 
 .skin-glass-001-style-1 .SidebarMenu_V.treeview-menu a {
   color: blanchedalmond !important;
   /* background-color: #370828 !important;*/
   /*background-color: white;*/
   color: black;
   border-radius: 0px !important;
 }
 
 .skin-glass-001-style-1 .SidebarMenu_V li li {
   display: block;
   background-color: #2c1f34 !important;
 }
 
 .skin-glass-001-style-1 .SidebarMenu_V ul a:hover {
   display: block;
   background-color: #a42341 !important;
 }
 
 /***************/
 .skin-glass-001-style-2 .SidebarMenu_V a {
   color: blanchedalmond !important;
   /* background-color: #370828 !important;*/
   background-color: transparent;
   border-radius: 0px !important;
 }
 
 .skin-glass-001-style-2 .SidebarMenu_V a:hover {
   color: black !important;
   background-color: #537380 !important;
   border-radius: 0px !important;
 }
 
 .skin-glass-001-style-2 .SidebarMenu_V .treeview a {
   color: blanchedalmond !important;
   /* background-color: #370828 !important;*/
   background-color: transparent;
   border-radius: 0px !important;
 }
 
 .skin-glass-001-style-2 .SidebarMenu_V.treeview-menu a {
   color: blanchedalmond !important;
   /* background-color: #370828 !important;*/
   /*background-color: white;*/
   color: black;
   border-radius: 0px !important;
 }
 
 .skin-glass-001-style-2 .SidebarMenu_V li li {
   display: block;
   background-color: #192c32 !important;
 }
 
 .skin-glass-001-style-2 .SidebarMenu_V ul a:hover {
   display: block;
   background-color: #537380 !important;
 }
 
 /***************/
 
 .skin-Tamken-Dark-Style .SidebarMenu_V a {
   color: blanchedalmond !important;
   /* background-color: #370828 !important;*/
   background-color: transparent;
   border-radius: 0px !important;
 }
 
 .skin-Tamken-Dark-Style .SidebarMenu_V a:hover {
   color: black !important;
   background-color: #537380 !important;
   border-radius: 0px !important;
 }
 
 .skin-Tamken-Dark-Style .SidebarMenu_V .treeview a {
   color: blanchedalmond !important;
   /* background-color: #370828 !important;*/
   background-color: transparent;
   border-radius: 0px !important;
 }
 
 .skin-Tamken-Dark-Style .SidebarMenu_V.treeview-menu a {
   color: blanchedalmond !important;
   /* background-color: #370828 !important;*/
   /*background-color: white;*/
   color: black;
   border-radius: 0px !important;
 }
 
 .skin-Tamken-Dark-Style .SidebarMenu_V li li {
   display: block;
   background-color: #1e1e2f !important;
 }
 
 .skin-Tamken-Dark-Style .SidebarMenu_V ul a:hover {
   display: block;
   background-color: #537380 !important;
 }
 
 /***************/
 
 .skin-glass-001-style-4 .SidebarMenu_V a {
   color: blanchedalmond !important;
   /* background-color: #370828 !important;*/
   background-color: transparent;
   border-radius: 0px !important;
 }
 
 .skin-glass-001-style-4 .SidebarMenu_V a:hover {
   color: black !important;
   background-color: #378b3f !important;
   border-radius: 0px !important;
 }
 
 .skin-glass-001-style-4 .SidebarMenu_V .treeview a {
   color: blanchedalmond !important;
   /* background-color: #370828 !important;*/
   background-color: transparent;
   border-radius: 0px !important;
 }
 
 .skin-glass-001-style-4 .SidebarMenu_V.treeview-menu a {
   color: blanchedalmond !important;
   /* background-color: #370828 !important;*/
   /*background-color: white;*/
   color: black;
   border-radius: 0px !important;
 }
 
 .skin-glass-001-style-4 .SidebarMenu_V li li {
   display: block;
   background-color: #06210e !important;
 }
 
 .skin-glass-001-style-4 .SidebarMenu_V ul a:hover {
   display: block;
   background-color: #378b3f !important;
 }
 
 /***************/
 
 .skin-glass-001-style-5 .SidebarMenu_V a {
   color: blanchedalmond !important;
   /* background-color: #370828 !important;*/
   background-color: transparent;
   border-radius: 0px !important;
 }
 
 .skin-glass-001-style-5 .SidebarMenu_V a:hover {
   color: black !important;
   background-color: #1b3831 !important;
   border-radius: 0px !important;
 }
 
 .skin-glass-001-style-5 .SidebarMenu_V .treeview a {
   color: blanchedalmond !important;
   /* background-color: #370828 !important;*/
   background-color: transparent;
   border-radius: 0px !important;
 }
 
 .skin-glass-001-style-5 .SidebarMenu_V.treeview-menu a {
   color: blanchedalmond !important;
   /* background-color: #370828 !important;*/
   /*background-color: white;*/
   color: black;
   border-radius: 0px !important;
 }
 
 .skin-glass-001-style-5 .SidebarMenu_V li li {
   display: block;
   background-color: #1b3831 !important;
 }
 
 .skin-glass-001-style-5 .SidebarMenu_V ul a:hover {
   display: block;
   background-color: #192a29 !important;
 }
 
 /***************/
 
 .skin-glass-001-style-5 .SidebarMenu_V a {
   color: blanchedalmond !important;
   /* background-color: #370828 !important;*/
   background-color: transparent;
   border-radius: 0px !important;
 }
 
 .skin-glass-001-style-5 .SidebarMenu_V a:hover {
   color: black !important;
   background-color: #47796c !important;
   border-radius: 0px !important;
 }
 
 .skin-glass-001-style-5 .SidebarMenu_V .treeview a {
   color: blanchedalmond !important;
   /* background-color: #370828 !important;*/
   background-color: transparent;
   border-radius: 0px !important;
 }
 
 .skin-glass-001-style-5 .SidebarMenu_V.treeview-menu a {
   color: blanchedalmond !important;
   /* background-color: #370828 !important;*/
   /*background-color: white;*/
   color: black;
   border-radius: 0px !important;
 }
 
 .skin-glass-001-style-5 .SidebarMenu_V li li {
   display: block;
   background-color: #1b3831 !important;
 }
 
 .skin-glass-001-style-5 .SidebarMenu_V ul a:hover {
   display: block;
   background-color: #47796c !important;
 }
 
 /***************/
 
 .skin-glass-001-style-6 .SidebarMenu_V a {
   color: blanchedalmond !important;
   /* background-color: #370828 !important;*/
   background-color: transparent;
   border-radius: 0px !important;
 }
 
 .skin-glass-001-style-6 .SidebarMenu_V a:hover {
   color: black !important;
   background-color: #9d6559 !important;
   border-radius: 0px !important;
 }
 
 .skin-glass-001-style-6 .SidebarMenu_V .treeview a {
   /* color: blanchedalmond !important; */
   /* background-color: #370828 !important;*/
   background-color: #ffffff33 !important;
   border-radius: 0px !important;
   color: black !important;
 }
 
 .skin-glass-001-style-6 .SidebarMenu_V.treeview-menu a {
   color: blanchedalmond !important;
   /* background-color: #370828 !important;*/
   /*background-color: white;*/
   color: black;
   border-radius: 0px !important;
 }
 
 .skin-glass-001-style-6 .SidebarMenu_V li li {
   display: block;
   background-color: #47224a !important;
 }
 
 .skin-glass-001-style-6 .SidebarMenu_V ul a:hover {
   display: block;
   background-color: #eee !important;
 }
 
 /***************/
 
 .skin-glass-001-style-7 .SidebarMenu_V a {
   color: blanchedalmond !important;
   /* background-color: #370828 !important;*/
   background-color: transparent;
   border-radius: 0px !important;
 }
 
 .skin-glass-001-style-7 .SidebarMenu_V a:hover {
   color: black !important;
   background-color: #191826 !important;
   border-radius: 0px !important;
 }
 
 .skin-glass-001-style-7 .SidebarMenu_V .treeview a {
   color: blanchedalmond !important;
   /* background-color: #370828 !important;*/
   background-color: transparent;
   border-radius: 0px !important;
 }
 
 .skin-glass-001-style-7 .SidebarMenu_V.treeview-menu a {
   color: blanchedalmond !important;
   /* background-color: #370828 !important;*/
   /*background-color: white;*/
   color: black;
   border-radius: 0px !important;
 }
 
 .skin-glass-001-style-7 .SidebarMenu_V li li {
   display: block;
   background-color: #293f4d !important;
 }
 
 .skin-glass-001-style-7 .SidebarMenu_V ul a:hover {
   display: block;
   background-color: #191826 !important;
 }
 
 /***************/
 
 .skin-Tamken-Light-Style .SidebarMenu_V a {
   color: blanchedalmond !important;
   background-color: #d6e3e7 !important;
   background-color: transparent;
   border-radius: 0px !important;
   width: 100%;
   color: black !important;
   font-weight: 700;
   font-family: system-ui;
   text-shadow: none;
 }
 
 .skin-Tamken-Light-Style .SidebarMenu_V a:hover {
   color: black !important;
   background-color: #ebebeb !important;
   border-radius: 0px !important;
 
   font-weight: bold !important;
 }
 
 .skin-Tamken-Light-Style .SidebarMenu_V .treeview a {
   /*color: blanchedalmond !important;*/
   /* background-color: #370828 !important;*/
   background-color: transparent;
   border-radius: 0px !important;
   display: flex;
   gap: 3px;
   align-items: center;
   justify-content: flex-start;
 }
 
 .skin-Tamken-Light-Style .SidebarMenu_V > .treeview > a {
   /*color: blanchedalmond !important;*/
   /* background-color: #370828 !important;*/
   background-color: transparent;
   border-radius: 0px !important;
   display: flex;
   gap: 3px;
   align-items: center;
   justify-content: center;
 }
 
 .skin-Tamken-Light-Style .SidebarMenu_V.treeview-menu a {
   color: blanchedalmond !important;
   /* background-color: #370828 !important;*/
   /*background-color: white;*/
   color: black;
   border-radius: 0px !important;
 }
 
 .skin-Tamken-Light-Style .SidebarMenu_V li li {
   display: block;
   background-color: #303641 !important;
 }
 
 .skin-Tamken-Light-Style .SidebarMenu_V ul a:hover {
   /* display: block; */
   background-color: #ebebeb !important;
   color: black !important;
   font-weight: bold !important;
 }
 
 /***************/
 .skin-Blue .SidebarMenu_V a {
   color: blanchedalmond !important;
   /* background-color: #370828 !important;*/
   background-color: transparent;
   border-radius: 0px !important;
 }
 
 .skin-Blue .SidebarMenu_V a:hover {
   color: black !important;
   background-color: #ebebeb !important;
   border-radius: 0px !important;
   font-weight: bold !important;
 }
 
 .skin-Blue .SidebarMenu_V .treeview a {
   /*color: blanchedalmond !important;*/
   /* background-color: #370828 !important;*/
   background-color: transparent;
   border-radius: 0px !important;
 }
 
 .skin-Blue .SidebarMenu_V.treeview-menu a {
   color: blanchedalmond !important;
   /* background-color: #370828 !important;*/
   /*background-color: white;*/
   color: black;
   border-radius: 0px !important;
 }
 
 .skin-Blue .SidebarMenu_V li li {
   display: block;
   background-color: #303641 !important;
 }
 
 .skin-Blue .SidebarMenu_V ul a:hover {
   display: block;
   background-color: #ebebeb !important;
   color: black !important;
   font-weight: bold !important;
 }
 
 /*------*/
 .frm_Class {}
 
 /*------*/
 .srch_Class {
   direction: ltr !important;
   display: flex;
   width: 140px;
   flex-direction: row !important;
 }
 
 .SidebarMenu_V {
   direction: ltr;
   flex-direction: row;
 }
 
 /* 
  #SidebarMenu_V>li>ul>li.treeview>.treeview-menu>* {
      position: absolute;
      background-color: #212122 !important;
      left: 135px;
      width: 140px;
  }
  
  
  #SidebarMenu_V>li>ul>li.treeview>.treeview-menu>*:nth-child(1) {
      top: 0;
  }
  
  #SidebarMenu_V>li>ul>li.treeview>.treeview-menu>*:nth-child(2) {
      top: 35px;
  }
  
  #SidebarMenu_V>li>ul>li.treeview>.treeview-menu>*:nth-child(3) {
      top: 70px;
  }
  
  #SidebarMenu_V>li>ul>li.treeview>.treeview-menu>*:nth-child(4) {
      top: 105px;
  }
  
  #SidebarMenu_V>li>ul>li.treeview>.treeview-menu>*:nth-child(5) {
      top: 140px;
  }
  
  #SidebarMenu_V>li>ul>li.treeview>.treeview-menu>*:nth-child(6) {
      top: 175px;
  }
  
  #SidebarMenu_V>li>ul>li.treeview>.treeview-menu>*:nth-child(7) {
      top: 210px;
  }
  
  #SidebarMenu_V>li>ul>li.treeview>.treeview-menu>*:nth-child(8) {
      top: 245px;
  }
  
  #SidebarMenu_V>li>ul>li.treeview>.treeview-menu>*:nth-child(9) {
      top: 280px;
  } */
 
 #SidebarMenu_V>li>ul>li.treeview>.treeview-menu {
   background-color: inherit !important;
 }
 
 #SidebarMenu_V>li>ul>li.treeview>.treeview-menu>* {
   position: absolute;
   background-color: inherit !important;
   left: 130px;
   width: 140px;
 }
 
 #SidebarMenu_V>li>ul>li.treeview>.treeview-menu>*:nth-child(1) {
   top: 0;
 }
 
 #SidebarMenu_V>li>ul>li.treeview>.treeview-menu>*:nth-child(2) {
   top: 35px;
 }
 
 #SidebarMenu_V>li>ul>li.treeview>.treeview-menu>*:nth-child(3) {
   top: 70px;
 }
 
 #SidebarMenu_V>li>ul>li.treeview>.treeview-menu>*:nth-child(4) {
   top: 105px;
 }
 
 #SidebarMenu_V>li>ul>li.treeview>.treeview-menu>*:nth-child(5) {
   top: 140px;
 }
 
 #SidebarMenu_V>li>ul>li.treeview>.treeview-menu>*:nth-child(6) {
   top: 175px;
 }
 
 #SidebarMenu_V>li>ul>li.treeview>.treeview-menu>*:nth-child(7) {
   top: 210px;
 }
 
 #SidebarMenu_V>li>ul>li.treeview>.treeview-menu>*:nth-child(8) {
   top: 245px;
 }
 
 #SidebarMenu_V>li>ul>li.treeview>.treeview-menu>*:nth-child(9) {
   top: 280px;
 }
 
 /* fix the header of the dashboard in mobile 320px */
 
 form.sidebar-form.frm_Class.must-show-search-bar {
   float: right;
 }
 
 form .srch_Class {
   width: 150px;
 }
 
 #s-Page>div.wrapper>header>nav>div>ul>li.dropdown.user.user-menu>a>img {
   margin-top: 10px;
 }
 
 /* fix for the photo image in dashboard home */
 #s-Page>div.wrapper>div.content-wrapper>section.content {
   display: flex;
   /* padding: 0 !important; */
   /* justify-content: center; */
   align-items: flex-start;
 
 }
 
 #s-Page>div.wrapper>div.content-wrapper>section.content>img {
   max-height: 80vw;
   max-width: 1024px;
   opacity: 0.6;
   border-radius: 10px;
 }
 
 #s-Page>div.wrapper>div.content-wrapper>section.content-header {
   text-align: center;
 }
 
 .s-TemplatedDialog,
 #GridDiv {
   width: 100%;
 }
 
 /* .category{
      width: 90vw !important;
      margin: 0 auto;
      text-align: right;
  } */
 
 
 #myPrintButton {
   display: none;
 }
 
 
 
 
 
 
 /* resize the unit id filter  */
 .unit-id-filter {
   width: 100px !important;
 }
 
 .unit-id-filter>.select2-container {
   min-width: 70px !important;
 }
 
 
 /* تفاصيل المبيعات وتفاصيل المشتريات جعل جدول التفاصيل بكامل عرض الشاشة */
 .field.LineItems {
   flex-direction: column;
 }
 
 
 
 .skin-Tamken-Light-Style .slick-cell input[value="0"] {
   background-color: red !important;
 }
 
 
 input.edit.string.valid {
   background-color: beige !important;
 }
 
 .ui-widget-content.slick-row:nth-last-child(2)>* {
   background-color: #bad9e45c !important;
 }
 
 input.edit.numeric {
   background-color: #fff !important;
 
 }
 
 input.edit.numeric.valid {
   background-color: #2bb9c05c !important;
 }
 
 
 @media screen and (max-width: 768px) {
   .field.LineItems.NewSalesGrid {
     flex-direction: row !important;
   }
 
   .field.LineItems {
     flex-direction: row !important;
   }
 
   #s-Page>div.wrapper>div.content-wrapper>section.content {
     padding: 0 !important;
     margin: 0 !important;
     margin-top: 15px !important;
 
   }
 
 
 }
 
 
 
 .vx {
   display: none !important;
 }
 
 
 
 ::-webkit-scrollbar-track {
   background: var(--main-color);
 }
 
 ::-webkit-scrollbar-thumb {
   background: #888;
   border-radius: 10px;
   border: 3px solid #f1f1f1;
 }
 
 ::-webkit-scrollbar-thumb:hover {
   background: #555;
 }
 
 ::-webkit-scrollbar {
   width: 10px;
   height: 10px;
 }
 
 ::-webkit-scrollbar-corner {
   background-color: #f1f1f1;
 }
 
 ::-webkit-scrollbar-thumb:active {
   background-color: #333;
   -webkit-box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.2);
   box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.2);
 }
 
 ::-webkit-scrollbar-button:start:decrement,
 ::-webkit-scrollbar-button:end:increment {
   display: block;
   height: 0;
 }
 
 ::-webkit-scrollbar-button:start:decrement:before,
 ::-webkit-scrollbar-button:end:increment:before {
   display: block;
   content: '▲';
   font-size: 10px;
   height: 10px;
   text-align: center;
   color: #888;
 }
 
 ::-webkit-scrollbar-button:start:decrement:hover:before,
 ::-webkit-scrollbar-button:end:increment:hover:before {
   color: #555;
 }
 
 
 
 
 
 
 /* adjust the sales grid */
 
 .s-TamkenSoft-Sales-SalesDialog .skin-Tamken-Light-Style .editor .slick-header-column.ui-state-default {
   position: static !important;
   width: auto !important;
   right: 0 !important;
 
 }
 
 
 
 .s-TamkenSoft-Sales-SalesDialog .grid-canvas {
   width: 100% !important;
 }
 
 .s-TamkenSoft-Sales-SalesDialog .slick-header-columns {
   width: 100% !important;
   display: grid !important;
   right: 0 !important;
   display: grid;
   grid-auto-flow: column;              /* lay children out in columns */
   grid-auto-columns: minmax(min-content, 1fr);
   /* first two columns fixed: */
   grid-template-columns: 50px 50px 100px 150px 100px;
 }
 
 
 .s-TamkenSoft-Sales-SalesDialog .skin-Tamken-Light-Style .editor .slick-cell {
   position: static !important;
 }
 
 .s-TamkenSoft-Sales-SalesDialog .skin-Tamken-Light-Style .slick-row {
   display: grid !important;
   display: grid;
   grid-auto-flow: column;              /* lay children out in columns */
   grid-auto-columns: minmax(min-content, 1fr);
   /* first two columns fixed: */
   grid-template-columns: 50px 50px 100px 150px 100px;

   position: static !important;
   width: 100% !important;
 }
 
 .s-TamkenSoft-Sales-SalesDialog .slick-header-column {
   position: static !important;
   right: 0 !important;
 
 }
 
 
 .s-TamkenSoft-Sales-SalesDialog .slick-cell {
   position: static !important;
   right: 0 !important;
 }
 
 .s-TamkenSoft-Sales-SalesDialog .slick-row.ui-widget-content {
   position: static !important;
   display: grid !important;
   width: 100% !important;
   /* grid-template-columns: 50px 50px 2fr 4fr 2fr 2fr 2fr 2fr 1fr 1fr 1fr 1fr 2fr 2fr 3fr !important; */
   display: grid;
   grid-auto-flow: column;              /* lay children out in columns */
   grid-auto-columns: minmax(min-content, 1fr);
   /* first two columns fixed: */
   grid-template-columns: 50px 50px 100px 150px 100px;

 }
 
 /* ***************************** */
 
 /* adjust the purchases grid */
 
 .s-TamkenSoft-Purchases-PurchasesDialog .skin-Tamken-Light-Style .editor .slick-header-column.ui-state-default {
   position: static !important;
   width: auto !important;
   right: 0 !important;
 
 }
 
 
 
 .s-TamkenSoft-Purchases-PurchasesDialog .grid-canvas {
   width: 100% !important;
 }
 
 .s-TamkenSoft-Purchases-PurchasesDialog .slick-viewport {
   height: auto !important;
 }
 
 .s-TamkenSoft-Purchases-PurchasesDialog .slick-header-columns {
   width: 100% !important;
   display: grid !important;
   right: 0 !important;
   grid-template-rows: 1fr !important;
   grid-template-columns: 50px 2fr 4fr 2fr 2fr 2fr 2fr 1fr 2fr 3fr !important;
 }
 
 
 .s-TamkenSoft-Purchases-PurchasesDialog .skin-Tamken-Light-Style .editor .slick-cell {
   position: static !important;
 }
 
 .s-TamkenSoft-Purchases-PurchasesDialog .skin-Tamken-Light-Style .slick-row {
   display: grid !important;
   grid-template-rows: 1fr !important;
   grid-template-columns: 50px 2fr 4fr 2fr 2fr 2fr 2fr 1fr 2fr 3fr !important;
   position: static !important;
   width: 100% !important;
 }
 
 .s-TamkenSoft-Purchases-PurchasesDialog .slick-header-column {
   position: static !important;
   right: 0 !important;
 
 }
 
 
 .s-TamkenSoft-Purchases-PurchasesDialog .slick-cell {
   position: static !important;
   right: 0 !important;
 }
 
 .s-TamkenSoft-Purchases-PurchasesDialog .slick-row.ui-widget-content {
   position: static !important;
   display: grid !important;
   width: 100% !important;
   grid-template-columns: 50px 2fr 4fr 2fr 2fr 2fr 2fr 1fr 2fr 3fr !important;
 }
 
 
 /* adjust the gen grid */
 
 .s-Accounts-GensDialog .skin-Tamken-Light-Style .editor .slick-header-column.ui-state-default {
   position: static !important;
   width: auto !important;
   right: 0 !important;
 
 }
 
 
 
 .s-Accounts-GensDialog .grid-canvas {
   width: 100% !important;
 }
 
 .s-Accounts-GensDialog .slick-header-columns {
   width: 100% !important;
   display: grid !important;
   right: 0 !important;
   grid-template-rows: 1fr !important;
   grid-template-columns: 50px 150px 2fr 2fr 2fr 2fr 2fr !important;
 }
 
 
 .s-Accounts-GensDialog .skin-Tamken-Light-Style .editor .slick-cell {
   position: static !important;
 }
 
 .s-Accounts-GensDialog .skin-Tamken-Light-Style .slick-row {
   display: grid !important;
   grid-template-rows: 1fr !important;
   grid-template-columns: 50px 150px 2fr 2fr 2fr 2fr 2fr !important;
   position: static !important;
   width: 100% !important;
 }
 
 .s-Accounts-GensDialog .slick-header-column {
   position: static !important;
   right: 0 !important;
 
 }
 
 
 .s-Accounts-GensDialog .slick-cell {
   position: static !important;
   right: 0 !important;
 }
 
 .s-Accounts-GensDialog .slick-row.ui-widget-content {
   position: static !important;
   display: grid !important;
   width: 100% !important;
   grid-template-columns: 50px 150px 2fr 2fr 2fr 2fr 2fr !important;
 }
 
 /* ***************************** */
 
 
 /* adjust the OpenX grid */
 
 .s-Accounts-Cash_Bank-OpenBalDialog .skin-Tamken-Light-Style .editor .slick-header-column.ui-state-default {
   position: static !important;
   width: auto !important;
   right: 0 !important;
 
 }
 
 
 
 .s-Accounts-Cash_Bank-OpenBalDialog .grid-canvas {
   width: 100% !important;
 }
 
 .s-Accounts-Cash_Bank-OpenBalDialog .slick-header-columns {
   width: 100% !important;
   display: grid !important;
   right: 0 !important;
   grid-template-rows: 1fr !important;
   grid-template-columns: 50px 2fr 2fr 2fr 2fr 2fr 2fr 2fr !important;
 }
 
 
 .s-Accounts-Cash_Bank-OpenBalDialog .skin-Tamken-Light-Style .editor .slick-cell {
   position: static !important;
 }
 
 .s-Accounts-Cash_Bank-OpenBalDialog .skin-Tamken-Light-Style .slick-row {
   display: grid !important;
   grid-template-rows: 1fr !important;
   grid-template-columns: 50px 2fr 2fr 2fr 2fr 2fr 2fr 2fr !important;
   position: static !important;
   width: 100% !important;
 }
 
 .s-Accounts-Cash_Bank-OpenBalDialog .slick-header-column {
   position: static !important;
   right: 0 !important;
 
 }
 
 
 .s-Accounts-Cash_Bank-OpenBalDialog .slick-cell {
   position: static !important;
   right: 0 !important;
 }
 
 .s-Accounts-Cash_Bank-OpenBalDialog .slick-row.ui-widget-content {
   position: static !important;
   display: grid !important;
   width: 100% !important;
   grid-template-columns: 50px 2fr 2fr 2fr 2fr 2fr 2fr 2fr !important;
 }
 
 /* ***************************** */
 
  /* adjust the OpenBalAutoX grid */
 
  .s-Accounts-Cash_Bank-OpenBalAutoDialog .skin-Tamken-Light-Style .editor .slick-header-column.ui-state-default {
    position: static !important;
    width: auto !important;
    right: 0 !important;
  
  }
  
  
  
  .s-Accounts-Cash_Bank-OpenBalAutoDialog .grid-canvas {
    width: 100% !important;
  }
  
  .s-Accounts-Cash_Bank-OpenBalAutoDialog .slick-header-columns {
    width: 100% !important;
    display: grid !important;
    right: 0 !important;
    grid-template-rows: 1fr !important;
    grid-template-columns: 50px 2fr 2fr 2fr 2fr 2fr 2fr 2fr !important;
  }
  
  
  .s-Accounts-Cash_Bank-OpenBalAutoDialog .skin-Tamken-Light-Style .editor .slick-cell {
    position: static !important;
  }
  
  .s-Accounts-Cash_Bank-OpenBalAutoDialog .skin-Tamken-Light-Style .slick-row {
    display: grid !important;
    grid-template-rows: 1fr !important;
    grid-template-columns: 50px 2fr 2fr 2fr 2fr 2fr 2fr 2fr !important;
    position: static !important;
    width: 100% !important;
  }
  
  .s-Accounts-Cash_Bank-OpenBalAutoDialog .slick-header-column {
    position: static !important;
    right: 0 !important;
  
  }
  
  
  .s-Accounts-Cash_Bank-OpenBalAutoDialog .slick-cell {
    position: static !important;
    right: 0 !important;
  }
  
  .s-Accounts-Cash_Bank-OpenBalAutoDialog .slick-row.ui-widget-content {
    position: static !important;
    display: grid !important;
    width: 100% !important;
    grid-template-columns: 50px 2fr 2fr 2fr 2fr 2fr 2fr 2fr !important;
  }
  
  /* ***************************** */

 /* adjust the stock orders grid */
 
 .s-TamkenSoft-Inventory-StockOrdersDialog .skin-Tamken-Light-Style .editor .slick-header-column.ui-state-default {
  position: static !important;
  width: auto !important;
  right: 0 !important;

}



.s-TamkenSoft-Inventory-StockOrdersDialog .grid-canvas {
  width: 100% !important;
}

.s-TamkenSoft-Inventory-StockOrdersDialog .slick-header-columns {
  width: 100% !important;
  display: grid !important;
  right: 0 !important;
  grid-template-rows: 1fr !important;
  grid-template-columns: 50px 50px 2fr 4fr 2fr 2fr 2fr !important;
}


.s-TamkenSoft-Inventory-StockOrdersDialog .skin-Tamken-Light-Style .editor .slick-cell {
  position: static !important;
}

.s-TamkenSoft-Inventory-StockOrdersDialog .skin-Tamken-Light-Style .slick-row {
  display: grid !important;
  grid-template-rows: 1fr !important;
  grid-template-columns: 50px 50px 2fr 4fr 2fr 2fr 2fr   !important;
  position: static !important;
  width: 100% !important;
}

.s-TamkenSoft-Inventory-StockOrdersDialog .slick-header-column {
  position: static !important;
  right: 0 !important;

}


.s-TamkenSoft-Inventory-StockOrdersDialog .slick-cell {
  position: static !important;
  right: 0 !important;
}

.s-TamkenSoft-Inventory-StockOrdersDialog .slick-row.ui-widget-content {
  position: static !important;
  display: grid !important;
  width: 100% !important;
  grid-template-columns: 50px 50px 2fr 4fr 2fr 2fr 2fr !important;
}

/* ***************************** */

/* adjust the stock Importing grid */
 
.s-TamkenSoft-Inventory-StockImportingDialog .skin-Tamken-Light-Style .editor .slick-header-column.ui-state-default {
  position: static !important;
  width: auto !important;
  right: 0 !important;

}



.s-TamkenSoft-Inventory-StockImportingDialog .grid-canvas {
  width: 100% !important;
}

.s-TamkenSoft-Inventory-StockImportingDialog .slick-header-columns {
  width: 100% !important;
  display: grid !important;
  right: 0 !important;
  grid-template-rows: 1fr !important;
  grid-template-columns: 50px 50px 2fr 4fr 2fr 2fr 2fr 2fr !important;
}


.s-TamkenSoft-Inventory-StockImportingDialog .skin-Tamken-Light-Style .editor .slick-cell {
  position: static !important;
}

.s-TamkenSoft-Inventory-StockImportingDialog .skin-Tamken-Light-Style .slick-row {
  display: grid !important;
  grid-template-rows: 1fr !important;
  grid-template-columns: 50px 50px 2fr 4fr 2fr 2fr 2fr 2fr   !important;
  position: static !important;
  width: 100% !important;
}

.s-TamkenSoft-Inventory-StockImportingDialog .slick-header-column {
  position: static !important;
  right: 0 !important;

}


.s-TamkenSoft-Inventory-StockImportingDialog .slick-cell {
  position: static !important;
  right: 0 !important;
}

.s-TamkenSoft-Inventory-StockImportingDialog .slick-row.ui-widget-content {
  position: static !important;
  display: grid !important;
  width: 100% !important;
  grid-template-columns: 50px 50px 2fr 4fr 2fr 2fr 2fr 2fr !important;
}

/* ***************************** */

/* ***************************** */

/* adjust the stock Exporting grid */
 
.s-TamkenSoft-Inventory-StockExportingDialog .skin-Tamken-Light-Style .editor .slick-header-column.ui-state-default {
  position: static !important;
  width: auto !important;
  right: 0 !important;

}



.s-TamkenSoft-Inventory-StockExportingDialog .grid-canvas {
  width: 100% !important;
}

.s-TamkenSoft-Inventory-StockExportingDialog .slick-header-columns {
  width: 100% !important;
  display: grid !important;
  right: 0 !important;
  grid-template-rows: 1fr !important;
  grid-template-columns: 50px 50px 2fr 4fr 2fr 2fr 2fr 2fr !important;
}


.s-TamkenSoft-Inventory-StockExportingDialog .skin-Tamken-Light-Style .editor .slick-cell {
  position: static !important;
}

.s-TamkenSoft-Inventory-StockExportingDialog .skin-Tamken-Light-Style .slick-row {
  display: grid !important;
  grid-template-rows: 1fr !important;
  grid-template-columns: 50px 50px 2fr 4fr 2fr 2fr 2fr 2fr   !important;
  position: static !important;
  width: 100% !important;
}

.s-TamkenSoft-Inventory-StockExportingDialog .slick-header-column {
  position: static !important;
  right: 0 !important;

}


.s-TamkenSoft-Inventory-StockExportingDialog .slick-cell {
  position: static !important;
  right: 0 !important;
}

.s-TamkenSoft-Inventory-StockExportingDialog .slick-row.ui-widget-content {
  position: static !important;
  display: grid !important;
  width: 100% !important;
  grid-template-columns: 50px 50px 2fr 4fr 2fr 2fr 2fr 2fr !important;
}

/* ***************************** */



 
 
 /* adjust the stock orders grid */
 
 .s-TamkenSoft-Inventory-StockOrderConfirmationDialog .skin-Tamken-Light-Style .editor .slick-header-column.ui-state-default {
  position: static !important;
  width: auto !important;
  right: 0 !important;

}



.s-TamkenSoft-Inventory-StockOrderConfirmationDialog .grid-canvas {
  width: 100% !important;
}

.s-TamkenSoft-Inventory-StockOrderConfirmationDialog .slick-header-columns {
  width: 100% !important;
  display: grid !important;
  right: 0 !important;
  grid-template-rows: 1fr !important;
  grid-template-columns: 50px 2fr 2fr 2fr 2fr 2fr 2fr 2fr 2fr !important;
}


.s-TamkenSoft-Inventory-StockOrderConfirmationDialog .skin-Tamken-Light-Style .editor .slick-cell {
  position: static !important;
}

.s-TamkenSoft-Inventory-StockOrderConfirmationDialog .skin-Tamken-Light-Style .slick-row {
  display: grid !important;
  grid-template-rows: 1fr !important;
  grid-template-columns: 50px 2fr 2fr 2fr 2fr 2fr 2fr 2fr 2fr   !important;
  position: static !important;
  width: 100% !important;
}

.s-TamkenSoft-Inventory-StockOrderConfirmationDialog .slick-header-column {
  position: static !important;
  right: 0 !important;

}


.s-TamkenSoft-Inventory-StockOrderConfirmationDialog .slick-cell {
  position: static !important;
  right: 0 !important;
}

.s-TamkenSoft-Inventory-StockOrderConfirmationDialog .slick-row.ui-widget-content {
  position: static !important;
  display: grid !important;
  width: 100% !important;
  grid-template-columns: 50px 2fr 2fr 2fr 2fr 2fr 2fr 2fr 2fr !important;
}

/* ***************************** */
 
 
 /* adjust the products grid */
 
 .s-TamkenSoft-Products-ProductsDialog .skin-Tamken-Light-Style .editor .slick-header-column.ui-state-default {
   position: static !important;
   width: auto !important;
   right: 0 !important;
 
 }
 
 
 
 .s-TamkenSoft-Products-ProductsDialog .grid-canvas {
   width: 100% !important;
 }
 
 .s-TamkenSoft-Products-ProductsDialog .slick-header-columns {
   width: 100% !important;
   display: grid !important;
   right: 0 !important;
   grid-template-rows: 1fr !important;
   grid-template-columns: repeat(7, 1fr) !important;
 }
 
 
 .s-TamkenSoft-Products-ProductsDialog .skin-Tamken-Light-Style .editor .slick-cell {
   position: static !important;
 }
 
 .s-TamkenSoft-Products-ProductsDialog .skin-Tamken-Light-Style .slick-row {
   display: grid !important;
   grid-template-rows: 1fr !important;
   grid-template-columns: 40px repeat(7, 1fr) !important;
   position: static !important;
   width: 100% !important;
 }
 
 .s-TamkenSoft-Products-ProductsDialog .slick-header-column {
   position: static !important;
   right: 0 !important;
 
 }
 
 
 .s-TamkenSoft-Products-ProductsDialog .slick-cell {
   position: static !important;
   right: 0 !important;
 }
 
 .s-TamkenSoft-Products-ProductsDialog .slick-row.ui-widget-content {
   position: static !important;
   display: grid !important;
   width: 100% !important;
   grid-template-columns: repeat(7, 1fr) !important;
 }
 
 
 
 
 /* adjust the Quotations grid */
 
 .s-TamkenSoft-Quotations-QuotationsDialog .skin-Tamken-Light-Style .editor .slick-header-column.ui-state-default {
   position: static !important;
   width: auto !important;
   right: 0 !important;
 
 }
 
 
 
 .s-TamkenSoft-Quotations-QuotationsDialog .grid-canvas {
   width: 100% !important;
 }
 
 .s-TamkenSoft-Quotations-QuotationsDialog .slick-header-columns {
   width: 100% !important;
   display: grid !important;
   right: 0 !important;
   grid-template-rows: 1fr !important;
   grid-template-columns: 50px 2fr 4fr 2fr 2fr 2fr 2fr 1fr 2fr 3fr !important;
 }
 
 
 .s-TamkenSoft-Quotations-QuotationsDialog .skin-Tamken-Light-Style .editor .slick-cell {
   position: static !important;
 }
 
 .s-TamkenSoft-Quotations-QuotationsDialog .skin-Tamken-Light-Style .slick-row {
   display: grid !important;
   grid-template-rows: 1fr !important;
   grid-template-columns: 50px 2fr 4fr 2fr 2fr 2fr 2fr 1fr 2fr 3fr !important;
 
   position: static !important;
   width: 100% !important;
 }
 
 .s-TamkenSoft-Quotations-QuotationsDialog .slick-header-column {
   position: static !important;
   right: 0 !important;
 
 }
 
 
 .s-TamkenSoft-Quotations-QuotationsDialog .slick-cell {
   position: static !important;
   right: 0 !important;
 }
 
 .s-TamkenSoft-Quotations-QuotationsDialog .slick-row.ui-widget-content {
   position: static !important;
   display: grid !important;
   width: 100% !important;
   grid-template-columns: 50px 2fr 4fr 2fr 2fr 2fr 2fr 1fr 2fr 3fr !important;
 
 }
 
 /*  */
 
 /* adjust the Quotations grid */
 
 .s-TamkenSoft-Master-UsersCompanysDialog .skin-Tamken-Light-Style .editor .slick-header-column.ui-state-default {
   position: static !important;
   width: auto !important;
   right: 0 !important;
 
 }
 
 
 
 .s-TamkenSoft-Master-UsersCompanysDialog .grid-canvas {
   width: 100% !important;
 }
 
 .s-TamkenSoft-Master-UsersCompanysDialog .slick-header-columns {
   width: 100% !important;
   display: grid !important;
   right: 0 !important;
   grid-template-rows: 1fr !important;
   grid-template-columns: 50px 50px 1fr !important;
 }
 
 
 .s-TamkenSoft-Master-UsersCompanysDialog .skin-Tamken-Light-Style .editor .slick-cell {
   position: static !important;
 }
 
 .s-TamkenSoft-Master-UsersCompanysDialog .skin-Tamken-Light-Style .slick-row {
   display: grid !important;
   grid-template-rows: 1fr !important;
   grid-template-columns: 50px 50px 1fr !important;
 
   position: static !important;
   width: 100% !important;
 }
 
 .s-TamkenSoft-Master-UsersCompanysDialog .slick-header-column {
   position: static !important;
   right: 0 !important;
 
 }
 
 
 .s-TamkenSoft-Master-UsersCompanysDialog .slick-cell {
   position: static !important;
   right: 0 !important;
 }
 
 .s-TamkenSoft-Master-UsersCompanysDialog .slick-row.ui-widget-content {
   position: static !important;
   display: grid !important;
   width: 100% !important;
   grid-template-columns: 50px 50px 1fr !important;
 
 }
 
 /* *************************************** */
 
 /* adjust the Quotations grid */
 
 .s-TamkenSoft-Default-WarehouseUsersEditor .skin-Tamken-Light-Style .editor .slick-header-column.ui-state-default {
  position: static !important;
  width: auto !important;
  right: 0 !important;

}



.s-TamkenSoft-Default-WarehouseUsersEditor .grid-canvas {
  width: 100% !important;
}

.s-TamkenSoft-Default-WarehouseUsersEditor .slick-header-columns {
  width: 100% !important;
  display: grid !important;
  right: 0 !important;
  grid-template-rows: 1fr !important;
  grid-template-columns: 50px 50px 3fr 1fr 1fr 1fr 1fr 1fr  !important;
}


.s-TamkenSoft-Default-WarehouseUsersEditor .skin-Tamken-Light-Style .editor .slick-cell {
  position: static !important;
}

.s-TamkenSoft-Default-WarehouseUsersEditor .skin-Tamken-Light-Style .slick-row {
  display: grid !important;
  grid-template-rows: 1fr !important;
  grid-template-columns: 50px 50px 3fr 1fr 1fr 1fr 1fr 1fr !important;

  position: static !important;
  width: 100% !important;
}

.s-TamkenSoft-Default-WarehouseUsersEditor .slick-header-column {
  position: static !important;
  right: 0 !important;

}


.s-TamkenSoft-Default-WarehouseUsersEditor .slick-cell {
  position: static !important;
  right: 0 !important;
}

.s-TamkenSoft-Default-WarehouseUsersEditor .slick-row.ui-widget-content {
  position: static !important;
  display: grid !important;
  width: 100% !important;
  grid-template-columns: 50px 50px 3fr 1fr 1fr 1fr 1fr 1fr  !important;

}

/* *************************************** */

















 /* ********************************************** */
 
 .s-Form {
   margin-top: 0px;
 }
 
 
 /* .grid-container{
 height: 500px !important;
 } */
 
 .slick-viewport {
   height: 350px !important;
 }
 
 .grid-canvas {
   height: 500px;
 }
 
 #GridDiv {
   /* height: auto !important; */
 }
 
 #s-Page #GridDiv {
   height: auto !important;
   min-height: 500px !important;
 }
 
 
 .s-TamkenSoft-Purchases-PurchasesDialog .flex-layout .grid-container {
   min-height: auto !important;
   height: auto !important;
   padding-bottom: 50px !important;
 }
 
 .s-TamkenSoft-Purchases-PurchasesDialog .grid-canvas {
   height: auto !important;
   min-height: auto !important;
   display: grid !important;
   row-gap: 2px !important;
   padding-top: 1px;
 }
 
 
 /* ضبط جدول المشتريات الجديدة في وضع الموبايل */
 @media screen and (max-width: 768px) {
   .s-TamkenSoft-Purchases-PurchasesDialog .slick-header-columns {
     display: none !important;
   }
 
   .s-TamkenSoft-Purchases-PurchasesDialog .slick-row.ui-widget-content {
     row-gap: 35px !important;
     margin-top: 20px;
     padding: 10px;
     border: 1px solid;
     width: 85% !important;
     margin: 0 auto;
     background-color: white;
     grid-template-columns: repeat(3, 1fr) !important;
     grid-template-rows: 1fr 1fr 1fr !important;
     row-gap: 35px !important;
     border-radius: 10px !important;
     border: 1px solid #111;
     box-shadow: 0px 0px 9px #ccc;
   }
 
   .s-TamkenSoft-Purchases-PurchasesDialog .grid-canvas {
     height: auto !important;
     min-height: auto !important;
     display: grid !important;
     row-gap: 40px !important;
     padding-top: 20px;
   }
 
 
 
   .skin-Tamken-Light-Style .s-TamkenSoft-Purchases-PurchasesDialog .editor .slick-cell {
     color: #000;
     padding: 4px 4px 0 4px;
     border-style: none solid solid none;
     border-right-color: #4aa1ffba;
     border-bottom-color: #4aa1ffba;
     border-right-color: var(--main-color);
     border-bottom-color: var(--main-color);
     border-width: 1px;
     font-weight: 600;
     text-align: center;
     background-color: #fff;
     position: relative !important;
     overflow: initial;
     border: 1px solid blue;
     padding: 0px !important;
   }
 
 
 
   .s-TamkenSoft-Purchases-PurchasesDialog .slick-row {
     height: auto !important;
   }
 
   .s-TamkenSoft-Purchases-PurchasesDialog .slick-cell {
     display: flex !important;
     align-items: center !important;
     padding: 0 !important;
     justify-content: center !important;
   }
 
 
 
   .skin-Tamken-Light-Style .s-TamkenSoft-Purchases-PurchasesDialog .editor .slick-cell.l0 {
     grid-column: span 3;
     background-color: #bab5e9 !important;
     border: 0px !important;
     display: flex;
     justify-content: center;
     align-items: center;
     color: white !important;
     border-radius: 7px;
 
   }
 
 
   .skin-Tamken-Light-Style .s-TamkenSoft-Purchases-PurchasesDialog .editor .slick-cell.l1::before {
     font-weight: 500;
     content: "رقم المنتج";
     position: absolute;
     top: -26px;
     z-index: 99999;
     right: -2px !important;
     background-color: #ddf0e2 !important;
     padding: 1px;
     padding-inline: 5px;
     border-radius: 6px;
     border: 1px solid white;
   }
 
   .skin-Tamken-Light-Style .s-TamkenSoft-Purchases-PurchasesDialog .editor .slick-cell.l2 {
 
     grid-column: span 2 !important;
   }
 
   .s-TamkenSoft-Purchases-PurchasesDialog .slick-cell a {
     height: auto !important;
     line-height: auto !important;
     height: 100% !important;
     display: flex;
     justify-content: center;
     align-items: center;
   }
 
 
   .skin-Tamken-Light-Style .s-TamkenSoft-Purchases-PurchasesDialog .s-DataGrid.editor .grid-toolbar {
     text-align: center !important;
   }
 
   .s-TamkenSoft-Purchases-PurchasesDialog input#txtBarCode {
     width: 90% !important;
     margin-top: 10px !important;
   }
 
   .skin-Tamken-Light-Style .s-TamkenSoft-Purchases-PurchasesDialog .editor .slick-cell.l2::before {
     font-weight: 500;
     content: "اسم المنتج";
     position: absolute;
     top: -26px;
     z-index: 99999;
     right: -2px !important;
     background-color: #ddf0e2 !important;
     padding: 1px;
     padding-inline: 5px;
     border-radius: 6px;
     border: 1px solid white;
   }
 
 
   .skin-Tamken-Light-Style .s-TamkenSoft-Purchases-PurchasesDialog .editor .slick-cell.l3::before {
     font-weight: 500;
     content: "اسم الوحدة";
     position: absolute;
     top: -26px;
     z-index: 99999;
     right: -2px !important;
     background-color: #ddf0e2 !important;
     padding: 1px;
     padding-inline: 5px;
     border-radius: 6px;
     border: 1px solid white;
   }
 
   .skin-Tamken-Light-Style .s-TamkenSoft-Purchases-PurchasesDialog .editor .slick-cell.l4::before {
     font-weight: 500;
     content: "الكمية ";
     position: absolute;
     top: -26px;
     z-index: 99999;
     right: -2px !important;
     background-color: #ddf0e2 !important;
     padding: 1px;
     padding-inline: 5px;
     border-radius: 6px;
     border: 1px solid white;
   }
 
 
   .skin-Tamken-Light-Style .s-TamkenSoft-Purchases-PurchasesDialog .editor .slick-cell.l5::before {
     font-weight: 500;
     content: "سعر الوحدة";
     position: absolute;
     top: -26px;
     z-index: 99999;
     right: -2px !important;
     background-color: #ddf0e2 !important;
     padding: 1px;
     padding-inline: 5px;
     border-radius: 6px;
     border: 1px solid white;
   }
 
   .skin-Tamken-Light-Style .s-TamkenSoft-Purchases-PurchasesDialog .editor .slick-cell.l6,
   .skin-Tamken-Light-Style .editor .slick-cell.l7,
   .skin-Tamken-Light-Style .editor .slick-cell.l8 {
     background-color: #b6b0e8f0;
   }
 
 
 
   .skin-Tamken-Light-Style .s-TamkenSoft-Purchases-PurchasesDialog .editor .slick-cell.l6::before {
     font-weight: 500;
     content: " ضريبة";
     position: absolute;
     top: -26px;
     z-index: 99999;
     right: -2px !important;
     background-color: #ddf0e2 !important;
     padding: 1px;
     padding-inline: 5px;
     border-radius: 6px;
     border: 1px solid white;
   }
 
   .skin-Tamken-Light-Style .s-TamkenSoft-Purchases-PurchasesDialog .editor .slick-cell.l7::before {
     font-weight: 500;
     content: " نسبة";
     position: absolute;
     top: -26px;
     z-index: 99999;
     right: -2px !important;
     background-color: #ddf0e2 !important;
     padding: 1px;
     padding-inline: 5px;
     border-radius: 6px;
     border: 1px solid white;
   }
 
   .skin-Tamken-Light-Style .s-TamkenSoft-Purchases-PurchasesDialog .editor .slick-cell.l8::before {
     font-weight: 500;
     content: "إجمالي";
     position: absolute;
     top: -26px;
     z-index: 99999;
     right: -2px !important;
     background-color: #ddf0e2 !important;
     padding: 1px;
     padding-inline: 5px;
     border-radius: 6px;
     border: 1px solid white;
   }
 
 
 }
 
 #mySalesMobileConfirmButton{
  display: none !important;
 }
 /* ضبط جدول المبيعات الجديدة في وضع الموبايل */
 @media screen and (max-width: 768px) {

/* sales invoice details style */


#mySalesMobileConfirmButton{
  display: block !important;
  display: fixed !important;
}

.s-TamkenSoft-Sales-SalesDialog .grid-canvas > :last-child:nth-child(n+2) {
  display:  none !important;
}






   .s-TamkenSoft-Sales-SalesDialog .slick-header-columns {
     display: none !important;
   }
 
   .s-TamkenSoft-Sales-SalesDialog .slick-row.ui-widget-content {
     row-gap: 35px !important;
     margin-top: 20px;
     padding: 10px;
     border: 1px solid;
     width: 85% !important;
     margin: 0 auto;
     background-color: white;
     grid-template-columns: repeat(3, 1fr) !important;
     grid-template-rows: 1fr 1fr 1fr !important;
     row-gap: 35px !important;
     border-radius: 10px !important;
     border: 1px solid #111;
     box-shadow: 0px 0px 9px #ccc;
   }
 
   .s-TamkenSoft-Sales-SalesDialog .grid-canvas {
     height: auto !important;
     min-height: auto !important;
     display: grid !important;
     row-gap: 40px !important;
     padding-top: 20px;
   }
 
 
 
   .skin-Tamken-Light-Style .s-TamkenSoft-Sales-SalesDialog .editor .slick-cell {
     color: #000;
     padding: 4px 4px 0 4px;
     border-style: none solid solid none;
     border-right-color: #4aa1ffba;
     border-bottom-color: #4aa1ffba;
     border-right-color: var(--main-color);
     border-bottom-color: var(--main-color);
     border-width: 1px;
     font-weight: 600;
     text-align: center;
     background-color: #fff;
     position: relative !important;
     overflow: initial;
     border: 1px solid blue;
     padding: 0px !important;
   }
 
 
 
   .s-TamkenSoft-Sales-SalesDialog .slick-row {
     height: auto !important;
   }
 
   .s-TamkenSoft-Sales-SalesDialog .slick-cell {
     display: flex !important;
     align-items: center !important;
     padding: 0 !important;
     justify-content: center !important;
   }
 
 
 
   .skin-Tamken-Light-Style .s-TamkenSoft-Sales-SalesDialog .editor .slick-cell.l0 {
     grid-column: span 2;
     background-color: #bab5e9 !important;
     border: 0px !important;
     display: flex;
     justify-content: center;
     align-items: center;
     color: white !important;
     border-radius: 7px;
 
   }

   .skin-Tamken-Light-Style .s-TamkenSoft-Sales-SalesDialog .editor .slick-cell.l1 {
    grid-column: span 1;
    background-color: #bab5e9 !important;
    border: 0px !important;
    display: flex;
    justify-content: center;
    align-items: center;
    color: white !important;
    border-radius: 7px;

  }
 
 
   .skin-Tamken-Light-Style .s-TamkenSoft-Sales-SalesDialog .editor .slick-cell.l2::before {
     font-weight: 500;
     content: "رقم المنتج";
     position: absolute;
     top: -26px;
     z-index: 99999;
     right: -2px !important;
     background-color: #ddf0e2 !important;
     padding: 1px;
     padding-inline: 5px;
     border-radius: 6px;
     border: 1px solid white;
   }
 
   .skin-Tamken-Light-Style .s-TamkenSoft-Sales-SalesDialog .editor .slick-cell.l3 {
 
     grid-column: span 2 !important;
   }
 
   .s-TamkenSoft-Sales-SalesDialog .slick-cell a {
     height: auto !important;
     line-height: auto !important;
     height: 100% !important;
     display: flex;
     justify-content: center;
     align-items: center;
   }
 
 
   .skin-Tamken-Light-Style .s-TamkenSoft-Sales-SalesDialog .s-DataGrid.editor .grid-toolbar {
     text-align: center !important;
   }
 
   .s-TamkenSoft-Sales-SalesDialog input#txtBarCode {
     width: 90% !important;
     margin-top: 10px !important;
   }
 
   .skin-Tamken-Light-Style .s-TamkenSoft-Sales-SalesDialog .editor .slick-cell.l3::before {
     font-weight: 500;
     content: "اسم المنتج";
     position: absolute;
     top: -26px;
     z-index: 99999;
     right: -2px !important;
     background-color: #ddf0e2 !important;
     padding: 1px;
     padding-inline: 5px;
     border-radius: 6px;
     border: 1px solid white;
   }
 
 
   .skin-Tamken-Light-Style .s-TamkenSoft-Sales-SalesDialog .editor .slick-cell.l4::before {
     font-weight: 500;
     content: "اسم الوحدة";
     position: absolute;
     top: -26px;
     z-index: 99999;
     right: -2px !important;
     background-color: #ddf0e2 !important;
     padding: 1px;
     padding-inline: 5px;
     border-radius: 6px;
     border: 1px solid white;
   }
 
   .skin-Tamken-Light-Style .s-TamkenSoft-Sales-SalesDialog .editor .slick-cell.l5::before {
     font-weight: 500;
     content: "الكمية ";
     position: absolute;
     top: -26px;
     z-index: 99999;
     right: -2px !important;
     background-color: #ddf0e2 !important;
     padding: 1px;
     padding-inline: 5px;
     border-radius: 6px;
     border: 1px solid white;
   }
 
 
   .skin-Tamken-Light-Style .s-TamkenSoft-Sales-SalesDialog .editor .slick-cell.l6::before {
     font-weight: 500;
     content: "سعر الوحدة";
     position: absolute;
     top: -26px;
     z-index: 99999;
     right: -2px !important;
     background-color: #ddf0e2 !important;
     padding: 1px;
     padding-inline: 5px;
     border-radius: 6px;
     border: 1px solid white;
   }
 
   .skin-Tamken-Light-Style .s-TamkenSoft-Sales-SalesDialog .editor .slick-cell.l7,
   .skin-Tamken-Light-Style .editor .slick-cell.l7,
   .skin-Tamken-Light-Style .editor .slick-cell.l8 {
     background-color: #b6b0e8f0;
   }
 
   .skin-Tamken-Light-Style .s-TamkenSoft-Sales-SalesDialog .editor .slick-cell.l7,
   .skin-Tamken-Light-Style .s-TamkenSoft-Sales-SalesDialog .editor .slick-cell.l8 {
     display: none !important;
   }
 
   .skin-Tamken-Light-Style .s-TamkenSoft-Sales-SalesDialog .editor .slick-cell.l7::before {
     display: none;
     font-weight: 500;
     content: " ضريبة";
     position: absolute;
     top: -26px;
     z-index: 99999;
     right: -2px !important;
     background-color: #ddf0e2 !important;
     padding: 1px;
     padding-inline: 5px;
     border-radius: 6px;
     border: 1px solid white;
   }
 
   .skin-Tamken-Light-Style .s-TamkenSoft-Sales-SalesDialog .editor .slick-cell.l9::before {
     font-weight: 500;
     content: " قيمة الضريبة";
     position: absolute;
     top: -26px;
     z-index: 99999;
     right: -2px !important;
     background-color: #ddf0e2 !important;
     padding: 1px;
     padding-inline: 5px;
     border-radius: 6px;
     border: 1px solid white;
   }
 
   .skin-Tamken-Light-Style .s-TamkenSoft-Sales-SalesDialog .editor .slick-cell.l10::before {
     font-weight: 500;
     content: "الإجمالي";
     position: absolute;
     top: -26px;
     z-index: 99999;
     right: -2px !important;
     background-color: #ddf0e2 !important;
     padding: 1px;
     padding-inline: 5px;
     border-radius: 6px;
     border: 1px solid white;
   }
 
   .skin-Tamken-Light-Style .s-TamkenSoft-Sales-SalesDialog .editor .slick-cell.l11::before {
     font-weight: 500;
     content: "إجمالي";
     position: absolute;
     top: -26px;
     z-index: 99999;
     right: -2px !important;
     background-color: #ddf0e2 !important;
     padding: 1px;
     padding-inline: 5px;
     border-radius: 6px;
     border: 1px solid white;
   }
 
 }
 
 /* ضبط جدول عروض الأسعار في وضع الموبايل */
 @media screen and (max-width: 768px) {
   .s-TamkenSoft-Quotations-QuotationsDialog .slick-header-columns {
     display: none !important;
   }

   .skin-Tamken-Light-Style .s-QuickSearchBar {
    position: fixed !important;
    bottom: 0;
    z-index: 99999999;
    background-color: aliceblue;
}
 
   .s-TamkenSoft-Quotations-QuotationsDialog .slick-row.ui-widget-content {
     row-gap: 35px !important;
     margin-top: 20px;
     padding: 10px;
     border: 1px solid;
     width: 85% !important;
     margin: 0 auto;
     background-color: white;
     grid-template-columns: repeat(3, 1fr) !important;
     grid-template-rows: 1fr 1fr 1fr !important;
     row-gap: 35px !important;
     border-radius: 10px !important;
     border: 1px solid #111;
     box-shadow: 0px 0px 9px #ccc;
   }
 
   .s-TamkenSoft-Quotations-QuotationsDialog .grid-canvas {
     height: auto !important;
     min-height: auto !important;
     display: grid !important;
     row-gap: 40px !important;
     padding-top: 20px;
   }
 
 
 
   .skin-Tamken-Light-Style .s-TamkenSoft-Quotations-QuotationsDialog .editor .slick-cell {
     color: #000;
     padding: 4px 4px 0 4px;
     border-style: none solid solid none;
     border-right-color: #4aa1ffba;
     border-bottom-color: #4aa1ffba;
     border-right-color: var(--main-color);
     border-bottom-color: var(--main-color);
     border-width: 1px;
     font-weight: 600;
     text-align: center;
     background-color: #fff;
     position: relative !important;
     overflow: initial;
     border: 1px solid blue;
     padding: 0px !important;
   }
 
 
 
   .s-TamkenSoft-Quotations-QuotationsDialog .slick-row {
     height: auto !important;
   }
 
   .s-TamkenSoft-Quotations-QuotationsDialog .slick-cell {
     display: flex !important;
     align-items: center !important;
     padding: 0 !important;
     justify-content: center !important;
   }
 
 
 
   .skin-Tamken-Light-Style .s-TamkenSoft-Quotations-QuotationsDialog .editor .slick-cell.l0 {
     grid-column: span 3;
     background-color: #bab5e9 !important;
     border: 0px !important;
     display: flex;
     justify-content: center;
     align-items: center;
     color: white !important;
     border-radius: 7px;
 
   }
 
 
   .skin-Tamken-Light-Style .s-TamkenSoft-Quotations-QuotationsDialog .editor .slick-cell.l1::before {
     font-weight: 500;
     content: "رقم المنتج";
     position: absolute;
     top: -26px;
     z-index: 99999;
     right: -2px !important;
     background-color: #ddf0e2 !important;
     padding: 1px;
     padding-inline: 5px;
     border-radius: 6px;
     border: 1px solid white;
   }
 
   .skin-Tamken-Light-Style .s-TamkenSoft-Quotations-QuotationsDialog .editor .slick-cell.l2 {
 
     grid-column: span 2 !important;
   }
 
   .s-TamkenSoft-Quotations-QuotationsDialog .slick-cell a {
     height: auto !important;
     line-height: auto !important;
     height: 100% !important;
     display: flex;
     justify-content: center;
     align-items: center;
   }
 
 
   .skin-Tamken-Light-Style .s-TamkenSoft-Quotations-QuotationsDialog .s-DataGrid.editor .grid-toolbar {
     text-align: center !important;
   }
 
   .s-TamkenSoft-Quotations-QuotationsDialog input#txtBarCode {
     width: 90% !important;
     margin-top: 10px !important;
   }
 
   .skin-Tamken-Light-Style .s-TamkenSoft-Quotations-QuotationsDialog .editor .slick-cell.l2::before {
     font-weight: 500;
     content: "اسم المنتج";
     position: absolute;
     top: -26px;
     z-index: 99999;
     right: -2px !important;
     background-color: #ddf0e2 !important;
     padding: 1px;
     padding-inline: 5px;
     border-radius: 6px;
     border: 1px solid white;
   }
 
 
   .skin-Tamken-Light-Style .s-TamkenSoft-Quotations-QuotationsDialog .editor .slick-cell.l3::before {
     font-weight: 500;
     content: "اسم الوحدة";
     position: absolute;
     top: -26px;
     z-index: 99999;
     right: -2px !important;
     background-color: #ddf0e2 !important;
     padding: 1px;
     padding-inline: 5px;
     border-radius: 6px;
     border: 1px solid white;
   }
 
   .skin-Tamken-Light-Style .s-TamkenSoft-Quotations-QuotationsDialog .editor .slick-cell.l4::before {
     font-weight: 500;
     content: "الكمية ";
     position: absolute;
     top: -26px;
     z-index: 99999;
     right: -2px !important;
     background-color: #ddf0e2 !important;
     padding: 1px;
     padding-inline: 5px;
     border-radius: 6px;
     border: 1px solid white;
   }
 
 
   .skin-Tamken-Light-Style .s-TamkenSoft-Quotations-QuotationsDialog .editor .slick-cell.l5::before {
     font-weight: 500;
     content: "سعر الوحدة";
     position: absolute;
     top: -26px;
     z-index: 99999;
     right: -2px !important;
     background-color: #ddf0e2 !important;
     padding: 1px;
     padding-inline: 5px;
     border-radius: 6px;
     border: 1px solid white;
   }
 
   .skin-Tamken-Light-Style .s-TamkenSoft-Quotations-QuotationsDialog .editor .slick-cell.l6,
   .skin-Tamken-Light-Style .editor .slick-cell.l7,
   .skin-Tamken-Light-Style .editor .slick-cell.l8 {
     background-color: #b6b0e8f0;
   }
 
 
 
   .skin-Tamken-Light-Style .s-TamkenSoft-Quotations-QuotationsDialog .editor .slick-cell.l6::before {
     font-weight: 500;
     content: " ضريبة";
     position: absolute;
     top: -26px;
     z-index: 99999;
     right: -2px !important;
     background-color: #ddf0e2 !important;
     padding: 1px;
     padding-inline: 5px;
     border-radius: 6px;
     border: 1px solid white;
   }
 
   .skin-Tamken-Light-Style .s-TamkenSoft-Quotations-QuotationsDialog .editor .slick-cell.l7::before {
     font-weight: 500;
     content: " نسبة";
     position: absolute;
     top: -26px;
     z-index: 99999;
     right: -2px !important;
     background-color: #ddf0e2 !important;
     padding: 1px;
     padding-inline: 5px;
     border-radius: 6px;
     border: 1px solid white;
   }
 
   .skin-Tamken-Light-Style .s-TamkenSoft-Quotations-QuotationsDialog .editor .slick-cell.l8::before {
     font-weight: 500;
     content: "إجمالي";
     position: absolute;
     top: -26px;
     z-index: 99999;
     right: -2px !important;
     background-color: #ddf0e2 !important;
     padding: 1px;
     padding-inline: 5px;
     border-radius: 6px;
     border: 1px solid white;
   }
 
 
 }
 
 
 
 
 /* ضبط حجم ال  Details editor grid*/
 
 .s-SalesDialog .editor .slick-viewport {
   height: auto !important;
   min-height: 120px !important;
 }
 
 .s-SalesDialog .editor .grid-canvas {
   height: auto !important
 }
 
 .s-SalesDialog .editor .grid-container {
   height: auto !important;
 }

 .s-StockOrdersDialog .editor .slick-viewport {
  height: auto !important;
  min-height: 120px !important;
}

.s-StockOrdersDialog .editor .grid-canvas {
  height: auto !important
}

.s-StockOrdersDialog .editor .grid-container {
  height: auto !important;
}
 .s-StockImportingDialog .editor .slick-viewport {
  height: auto !important;
  min-height: 120px !important;
}

.s-StockImportingDialog .editor .grid-canvas {
  height: auto !important
}

.s-StockImportingDialog .editor .grid-container {
  height: auto !important;
}

.s-StockExportingDialog .editor .slick-viewport {
  height: auto !important;
  min-height: 120px !important;
}

.s-StockExportingDialog .editor .grid-canvas {
  height: auto !important
}

.s-StockExportingDialog .editor .grid-container {
  height: auto !important;
}
 
 .s-QuotationsDialog .editor .slick-viewport {
   height: auto !important;
   min-height: 150px !important;
 }
 
 .s-QuotationsDialog .editor .grid-canvas {
   height: auto !important
 }
 
 .s-QuotationsDialog .editor .grid-container {
   height: auto !important;
 }
 
 
 .s-QuotationsDialog .editor .slick-viewport {
   height: auto !important;
   min-height: 100px !important;
 }
 
 .s-QuotationsDialog .editor .grid-canvas {
   height: auto !important
 }
 
 .s-QuotationsDialog .editor .grid-container {
   height: auto !important;
 }
 
 
 
 /*  sign up page  */
 #s-SignUpPage {
   max-width: 800px;
   margin: 0 auto;
 
 }
 
 #s-SignUpPage .page-content {
   width: 80% !important;
   margin: 0 auto;
   min-height: 100vh;
   display: flex;
   align-items: center;
 }
 
 #SignUpPanel {
   padding: 10px;
   width: 100% !important;

 
 }
 
 
 #s-SignUpPage .page-title {
   text-align: center;
   font-size: 22px;
   border-bottom: 2px solid #166499;
 }
 
 
 
 #s-SignUpPage .form-info {
   text-align: center;
   font-weight: bold;
   background-color: aliceblue;
   padding: 20px;
 }
 
 #s-SignUpPage .s-Form .field {
   display: flex !important;
   flex-direction: row !important;
   width: 100%;
 }
 
 #s-SignUpPage .s-Form .field.OfferId {
   display: flex !important;
   flex-direction: row !important;
   flex-wrap: wrap;
 }
 
 
 
 
 
 #s-SignUpPage .s-Form .field .caption {
   width: 25%;
   border: 1px solid #166499;
   min-width: 150px;
 
 }
 
 #s-SignUpPage input {
   width: 100% !important;
   padding: 5px;
 
 }
 
 
 #s-SignUpPage .emaildomain {
   width: 35% !important;
 }
 
 
 
 .invoice-container {
   display: flex;
   flex-direction: column;
   align-items: center;
   padding-top: 50px;
 }
 
 #s-SignUpPage .s-ServiceLookupEditor {
   flex-grow: 1;
 }
 
 
 
 /* deleting unused buttons in dialogs */
 .tool-button.undo-delete-button,
 .tool-button.localization-button,
 .tool-button.clone-button {
   display: none !important;
 }
 
 
 .loader {
   border: 16px solid #f3f3f3;
   border-radius: 50%;
   border-top: 16px solid #3498db;
   width: 120px;
   height: 120px;
   animation: spin 2s linear infinite;
 }
 
 @keyframesspin {
   0% {
     transform: rotate(0deg);
   }
 
   100% {
     transform: rotate(360deg);
   }
 }
 
 .message {
   font-family: Arial, Helvetica, sans-serif;
   font-size: 24px;
   color: #3498db;
 }
 
 .s-TextAreaEditor {
   padding: 10px !important;
   font-weight: bold !important;
   color: black !important;
   background-color: #04264426 !important;
 }
 
 .select2-result-label {
   text-align: center !important;
 }
 
 
 .SidebarMenu_V {
   direction: ltr;
   flex-direction: row;
   /* justify-content: center !important; */
   width: 100% !important;
   /* overflow-y: auto !important; */
 
 }
 
 
 
 
 .SidebarMenu_V> :first-child {
   /* margin-right: auto !important; */
 }
 
 .SidebarMenu_V> :nth-child(7) {
   /* margin-left: auto !important; */
 }
 
 .SidebarMenu_V>li>a {
   /* border: 2px solid var(--main-color); */
 }
 
 
 /* ***************************** */
 /* adjust the purchases Orede grid */
 
 .s-TamkenSoft-PurchaseOrders-PurchaseOrdersDialog .skin-Tamken-Light-Style .editor .slick-header-column.ui-state-default {
   position: static !important;
   width: auto !important;
   right: 0 !important;
 
 }
 
 
 
 .s-TamkenSoft-PurchaseOrders-PurchaseOrdersDialog .grid-canvas {
   width: 100% !important;
 }
 
 .s-TamkenSoft-PurchaseOrders-PurchaseOrdersDialog .slick-viewport {
   height: auto !important;
 }
 
 .s-TamkenSoft-PurchaseOrders-PurchaseOrdersDialog .slick-header-columns {
   width: 100% !important;
   display: grid !important;
   right: 0 !important;
   grid-template-rows: 1fr !important;
   grid-template-columns: 50px 2fr 4fr 2fr 2fr 2fr 2fr 1fr 2fr 3fr !important;
 }
 
 
 .s-TamkenSoft-PurchaseOrders-PurchaseOrdersDialog .skin-Tamken-Light-Style .editor .slick-cell {
   position: static !important;
 }
 
 .s-TamkenSoft-PurchaseOrders-PurchaseOrdersDialog .skin-Tamken-Light-Style .slick-row {
   display: grid !important;
   grid-template-rows: 1fr !important;
   grid-template-columns: 50px 2fr 4fr 2fr 2fr 2fr 2fr 1fr 2fr 3fr !important;
   position: static !important;
   width: 100% !important;
 }
 
 .s-TamkenSoft-PurchaseOrders-PurchaseOrdersDialog .slick-header-column {
   position: static !important;
   right: 0 !important;
 
 }
 
 
 .s-TamkenSoft-PurchaseOrders-PurchaseOrdersDialog .slick-cell {
   position: static !important;
   right: 0 !important;
 }
 
 .s-TamkenSoft-PurchaseOrders-PurchaseOrdersDialog .slick-row.ui-widget-content {
   position: static !important;
   display: grid !important;
   width: 100% !important;
   grid-template-columns: 50px 2fr 4fr 2fr 2fr 2fr 2fr 1fr 2fr 3fr !important;
 }
 
 
 
 
 
 /* adjust the gen grid */
 
 
 /* adjust the Payroll grid */
 
 .s-TamkenSoft-Payroll-PayrollDetailDialog .skin-Tamken-Light-Style .editor .slick-header-column.ui-state-default {
   position: static !important;
   width: auto !important;
   right: 0 !important;
 
 }
 
 
 
 .s-TamkenSoft-Payroll-PayrollDetailDialog .grid-canvas {
   width: 100% !important;
 }
 
 .s-TamkenSoft-Payroll-PayrollDetailDialog .slick-viewport {
   height: auto !important;
 }
 
 .s-TamkenSoft-Payroll-PayrollDetailDialog .slick-header-columns {
   width: 100% !important;
   display: grid !important;
   right: 0 !important;
   grid-template-rows: 1fr !important;
   grid-template-columns: 50px 3fr 1fr 1fr !important;
 }
 
 
 .s-TamkenSoft-Payroll-PayrollDetailDialog .skin-Tamken-Light-Style .editor .slick-cell {
   position: static !important;
 }
 
 .s-TamkenSoft-Payroll-PayrollDetailDialog .skin-Tamken-Light-Style .slick-row {
   display: grid !important;
   grid-template-rows: 1fr !important;
   grid-template-columns: 50px 3fr 1fr 1fr !important;
   position: static !important;
   width: 100% !important;
 }
 
 .s-TamkenSoft-Payroll-PayrollDetailDialog .slick-header-column {
   position: static !important;
   right: 0 !important;
 
 }
 
 
 .s-TamkenSoft-Payroll-PayrollDetailDialog .slick-cell {
   position: static !important;
   right: 0 !important;
 }
 
 .s-TamkenSoft-Payroll-PayrollDetailDialog .slick-row.ui-widget-content {
   position: static !important;
   display: grid !important;
   width: 100% !important;
   grid-template-columns: 50px 3fr 1fr 1fr !important;
 }
 
 
 /* adjust the payroll grid */
 
 
 /* adjust the PayrollDetail grid */
 
 .s-TamkenSoft-Payroll-PayrollDialog .skin-Tamken-Light-Style .editor .slick-header-column.ui-state-default {
   position: static !important;
   width: auto !important;
   right: 0 !important;
 
 }
 
 
 
 .s-TamkenSoft-Payroll-PayrollDialog .grid-canvas {
   width: 100% !important;
 }
 
 .s-TamkenSoft-Payroll-PayrollDialog .slick-viewport {
   height: auto !important;
 }
 
 .s-TamkenSoft-Payroll-PayrollDialog .slick-header-columns {
   width: 100% !important;
   display: grid !important;
   right: 0 !important;
   grid-template-rows: 1fr !important;
   grid-template-columns: 50px 2fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr !important;
 }
 
 
 .s-TamkenSoft-Payroll-PayrollDialog .skin-Tamken-Light-Style .editor .slick-cell {
   position: static !important;
 }
 
 .s-TamkenSoft-Payroll-PayrollDialog .skin-Tamken-Light-Style .slick-row {
   display: grid !important;
   grid-template-rows: 1fr !important;
   grid-template-columns: 50px 2fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr !important;
   position: static !important;
   width: 100% !important;
 }
 
 .s-TamkenSoft-Payroll-PayrollDialog .slick-header-column {
   position: static !important;
   right: 0 !important;
 
 }
 
 
 .s-TamkenSoft-Payroll-PayrollDialog .slick-cell {
   position: static !important;
   right: 0 !important;
 }
 
 .s-TamkenSoft-Payroll-PayrollDialog .slick-row.ui-widget-content {
   position: static !important;
   display: grid !important;
   width: 100% !important;
   grid-template-columns: 50px 2fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr !important;
 }
 
 
 
 /* adjust employees grid */
 .s-TamkenSoft-HumanResource-EmployeesDialog .editor .slick-header-column.ui-state-default {
   position: static !important;
   width: auto !important;
   right: 0 !important;
 
 }
 
 
 
 .s-TamkenSoft-HumanResource-EmployeesDialog .grid-canvas {
   width: 100% !important;
 }
 
 .s-TamkenSoft-HumanResource-EmployeesDialog .slick-header-columns {
   width: 100% !important;
   display: grid !important;
   right: 0 !important;
   grid-template-rows: 1fr !important;
   grid-template-columns: 50px 1fr 1fr 2fr !important;
 }
 
 
 .s-TamkenSoft-HumanResource-EmployeesDialog .editor .slick-cell {
   position: static !important;
 }
 
 .s-TamkenSoft-HumanResource-EmployeesDialog .slick-row {
   display: grid !important;
   grid-template-rows: 1fr !important;
   grid-template-columns: 50px 1fr 1fr 2fr !important;
 
   position: static !important;
   width: 100% !important;
 }
 
 .s-TamkenSoft-HumanResource-EmployeesDialog .slick-header-column {
   position: static !important;
   right: 0 !important;
 
 }
 
 
 .s-TamkenSoft-HumanResource-EmployeesDialog .slick-cell {
   position: static !important;
   right: 0 !important;
   justify-content: center;
   background-color: ivory !important;
 }
 
 .s-TamkenSoft-HumanResource-EmployeesDialog .slick-row.ui-widget-content {
   position: static !important;
   display: grid !important;
   width: 100% !important;
   grid-template-columns: 50px 1fr 1fr 1fr 1fr 1fr 1fr 1fr !important;
 
 
 
 }
 
 
 .s-TamkenSoft-HumanResource-EmployeesDialog .grid-container {
   min-height: 200px !important;
 }
 
 
 .print-salary-slip {
   display: block !important;
 }
 
 
 /* ************************************ */
 /* adjust GoodsIssue grid */
 .s-GoodsIssueDialog .editor .slick-header-column.ui-state-default {
   position: static !important;
   width: auto !important;
   right: 0 !important;
 
 }
 
 
 
 .s-GoodsIssueDialog .grid-canvas {
   width: 100% !important;
 }
 
 .s-GoodsIssueDialog .slick-header-columns {
   width: 100% !important;
   display: grid !important;
   right: 0 !important;
   grid-template-rows: 1fr !important;
   grid-template-columns: 50px 50px 2fr 4fr 2fr 2fr 2fr 2fr 1fr 2fr 3fr !important;
   
 }
 
 
 .s-GoodsIssueDialog .editor .slick-cell {
   position: static !important;
 }
 
 .s-GoodsIssueDialog .slick-row {
   display: grid !important;
   grid-template-rows: 1fr !important;
   grid-template-columns: 50px 50px 2fr 4fr 2fr 2fr 2fr 2fr 1fr 2fr 3fr !important;
 
   position: static !important;
   width: 100% !important;
 }
 
 .s-GoodsIssueDialog .slick-header-column {
   position: static !important;
   right: 0 !important;
 
 }
 
 
 .s-GoodsIssueDialog .slick-cell {
   position: static !important;
   right: 0 !important;
   justify-content: center;
   background-color: ivory !important;
 }
 
 .s-GoodsIssueDialog .slick-row.ui-widget-content {
   position: static !important;
   display: grid !important;
   width: 100% !important;
   grid-template-columns: 50px 50px 2fr 4fr 2fr 2fr 2fr 2fr 1fr 2fr 3fr !important;
 
 
 
 }
 
 
 .s-GoodsIssueDialog .grid-container {
   min-height: 200px !important;
 }
 
 
 .print-salary-slip {
   display: block !important;
 }
 
 
 /* ************************************ */
 /* ************************************ */
 /* adjust GoodsIssue grid */
 .s-GoodsReceiptDialog .editor .slick-header-column.ui-state-default {
   position: static !important;
   width: auto !important;
   right: 0 !important;
 
 }
 
 
 
 .s-GoodsReceiptDialog .grid-canvas {
   width: 100% !important;
 }
 
 .s-GoodsReceiptDialog .slick-header-columns {
   width: 100% !important;
   display: grid !important;
   right: 0 !important;
   grid-template-rows: 1fr !important;
   grid-template-columns: 50px 50px 2fr 4fr 2fr 2fr 2fr 2fr 1fr 2fr 3fr !important;
 }
 
 
 .s-GoodsReceiptDialog .editor .slick-cell {
   position: static !important;
 }
 
 .s-GoodsReceiptDialog .slick-row {
   display: grid !important;
   grid-template-rows: 1fr !important;
   grid-template-columns: 50px 50px 2fr 4fr 2fr 2fr 2fr 2fr 1fr 2fr 3fr !important;
 
   position: static !important;
   width: 100% !important;
 }
 
 .s-GoodsReceiptDialog .slick-header-column {
   position: static !important;
   right: 0 !important;
 
 }
 
 
 .s-GoodsReceiptDialog .slick-cell {
   position: static !important;
   right: 0 !important;
   justify-content: center;
   background-color: ivory !important;
 }
 
 .s-GoodsReceiptDialog .slick-row.ui-widget-content {
   position: static !important;
   display: grid !important;
   width: 100% !important;
   grid-template-columns: 50px 50px 2fr 4fr 2fr 2fr 2fr 2fr 1fr 2fr 3fr !important;
 
 
 
 }
 
 
 .s-GoodsReceiptDialog .grid-container {
   min-height: 200px !important;
 }
 
 
 .print-salary-slip {
   display: block !important;
 }
 
 
 /* ************************************ */
 .tobehidden{
   display: none !important;
 }
 
 
 
 @media (max-width: 360px) {
 .myprint{
   padding: 0 !important;
 }
 
   .invoice{
     padding: 0 !important;
     margin: 0 !important;
   }
 
   .invoice-col address{
     margin-bottom: 20px;
     font-style: normal;
     line-height: 1.42857143;
     text-align: right;
     display: flex;
     flex-wrap: wrap;
     gap: 7px;
     margin-bottom: 6px !important;
   }
 
   .invoice-col address > * {
     flex-basis: 48%;
   }
 
 
   .invoice .skin-Tamken-Light-Style table.table{
     font-size: 13px;
   }
 
   .invoice th{
     text-align: center !important;
   }
 
 
   .invoice .table-responsive{
     padding: 0 !important;
     width: 90%;
 
   }
 
   .invoice .products-table{
     display: flex !important;
     justify-content: center !important;
   }
 
   .invoice .myTable{
     font-size: 14px;
   }
 
   .invoice thead{
     background-color: #ccc;
     font-weight: bold;
   }




 
 }
 
 @media print{
   .invoice thead{
     background-color: #ccc;
     font-weight: bold;
   }
 }
 
 .treeview{
   width: 120px !important;
   /* overflow: visible !important; */
 }
 
 
 .treeview-menu > li {
   width: 190px !important;
 min-width: 140px !important;
 }
 
 .MyNavBar{
   overflow-y: visible !important;
 }
 
 .SidebarMenu_V{
 height:  auto !important;
 /* overflow: auto !important; */
 /* overflow-x: auto !important; */
 overflow-y: visible !important;
 }
 
 
 
 
 .select2-results .select2-result-label{
   color: #333 !important;
 }
 
 .skin-Tamken-Light-Style .select2-search input[type="text"]{
   color: brown;
 }
 
 
 input:focus,select:focus,.editor:focus
 {
   border:2px dashed brown !important;
 }
 
 .select2-container:focus-within,.slick-cell:focus-within,.slick-cell:focus-visible,.slick-cell:focus,.slick-cell::selection{
   background-color: bisque !important;
 }
 
 .edit:focus,.edit:focus-within,.edit:focus-visible,.edit::-moz-focus-inner{
 background-color: bisque !important;
 }
 
 
 .message {
   font-weight: bolder !important;
 }
 
 .short-filter{
   width: 120px !important;
 }
 
 .short-filter :nth-child(1){
   width: 40px !important;
 }
 
 
 .slick-cell{
   justify-content: center !important;
 }
 
 
 .aggregate{
   color: black;
     border: 1px solid;
     padding: 4px;
     background-color: antiquewhite;
     margin-top: 10px !important;
 }
 
 .slick-footerrow.ui-state-default{
   height: 50px !important;
 }
 
 .slick-footerrow-columns{
   height: 60px !important;
 }

 .slick-container{
  overflow: auto !important;
 }

 .grid-container {
  min-height: 150px;
  border: 1px solid #222;
  border-radius: 5px ;
    box-shadow: 1px 1px 8px var(--main-color);
    background-color: #f0faff8f;
}

/* .slick-row.active{
  background-color: wheat;
} */

.gosource{
  color: darkblue !important;
  cursor: pointer !important;
}

.gosource:hover{
  cursor: pointer !important;
  background-color: khaki !important;
}

.slick-row:hover{
  background-color: lightblue !important;
}

.s-EditLink{
  color: darkblue !important;
}

.s-EditLink:hover{
  background-color: khaki !important;
  cursor: pointer !important;
  color: black !important;
}

.ui-dialog{
  border: 4px solid var(--main-color) !important;
    border-radius: 18px !important;
}

.skin-Tamken-Light-Style .ui-dialog .ui-dialog-titlebar{
  /*background-color: var(--main-color) !important;*/
}

.skin-Tamken-Light-Style .ui-dialog .ui-dialog-title{
  color: white !important;
  font-weight: bold !important;
}


.SidebarMenu_V{
  justify-content: center;
  gap: 10px;
}


/* القائمة الجانبية */

.main-sidebar{
  background-color: var(--main-color) !important;
}

#SidebarMenu_H{

  background-color: var(--main-color) !important;
  flex-direction: column;
    gap: 4px;
    justify-content: center;
    align-items: center;
}

#SidebarMenu_H > li{

 width: 100% !important;
 background-color: transparent !important;
 border-bottom: 0px solid white;
 padding: 5px 2px 5px 4px;
}

#SidebarMenu_H > li:hover{

  background-color: #296788 !important;

 }

 #SidebarMenu_H > li:hover > a{

  color: white !important;

 }


#SidebarMenu_H > li.active > a{
  background-color: #ccc !important;
 /* background-color: aliceblue !important; */
}


 #SidebarMenu_H > li > ul {
padding-right: 20px !important;
}

#SidebarMenu_H > li > a{
  /* font-weight: bold; */
  color: var(--label-color);
  width: 100% !important;
  display: flex;
  align-items: center;
  gap: 8px;
 }


.sidebar-collapse #SidebarMenu_H > li > a {
  justify-content: center !important;

}

/* القائمة الداخلية الأولى */
#SidebarMenu_H > li.active > ul {
  justify-content: center !important;
  display: flex !important;
  flex-direction: column !important;
  /* background-color: aliceblue !important; */


}

#SidebarMenu_H > li > ul {
  /* background-color: aliceblue !important; */
}
#SidebarMenu_H > li > ul > li {
  width: 100% !important;
}

#SidebarMenu_H > li > ul > li > a {
color: black !important;
/* font-weight: bold; */
margin-left: 0 !important;
font-weight: 400 !important;
}


#SidebarMenu_H > li > ul > li:hover{
  background-color: #eee !important;
  color: black !important;

}

#SidebarMenu_H > li > ul > li.active > a{
  background-color: #b8e1f4 !important;
}


.sidebar-collapse #SidebarMenu_H > li > ul {
  display: none !important;
}


/* القائمة الداخلية الثانية */
/* #SidebarMenu_H > li > ul > li > ul > a {
  background-color: yellow !important;

} */
#SidebarMenu_H > li > ul > li > ul> li{
  width: 100% !important;
}



#SidebarMenu_H > li > ul > li > ul > li > a {
  color: black !important;
  /* font-weight: bold;   */
  
}

#SidebarMenu_H > li > ul > li > ul > li:hover > a {
 color: #380ea2 !important
}


#SidebarMenu_H > li > ul > li > ul > li.active > a {
  color: #380ea2 !important
 }


  .sidebar-collapse #SidebarMenu_H > li > ul > li > ul  {
  display: none !important;
}


  #SidebarMenu_H > li > ul > li > ul  {
background-color: #eee !important;
    
    
    }

.sidebar-collapse .navbar {
margin-right: 0 !important;
margin-left: 0 !important;
}



.sidebar-collapse .main-header .logo {
display: none !important;
}

 #SidebarMenu_H > li> a > .fa {
  color: var(--label-color);
 }

 .skin-Tamken-Light-Style .main-header .sidebar-toggle{
  color: black !important;
 }



 .withHorizontalMenu .content{
  padding-top: 0px !important;
 }


 .withVerticalMenu .content-wrapper{
  padding-top: 115px !important;
  padding-bottom:20px ;
 }
 .withHorizontalMenu .content-wrapper{
  padding-top: 75px !important;
  padding-bottom:20px ;
 }

 .withHorizontalMenu .panel-titlebar{
margin-top: 0 !important;
padding-top: 0 !important;
 }


 @media print {

  .withVerticalMenu .content-wrapper{
   padding-top: 5px !important;
   padding-bottom:20px ;
  }
  .withHorizontalMenu .content-wrapper{
   padding-top: 5px !important;
   padding-bottom:20px ;
  }
/* 
  @page {
    counter-increment: page;
  }
  body {
    counter-reset: page;
    margin: 0;
}


      #pageFooter::after {
        content: "Page " counter(page);
        position: fixed;
        bottom: 0;
        width: 100%;
        text-align: center;
        font-size: small;
      }

      #pageFooter {
        display: block;
        position: running(pageFooter);
      }

      @page {
        @bottom-center {
            content: element(pageFooter);
        }
      } */

}

/* 27/5 */
.s-Form{
  margin-top: 0 !important;
}


.skin-Tamken-Light-Style .s-QuickSearchBar{
  position: absolute !important;
}


.qqrcode > * {
  width: 100px !important;
}



.s-Accounts-GensDetailEditor .grid-container.slick-container.ui-widget{
  height: auto !important;
}

.s-Accounts-GensDetailEditor .slick-viewport{
  height: auto !important;
}


#SidebarMenu_H span{
  font-family: 'Droid Arabic Kufi', serif;
    font-style: oblique -20deg !important;
}


#CompanyX{
  min-width: 200px !important;
  line-height: 0 !important;
}


#s2id_CompanyX{
  height: 35px !important;
  display: inline-block !important;
}


.content-fixed{
  min-height: auto !important;
}




@media screen and (max-width: 768px) {
  .s-TamkenSoft-Quotations-QuotationsDialog .slick-header-columns {
    display: none !important;
  }

  .skin-Tamken-Light-Style .s-QuickSearchBar {
   position: fixed !important;
   bottom: 0;
   z-index: 99999999;
   background-color: aliceblue;
}
}




textarea{
  height: 40px !important;
}

.slimScrollDiv{
  height: 100% !important;
}

.SidebarMenu_H{
  height: 100% !important;
  overflow: auto !important;
}

#SidebarMenu_H{
  height: 90vh !important;
  overflow: auto !important;
}
/*  .s-TemplatedDialog  .panel-titlebar{
  display: none !important;
 }
 */
/* themes styles */


/* Tazag Theme */

.jstree-icon{
  opacity: 1 !important;
}
.jstree-themeicon{
  color: yellow !important;
  filter: initial !important;
}

.glyphicon-tree-deciduous{
  filter: initial !important;
  color: green !important;
  font-size: 16px !important;
}

.glyphicon-file{
  filter: initial !important;
  color: #fffde3 !important;
}

.glyphicon-file::before{
  content: "\e022";
  border: 1px solid #1f6136;
  border-radius: 3px;
  padding: 1px;
  background-color: #989898;
}


.ui-dialog.ui-corner-all.ui-widget.ui-widget-content.ui-front.s-MessageDialog.s-ConfirmDialog.ui-dialog-buttons.ui-draggable{
 position: fixed !important;

  top: 15px !important;
}