:root {
  --x:0;
  --y:0;
  --xp:0;
  --yp:0;
  --hue: calc(0 + (var(--xp) * 500));
  --bg: hsl(0 0% 10%);
  --size: 100px;
  --glow: radial-gradient(
            50% 50% at center,
            hsl(var(--hue) 80% 85%),
            hsl(var(--hue) 80% 70%),
            transparent
        )
        calc((var(--x) * 1px) - (var(--size) * 0.5))
        calc((var(--y) * 1px) - (var(--size) * 0.5)) / var(--size) var(--size) no-repeat fixed;
}

html {
  height: 100%;
}

*,*:focus,*:hover{
    outline:none;
}





body  { overscroll-behavior:none; }

@media (min-width: 768px) {
    .modal-dialog {
      width: 800px;
      margin: 30px auto;
    }
}

.spinner {
  animation: spin 1.5s linear infinite;
  position: relative;
  width: 120px;
  height: 120px;
  margin: 100px auto 0;
  border: 2px solid #1f94ed;
  border-radius: 50%;
}
.spinner:after {
  content: "";
  width: 85%;
  height: 85%;
  background: -webkit-linear-gradient(45deg, white 0%, white 40%, rgba(255, 255, 255, 0.7) 60%, rgba(255, 255, 255, 0) 100%);
  position: absolute;
  top: 0;
  left: 0;
  transform: translate(-5%, -5%);
}
.spinner.moon {
  border-left: 0;
  border-top: 0;
}
.spinner.moon:after {
  display: none;
}

@keyframes spin {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}

async {
    display: block;
    /*background: url('/images/spinner1.gif') center center no-repeat;*/
    /*
    height: 230px;
    width: 100%;
    */
    
    animation: spin 1.5s linear infinite;
    position: relative;
    width: 100px;
    height: 100px;
    margin: 100px auto;
    border: 2px solid #1f94ed;
    border-radius: 50% !important;
    border-left: 0;
    border-top: 0;
}

async:after {
  content: "";
  width: 85%;
  height: 85%;
  background: -webkit-linear-gradient(45deg, white 0%, white 40%, rgba(255, 255, 255, 0.7) 60%, rgba(255, 255, 255, 0) 100%);
  position: absolute;
  top: 0;
  left: 0;
  transform: translate(-5%, -5%);
  display: none;
}


.projecttabs > li > a {
   padding:4px 10px;
}

.projecttabs > li > a i.material-icons {
    font-size: 20px;
}

#session_project_comment, #notify_project_text {
    max-width:100% !important;
}

#ajax_load_content #form_change_temp_image img {display:none !important;}

body {
  color: #484848;
  background: #eeeeee;
  font-family: 'Open Sans', sans-serif;
  font-size: 12px;
}
a {
  color: #1985ac;
}
a:hover,
a a:focus {
  color: #167495;
}
h1 {
  font-size: 32px;
  line-height: 32px;
  font-weight: 400;
}
h2 {
  font-size: 16px;
  line-height: 16px;
  font-weight: 400;
}
h3 {
  font-size: 15px;
  line-height: 15px;
  font-weight: 400;
}
h4 {
  font-size: 14px;
  line-height: 14px;
  font-weight: 400;
}
h5 {
  font-size: 13px;
  line-height: 13px;
  font-weight: 400;
}
h6 {
  font-size: 12px;
  line-height: 12px;
  font-weight: 400;
}
hr {
  border-top: 1px solid #eeeeee;
}

.main {
  background: #eeeeee;
  /*padding: 90px 30px 0 280px;*/
  /*padding: 75px 10px 0 265px;*/
  padding:40px 0px 0 190px;
  transition: all 0.5s;
}

.mm-page * {
  transition: all 0.2s;
}



img, .tooltip {
   transition: none !important;
}

.panel .panel-body {
  transition: none !important;
}


.breadcrumb {
  -webkit-border-radius: 0px;
  -moz-border-radius: 0px;
  border-radius: 0px;
  height: 44px;
  padding: 11px 15px;
  position: relative;
  border: 1px solid #d4d4d4;
  -webkit-box-shadow: inset 0 0 1px 1px #ffffff, 0 2px 1px -1px rgba(0, 0, 0, 0.05);
  -moz-box-shadow: inset 0 0 1px 1px #ffffff, 0 2px 1px -1px rgba(0, 0, 0, 0.05);
  box-shadow: inset 0 0 1px 1px #ffffff, 0 2px 1px -1px rgba(0, 0, 0, 0.05);
  text-shadow: 0 1px 1px rgba(255, 255, 255, 0.9);
  margin: 0 0 30px 0;
  overflow: hidden;
}
.breadcrumb li {
  position: relative;
  margin-right: 20px;
}
.breadcrumb > li + li:before {
  position: absolute;
  content: '';
  background: #d4d4d4;
  border-left: 1px solid white;
  border-right: 1px solid white;
  width: 3px;
  height: 44px !important;
  padding: 0;
  display: block;
  top: -12px;
  left: -12px;
}
.breadcrumb > .active {
  color: #d4d4d4;
}
.small,
small {
   /*color: #c8c8c8 !important;*/
}
.well {
  border: 1px solid #d4d4d4;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
  background: #f5f5f5;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border-radius: 2px;
}
blockquote {
  font-size: 14px;
  border-left: 5px solid #eeeeee;
  color: #d4d4d4;
}
blockquote.pull-right {
  border-right: 5px solid #eeeeee;
}
.img-rounded {
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border-radius: 2px;
}
.noselect {
	-webkit-touch-callout: none;
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
}
.pace {
  -webkit-pointer-events: none;
  pointer-events: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
}
.pace-inactive {
  display: none;
}
.pace .pace-progress {
  background: #20a8d8;
  position: fixed;
  z-index: 2000;
  top: 0;
  left: 0;
  height: 2px;
  -webkit-transition: width 1s;
  -moz-transition: width 1s;
  -o-transition: width 1s;
  transition: width 1s;
}
.pace .pace-progress-inner {
  display: block;
  position: absolute;
  right: 0px;
  width: 100px;
  height: 100%;
  box-shadow: 0 0 10px #20a8d8, 0 0 5px #20a8d8;
  opacity: 1.0;
  -webkit-transform: rotate(3deg) translate(0px, -4px);
  -moz-transform: rotate(3deg) translate(0px, -4px);
  -ms-transform: rotate(3deg) translate(0px, -4px);
  -o-transform: rotate(3deg) translate(0px, -4px);
  transform: rotate(3deg) translate(0px, -4px);
}
.pace .pace-activity {
  display: block;
  position: fixed;
  z-index: 2000;
  top: 5px;
  left: 11px;
  width: 31px;
  height: 31px;
  border: solid 1px transparent;
  border-top-color: #20a8d8;
  border-left-color: #20a8d8;
  border-bottom-color: #6fd3f7;
  border-radius: 30px !important;
  -webkit-animation: pace-spinner 600ms linear infinite;
  -moz-animation: pace-spinner 600ms linear infinite;
  -ms-animation: pace-spinner 600ms linear infinite;
  -o-animation: pace-spinner 600ms linear infinite;
  animation: pace-spinner 600ms linear infinite;
  
}
@-webkit-keyframes pace-spinner {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
@-moz-keyframes pace-spinner {
  0% {
    -moz-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -moz-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
@-o-keyframes pace-spinner {
  0% {
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -o-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
@-ms-keyframes pace-spinner {
  0% {
    -ms-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -ms-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
@keyframes pace-spinner {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
/* Text
=================================================================== */
.text-primary {
  color: #20a8d8;
}
.text-success {
  color: #79c447;
}
.text-info {
  color: #67c2ef;
}
.text-warning {
  color: #fabb3d;
}
.text-danger {
  color: #ff5454;
}
/* Main Colors
=================================================================== */
.backgroundColor.primary {
  background: #20a8d8;
}
.backgroundColor.success {
  background: #79c447;
}
.backgroundColor.info {
  background: #67c2ef;
}
.backgroundColor.warning {
  background: #fabb3d;
}
.backgroundColor.danger {
  background: #ff5454;
}
.backgroundColorTitle.primary .title {
  background: #20a8d8;
}
.backgroundColorTitle.success .title {
  background: #79c447;
}
.backgroundColorTitle.info .title {
  background: #67c2ef;
}
.backgroundColorTitle.warning .title {
  background: #fabb3d;
}
.backgroundColorTitle.danger .title {
  background: #ff5454;
}
.clearfix {
  *zoom: 1;
}
.clearfix:before,
.clearfix:after {
  display: table;
  content: "";
  line-height: 0;
}
.clearfix:after {
  clear: both;
}
/* Header Section
=================================================================== */
.navbar {
  margin: 0;
  padding: 0 0 0 175px;
  min-height: inherit;
  height: 40px;
  border: none;
  border-bottom: 1px solid #afafaf;
  -webkit-border-radius: 0px;
  -moz-border-radius: 0px;
  border-radius: 0px;
  color: #414141;
  line-height: 40px;
  background: #eeeeee;
  background: -webkit-linear-gradient(#f8f8f8, #eeeeee);
  background: -o-linear-gradient(#f8f8f8, #eeeeee);
  background: -moz-linear-gradient(#f8f8f8, #eeeeee);
  background: linear-gradient(#f8f8f8, #eeeeee);
  position: fixed;
  width: 100%;
  z-index: 11;
  -webkit-box-shadow: 0 3px 1px -1px rgba(0, 0, 0, 0.05);
  -moz-box-shadow: 0 3px 1px -1px rgba(0, 0, 0, 0.05);
  box-shadow: 0 3px 1px -1px rgba(0, 0, 0, 0.05);
  text-shadow: 0 1px 1px rgba(255, 255, 255, 0.9);
}
.navbar .navbar-actions {
  font-size: 20px;
}
.navbar .navbar-actions a {
  color: #c8c8c8;
  border-right: 1px solid #d5d5d5;
  border-left: none;
}
.navbar .navbar-actions a i {
  border: none !important;
}
.navbar .navbar-form {
  border-right: 1px solid #d5d5d5;
}
.navbar .navbar-form i {
  color: #888;
  font-size: 17px;
  margin-top: 5px;
  position:relative;
}
.navbar .navbar-form input[type=text] {
  border: none;
  -webkit-border-radius: 0px;
  -moz-border-radius: 0px;
  border-radius: 0px;
  margin-top: -5px;
  margin-left: -25px;
  padding-left: 30px;
  background: transparent !important;
  width: 170px;
  max-width: 170px;
  color: #333;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
}

.navbar .navbar-form.collapsed input[type=text] {
    /*
    width: 0px;
    padding-left: 0px;
    */
}

.navbar .navbar-form.collapsed .fa-times {
    /*display:none;*/
}

.navbar .navbar-form .fa:hover {
  cursor:pointer;
}

.navbar .navbar-nav li a {
  padding: 0 10px;
/*   line-height: 59px; */
  line-height: 38px;
  position: relative;
  border-left: 1px solid #d5d5d5 !important;
/*   height: 59px; */
  height: 40px;
}
.navbar .navbar-nav li a:hover {
  background: #f1f1f1;
}
.navbar .navbar-nav li a.disabled {
	pointer-events: none;
}
.navbar .navbar-nav li a.disabled i {
	opacity: 0.3;
}
.navbar .navbar-nav li a i {
/*   margin: 22px 0 0 0; */
margin: 12px 0 0 0;
  width: 32px;
  text-align: center;
  color: #c8c8c8;
  font-size: 18px;
}
.navbar .navbar-nav li a .badge {
  background: #ff5454;
  position: absolute;
  top: 5px;
  right: 5px;
  font-size: 12px;
  line-height: 8px;
  padding: 5px 7px;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border-radius: 200% !important;
}
.navbar .navbar-nav li .dropdown-toggle:active,
.navbar .navbar-nav li .open .dropdown-toggle:active {
  background-color: #f1f1f1 !important;
}
.navbar .navbar-nav li .open .dropdown-toggle {
  border: 1px solid black !important;
}
.navbar .navbar-nav li .dropdown-menu {
  margin-top: 3px;
  border: none;
  -webkit-border-radius: 0px;
  -moz-border-radius: 0px;
  border-radius: 0px;
  border: 1px solid #d4d4d4;
  -webkit-box-shadow: 0 2px 4px rgba(0, 0, 0, 0.125);
  -moz-box-shadow: 0 2px 4px rgba(0, 0, 0, 0.125);
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.125);
  padding: 0;
}
.navbar .navbar-nav li .dropdown-menu:active {
  background: transparent;
  border: 1px solid #d4d4d4 !important;
}
.navbar .navbar-nav li .dropdown-menu:active a {
  border: none !important;
}
.navbar .navbar-nav li .dropdown-menu:after {
  position: absolute;
  top: -7px;
  right: 16px;
  display: inline-block;
  border-right: 8px solid transparent;
  border-bottom: 8px solid white;
  border-left: 8px solid transparent;
  content: '';
}
.navbar .navbar-nav li .dropdown-menu:before {
  position: absolute;
  top: -9.5px;
  right: 16px;
  display: inline-block;
  border-right: 8px solid transparent;
  border-bottom: 8px solid #d4d4d4;
  border-left: 8px solid transparent;
  content: '';
}
.navbar .navbar-nav li .dropdown-menu li {
  padding: 0;
  position: relative;
  min-width: 250px;
  border-bottom: 1px solid #d4d4d4;
  line-height: 40px;
  padding: 0 15px;
}
.navbar .navbar-nav li .dropdown-menu li i {
  font-size: 14px;
}
.navbar .navbar-nav li .dropdown-menu li:last-child {
  border: none;
}
.navbar .navbar-nav li .dropdown-menu li.dropdown-menu-header,
.navbar .navbar-nav li .dropdown-menu li.dropdown-menu-footer {
  background: #f5f5f5;
  -webkit-box-shadow: inset 0 0 1px 1px #ffffff;
  -moz-box-shadow: inset 0 0 1px 1px #ffffff;
  box-shadow: inset 0 0 1px 1px #ffffff;
}
.navbar .navbar-nav li .dropdown-menu li.dropdown-menu-header .progress,
.navbar .navbar-nav li .dropdown-menu li.dropdown-menu-footer .progress {
  border: 1px solid #d4d4d4;
  background: white;
}
.navbar .navbar-nav li .dropdown-menu li.dropdown-menu-header {
  border-bottom: 1px solid #d4d4d4;
}
.navbar .navbar-nav li .dropdown-menu li.divider {
  height: 5px;
  margin: 0;
  background-color: #f5f5f5;
}
.navbar .navbar-nav li .dropdown-menu li a {
  -webkit-border-radius: 0px;
  -moz-border-radius: 0px;
  border-radius: 0px;
  line-height: 40px;
  height: 40px;
  margin: 0 -15px;
  padding: 0 15px;
  border-left: 0 !important;
  background-color: white !important;
}
.navbar .navbar-nav li .dropdown-menu li a:hover {
  background-color: #eeeeee !important;
}
.navbar .navbar-nav li .dropdown-menu li a img.avatar {
  height: 40px;
  -webkit-border-radius: 50em;
  -moz-border-radius: 50em;
  border-radius: 50em;
  border: 1px solid #d4d4d4;
  margin: 0px 10px 0 -5px;
  float: left;
}
.navbar .navbar-nav li .dropdown-menu li a div {
  font-size: 14px;
  line-height: 26px;
  font-weight: bold;
}
.navbar .navbar-nav li .dropdown-menu li a small {
  display: block;
  line-height: 12px;
  font-size: 10px;
  margin-top: -3px;
  font-style: italic;
}
.navbar .navbar-nav li .dropdown-menu li a .label {
  position: absolute;
  right: 10px;
  top: 11px;
}
.navbar .navbar-nav li .dropdown-menu li a i {
  margin: 0 10px 0 -5px;
  border: none;
}
.navbar .navbar-nav li .dropdown-menu li.avatar {
  min-width: 300px;
  height: 60px;
  padding: 0px 15px;
}
.navbar .navbar-nav li .dropdown-menu li.avatar a {
  line-height: 59px;
  height: 59px;
  padding: 9px 15px;
}
.navbar .navbar-nav li .dropdown-menu li.avatar a .label {
  top: 20px;
}
.navbar .navbar-nav .open a:focus {
  background-color: #eeeeee;
}
.navbar .navbar-form {
  margin: 0;
}
/* Sidebar
=================================================================== */
.sidebar {
  background: #414141;
  color: #cccccc;
  position: fixed;
  top: 0;
  left: 0;
  height: 100%;
  width: 190px;
  z-index: 12;
  overflow: hidden;
}
.sidebar a {
  color: #cccccc;
}
.sidebar .sidebar-header {
  padding: 10px;
  height: 60px;
  border-bottom: 1px solid #373737;
  position: relative;
}
.sidebar .sidebar-header.drop-shadow {
  -webkit-box-shadow: 0 3px 1px -1px rgba(0, 0, 0, 0.05);
  -moz-box-shadow: 0 3px 1px -1px rgba(0, 0, 0, 0.05);
  box-shadow: 0 3px 1px -1px rgba(0, 0, 0, 0.05);
}
.sidebar .sidebar-header img {
  width: 40px;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border-radius: 2px;
  float: left;
  margin: 0 10px 0 0;
}
.sidebar .sidebar-header h2,
.sidebar .sidebar-header h3 {
  line-height: 12px;
}
.sidebar .sidebar-header h2 {
  margin-top: 10px;
  font-size: 12px;
  font-weight: 600;
  color: white;
}
.sidebar .sidebar-header h3 {
  font-size: 12px;
}
.sidebar .sidebar-header .user-menu {
  position: absolute;
  top: 0;
  right: 0;
  line-height: 60px;
  width: 60px;
  text-align: center;
}
.sidebar .sidebar-header .user-menu a {
  color: #737373;
  font-size: 24px;
}
.sidebar .sidebar-menu {
  overflow-x: hidden;
  overflow-y: scroll;
  width: 205px;
}
.sidebar ul.nav.nav-sidebar {
  margin: 0;
  width: 205px;
  padding: 5px 0;
}
.sidebar ul.nav.nav-sidebar li {
  margin: 1px; /* 5px 10px; */
  border: 1px solid transparent;
  position: relative;
}
.sidebar ul.nav.nav-sidebar li.active,
.sidebar ul.nav.nav-sidebar li:hover,
.sidebar ul.nav.nav-sidebar li.opened {
  background: #232323;
  color: white;
  border: 1px solid #4a4a4a;
}
.sidebar ul.nav.nav-sidebar li a {
  line-height: 20px;
  font-size: 12px;
  font-weight: 400;
  text-transform: uppercase;
  border: 1px solid transparent;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border-radius: 2px;
  padding:5px 15px;
}
.sidebar ul.nav.nav-sidebar li a.active,
.sidebar ul.nav.nav-sidebar li a:hover,
.sidebar ul.nav.nav-sidebar li a:focus {
  background: transparent;
  color: white;
}
.sidebar ul.nav.nav-sidebar li a i {
  width: 30px;
  text-align: center;
  margin: 0 5px 0 0;
  font-size: 14px;
  color: #a6a6a6;
}
.sidebar ul.nav.nav-sidebar li a .indicator {
  position: absolute;
  top: 14px;
  right: 20px;
}
.sidebar ul.nav.nav-sidebar li a .indicator:before {
  position: absolute;
  font-family: FontAwesome;
  font-style: normal;
  font-weight: normal;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: '\f067';
}
.sidebar ul.nav.nav-sidebar li a .label {
  position: absolute;
  top: 12px;
  right: 10px;
  font-size: 8px !important;
}
.sidebar ul.nav.nav-sidebar li ul {
  display: none;
  background: #343434;
  list-style: none;
  padding: 5px;
}
.sidebar ul.nav.nav-sidebar li ul li {
  margin: 5px;
}
.sidebar ul.nav.nav-sidebar li ul li a {
  display: block;
  line-height: 40px;
  padding-left: 5px;
}
.sidebar ul.nav.nav-sidebar li.opened > a .indicator:before {
  content: '\f068';
}
.sidebar .sidebar-footer {
  color: white;
  position: fixed;
  bottom: 0;
  left: 0;
  width: 190px;
  padding: 10px 20px 10px 20px;
  background: #414141;
  height: 140px;
  border-top: 1px solid transparent;
}
.sidebar .sidebar-footer.drop-shadow {
  border-top: 1px solid #373737;
  -webkit-box-shadow: 0 -3px 1px -1px rgba(0, 0, 0, 0.05);
  -moz-box-shadow: 0 -3px 1px -1px rgba(0, 0, 0, 0.05);
  box-shadow: 0 -3px 1px -1px rgba(0, 0, 0, 0.05);
}
.sidebar .sidebar-footer a {
  color: #747474;
}
.sidebar .sidebar-footer ul.sidebar-footer-menu {
  margin: 0;
  padding: 0;
}
.sidebar .sidebar-footer ul.sidebar-footer-menu li {
  display: inline-block;
  width: 50%;
  margin: 0 -2px;
  text-align: center;
}
.sidebar .sidebar-footer ul.sidebar-footer-menu li:last-child {
  border-left: 1px solid #494949;
}
.sidebar .sidebar-footer ul.sidebar-footer-menu li a {
  padding: 10px;
  display: block;
  font-size: 12px;
  font-weight: 600;
  text-transform: uppercase;
}
.sidebar .sidebar-footer ul.sidebar-footer-menu li a i {
  margin-right: 5px;
}
.sidebar .sidebar-footer .sidebar-brand {
  font-family: verdana;
  border-top: 1px solid #494949;
  text-align: center;
  padding: 15px 0 10px 0;
  color: #343434;
  font-weight: 800;
  font-size: 24px;
  text-shadow: 0px 1px 1px #464646, 0px -1px 1px #1b1b1b;
}
.sidebar .sidebar-footer ul.sidebar-terms {
  margin: 0;
  padding: 0;
}
.sidebar .sidebar-footer ul.sidebar-terms li {
  display: inline-block;
  width: 25%;
  margin: 0 -2px;
  padding: 0;
  text-align: center;
  font-size: 12px;
}
.sidebar #main-menu-min {
  display: block;
  position: relative;
  color: #5a5a5a;
  font-size: 14px;
  line-height: 26px;
  width: 30px;
  height: 30px;
  margin: 20px auto;
  z-index: 2;
  border: 1px solid #5a5a5a;
  -webkit-border-radius: 50em;
  -moz-border-radius: 50em;
  border-radius: 50em;
  text-align: center;
}
body.sidebar-minified .navbar {
  padding: 0 0 0 60px;
}
body.sidebar-minified .navbar .navbar-actions {
  margin-left: -15px;
}
body.sidebar-minified .main {
  width: 100%;
  padding-left: 90px;
}
body.sidebar-minified footer {
  padding: 0 20px 40px 80px;
}
body.sidebar-minified #usage {
  padding: 0 0 0 60px;
}
body.sidebar-minified .sidebar {
  width: 60px;
  overflow: visible;
}
body.sidebar-minified .sidebar .sidebar-header h2,
body.sidebar-minified .sidebar .sidebar-header h3 {
  display: none;
}
body.sidebar-minified .sidebar .sidebar-header .user-menu #sidebar-minify {
  position: fixed;
  bottom: 0 !important;
  left: 0;
  display: visible;
  width: 60px;
  text-align: center;
}
body.sidebar-minified .sidebar .sidebar-menu {
  overflow: visible;
  width: auto;
}
body.sidebar-minified .sidebar ul.nav.nav-sidebar {
  width: auto;
}
body.sidebar-minified .sidebar ul.nav.nav-sidebar span.fa-plus {
  display: none;
}
body.sidebar-minified .sidebar ul.nav.nav-sidebar > li {
  position: relative;
}
body.sidebar-minified .sidebar ul.nav.nav-sidebar > li > a {
  width: 60px;
  position: relative;
  padding: 0;
  line-height: 40px;
  text-align: center;
}
body.sidebar-minified .sidebar ul.nav.nav-sidebar > li > a.open {
  cursor: default;
}
body.sidebar-minified .sidebar ul.nav.nav-sidebar > li > a .text {
  position: absolute;
  z-index: 1000;
  background: #343434;
  min-height: 40px;
  width: 200px;
  padding-left: 15px;
  top: 0px;
  left: 60px;
  display: none !important;
  text-align: left;
}
body.sidebar-minified .sidebar ul.nav.nav-sidebar > li > ul {
  display: none !important;
}
body.sidebar-minified .sidebar ul.nav.nav-sidebar > li:hover > a {
  position: relative;
  cursor: pointer;
}
body.sidebar-minified .sidebar ul.nav.nav-sidebar > li:hover > a .text {
  width: 200px;
  display: block !important;
  margin-top: -2px;
  margin-left: -23px;
  border: 1px solid #4a4a4a;
  background: #232323;
  border-left: 0;
  height: 44px;
}
body.sidebar-minified .sidebar ul.nav.nav-sidebar > li:hover > ul {
  display: block !important;
  position: absolute;
  top: 42px;
  left: 38px;
  z-index: 1000;
  width: 200px;
  border: 1px solid #4a4a4a;
  border-top: 0;
  background: #414141;
  padding: 0;
  margin: 0;
  -webkit-box-shadow: 1px 2px 4px rgba(0, 0, 0, 0.25);
  -moz-box-shadow: 1px 2px 4px rgba(0, 0, 0, 0.25);
  box-shadow: 1px 2px 4px rgba(0, 0, 0, 0.25);
}
body.sidebar-minified .sidebar ul.nav.nav-sidebar > li:hover > ul > li {
  padding: 0;
}
body.sidebar-minified .sidebar ul.nav.nav-sidebar > li:hover > ul > li > a {
  display: block;
  width: 100%;
  line-height: 40px;
}
body.sidebar-minified .sidebar .sidebar-footer {
  display: none;
}
body.sidebar-hidden .navbar {
  padding: 0;
}
body.sidebar-hidden .navbar .navbar-actions {
  margin-left: -15px;
}
body.sidebar-hidden .main {
  width: 100%;
  /* padding: 90px 30px 0 30px;*/
  padding: 35px 0px 0 0px;
  margin: 0;
}
body.sidebar-hidden footer {
  padding: 0 20px 40px 20px;
}
body.sidebar-hidden #usage {
  padding: 0;
}
body.sidebar-hidden .sidebar {
  display: none !important;
}
/* Buttons
=================================================================== */
.btn {
  border: none;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border-radius: 2px;
  text-shadow: none;
  color: #484848;
}
.btn i {
  margin-top: 2px;
}
.btn-default {
  color: #a6a6a6;
  background: #f1f1f1;
  border: 1px solid #d4d4d4;
  -webkit-box-shadow: inset 0 0 1px 1px #ffffff, 0 2px 1px -1px rgba(0, 0, 0, 0.1);
  -moz-box-shadow: inset 0 0 1px 1px #ffffff, 0 2px 1px -1px rgba(0, 0, 0, 0.1);
  box-shadow: inset 0 0 1px 1px #ffffff, 0 2px 1px -1px rgba(0, 0, 0, 0.1);
}
.btn-default:hover,
.btn-default.disabled,
.btn-default[disabled] {
  background-color: #d8d8d8;
  border-color: #8d8d8d;
}
.btn-default:active,
.btn-default.active {
  background-color: #d2d2d2;
  border-color: #878787;
}
.btn-primary {
  color: white;
  background: #20a8d8;
  border: 1px solid #20a8d8;
  -webkit-box-shadow: inset 0 0 1px 1px rgba(255, 255, 255, 0.35), 0 2px 1px -1px rgba(0, 0, 0, 0.2);
  -moz-box-shadow: inset 0 0 1px 1px rgba(255, 255, 255, 0.35), 0 2px 1px -1px rgba(0, 0, 0, 0.2);
  box-shadow: inset 0 0 1px 1px rgba(255, 255, 255, 0.35), 0 2px 1px -1px rgba(0, 0, 0, 0.2);
}
.btn-primary:hover,
.btn-primary.disabled,
.btn-primary[disabled] {
  background-color: #1985ac;
  border-color: #1985ac;
}
.btn-primary:active,
.btn-primary.active {
  background-color: #187fa3;
  border-color: #187fa3;
}
.btn-warning {
  color: white;
  background: #fabb3d;
  border: 1px solid #fabb3d;
  -webkit-box-shadow: inset 0 0 1px 1px rgba(255, 255, 255, 0.35), 0 2px 1px -1px rgba(0, 0, 0, 0.2);
  -moz-box-shadow: inset 0 0 1px 1px rgba(255, 255, 255, 0.35), 0 2px 1px -1px rgba(0, 0, 0, 0.2);
  box-shadow: inset 0 0 1px 1px rgba(255, 255, 255, 0.35), 0 2px 1px -1px rgba(0, 0, 0, 0.2);
}
.btn-warning:hover,
.btn-warning.disabled,
.btn-warning[disabled] {
  background-color: #f9aa0b;
  border-color: #f9aa0b;
}
.btn-warning:active,
.btn-warning.active {
  background-color: #f4a406;
  border-color: #f4a406;
}
.btn-danger {
  color: white;
  background: #ff5454;
  border: 1px solid #ff5454;
  -webkit-box-shadow: inset 0 0 1px 1px rgba(255, 255, 255, 0.35), 0 2px 1px -1px rgba(0, 0, 0, 0.2);
  -moz-box-shadow: inset 0 0 1px 1px rgba(255, 255, 255, 0.35), 0 2px 1px -1px rgba(0, 0, 0, 0.2);
  box-shadow: inset 0 0 1px 1px rgba(255, 255, 255, 0.35), 0 2px 1px -1px rgba(0, 0, 0, 0.2);
}
.btn-danger:hover,
.btn-danger.disabled,
.btn-danger[disabled] {
  background-color: #ff2121;
  border-color: #ff2121;
}
.btn-danger:active,
.btn-danger.active {
  background-color: #ff1717;
  border-color: #ff1717;
}
.btn-success {
  color: white;
  background: #79c447;
  border: 1px solid #79c447;
  -webkit-box-shadow: inset 0 0 1px 1px rgba(255, 255, 255, 0.35), 0 2px 1px -1px rgba(0, 0, 0, 0.2);
  -moz-box-shadow: inset 0 0 1px 1px rgba(255, 255, 255, 0.35), 0 2px 1px -1px rgba(0, 0, 0, 0.2);
  box-shadow: inset 0 0 1px 1px rgba(255, 255, 255, 0.35), 0 2px 1px -1px rgba(0, 0, 0, 0.2);
}
.btn-success:hover,
.btn-success.disabled,
.btn-success[disabled] {
  background-color: #61a434;
  border-color: #61a434;
}
.btn-success:active,
.btn-success.active {
  background-color: #5c9c32;
  border-color: #5c9c32;
}
.btn-info {
  color: white;
  background: #67c2ef;
  border: 1px solid #67c2ef;
  -webkit-box-shadow: inset 0 0 1px 1px rgba(255, 255, 255, 0.35), 0 2px 1px -1px rgba(0, 0, 0, 0.2);
  -moz-box-shadow: inset 0 0 1px 1px rgba(255, 255, 255, 0.35), 0 2px 1px -1px rgba(0, 0, 0, 0.2);
  box-shadow: inset 0 0 1px 1px rgba(255, 255, 255, 0.35), 0 2px 1px -1px rgba(0, 0, 0, 0.2);
}
.btn-info:hover,
.btn-info.disabled,
.btn-info[disabled] {
  background-color: #39afea;
  border-color: #39afea;
}
.btn-info:active,
.btn-info.active {
  background-color: #30ace9;
  border-color: #30ace9;
}
.btn-inverse {
  color: white;
  background: #444444;
  border: 1px solid #444444;
  -webkit-box-shadow: inset 0 0 1px 1px rgba(255, 255, 255, 0.35), 0 2px 1px -1px rgba(0, 0, 0, 0.2);
  -moz-box-shadow: inset 0 0 1px 1px rgba(255, 255, 255, 0.35), 0 2px 1px -1px rgba(0, 0, 0, 0.2);
  box-shadow: inset 0 0 1px 1px rgba(255, 255, 255, 0.35), 0 2px 1px -1px rgba(0, 0, 0, 0.2);
}
.btn-inverse:hover,
.btn-inverse.disabled,
.btn-inverse[disabled] {
  background-color: #2b2b2b;
  border-color: #2b2b2b;
  color: white;
}
.btn-inverse:active,
.btn-inverse.active {
  background-color: #252525;
  border-color: #252525;
}
.btn-facebook,
.btn-twitter,
.btn-linkedin,
.btn-flickr,
.btn-tumblr,
.btn-xing,
.btn-github,
.btn-html5,
.btn-openid,
.btn-stack-overflow,
.btn-youtube,
.btn-css3,
.btn-dribbble,
.btn-google-plus,
.btn-instagram,
.btn-pinterest,
.btn-vk,
.btn-yahoo,
.btn-behance,
.btn-dropbox,
.btn-reddit,
.btn-spotify,
.btn-vine,
.btn-foursquare,
.btn-vimeo {
  color: white !important;
  position: relative;
  text-align: center;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  height: 34px;
  -webkit-box-shadow: 0 2px 1px -1px rgba(0, 0, 0, 0.2);
  -moz-box-shadow: 0 2px 1px -1px rgba(0, 0, 0, 0.2);
  box-shadow: 0 2px 1px -1px rgba(0, 0, 0, 0.2);
}
.btn-facebook:before,
.btn-twitter:before,
.btn-linkedin:before,
.btn-flickr:before,
.btn-tumblr:before,
.btn-xing:before,
.btn-github:before,
.btn-html5:before,
.btn-openid:before,
.btn-stack-overflow:before,
.btn-youtube:before,
.btn-css3:before,
.btn-dribbble:before,
.btn-google-plus:before,
.btn-instagram:before,
.btn-pinterest:before,
.btn-vk:before,
.btn-yahoo:before,
.btn-behance:before,
.btn-dropbox:before,
.btn-reddit:before,
.btn-spotify:before,
.btn-vine:before,
.btn-foursquare:before,
.btn-vimeo:before {
  position: absolute;
  display: block;
  height: 34px;
  width: 34px;
  top: 0;
  left: 0;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border-radius: 2px;
  font-size: 1.33333333em;
  line-height: 36px;
  font-family: 'FontAwesome';
  font-style: normal;
  font-weight: normal;
}
.btn-facebook span,
.btn-twitter span,
.btn-linkedin span,
.btn-flickr span,
.btn-tumblr span,
.btn-xing span,
.btn-github span,
.btn-html5 span,
.btn-openid span,
.btn-stack-overflow span,
.btn-youtube span,
.btn-css3 span,
.btn-dribbble span,
.btn-google-plus span,
.btn-instagram span,
.btn-pinterest span,
.btn-vk span,
.btn-yahoo span,
.btn-behance span,
.btn-dropbox span,
.btn-reddit span,
.btn-spotify span,
.btn-vine span,
.btn-foursquare span,
.btn-vimeo span {
  margin-left: 40px;
}
.btn-facebook:hover,
.btn-twitter:hover,
.btn-linkedin:hover,
.btn-flickr:hover,
.btn-tumblr:hover,
.btn-xing:hover,
.btn-github:hover,
.btn-html5:hover,
.btn-openid:hover,
.btn-stack-overflow:hover,
.btn-youtube:hover,
.btn-css3:hover,
.btn-dribbble:hover,
.btn-google-plus:hover,
.btn-instagram:hover,
.btn-pinterest:hover,
.btn-vk:hover,
.btn-yahoo:hover,
.btn-behance:hover,
.btn-dropbox:hover,
.btn-reddit:hover,
.btn-spotify:hover,
.btn-vine:hover,
.btn-foursquare:hover,
.btn-vimeo:hover {
  color: white;
}
.btn-facebook.icon,
.btn-twitter.icon,
.btn-linkedin.icon,
.btn-flickr.icon,
.btn-tumblr.icon,
.btn-xing.icon,
.btn-github.icon,
.btn-html5.icon,
.btn-openid.icon,
.btn-stack-overflow.icon,
.btn-youtube.icon,
.btn-css3.icon,
.btn-dribbble.icon,
.btn-google-plus.icon,
.btn-instagram.icon,
.btn-pinterest.icon,
.btn-vk.icon,
.btn-yahoo.icon,
.btn-behance.icon,
.btn-dropbox.icon,
.btn-reddit.icon,
.btn-spotify.icon,
.btn-vine.icon,
.btn-foursquare.icon,
.btn-vimeo.icon {
  width: 34px;
}
.btn-facebook.icon span,
.btn-twitter.icon span,
.btn-linkedin.icon span,
.btn-flickr.icon span,
.btn-tumblr.icon span,
.btn-xing.icon span,
.btn-github.icon span,
.btn-html5.icon span,
.btn-openid.icon span,
.btn-stack-overflow.icon span,
.btn-youtube.icon span,
.btn-css3.icon span,
.btn-dribbble.icon span,
.btn-google-plus.icon span,
.btn-instagram.icon span,
.btn-pinterest.icon span,
.btn-vk.icon span,
.btn-yahoo.icon span,
.btn-behance.icon span,
.btn-dropbox.icon span,
.btn-reddit.icon span,
.btn-spotify.icon span,
.btn-vine.icon span,
.btn-foursquare.icon span,
.btn-vimeo.icon span {
  display: none;
}
.btn-facebook.text:before,
.btn-twitter.text:before,
.btn-linkedin.text:before,
.btn-flickr.text:before,
.btn-tumblr.text:before,
.btn-xing.text:before,
.btn-github.text:before,
.btn-html5.text:before,
.btn-openid.text:before,
.btn-stack-overflow.text:before,
.btn-youtube.text:before,
.btn-css3.text:before,
.btn-dribbble.text:before,
.btn-google-plus.text:before,
.btn-instagram.text:before,
.btn-pinterest.text:before,
.btn-vk.text:before,
.btn-yahoo.text:before,
.btn-behance.text:before,
.btn-dropbox.text:before,
.btn-reddit.text:before,
.btn-spotify.text:before,
.btn-vine.text:before,
.btn-foursquare.text:before,
.btn-vimeo.text:before {
  display: none;
}
.btn-facebook.text span,
.btn-twitter.text span,
.btn-linkedin.text span,
.btn-flickr.text span,
.btn-tumblr.text span,
.btn-xing.text span,
.btn-github.text span,
.btn-html5.text span,
.btn-openid.text span,
.btn-stack-overflow.text span,
.btn-youtube.text span,
.btn-css3.text span,
.btn-dribbble.text span,
.btn-google-plus.text span,
.btn-instagram.text span,
.btn-pinterest.text span,
.btn-vk.text span,
.btn-yahoo.text span,
.btn-behance.text span,
.btn-dropbox.text span,
.btn-reddit.text span,
.btn-spotify.text span,
.btn-vine.text span,
.btn-foursquare.text span,
.btn-vimeo.text span {
  margin-left: 0 !important;
}
.btn-facebook.btn-xs,
.btn-twitter.btn-xs,
.btn-linkedin.btn-xs,
.btn-flickr.btn-xs,
.btn-tumblr.btn-xs,
.btn-xing.btn-xs,
.btn-github.btn-xs,
.btn-html5.btn-xs,
.btn-openid.btn-xs,
.btn-stack-overflow.btn-xs,
.btn-youtube.btn-xs,
.btn-css3.btn-xs,
.btn-dribbble.btn-xs,
.btn-google-plus.btn-xs,
.btn-instagram.btn-xs,
.btn-pinterest.btn-xs,
.btn-vk.btn-xs,
.btn-yahoo.btn-xs,
.btn-behance.btn-xs,
.btn-dropbox.btn-xs,
.btn-reddit.btn-xs,
.btn-spotify.btn-xs,
.btn-vine.btn-xs,
.btn-foursquare.btn-xs,
.btn-vimeo.btn-xs {
  height: 22px;
  font-size: 12px;
}
.btn-facebook.btn-xs:before,
.btn-twitter.btn-xs:before,
.btn-linkedin.btn-xs:before,
.btn-flickr.btn-xs:before,
.btn-tumblr.btn-xs:before,
.btn-xing.btn-xs:before,
.btn-github.btn-xs:before,
.btn-html5.btn-xs:before,
.btn-openid.btn-xs:before,
.btn-stack-overflow.btn-xs:before,
.btn-youtube.btn-xs:before,
.btn-css3.btn-xs:before,
.btn-dribbble.btn-xs:before,
.btn-google-plus.btn-xs:before,
.btn-instagram.btn-xs:before,
.btn-pinterest.btn-xs:before,
.btn-vk.btn-xs:before,
.btn-yahoo.btn-xs:before,
.btn-behance.btn-xs:before,
.btn-dropbox.btn-xs:before,
.btn-reddit.btn-xs:before,
.btn-spotify.btn-xs:before,
.btn-vine.btn-xs:before,
.btn-foursquare.btn-xs:before,
.btn-vimeo.btn-xs:before {
  height: 22px;
  width: 22px;
  line-height: 22px;
  font-size: 12px;
}
.btn-facebook.btn-xs span,
.btn-twitter.btn-xs span,
.btn-linkedin.btn-xs span,
.btn-flickr.btn-xs span,
.btn-tumblr.btn-xs span,
.btn-xing.btn-xs span,
.btn-github.btn-xs span,
.btn-html5.btn-xs span,
.btn-openid.btn-xs span,
.btn-stack-overflow.btn-xs span,
.btn-youtube.btn-xs span,
.btn-css3.btn-xs span,
.btn-dribbble.btn-xs span,
.btn-google-plus.btn-xs span,
.btn-instagram.btn-xs span,
.btn-pinterest.btn-xs span,
.btn-vk.btn-xs span,
.btn-yahoo.btn-xs span,
.btn-behance.btn-xs span,
.btn-dropbox.btn-xs span,
.btn-reddit.btn-xs span,
.btn-spotify.btn-xs span,
.btn-vine.btn-xs span,
.btn-foursquare.btn-xs span,
.btn-vimeo.btn-xs span {
  margin-left: 22px;
}
.btn-facebook.btn-xs.icon,
.btn-twitter.btn-xs.icon,
.btn-linkedin.btn-xs.icon,
.btn-flickr.btn-xs.icon,
.btn-tumblr.btn-xs.icon,
.btn-xing.btn-xs.icon,
.btn-github.btn-xs.icon,
.btn-html5.btn-xs.icon,
.btn-openid.btn-xs.icon,
.btn-stack-overflow.btn-xs.icon,
.btn-youtube.btn-xs.icon,
.btn-css3.btn-xs.icon,
.btn-dribbble.btn-xs.icon,
.btn-google-plus.btn-xs.icon,
.btn-instagram.btn-xs.icon,
.btn-pinterest.btn-xs.icon,
.btn-vk.btn-xs.icon,
.btn-yahoo.btn-xs.icon,
.btn-behance.btn-xs.icon,
.btn-dropbox.btn-xs.icon,
.btn-reddit.btn-xs.icon,
.btn-spotify.btn-xs.icon,
.btn-vine.btn-xs.icon,
.btn-foursquare.btn-xs.icon,
.btn-vimeo.btn-xs.icon {
  width: 22px;
}
.btn-facebook.btn-sm,
.btn-twitter.btn-sm,
.btn-linkedin.btn-sm,
.btn-flickr.btn-sm,
.btn-tumblr.btn-sm,
.btn-xing.btn-sm,
.btn-github.btn-sm,
.btn-html5.btn-sm,
.btn-openid.btn-sm,
.btn-stack-overflow.btn-sm,
.btn-youtube.btn-sm,
.btn-css3.btn-sm,
.btn-dribbble.btn-sm,
.btn-google-plus.btn-sm,
.btn-instagram.btn-sm,
.btn-pinterest.btn-sm,
.btn-vk.btn-sm,
.btn-yahoo.btn-sm,
.btn-behance.btn-sm,
.btn-dropbox.btn-sm,
.btn-reddit.btn-sm,
.btn-spotify.btn-sm,
.btn-vine.btn-sm,
.btn-foursquare.btn-sm,
.btn-vimeo.btn-sm {
  height: 30px;
  font-size: 12px;
}
.btn-facebook.btn-sm:before,
.btn-twitter.btn-sm:before,
.btn-linkedin.btn-sm:before,
.btn-flickr.btn-sm:before,
.btn-tumblr.btn-sm:before,
.btn-xing.btn-sm:before,
.btn-github.btn-sm:before,
.btn-html5.btn-sm:before,
.btn-openid.btn-sm:before,
.btn-stack-overflow.btn-sm:before,
.btn-youtube.btn-sm:before,
.btn-css3.btn-sm:before,
.btn-dribbble.btn-sm:before,
.btn-google-plus.btn-sm:before,
.btn-instagram.btn-sm:before,
.btn-pinterest.btn-sm:before,
.btn-vk.btn-sm:before,
.btn-yahoo.btn-sm:before,
.btn-behance.btn-sm:before,
.btn-dropbox.btn-sm:before,
.btn-reddit.btn-sm:before,
.btn-spotify.btn-sm:before,
.btn-vine.btn-sm:before,
.btn-foursquare.btn-sm:before,
.btn-vimeo.btn-sm:before {
  height: 30px;
  width: 30px;
  line-height: 30px;
  font-size: 12px;
}
.btn-facebook.btn-sm span,
.btn-twitter.btn-sm span,
.btn-linkedin.btn-sm span,
.btn-flickr.btn-sm span,
.btn-tumblr.btn-sm span,
.btn-xing.btn-sm span,
.btn-github.btn-sm span,
.btn-html5.btn-sm span,
.btn-openid.btn-sm span,
.btn-stack-overflow.btn-sm span,
.btn-youtube.btn-sm span,
.btn-css3.btn-sm span,
.btn-dribbble.btn-sm span,
.btn-google-plus.btn-sm span,
.btn-instagram.btn-sm span,
.btn-pinterest.btn-sm span,
.btn-vk.btn-sm span,
.btn-yahoo.btn-sm span,
.btn-behance.btn-sm span,
.btn-dropbox.btn-sm span,
.btn-reddit.btn-sm span,
.btn-spotify.btn-sm span,
.btn-vine.btn-sm span,
.btn-foursquare.btn-sm span,
.btn-vimeo.btn-sm span {
  margin-left: 30px;
}
.btn-facebook.btn-sm.icon,
.btn-twitter.btn-sm.icon,
.btn-linkedin.btn-sm.icon,
.btn-flickr.btn-sm.icon,
.btn-tumblr.btn-sm.icon,
.btn-xing.btn-sm.icon,
.btn-github.btn-sm.icon,
.btn-html5.btn-sm.icon,
.btn-openid.btn-sm.icon,
.btn-stack-overflow.btn-sm.icon,
.btn-youtube.btn-sm.icon,
.btn-css3.btn-sm.icon,
.btn-dribbble.btn-sm.icon,
.btn-google-plus.btn-sm.icon,
.btn-instagram.btn-sm.icon,
.btn-pinterest.btn-sm.icon,
.btn-vk.btn-sm.icon,
.btn-yahoo.btn-sm.icon,
.btn-behance.btn-sm.icon,
.btn-dropbox.btn-sm.icon,
.btn-reddit.btn-sm.icon,
.btn-spotify.btn-sm.icon,
.btn-vine.btn-sm.icon,
.btn-foursquare.btn-sm.icon,
.btn-vimeo.btn-sm.icon {
  width: 30px;
}
.btn-facebook.btn-lg,
.btn-twitter.btn-lg,
.btn-linkedin.btn-lg,
.btn-flickr.btn-lg,
.btn-tumblr.btn-lg,
.btn-xing.btn-lg,
.btn-github.btn-lg,
.btn-html5.btn-lg,
.btn-openid.btn-lg,
.btn-stack-overflow.btn-lg,
.btn-youtube.btn-lg,
.btn-css3.btn-lg,
.btn-dribbble.btn-lg,
.btn-google-plus.btn-lg,
.btn-instagram.btn-lg,
.btn-pinterest.btn-lg,
.btn-vk.btn-lg,
.btn-yahoo.btn-lg,
.btn-behance.btn-lg,
.btn-dropbox.btn-lg,
.btn-reddit.btn-lg,
.btn-spotify.btn-lg,
.btn-vine.btn-lg,
.btn-foursquare.btn-lg,
.btn-vimeo.btn-lg {
  height: 45px;
  font-size: 18px;
}
.btn-facebook.btn-lg:before,
.btn-twitter.btn-lg:before,
.btn-linkedin.btn-lg:before,
.btn-flickr.btn-lg:before,
.btn-tumblr.btn-lg:before,
.btn-xing.btn-lg:before,
.btn-github.btn-lg:before,
.btn-html5.btn-lg:before,
.btn-openid.btn-lg:before,
.btn-stack-overflow.btn-lg:before,
.btn-youtube.btn-lg:before,
.btn-css3.btn-lg:before,
.btn-dribbble.btn-lg:before,
.btn-google-plus.btn-lg:before,
.btn-instagram.btn-lg:before,
.btn-pinterest.btn-lg:before,
.btn-vk.btn-lg:before,
.btn-yahoo.btn-lg:before,
.btn-behance.btn-lg:before,
.btn-dropbox.btn-lg:before,
.btn-reddit.btn-lg:before,
.btn-spotify.btn-lg:before,
.btn-vine.btn-lg:before,
.btn-foursquare.btn-lg:before,
.btn-vimeo.btn-lg:before {
  height: 45px;
  width: 45px;
  line-height: 45px;
  font-size: 18px;
}
.btn-facebook.btn-lg span,
.btn-twitter.btn-lg span,
.btn-linkedin.btn-lg span,
.btn-flickr.btn-lg span,
.btn-tumblr.btn-lg span,
.btn-xing.btn-lg span,
.btn-github.btn-lg span,
.btn-html5.btn-lg span,
.btn-openid.btn-lg span,
.btn-stack-overflow.btn-lg span,
.btn-youtube.btn-lg span,
.btn-css3.btn-lg span,
.btn-dribbble.btn-lg span,
.btn-google-plus.btn-lg span,
.btn-instagram.btn-lg span,
.btn-pinterest.btn-lg span,
.btn-vk.btn-lg span,
.btn-yahoo.btn-lg span,
.btn-behance.btn-lg span,
.btn-dropbox.btn-lg span,
.btn-reddit.btn-lg span,
.btn-spotify.btn-lg span,
.btn-vine.btn-lg span,
.btn-foursquare.btn-lg span,
.btn-vimeo.btn-lg span {
  margin-left: 45px;
}
.btn-facebook.btn-lg.icon,
.btn-twitter.btn-lg.icon,
.btn-linkedin.btn-lg.icon,
.btn-flickr.btn-lg.icon,
.btn-tumblr.btn-lg.icon,
.btn-xing.btn-lg.icon,
.btn-github.btn-lg.icon,
.btn-html5.btn-lg.icon,
.btn-openid.btn-lg.icon,
.btn-stack-overflow.btn-lg.icon,
.btn-youtube.btn-lg.icon,
.btn-css3.btn-lg.icon,
.btn-dribbble.btn-lg.icon,
.btn-google-plus.btn-lg.icon,
.btn-instagram.btn-lg.icon,
.btn-pinterest.btn-lg.icon,
.btn-vk.btn-lg.icon,
.btn-yahoo.btn-lg.icon,
.btn-behance.btn-lg.icon,
.btn-dropbox.btn-lg.icon,
.btn-reddit.btn-lg.icon,
.btn-spotify.btn-lg.icon,
.btn-vine.btn-lg.icon,
.btn-foursquare.btn-lg.icon,
.btn-vimeo.btn-lg.icon {
  width: 45px;
}
.btn-facebook {
  background: #3b5998;
  border: 1px solid #3b5998;
}
.btn-facebook:before {
  content: "\f09a";
  background: #344e86;
  margin: -1px;
}
.btn-facebook:hover {
  background: #344e86;
}
.btn-facebook:hover:before {
  background: #2d4373;
}
.btn-twitter {
  background: #00aced;
  border: 1px solid #00aced;
}
.btn-twitter:before {
  content: "\f099";
  background: #0099d4;
  margin: -1px;
}
.btn-twitter:hover {
  background: #0099d4;
}
.btn-twitter:hover:before {
  background: #0087ba;
}
.btn-linkedin {
  background: #4875b4;
  border: 1px solid #4875b4;
}
.btn-linkedin:before {
  content: "\f0e1";
  background: #4169a2;
  margin: -1px;
}
.btn-linkedin:hover {
  background: #4169a2;
}
.btn-linkedin:hover:before {
  background: #395d90;
}
.btn-flickr {
  background: #ff0084;
  border: 1px solid #ff0084;
}
.btn-flickr:before {
  content: "\f16e";
  background: #e60077;
  margin: -1px;
}
.btn-flickr:hover {
  background: #e60077;
}
.btn-flickr:hover:before {
  background: #cc006a;
}
.btn-tumblr {
  background: #32506d;
  border: 1px solid #32506d;
}
.btn-tumblr:before {
  content: "\f173";
  background: #2a435c;
  margin: -1px;
}
.btn-tumblr:hover {
  background: #2a435c;
}
.btn-tumblr:hover:before {
  background: #22364a;
}
.btn-xing {
  background: #026466;
  border: 1px solid #026466;
}
.btn-xing:before {
  content: "\f168";
  background: #024b4d;
  margin: -1px;
}
.btn-xing:hover {
  background: #024b4d;
}
.btn-xing:hover:before {
  background: #013334;
}
.btn-github {
  background: #4183c4;
  border: 1px solid #4183c4;
}
.btn-github:before {
  content: "\f09b";
  background: #3876b4;
  margin: -1px;
}
.btn-github:hover {
  background: #3876b4;
}
.btn-github:hover:before {
  background: #3269a0;
}
.btn-html5 {
  background: #e34f26;
  border: 1px solid #e34f26;
}
.btn-html5:before {
  content: "\f13b";
  background: #d4431b;
  margin: -1px;
}
.btn-html5:hover {
  background: #d4431b;
}
.btn-html5:hover:before {
  background: #be3c18;
}
.btn-openid {
  background: #f78c40;
  border: 1px solid #f78c40;
}
.btn-openid:before {
  content: "\f19b";
  background: #f67d28;
  margin: -1px;
}
.btn-openid:hover {
  background: #f67d28;
}
.btn-openid:hover:before {
  background: #f56f0f;
}
.btn-stack-overflow {
  background: #fe7a15;
  border: 1px solid #fe7a15;
}
.btn-stack-overflow:before {
  content: "\f16c";
  background: #f86c01;
  margin: -1px;
}
.btn-stack-overflow:hover {
  background: #f86c01;
}
.btn-stack-overflow:hover:before {
  background: #df6101;
}
.btn-css3 {
  background: #0170ba;
  border: 1px solid #0170ba;
}
.btn-css3:before {
  content: "\f13c";
  background: #0161a1;
  margin: -1px;
}
.btn-css3:hover {
  background: #0161a1;
}
.btn-css3:hover:before {
  background: #015187;
}
.btn-youtube {
  background: #bb0000;
  border: 1px solid #bb0000;
}
.btn-youtube:before {
  content: "\f167";
  background: #a20000;
  margin: -1px;
}
.btn-youtube:hover {
  background: #a20000;
}
.btn-youtube:hover:before {
  background: #880000;
}
.btn-dribbble {
  background: #ea4c89;
  border: 1px solid #ea4c89;
}
.btn-dribbble:before {
  content: "\f17d";
  background: #e7357a;
  margin: -1px;
}
.btn-dribbble:hover {
  background: #e7357a;
}
.btn-dribbble:hover:before {
  background: #e51e6b;
}
.btn-google-plus {
  background: #bb4b39;
  border: 1px solid #bb4b39;
}
.btn-google-plus:before {
  content: "\f0d5";
  background: #a74333;
  margin: -1px;
}
.btn-google-plus:hover {
  background: #a74333;
}
.btn-google-plus:hover:before {
  background: #943b2d;
}
.btn-instagram {
  background: #517fa4;
  border: 1px solid #517fa4;
}
.btn-instagram:before {
  content: "\f16d";
  background: #497293;
  margin: -1px;
}
.btn-instagram:hover {
  background: #497293;
}
.btn-instagram:hover:before {
  background: #406582;
}
.btn-pinterest {
  background: #cb2027;
  border: 1px solid #cb2027;
}
.btn-pinterest:before {
  content: "\f0d2";
  background: #b51d23;
  margin: -1px;
}
.btn-pinterest:hover {
  background: #b51d23;
}
.btn-pinterest:hover:before {
  background: #9f191f;
}
.btn-vk {
  background: #45668e;
  border: 1px solid #45668e;
}
.btn-vk:before {
  content: "\f189";
  background: #3d5a7d;
  margin: -1px;
}
.btn-vk:hover {
  background: #3d5a7d;
}
.btn-vk:hover:before {
  background: #344d6c;
}
.btn-yahoo {
  background: #400191;
  border: 1px solid #400191;
}
.btn-yahoo:before {
  content: "\f19e";
  background: #350178;
  margin: -1px;
}
.btn-yahoo:hover {
  background: #350178;
}
.btn-yahoo:hover:before {
  background: #2a015e;
}
.btn-behance {
  background: #1769ff;
  border: 1px solid #1769ff;
}
.btn-behance:before {
  content: "\f1b4";
  background: #0059fc;
  margin: -1px;
}
.btn-behance:hover {
  background: #0059fc;
}
.btn-behance:hover:before {
  background: #0050e3;
}
.btn-dropbox {
  background: #007ee5;
  border: 1px solid #007ee5;
}
.btn-dropbox:before {
  content: "\f16b";
  background: #0070cc;
  margin: -1px;
}
.btn-dropbox:hover {
  background: #0070cc;
}
.btn-dropbox:hover:before {
  background: #0062b2;
}
.btn-reddit {
  background: #ff4500;
  border: 1px solid #ff4500;
}
.btn-reddit:before {
  content: "\f1a1";
  background: #e63e00;
  margin: -1px;
}
.btn-reddit:hover {
  background: #e63e00;
}
.btn-reddit:hover:before {
  background: #cc3700;
}
.btn-spotify {
  background: #7ab800;
  border: 1px solid #7ab800;
}
.btn-spotify:before {
  content: "\f1bc";
  background: #699f00;
  margin: -1px;
}
.btn-spotify:hover {
  background: #699f00;
}
.btn-spotify:hover:before {
  background: #588500;
}
.btn-vine {
  background: #00bf8f;
  border: 1px solid #00bf8f;
}
.btn-vine:before {
  content: "\f1ca";
  background: #00a67c;
  margin: -1px;
}
.btn-vine:hover {
  background: #00a67c;
}
.btn-vine:hover:before {
  background: #008c69;
}
.btn-foursquare {
  background: #1073af;
  border: 1px solid #1073af;
}
.btn-foursquare:before {
  content: "\f180";
  background: #0e6498;
  margin: -1px;
}
.btn-foursquare:hover {
  background: #0e6498;
}
.btn-foursquare:hover:before {
  background: #0c5480;
}
.btn-vimeo {
  background: #aad450;
  border: 1px solid #aad450;
}
.btn-vimeo:before {
  content: "\f194";
  background: #a0cf3c;
  margin: -1px;
}
.btn-vimeo:hover {
  background: #a0cf3c;
}
.btn-vimeo:hover:before {
  background: #93c130;
}
.dropdown-menu {
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border-radius: 2px;
  border: 1px solid #d4d4d4;
  -webkit-box-shadow: 0 2px 4px rgba(0, 0, 0, 0.125);
  -moz-box-shadow: 0 2px 4px rgba(0, 0, 0, 0.125);
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.125);
}
.dropdown-menu li a:hover {
  background-color: #eeeeee;
}
.dropdown-menu li.divider {
  background-color: #eeeeee;
}
/* Tabs
=================================================================== */
.panel-heading .nav-tabs {
  float: right;
  margin-right: -3px;
  border: none;
  border-left: 1px solid white;
  border-right: 1px solid white;
}
.panel-heading .nav-tabs li {
  border: none;
  -webkit-border-radius: 0px;
  -moz-border-radius: 0px;
  border-radius: 0px;
}
.panel-heading .nav-tabs li a {
  background: transparent;
  border: none;
  border-left: 1px solid #d4d4d4;
  -webkit-border-radius: 0px;
  -moz-border-radius: 0px;
  border-radius: 0px;
  margin: 0;
  font-size: 14px;
  line-height: 20px;
  font-weight: 300;
  height: 40px;
  color: #484848;
  -webkit-box-shadow: inset 0 0 1px 1px #ffffff;
  -moz-box-shadow: inset 0 0 1px 1px #ffffff;
  box-shadow: inset 0 0 1px 1px #ffffff;
}
.panel-heading .nav-tabs li.active > a {
  background: white;
  border: none;
  border-left: 1px solid #d4d4d4;
}
.panel-heading .nav-tabs li:hover {
  border: none;
}
.panel-heading .nav-tabs li:last-child {
  border-right: 1px solid #d4d4d4;
}
.panel-body .tab-content {
  background: transparent;
  border: none;
  padding: 0;
}
/* Forms
=================================================================== */
.form-horizontal .form-group {
  margin-right: 0px;
  margin-left: 0px;
}
.form-control {
  background-color: #fff !important;
  border: 1px solid #d4d4d4;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border-radius: 2px;
  color: #484848;
  -webkit-box-shadow: inset 0 2px 1px -1px rgba(0, 0, 0, 0.1);
  -moz-box-shadow: inset 0 2px 1px -1px rgba(0, 0, 0, 0.1);
  box-shadow: inset 0 2px 1px -1px rgba(0, 0, 0, 0.1);
}
.form-control-feedback {
  color: #999;
}
.form-control-feedback.fa {
  line-height: 34px;
}
.form-control:focus {
  border-color: #c8c8c8;
  outline: 0;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
}

.form-control::-moz-placeholder {
  color: #888;
}

.form-control:-moz-placeholder {
  color: #888;
}

.form-control:-ms-input-placeholder {
  color: #888;
}

.form-control::-webkit-input-placeholder {
  color: #888;
}

.form-control[disabled],
.form-control[readonly],
fieldset[disabled] .form-control {
  background-color: #eeeeee;
}
.has-success .help-block,
.has-success .control-label,
.has-success .radio,
.has-success .checkbox,
.has-success .radio-inline,
.has-success .checkbox-inline {
  color: #79c447;
}
.has-success .form-control {
  border-color: #79c447;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
}
.has-success .form-control:focus {
  border-color: #61a434;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
}
.has-success .input-group-addon {
  color: #79c447;
  background-color: #b1dd94;
  border-color: #79c447;
}
.has-success .form-control-feedback {
  color: #79c447;
}
.has-warning .help-block,
.has-warning .control-label,
.has-warning .radio,
.has-warning .checkbox,
.has-warning .radio-inline,
.has-warning .checkbox-inline {
  color: #fabb3d;
}
.has-warning .form-control {
  border-color: #fabb3d;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
}
.has-warning .form-control:focus {
  border-color: #f9aa0b;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
}
.has-warning .input-group-addon {
  color: #fabb3d;
  background-color: #fddea0;
  border-color: #fabb3d;
}
.has-warning .form-control-feedback {
  color: #fabb3d;
}
.has-error .help-block,
.has-error .control-label,
.has-error .radio,
.has-error .checkbox,
.has-error .radio-inline,
.has-error .checkbox-inline {
  color: #ff5454;
}
.has-error .form-control {
  border-color: #ff5454;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
}
.has-error .form-control:focus {
  border-color: #ff2121;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
}
.has-error .input-group-addon {
  color: #ff5454;
  background-color: #ffbaba;
  border-color: #ff5454;
}
.has-error .form-control-feedback {
  color: #ff5454;
}
.help-block {
  color: #bbbbbb;
}
.input-group-addon {
  color: #bbbbbb;
  background-color: #f5f5f5;
  border: 1px solid #d4d4d4;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border-radius: 2px;
}
.input-group-addon i {
  width: 14px;
  text-align: center;
}
select {
  background: rgb(255,255,255) url("../img/select.png") no-repeat !important;
  background-size: 24px 20px !important;
  background-position: right center !important;
  -webkit-border-radius: 2px !important;
  -moz-border-radius: 2px !important;
  border-radius: 2px !important;
  border: 1px solid #d4d4d4;
  -webkit-box-shadow: inset 0 0 1px 1px #ffffff, 0 2px 1px -1px rgba(0, 0, 0, 0.1) !important;
  -moz-box-shadow: inset 0 0 1px 1px #ffffff, 0 2px 1px -1px rgba(0, 0, 0, 0.1) !important;
  box-shadow: inset 0 0 1px 1px #ffffff, 0 2px 1px -1px rgba(0, 0, 0, 0.1) !important;
  color: #000000 !important;
  border: none;
  outline: none;
  display: inline-block;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  cursor: pointer;
}
select[disabled] {
  background-color: #eeeeee !important;
  color: #c8c8c8;
}
select[multiple] {
  background: none !important;
}

select[multiple]:hover, select[multiple]:focus, select[multiple]:active {
  background: none !important;
}


select.input-lg {
  padding: 0 11px;
}
select.input-sm {
  padding: 0 12px;
  line-height: 16px;
}
.select2-drop {
  color: #484848;
  border: 1px solid #d4d4d4;
  -webkit-border-radius: 0 0 2px 2px;
  -moz-border-radius: 0 0 2px 2px;
  border-radius: 0 0 2px 2px;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
}
.select2-container-multi .select2-choices {
  -webkit-box-shadow: none !important;
  -moz-box-shadow: none !important;
  box-shadow: none !important;
  -webkit-border-radius: 2px !important;
  -moz-border-radius: 2px !important;
  border-radius: 2px !important;
  border: 1px solid #d4d4d4 !important;
  margin: -7px -13px 0 -13px !important;
  background: white;
}
.select2-default {
  color: #c8c8c8 !important;
  padding-left: 12px !important;
}
.select2-container-multi .select2-choices .select2-search-choice {
  padding: 3px 5px 4px 18px;
  margin: 5px 0 3px 5px;
  border: 1px solid #d4d4d4;
  -webkit-border-radius: 1px;
  -moz-border-radius: 1px;
  border-radius: 1px;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
  background-color: #eeeeee;
  filter: none;
  background-image: none;
  font-size: 11px;
}
.select2-container-multi .select2-choices .select2-search-field input {
  color: #484848;
}
@-moz-document url-prefix() {
  select {
    text-indent: 0.01px;
    text-overflow: '';
  }
  select.input-lg {
    padding: 10px 11px;
  }
  select.input-sm {
    padding: 6px 12px;
  }
  .select2-container-multi .select2-choices {
    border: 1px solid transparent !important;
    background: transparent !important;
    margin: -3px -13px 0 -13px !important;
  }
  .select2-container-multi .select2-choices .select2-search-choice {
    margin: 1px 0 3px 5px;
  }
}
.limiterBox {
  border: 1px solid #d4d4d4;
  border-top: none;
  background-color: #d4d4d4;
  padding: 3px 6px;
  font-size: 10px;
  color: white;
  opacity: .9;
  -webkit-box-sizing: content-box;
  -moz-box-sizing: content-box;
  box-sizing: content-box;
}
.editor {
  max-height: 250px;
  height: 250px;
  background-color: white;
  border-collapse: separate;
  border: 1px solid #d4d4d4;
  padding: 4px;
  -webkit-box-sizing: content-box;
  -moz-box-sizing: content-box;
  box-sizing: content-box;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border-radius: 2px;
  overflow: scroll;
  outline: none;
  margin-top: 20px;
}
div[data-role="editor-toolbar"] {
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.dropdown-menu a {
  cursor: pointer;
}
.custom-checkbox-item {
  display: block;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.custom-checkbox-item + .custom-checkbox-item {
  border-top: 1px solid #f0f2f3;
}
.custom-checkbox {
  display: none;
}
.custom-checkbox-mark {
  position: relative;
  display: inline-block;
  vertical-align: middle;
  margin-right: 16px;
  width: 20px;
  height: 20px;
  border: 1px dotted #d4d4d4;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border-radius: 2px;
}
.custom-checkbox-mark:before {
  content: '';
  display: none;
  position: absolute;
  top: 50%;
  left: 50%;
  margin: -5px 0 0 -6px;
  height: 7px;
  width: 12px;
  border: solid #79c447;
  border-width: 0 0 3px 3px;
  -webkit-transform: rotate(-45deg);
  -moz-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  -o-transform: rotate(-45deg);
  transform: rotate(-45deg);
}
.custom-checkbox-desc {
  font-weight: 400;
}
.custom-checkbox:checked ~ .custom-checkbox-mark {
  border: 1px solid #79c447;
}
.custom-checkbox:checked ~ .custom-checkbox-mark:before {
  display: block;
}
.custom-checkbox:disabled ~ .custom-checkbox-mark {
  border: 1px solid #f5f5f5;
}
.custom-checkbox:disabled ~ .custom-checkbox-mark:before {
  border-color: #f5f5f5;
}
.twitter-typeahead .tt-query,
.twitter-typeahead .tt-hint {
  margin-bottom: 0;
}
.tt-dropdown-menu {
  min-width: 160px;
  margin-top: 2px;
  padding: 5px 0;
  background-color: #fff;
  border: 1px solid #ccc;
  border: 1px solid rgba(0, 0, 0, 0.2);
  *border-right-width: 2px;
  *border-bottom-width: 2px;
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  border-radius: 6px;
  -webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
  -moz-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
  box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
  -webkit-background-clip: padding-box;
  -moz-background-clip: padding;
  background-clip: padding-box;
}
.tt-suggestion {
  display: block;
  padding: 3px 20px;
}
.tt-suggestion.tt-is-under-cursor {
  color: #fff;
  background-color: #0081c2;
  background-image: -moz-linear-gradient(top, #0088cc, #0077b3);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#0088cc), to(#0077b3));
  background-image: -webkit-linear-gradient(top, #0088cc, #0077b3);
  background-image: -o-linear-gradient(top, #0088cc, #0077b3);
  background-image: linear-gradient(to bottom, #0088cc, #0077b3);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff0088cc', endColorstr='#ff0077b3', GradientType=0);
}
.tt-suggestion.tt-is-under-cursor a {
  color: #fff;
}
.tt-suggestion p {
  margin: 0;
}
.modal-content {
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border-radius: 2px;
}
.modal-primary .modal-content {
  border: 1px solid #20a8d8;
}
.modal-primary .modal-content .modal-header {
  background: #20a8d8;
  color: white;
}
.modal-success .modal-content {
  border: 1px solid #79c447;
}
.modal-success .modal-content .modal-header {
  background: #79c447;
  color: white;
}
.modal-info .modal-content {
  border: 1px solid #67c2ef;
}
.modal-info .modal-content .modal-header {
  background: #67c2ef;
  color: white;
}
.modal-warning .modal-content {
  border: 1px solid #fabb3d;
}
.modal-warning .modal-content .modal-header {
  background: #fabb3d;
  color: white;
}
.modal-danger .modal-content {
  border: 1px solid #ff5454;
}
.modal-danger .modal-content .modal-header {
  background: #ff5454;
  color: white;
}
/* Collapse
=================================================================== */
.panel-group .panel {
  -webkit-border-radius: 0px;
  -moz-border-radius: 0px;
  border-radius: 0px;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
  border: 1px solid #d4d4d4;
}
.panel-group .panel .panel-heading {
  background: #eeeeee;
}
/* UI - Progress
=================================================================== */
.progress {
  background: #eeeeee;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border-radius: 2px;
}
.progress .progress-bar {
  background-color: #20a8d8;
}
.progress .progress-bar.progress-bar-success {
  background-color: #79c447;
}
.progress .progress-bar.progress-bar-info {
  background-color: #67c2ef;
}
.progress .progress-bar.progress-bar-warning {
  background-color: #fabb3d;
}
.progress .progress-bar.progress-bar-danger {
  background-color: #ff5454;
}
.progress.thin {
  height: 10px;
}
.progress.thin .progress-bar {
  font-size: 6px;
  line-height: 10px;
}
/* Pagination
=================================================================== */
.pagination li a,
.pagination li span {
  border: 1px solid #d4d4d4;
  color: #20a8d8;
}
.pagination li a:hover,
.pagination li span:hover,
.pagination li a:focus,
.pagination li span:focus {
  color: #167495;
  background-color: #f3f3f3;
  border-color: #d4d4d4;
}
.pagination li:fist-child a,
.pagination li:fist-child span {
  border-top-left-radius: 2px;
  border-bottom-left-radius: 2px;
}
.pagination li:last-child a,
.pagination li:last-child span {
  border-top-right-radius: 2px;
  border-bottom-right-radius: 2px;
}
.pagination li.active a,
.pagination li.active span,
.pagination li.active a:hover,
.pagination li.active span:hover,
.pagination li.active a:focus,
.pagination li.active span:focus {
  background-color: #20a8d8;
  border-color: #20a8d8;
}
.panel {
  -webkit-border-radius: 0px;
  -moz-border-radius: 0px;
  border-radius: 0px;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
  margin-bottom: 30px;
}
.panel .panel-heading {
  line-height: 40px;
  padding: 0 15px;
  min-height: 40px;
  -webkit-border-radius: 0px;
  -moz-border-radius: 0px;
  border-radius: 0px;
  border-bottom: 1px solid #d4d4d4;
  position: relative;
  -webkit-box-shadow: inset 0 0 1px 1px #ffffff;
  -moz-box-shadow: inset 0 0 1px 1px #ffffff;
  box-shadow: inset 0 0 1px 1px #ffffff;
}
.panel .panel-heading i {
  color: #a6a6a3;
  width: 30px;
  display: inline-block;
  font-size: 14px;
}
.panel .panel-heading h2,
.panel .panel-heading h3 {
  display: inline-block;
  margin: 0;
  color: #333333;
  text-transform: uppercase;
  font-weight: 500;
  font-size: 12px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  /*width: 30%;*/
  width:auto;
  margin-right:10px;
  vertical-align: middle;
}
.panel .panel-heading .panel-title {
  display: inline-block;
}
.panel .panel-heading .panel-actions {
  float: right;
  margin-right: -15px;
  border-left: 1px solid white;
  height: 40px;
  font-size: 0;
}
.panel .panel-heading .panel-actions i {
  display: inline-block;
  color: #a6a6a3;
  text-align: center;
  width: 40px;
  -webkit-transition: all 0.1s ease-in-out;
  -moz-transition: all 0.1s ease-in-out;
  -ms-transition: all 0.1s ease-in-out;
  -o-transition: all 0.1s ease-in-out;
  transition: all 0.1s ease-in-out;
  text-decoration: none;
  font-size: 14px;
}
.panel .panel-heading .panel-actions > a {
  display: inline-block;
  height: 40px;
  width: 44px;
  line-height: 50px;
  border-left: 1px solid #d4d4d4;
  text-align: center;
  -webkit-box-shadow: inset 0 0 1px 1px #ffffff;
  -moz-box-shadow: inset 0 0 1px 1px #ffffff;
  box-shadow: inset 0 0 1px 1px #ffffff;
}
.panel .panel-heading .switch {
  margin: 10px;
}
.panel .panel-heading .label.pull-right,
.panel .panel-heading .badge.pull-right {
  margin: 11px 0;
}
.panel .panel-body {
	background-color: #fefefe;
}
.panel .panel-body.no-padding {
  padding: 0;
}
.panel .panel-body.padding-horizontal {
  padding: 0 15px;
}
.panel .panel-body.no-padding-bottom {
  padding-bottom: 0;
}
.panel .panel-footer {
  background: white;
  -webkit-border-radius: 0px;
  -moz-border-radius: 0px;
  border-radius: 0px;
  border-top: 1px solid #d4d4d4;
  position: relative;
  -webkit-box-shadow: inset 0 0 1px 1px #ffffff;
  -moz-box-shadow: inset 0 0 1px 1px #ffffff;
  box-shadow: inset 0 0 1px 1px #ffffff;
}
.panel.panel-default {
  border: 1px solid #d4d4d4;
  -webkit-box-shadow: 0 2px 1px -1px rgba(0, 0, 0, 0.1);
  -moz-box-shadow: 0 2px 1px -1px rgba(0, 0, 0, 0.1);
  box-shadow: 0 2px 1px -1px rgba(0, 0, 0, 0.1);
}
.panel.panel-default .panel-heading {
  background: #f1f1f1;
}
.panel.panel-default .panel-footer {
  background: #f5f5f5;
}
.panel.panel-primary {
  border-color: #20a8d8;
}
.panel.panel-primary .panel-heading,
.panel.panel-primary .panel-footer {
  background: #5dc3e7;
  color: #092f3d;
  border-color: #20a8d8;
}
.panel.panel-success {
  border-color: #79c447;
}
.panel.panel-success .panel-heading,
.panel.panel-success .panel-footer {
  background: #a3d781;
  color: #284315;
  border-color: #79c447;
}
.panel.panel-info {
  border-color: #67c2ef;
}
.panel.panel-info .panel-heading,
.panel.panel-info .panel-footer {
  background: #acdef6;
  color: #106894;
  border-color: #67c2ef;
}
.panel.panel-warning {
  border-color: #fabb3d;
}
.panel.panel-warning .panel-heading,
.panel.panel-warning .panel-footer {
  background: #fcd588;
  color: #815703;
  border-color: #fabb3d;
}
.panel.panel-danger {
  border-color: #ff5454;
}
.panel.panel-danger .panel-heading,
.panel.panel-danger .panel-footer {
  background: #ffa1a1;
  color: #a10000;
  border-color: #ff5454;
}
.panel.panel-minimized .panel-body {
  display: none;
}
/* Alerts
=================================================================== */
.alert {
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border-radius: 2px;
  border-color: transparent !important;
}
.alert-success {
  background: #dbefce;
  border-color: #79c447;
  color: #4a7d28;
}
.alert-success hr {
  border-top-color: #95d06e;
}
.alert-info {
  background: #daf0fb;
  border-color: #67c2ef;
  color: #106894;
}
.alert-info hr {
  border-top-color: #95d5f4;
}
.alert-warning {
  background: #feefd2;
  border-color: #fabb3d;
  color: #b37905;
}
.alert-warning hr {
  border-top-color: #fddea0;
}
.alert-danger {
  background: #ffd4d4;
  border-color: #ff5454;
  color: #ba0000;
}
.alert-danger hr {
  border-top-color: #ffa1a1;
}
/* Labels
=================================================================== */
.label {
  font-size: 10px;
  padding: 4px 6px;
  border: none;
  text-shadow: none;
  color: #484848;
}
.label.label-default {
  background-color: #d4d4d4;
  color: #484848;
}
.label.label-primary {
  background-color: #20a8d8;
}
.label.label-success {
  background-color: #79c447;
}
.label.label-info {
  background-color: #67c2ef;
}
.label.label-warning {
  background-color: #fabb3d;
}
.label.label-danger {
  background-color: #ff5454;
}
/* Footer
=================================================================== */
footer {
  border-top: 1px solid #d4d4d4;
  color: #d4d4d4;
  min-height: 30px;
  line-height: 30px;
  padding: 0px 20px 40px 270px;
  margin: 0;
  position: relative;
  z-index: 1;
  font-size: 10px;
}
footer a {
  color: #d4d4d4;
  font-weight: bold;
}
#usage {
  background: #eeeeee;
  background: -webkit-linear-gradient(#f8f8f8, #eeeeee);
  background: -o-linear-gradient(#f8f8f8, #eeeeee);
  background: -moz-linear-gradient(#f8f8f8, #eeeeee);
  background: linear-gradient(#f8f8f8, #eeeeee);
  position: fixed;
  z-index: 2;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 40px;
  border-top: 1px solid #afafaf;
  -webkit-box-shadow: 0 -2px 1px -1px rgba(0, 0, 0, 0.05);
  -moz-box-shadow: 0 -2px 1px -1px rgba(0, 0, 0, 0.05);
  box-shadow: 0 -2px 1px -1px rgba(0, 0, 0, 0.05);
  padding-left: 250px;
}
#usage ul {
  padding: 0;
  margin: 0;
  font-size: 0;
  line-height: 40px;
}
#usage ul li {
  display: inline-block;
  height: 40px;
  width: 20%;
  font-size: 10px;
  border-right: 1px solid #afafaf;
}
#usage ul li:last-child {
  border-right: none !important;
}
#usage ul li .title,
#usage ul li .bar,
#usage ul li .desc {
  display: inline-block;
  width: 30%;
  float: left;
  padding: 0 5px;
}
#usage ul li .title {
  font-weight: 700;
  text-align: right;
  width: 20%;
}
#usage ul li .text {
  width: 100%;
  padding: 0 15px;
  float: left;
}
#usage ul li .text b {
  font-weight: 700;
}
#usage ul li .bar {
  width: 50%;
}
#usage ul li .bar .progress {
  height: 10px;
  margin-top: 15px;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border-radius: 2px;
}
body.hidden-usage footer {
  padding-bottom: 0;
}
body.hidden-usage #usage {
  display: none;
}
body.static-header .navbar {
  position: relative;
  width: 100%;
}
body.static-header .main {
  padding-top: 30px;
}
body.static-sidebar {
  position: relative;
}
body.static-sidebar .sidebar {
  position: absolute;
}
body.static-sidebar .sidebar .sidebar-menu {
  overflow-x: auto !important;
  overflow-y: auto !important;
}
body.static-sidebar .sidebar .sidebar-footer {
  position: absolute;
}
body.container {
  position: relative;
  -webkit-box-shadow: 0 2px 1px 2px rgba(0, 0, 0, 0.1);
  -moz-box-shadow: 0 2px 1px 2px rgba(0, 0, 0, 0.1);
  box-shadow: 0 2px 1px 2px rgba(0, 0, 0, 0.1);
  padding: 0;
}
body.container .navbar {
  position: relative;
  width: 100%;
}
body.container .sidebar {
  position: absolute;
}
body.container .sidebar .sidebar-footer {
  position: absolute;
}
body.container .main {
  padding-top: 30px;
}
body.container footer {
  margin: 0;
  position: relative;
  z-index: 1;
  font-size: 10px;
}
body.container footer a {
  color: #d4d4d4;
  font-weight: bold;
}
body.container #usage {
  display: none;
}
/* Masonry Gallery
=================================================================== */
.masonry-thumb {
  display: inline-block;
  vertical-align: top;
  margin-bottom: 6px;
}
/* Star Rating
=================================================================== */
.rating {
  unicode-bidi: bidi-override;
  direction: rtl;
  font-size: 30px;
}
.rating span.star,
.rating span.star {
  font-family: FontAwesome;
  font-weight: normal;
  font-style: normal;
  display: inline-block;
}
.rating span.star:hover,
.rating span.star:hover {
  cursor: pointer;
}
.rating span.star:before,
.rating span.star:before {
  content: "\f006";
  padding-right: 5px;
  color: #999999;
}
.rating span.star:hover:before,
.rating span.star:hover:before,
.rating span.star:hover ~ span.star:before,
.rating span.star:hover ~ span.star:before {
  content: "\f005";
  color: #e3cf7a;
}
/* Icons
=================================================================== */
.glyphicons-icon-list div {
  margin: 10px 0;
}
.glyphicons-icon-list div span,
.glyphicons-icon-list div strong {
  font-size: 10px;
}
.glyphicons-icon-list div strong {
  margin-top: -5px;
  display: block;
}
.fontawesome-icon-list div {
  margin: 5px 0;
}
.fontawesome-icon-list .fa {
  width: 20px;
  text-align: center;
  margin-right: 10px;
}
/* File manager
=================================================================== */
.elfinder .elfinder-button {
  -webkit-box-sizing: content-box;
  -moz-box-sizing: content-box;
  box-sizing: content-box;
}
/* Text with HR Line
=================================================================== */
.text-with-hr {
  text-align: center;
  position: relative;
  z-index: 2;
}
.text-with-hr:before {
  position: absolute;
  content: '';
  top: 20px;
  left: 0px;
  width: 100%;
  border-bottom: 1px solid #d4d4d4;
  z-index: -1;
}
.text-with-hr span {
  display: inline-block;
  background: white;
  padding: 10px;
}
#theme-settings {
  position: fixed;
  z-index: 90;
  top: 100px;
  right: -200px;
  border: 1px solid #67c2ef;
  background: white;
  width: 200px;
  padding: 0 15px 15px 15px;
  -webkit-box-shadow: -1px 1px 2px rgba(0, 0, 0, 0.15);
  -moz-box-shadow: -1px 1px 2px rgba(0, 0, 0, 0.15);
  box-shadow: -1px 1px 2px rgba(0, 0, 0, 0.15);
}
#theme-settings #open-close {
  position: absolute;
  top: -1px;
  left: -40px;
  height: 40px;
  width: 40px;
  background: #67c2ef;
  text-align: center;
  line-height: 40px;
  color: white;
  font-size: 18px;
  cursor: pointer;
  -webkit-box-shadow: -1px 1px 2px rgba(0, 0, 0, 0.15);
  -moz-box-shadow: -1px 1px 2px rgba(0, 0, 0, 0.15);
  box-shadow: -1px 1px 2px rgba(0, 0, 0, 0.15);
}
#theme-settings h4 {
  font-weight: 600;
}
#theme-settings ul {
  list-style: none;
  padding: 0;
  margin: 0;
}
#theme-settings ul li {
  height: 30px;
}
/* Page: Activity
=================================================================== */
.activity .panel .panel-heading {
  line-height: 20px;
  height: 70px;
  padding-top: 15px;
}
.activity .panel .panel-heading img {
  height: 40px;
  margin: 0 15px 15px 0;
  float: left;
}
.activity .panel .panel-heading .small {
  color: #d4d4d4;
}
.activity .panel .panel-heading .pull-right {
  font-size: 12px;
  color: #d4d4d4;
}
.activity .panel .panel-heading .pull-right i {
  font-size: 14px;
}
.activity .panel .panel-body .video-container {
  position: relative;
  padding-bottom: 56.25%;
  padding-top: 30px;
  height: 0;
  overflow: hidden;
}
.activity .panel .panel-body .video-container iframe,
.activity .panel .panel-body .video-container object,
.activity .panel .panel-body .video-container embed {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.activity .panel .panel-body .actions {
  background: #f5f5f5;
  margin: 15px -15px 0 -15px;
  padding: 0 20px 0 10px;
  line-height: 50px;
  font-size: 12px;
}
.activity .panel .panel-body .actions .btn {
  font-size: 12px;
  text-decoration: none;
}
.activity .panel .panel-body .media-object {
  width: 30px;
}
.activity .panel .panel-body .media .media-body .media-heading {
  font-weight: 500;
}
.activity .panel .panel-body .media .media-body .small {
  color: #d4d4d4;
}
.activity .panel .panel-body .media .media-body p {
  margin-top: 10px;
  font-size: 12px;
}
/* Page: Inbox
=================================================================== */
.inbox .inbox-menu ul {
  margin-top: 30px;
  padding: 0;
  list-style: none;
}
.inbox .inbox-menu ul li {
  height: 30px;
  padding: 5px 15px;
  position: relative;
}
.inbox .inbox-menu ul li:hover,
.inbox .inbox-menu ul li.active {
  background: #eeeeee;
}
.inbox .inbox-menu ul li.title {
  margin: 20px 0px -5px 0px;
  text-transform: uppercase;
  font-size: 10px;
  color: #d4d4d4;
}
.inbox .inbox-menu ul li.title:hover {
  background: transparent;
}
.inbox .inbox-menu ul li a {
  display: block;
  width: 100%;
  text-decoration: none;
  color: #484848;
}
.inbox .inbox-menu ul li a i {
  margin-right: 10px;
}
.inbox .inbox-menu ul li a .label {
  position: absolute;
  top: 10px;
  right: 15px;
  display: block;
  min-width: 14px;
  height: 14px;
  padding: 2px;
}
.inbox ul.messages-list {
  list-style: none;
  margin: 15px -15px 0 -15px;
  padding: 15px 15px 0 15px;
  border-top: 1px solid #d4d4d4;
}
.inbox ul.messages-list li {
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border-radius: 2px;
  cursor: pointer;
  margin-bottom: 10px;
  padding: 10px;
}
.inbox ul.messages-list li a {
  color: #484848;
}
.inbox ul.messages-list li a:hover {
  text-decoration: none;
}
.inbox ul.messages-list li.unread .header,
.inbox ul.messages-list li.unread .title {
  font-weight: bold;
}
.inbox ul.messages-list li:hover {
  background: #eeeeee;
  border: 1px solid #d4d4d4;
  padding: 9px;
}
.inbox ul.messages-list li:hover .action {
  color: #d4d4d4;
}
.inbox ul.messages-list li .header {
  margin: 0 0 5px 0;
}
.inbox ul.messages-list li .header .from {
  width: 49.9%;
  white-space: nowrap;
  overflow: hidden !important;
  text-overflow: ellipsis;
}
.inbox ul.messages-list li .header .date {
  width: 50%;
  text-align: right;
  float: right;
}
.inbox ul.messages-list li .title {
  margin: 0 0 5px 0;
  white-space: nowrap;
  overflow: hidden !important;
  text-overflow: ellipsis;
}
.inbox ul.messages-list li .description {
  font-size: 12px;
  padding-left: 29px;
}
.inbox ul.messages-list li .action {
  display: inline-block;
  width: 16px;
  text-align: center;
  margin-right: 10px;
  color: #d4d4d4;
}
.inbox ul.messages-list li .action .fa-check-square-o {
  margin: 0 -1px 0 1px;
}
.inbox ul.messages-list li .action .fa-square {
  float: left;
  margin-top: -16px;
  margin-left: 4px;
  font-size: 11px;
  color: white;
}
.inbox ul.messages-list li .action .fa-star.bg {
  float: left;
  margin-top: -16px;
  margin-left: 3px;
  font-size: 12px;
  color: white;
}
.inbox .message .message-title {
  margin-top: 30px;
  padding-top: 10px;
  font-weight: bold;
  font-size: 14px;
}
.inbox .message .header {
  margin: 20px 0 30px 0;
  padding: 10px 0 10px 0;
  border-top: 1px solid #d4d4d4;
  border-bottom: 1px solid #d4d4d4;
}
.inbox .message .header .avatar {
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border-radius: 2px;
  height: 34px;
  width: 34px;
  float: left;
  margin-right: 10px;
}
.inbox .message .header i {
  margin-top: 1px;
}
.inbox .message .header .from {
  display: inline-block;
  width: 50%;
  font-size: 12px;
  margin-top: -2px;
  color: #d4d4d4;
}
.inbox .message .header .from span {
  display: block;
  font-size: 14px;
  font-weight: bold;
  color: #484848;
}
.inbox .message .header .date {
  display: inline-block;
  width: 29%;
  text-align: right;
  float: right;
  font-size: 12px;
  margin-top: 18px;
}
.inbox .message .attachments {
  border-top: 3px solid #eeeeee;
  border-bottom: 3px solid #eeeeee;
  padding: 10px 0px;
  margin-bottom: 20px;
  font-size: 12px;
}
.inbox .message .attachments ul {
  list-style: none;
  margin: 0 0 0 -40px;
}
.inbox .message .attachments ul li {
  margin: 10px 0;
}
.inbox .message .attachments ul li .label {
  padding: 2px 4px;
}
.inbox .message .attachments ul li span.quickMenu {
  float: right;
  text-align: right;
}
.inbox .message .attachments ul li span.quickMenu .fa {
  padding: 5px 0 5px 25px;
  font-size: 14px;
  margin: -2px 0px 0px 5px;
  color: #d4d4d4;
}
.inbox .contacts ul {
  margin-top: 30px;
  padding: 0;
  list-style: none;
}
.inbox .contacts ul li {
  height: 30px;
  padding: 5px 15px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis !important;
  position: relative;
  cursor: pointer;
}
.inbox .contacts ul li .label {
  display: inline-block;
  width: 6px;
  height: 6px;
  padding: 0;
  margin: 0 5px 2px 0px;
}
.inbox .contacts ul li:hover {
  background: #eeeeee;
}
/* Page: Invoice
=================================================================== */
.invoice .header .well p {
  padding: 0;
  margin: 0px 0;
}
.invoice table {
  margin-bottom: 20px !important;
}
/* Page: Tasks
=================================================================== */
.page-todo .tasks {
  background: white;
  padding: 0;
  border-right: 1px solid #d4d4d4;
  margin: -30px 15px -30px -15px;
}
.page-todo .task-list {
  padding: 30px 15px;
  height: 100%;
}
.page-todo .graph {
  height: 100%;
}
.page-todo .priority.high {
  background: #ffeded;
  margin-bottom: 1px;
}
.page-todo .priority.high span {
  background: #ff5454;
  padding: 2px 10px;
  color: white;
  display: inline-block;
  font-size: 12px;
}
.page-todo .priority.medium {
  background: #fef8eb;
  margin-bottom: 1px;
}
.page-todo .priority.medium span {
  background: #fabb3d;
  padding: 2px 10px;
  color: white;
  display: inline-block;
  font-size: 12px;
}
.page-todo .priority.low {
  background: #dbefce;
  margin-bottom: 1px;
}
.page-todo .priority.low span {
  background: #79c447;
  padding: 2px 10px;
  color: white;
  display: inline-block;
  font-size: 12px;
}
.page-todo .task {
  border-bottom: 1px solid #eeeeee;
  margin-bottom: 1px;
  position: relative;
}
.page-todo .task .desc {
  display: inline-block;
  width: 75%;
  padding: 10px 10px;
  font-size: 12px;
}
.page-todo .task .desc .title {
  font-size: 18px;
  margin-bottom: 5px;
}
.page-todo .task .time {
  display: inline-block;
  width: 15%;
  padding: 10px 10px 10px 0px;
  font-size: 12px;
  text-align: right;
  position: absolute;
  top: 0px;
  right: 0px;
}
.page-todo .task .time .date {
  font-size: 18px;
  margin-bottom: 5px;
}
.page-todo .task.last {
  border-bottom: 1px solid transparent;
}
.page-todo .task.high {
  border-left: 2px solid #ff5454;
}
.page-todo .task.medium {
  border-left: 2px solid #fabb3d;
}
.page-todo .task.low {
  border-left: 2px solid #79c447;
}
.page-todo .timeline {
  width: auto;
  height: 100%;
  margin: 20px auto;
  position: relative;
}
.page-todo .timeline:before {
  position: absolute;
  content: '';
  height: 100%;
  width: 4px;
  background: #d4d4d4;
  left: 50%;
  margin-left: -2px;
}
.page-todo .timeslot {
  display: inline-block;
  position: relative;
  width: 100%;
  margin: 5px 0px;
}
.page-todo .timeslot .task {
  position: relative;
  width: 44%;
  display: block;
  border: none;
  -webkit-box-sizing: content-box;
  -moz-box-sizing: content-box;
  box-sizing: content-box;
}
.page-todo .timeslot .task span {
  border: 2px solid #67c2ef;
  background: #f1fafe;
  padding: 5px;
  display: block;
  font-size: 11px;
}
.page-todo .timeslot .task span span.details {
  font-size: 16px;
  margin-bottom: 10px;
}
.page-todo .timeslot .task span span.remaining {
  font-size: 14px;
}
.page-todo .timeslot .task span span {
  border: 0px;
  background: transparent;
  padding: 0px;
}
.page-todo .timeslot .task .arrow {
  position: absolute;
  top: 6px;
  right: 0px;
  height: 20px;
  width: 20px;
  border-left: 12px solid #67c2ef;
  border-top: 12px solid transparent;
  border-bottom: 12px solid transparent;
  margin-right: -18px;
}
.page-todo .timeslot .task .arrow:after {
  position: absolute;
  content: '';
  top: -12px;
  right: 3px;
  height: 20px;
  width: 20px;
  border-left: 12px solid #f1fafe;
  border-top: 12px solid transparent;
  border-bottom: 12px solid transparent;
}
.page-todo .timeslot .icon {
  position: absolute;
  border: 2px solid #d4d4d4;
  background: #414141;
  -webkit-border-radius: 50em;
  -moz-border-radius: 50em;
  border-radius: 50em;
  height: 30px;
  width: 30px;
  top: 0;
  left: 50%;
  margin-left: -17px;
  color: white;
  font-size: 14px;
  line-height: 30px;
  text-align: center;
  text-shadow: none;
  z-index: 2;
  -webkit-box-sizing: content-box;
  -moz-box-sizing: content-box;
  box-sizing: content-box;
}
.page-todo .timeslot .time {
  background: #d4d4d4;
  position: absolute;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  top: 1px;
  left: 50%;
  padding: 5px 10px 5px 40px;
  z-index: 1;
  margin-top: 1px;
}
.page-todo .timeslot.alt .task {
  margin-left: 56%;
  -webkit-box-sizing: content-box;
  -moz-box-sizing: content-box;
  box-sizing: content-box;
}
.page-todo .timeslot.alt .task .arrow {
  position: absolute;
  top: 6px;
  left: 0px;
  height: 20px;
  width: 20px;
  border-left: none;
  border-right: 12px solid #67c2ef;
  border-top: 12px solid transparent;
  border-bottom: 12px solid transparent;
  margin-left: -18px;
}
.page-todo .timeslot.alt .task .arrow:after {
  top: -12px;
  left: 3px;
  height: 20px;
  width: 20px;
  border-left: none;
  border-right: 12px solid #f1fafe;
  border-top: 12px solid transparent;
  border-bottom: 12px solid transparent;
}
.page-todo .timeslot.alt .time {
  top: 1px;
  left: auto;
  right: 50%;
  padding: 5px 40px 5px 10px;
}

.itemEditorSuccessFooterBtn {
  position:fixed;
  float:right;
  bottom:0; /*right:25px;*/
  background-color:#fff;
  /*padding:10px 3px;*/
  width: -webkit-calc(100% - 276px);
  width: -moz-calc(100% - 276px);
  width: calc(100% - 276px);
  z-index:2;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
    .itemEditorSuccessFooterBtn {
        width: 100%;
        right: 45px;
    }
}
@media only screen and (min-width: 495px) and (max-width: 767px) {
    .itemEditorSuccessFooterBtn {
        width: 100%;
        right: 25px;
    }
}
@media only screen /*and (min-width: 399px)*/ and (max-width: 494px) {
    .itemEditorSuccessFooterBtn {
        width: 100%;
        right: 25px;
    }
}


/* Higher than 992 (desktop devices)
====================================================================== */
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .page-todo task .desc {
    display: inline-block;
    width: 70%;
    padding: 10px 10px;
    font-size: 12px;
  }
  .page-todo task .desc .title {
    font-size: 16px;
    margin-bottom: 5px;
  }
  .page-todo task .time {
    display: inline-block;
    float: right;
    width: 20%;
    padding: 10px 10px;
    font-size: 12px;
    text-align: right;
  }
  .page-todo task .time .date {
    font-size: 16px;
    margin-bottom: 5px;
  }
}
/* Tablet Portrait (devices and browsers)
====================================================================== */
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .page-todo .task {
    margin-bottom: 1px;
  }
  .page-todo .task .desc {
    display: inline-block;
    width: 65%;
    padding: 10px 10px;
    font-size: 10px;
    margin-right: -20px;
  }
  .page-todo .task .desc .title {
    font-size: 14px;
    margin-bottom: 5px;
  }
  .page-todo .task .time {
    display: inline-block;
    float: right;
    width: 25%;
    padding: 10px 10px;
    font-size: 10px;
    text-align: right;
  }
  .page-todo .task .time .date {
    font-size: 14px;
    margin-bottom: 5px;
  }
  .page-todo .timeslot .task span {
    padding: 5px;
    display: block;
    font-size: 10px;
  }
  .page-todo .timeslot .task span span {
    border: 0px;
    background: transparent;
    padding: 0px;
  }
  .page-todo .timeslot .task span span.details {
    font-size: 14px;
    margin-bottom: 0px;
  }
  .page-todo .timeslot .task span span.remaining {
    font-size: 12px;
  }
}
/* All Mobile Sizes (devices and browser)
====================================================================== */
@media only screen and (max-width: 767px) {
  .page-todo .tasks {
    position: relative;
    margin: 0px !important;
  }
  .page-todo .graph {
    position: relative;
    margin: 0px !important;
  }
  .page-todo .task {
    margin-bottom: 1px;
  }
  .page-todo .task .desc {
    display: inline-block;
    width: 65%;
    padding: 10px 10px;
    font-size: 10px;
    margin-right: -20px;
  }
  .page-todo .task .desc .title {
    font-size: 14px;
    margin-bottom: 5px;
  }
  .page-todo .task .time {
    display: inline-block;
    float: right;
    width: 25%;
    padding: 10px 10px;
    font-size: 10px;
    text-align: right;
  }
  .page-todo .task .time .date {
    font-size: 14px;
    margin-bottom: 5px;
  }
  .page-todo .timeslot .task span {
    padding: 5px;
    display: block;
    font-size: 10px;
  }
  .page-todo .timeslot .task span span {
    border: 0px;
    background: transparent;
    padding: 0px;
  }
  .page-todo .timeslot .task span span.details {
    font-size: 14px;
    margin-bottom: 0px;
  }
  .page-todo .timeslot .task span span.remaining {
    font-size: 12px;
  }
}
/* Page: Invoice
=================================================================== */
.profile h3 {
  padding: 0 5px;
}
ul.profile-details {
  margin-top: 10px;
  padding: 0 5px;
  list-style: none;
  color: #484848;
}
ul.profile-details li {
  position: relative;
  margin: 0 0 20px 0;
  padding-left: 22px;
}
ul.profile-details li div {
  color: #d4d4d4;
}
ul.profile-details li div i {
  position: absolute;
  top: 4px;
  left: -5px;
  color: #d4d4d4;
  width: 20px;
  text-align: center;
}
/* Login Box & Register Box
=================================================================== */
body.login,
body.signup,
body.password.reset {
  background: #414141;
  background-image: url('/assets/img/login_bg.jpg');
  background-size: cover;
  background-repeat: no-repeat;
  background-positon: center;
}
.login-box,
.register-box {
  padding: 20px;
  margin-top: 50px;
  background-color: rgba(0, 0, 0, 0.75);
  border-radius: 4px;
}
.login-box .header,
.register-box .header {
  color: white;
  text-align: center;
  margin: -20px -20px 20px -20px;
  padding: 15px;
  text-transform: uppercase;
}
.login-box .input-group-addon,
.register-box .input-group-addon {
  background: white !important;
  border-right: none;
  position: relative;
}
.login-box .input-group-addon:after,
.register-box .input-group-addon:after {
  position: absolute;
  content: '';
  border-right: 1px solid #d4d4d4;
  height: 60%;
  width: 1px;
  top: 20%;
  right: 0;
}
.login-box .form-control,
.register-box .form-control {
  font-size: 14px;
  -webkit-box-shadow: none !important;
  -moz-box-shadow: none !important;
  box-shadow: none !important;
  border-left: none;
}
.login-box .form-group,
.register-box .form-group {
  margin-bottom: -1px;
}
.login-box .form-group.first .input-group-addon,
.register-box .form-group.first .input-group-addon {
  -webkit-border-radius: 2px 0 0 0;
  -moz-border-radius: 2px 0 0 0;
  border-radius: 2px 0 0 0;
}
.login-box .form-group.first .form-control,
.register-box .form-group.first .form-control {
  -webkit-border-radius: 0 2px 0 0;
  -moz-border-radius: 0 2px 0 0;
  border-radius: 0 2px 0 0;
}
.login-box .form-group.middle .input-group-addon,
.register-box .form-group.middle .input-group-addon {
  -webkit-border-radius: 0px;
  -moz-border-radius: 0px;
  border-radius: 0px;
}
.login-box .form-group.middle .form-control,
.register-box .form-group.middle .form-control {
  -webkit-border-radius: 0px;
  -moz-border-radius: 0px;
  border-radius: 0px;
}
.login-box .form-group.last .input-group-addon,
.register-box .form-group.last .input-group-addon {
  -webkit-border-radius: 0 0 0 2px;
  -moz-border-radius: 0 0 0 2px;
  border-radius: 0 0 0 2px;
}
.login-box .form-group.last .form-control,
.register-box .form-group.last .form-control {
  -webkit-border-radius: 0 0 2px 0;
  -moz-border-radius: 0 0 2px 0;
  border-radius: 0 0 2px 0;
}
.login-box button,
.register-box button {
  margin: 20px 0 10px 0;
}
.login-box p,
.register-box p {
  margin: -10px 0;
  color: white;
}
.login-box .social,
.register-box .social {
  margin-left: -5px;
  margin-right: -5px;
}
.login-box .social .col-xs-4,
.register-box .social .col-xs-4 {
  padding-left: 5px;
  padding-right: 5px;
}
.login-box .social .col-xs-6,
.register-box .social .col-xs-6 {
  padding-left: 5px;
  padding-right: 5px;
}
.login-box a,
.register-box a {
  color: #d4d4d4;
  font-size: 12px;
}
/* Price Tables
=================================================================== */
.price-table-overlay {
  overflow: scroll;
}
.price-table {
  margin-top: 22px;
  padding-left: 1px;
  min-width: 1000px;
}
.price-table .plan {
  padding: 0 10px;
  float: left;
}
.price-table ul {
  position: relative;
  z-index: 1;
  list-style: none;
  float: left;
  padding: 20px 0;
  text-align: center;
  background: white;
  border: 1px solid #d4d4d4;
  -webkit-box-shadow: 0 2px 1px -1px rgba(0, 0, 0, 0.1);
  -moz-box-shadow: 0 2px 1px -1px rgba(0, 0, 0, 0.1);
  box-shadow: 0 2px 1px -1px rgba(0, 0, 0, 0.1);
  width: 100%;
}
.price-table ul li {
  font-size: 12px;
  line-height: 20px;
  text-shadow: none;
  padding: 10px 15px;
}
.price-table ul li span {
  font-weight: bold;
}
.price-table ul li.header {
  font-size: 24px;
  padding: 25px 0;
}
.price-table ul li.price {
  font-size: 24px;
  padding: 15px 0 40px 0;
  height: 58px;
  font-weight: 700;
}
.price-table ul li.strike {
  text-decoration: line-through;
}
.price-table ul.popular {
  overflow: hidden;
}
.price-table ul.popular .label {
  font-size: 12px;
  line-height: 16px;
  line-height: -50px;
  width: 200px;
  position: absolute;
  top: 20px;
  right: -70px;
  color: white;
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  -webkit-box-shadow: 0 2px 1px -1px rgba(0, 0, 0, 0.2);
  -moz-box-shadow: 0 2px 1px -1px rgba(0, 0, 0, 0.2);
  box-shadow: 0 2px 1px -1px rgba(0, 0, 0, 0.2);
}
.price-table ul:hover {
  background: #67c2ef;
  color: white;
}
.price-table ul:hover .btn {
  background: transparent;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
  border: 2px solid white;
}
.price-table.five .plan {
  width: 20%;
}
.price-table.four .plan {
  width: 25%;
}
.price-table.three .plan {
  width: 33.333%;
}
.price-table.two .plan {
  width: 50%;
}
.price-table.one .plan {
  width: 100%;
}
/* Page 404 & Page 500
=================================================================== */
.box-error {
  margin-top: 200px;
}
.box-error h1 {
  float: left;
  font-size: 48px;
  margin-right: 20px;
}
.box-error p {
  margin-top: -8px;
  font-weight: 300;
}
/* Page LockScreen
=================================================================== */
.login-box-locked {
  position: relative;
  z-index: 9999;
  background: rgba(255, 255, 255, 0.9);
  padding: 30px;
  border: 1px solid #d4d4d4;
  margin-top: 250px;
}
.login-box-locked.type2 {
  background: rgba(255, 255, 255, 0.7);
}
.login-box-locked img.avatar {
  float: left;
  width: 120px;
  margin-right: 20px;
}
.login-box-locked p {
  margin-top: -8px;
  font-weight: 300;
}
.login-box-locked a {
  display: block;
  font-weight: 300;
  margin-top: 5px;
  font-size: 12px;
}
@media (max-width: 479px) {
  .col-xxs-12 {
    width: 100%;
  }
  .panel {
    overflow: hidden;
  }
}
@media screen and (min-width: 768px) {
  .container-fluid.content {
    overflow: hidden;
  }
  .sidebar-collapse.collapse {
    display: block !important;
    height: auto !important;
    padding-bottom: 0;
    overflow: visible !important;
  }
}
@media (max-width: 767px) {
  .container-fluid.content {
    overflow: hidden;
  }
  .main {
    padding: 70px 10px 0 10px !important;
  }
  .navbar .navbar-form {
    display: none;
  }
  .navbar .navbar-nav {
    margin-top: 0px;
    margin: 0;
  }
  .navbar .navbar-nav li {
    float: left;
  }
  .navbar .navbar-left {
    float: left;
  }
  .navbar .navbar-right {
    float: right;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .navbar-form input[type=text] {
    width: 180px !important;
  }
}
@media (max-width: 991px) {
  .sidebar {
    z-index: 30;
    top:40px;
  }

  .fixable {
    margin: 0 auto;
    text-align: center;
  }

  .addonitems, .panel-heading.fixable h2 {
    display: none !important;
  }
  
  .project-status-box .title {
      display: none !important;
  }
  
  .pager li>a, .pager li>span {
    padding:5px 10px;
  }
  
  .panel-heading.fixable {
    padding-left:0 !important;
    padding-right:0 !important;    
  }

  .main {
    padding-left:0 !important;
    padding-right:0 !important;
  }

  .table_pager.pagination.pager {
      margin-left:0 !important;
      height: 39px !important;
      margin: 0px auto !important;
      width: 100%;
      display: block;
  }
  
  .pactions {
      float:none !important;
      margin:0 auto !important;
  }
  .navbar .navbar-form {
      display: block;
  }

  .fa-search, .clearsearch {
      display: none;
  }
  
  .table-responsive {
      overflow-x: auto !important;
  }

  #sidebar-minify {
    display: none;
  }
  .navbar {
    padding: 0;
  }
  .navbar .navbar-actions {
    margin-left: -15px;
  }
  .main {
    padding: 40px 1px 0;
    z-index: 10;
    position: relative;
  }
  footer {
    padding: 0 20px;
    margin-bottom: 0;
    text-align: center;
  }
  #usage {
    display: none;
  }
}
@media (min-width: 992px) and (max-width: 1199px) {
  
}
@media (min-width: 992px) {
  .hidden-xs,
  .hidden-sm,
  .hidden-md,
  .hidden-lg {
    display: inline-block !important;
  }
}
@media (min-width: 1200px) {
  
}

.f-s-12 { font-size: 12px !important; }
.f-s-20 { font-size: 20px !important; }
.f-s-28 { font-size: 28px !important; }

.m-0 { margin: 0px !important; }

.m-10 { margin: 15px !important; }
.m-15 { margin: 15px !important; }
.m-20 { margin: 15px !important; }
.m-25 { margin: 15px !important; }

.m-b-0 { margin-bottom: 0px !important; }
.m-b-3 { margin-bottom: 3px !important; }
.m-b-6 { margin-bottom: 6px !important; }
.m-b-10 { margin-bottom: 10px !important; }
.m-b-15 { margin-bottom: 15px !important; }
.m-b-20 { margin-bottom: 20px !important; }
.m-b-30 { margin-bottom: 30px !important; }
.m-b-40 { margin-bottom: 40px !important; }

.m-t-2 { margin-top: 2px !important; }
.m-t-15 { margin-top: 15px !important; }
.m-t-20 { margin-top: 20px !important; }
.m-t-30 { margin-top: 30px !important; }
.m-t-40 { margin-top: 40px !important; }
.m-t-100 { margin-top: 100px !important; }

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

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

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

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

.width-auto { width: auto !important; }
.width-half { width: 50% !important; }
.width-full { width: 100% !important; }
.width-20 { width: 20px !important; }
.width-200 { width: 200px !important; }

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

.cursor-pointer { cursor: pointer !important; }

.d-i-b {
	display: inline-block !important;
}

.thumb img {
	cursor: pointer;
}

.thumb .style_number {
	position: absolute;
    left: 20px;
    bottom: 2px;
    background-color: rgba(255, 255, 255, 0.7);
    padding: 2px 10px;
}

.panel-heading small {
	color: #333333 !important;
	font-size: 10px !important;
}

.smallstat.actual {
	background-color: #F1F1F1;
}

.table.table-td-valign-middle td {
	vertical-align: middle;
}

#itemlist_table .th4 {
    padding: 8px 22px;
}

.wallview .smallchart .content {
	background-color: #fff;
	padding: 10px;
}

.wallview .smallchart .content img {
	max-width: 100%;
}

.form-control-feedback.color_preview {
    /*
    right: 46px !important;
    top: 5px !important;
    height: 16px !important;
    border-radius: 10px !important;
    width: 16px !important;
    */
    border-radius: 1px !important;
    height: 16px !important;
    right: 53px !important;
    top: 4px !important;
    width: 50px !important;
}

.item_image {
	position: relative;
    display: block;
    /*width: 460px;*/
    width:100%;
    height: 430px;
    text-align: center;
    margin: 0 auto 20px;
    margin-top: 30px;
}

.item_image div.inner, .sorolo-th {
    margin: 10px;
    padding: 20px 0;
    background-image: url('/images/grid.jpg');
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
}

.item_image div.inner .copyright {
	width: 100%;
    display: block;
    text-align: right;
    padding-right: 10px;
    font-size: 10px;
}

.item_image div.inner .structure-image {
	position: relative;
	display: block;
}

.item_image form {
	height: 450px;
}

.item_image .image_container {
	position: relative;
	display: inline-block;
	border: 1px dashed transparent;
}

.item_image .image_container.selected {
	border-color: red;
}

#ajax_load_content_item_image {
    height: 410px;
    position: relative;
    text-align: center;
    vertical-align: middle;
    display: block;
}

#ajax_load_content_item_image .image_selection_div_mouseover,
#ajax_load_content_item_image .image_selection_div_select {
	display: block;
    position: absolute;
    opacity: 0.7;
    z-index: 2;
    /*border: 1px dotted #000;*/
}

#ajax_load_content_item_image .image_selection_div_mouseover .vline, 
#ajax_load_content_item_image .image_selection_div_mouseover .hline{background:#FFF url(/images/cropline.gif);font-size:0;position:absolute; opacity:0.4;}
#ajax_load_content_item_image .image_selection_div_mouseover .vline{height:100%;width:1px!important;}
#ajax_load_content_item_image .image_selection_div_mouseover .vline.right{right:0;}
#ajax_load_content_item_image .image_selection_div_mouseover .hline{height:1px!important;width:100%;}
#ajax_load_content_item_image .image_selection_div_mouseover .hline.bottom{bottom:0;}

#current_field_settings {
	display: none;
}

.panel-group .panel+.panel {
	margin-top: -2px;
}

.panel-group .panel .panel-heading {
	min-height: 30px;
    line-height: 30px;
}

.smallchart.primary .title {
	height: 54px;
}
.smallchart .title {
	padding: 10px 4px !important;
}
th[align=right] {
	text-align: right;
}

.project-status-box {
	background-color: #fff;
	text-align: center;
	margin-bottom: 20px;
	height: 80px;
	/*box-shadow: 4px 4px 10px #dadada;*/
	box-shadow:0 1px 6px 0 rgba(0, 0, 0, 0.12), 1px 1px 1px 0 rgba(0, 0, 0, 0.12);
	border-radius:3px;
	padding: 0px 0;
}

.project-status-box:hover {
	box-shadow: 4px 4px 16px #bbb;
}

.project-status-box .fa {
    font-size: 35px;
    display: block;
    margin-top: 15px;
    color: #777;
    padding: 0px;
    padding-left: 6px;
}

.project-status-box .fa-plus {
	margin-top: 25px;
}

.project-status-box:hover .fa {
	color: #000;
}

.project-status-box.actual {
	background-color: #f5f5f5;
}

.project-status-box.actual .fa {
	color: #000;
}

.project-status-box .value {
	display: block;
	margin-top: 10px;
	font-size: 11px;
	font-weight: 600;
}

.project-status-box .title {
    font-weight: 600;
    font-size: 13px;
    color: #666;
}

.form-group {
	margin-bottom: 4px;
	overflow: hidden;
}

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

label {
	color: #484848 !important;
}

.panel-group.accordion .panel .panel-heading {
	cursor: pointer;
}

.panel-group.accordion .panel .panel-heading:hover {
    background-color: #e1e1e1;
    -webkit-box-shadow: inset 0 0 1px 1px #efefef;
    -moz-box-shadow: inset 0 0 1px 1px #efefef;
    box-shadow: inset 0 0 1px 1px #efefef;
}

.panel-group.accordion .panel .panel-heading .panel-actions {
	height: 30px;
}

.panel-group.accordion .panel .panel-heading .panel-actions > a {
	height: 30px;
	line-height: 40px;
}

.accordion-button {
    position: absolute;
    right: 50px;
    top: 0;
}

.glassez .glass { 
    background-position: center center;
    /*background-size: cover;*/
    border: 1px solid #ccc;
    border-radius: 1px;
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.16), 0 2px 10px rgba(0, 0, 0, 0.12);
    cursor: pointer;
    height: 80px;
    margin: 5px auto;
    max-width: 100%;
    width: 80px;
}

.panelez .glass {
    background-position: 50%;
    background-size: contain;    
    border-radius: 1px;
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.16), 0 2px 10px rgba(0, 0, 0, 0.12);
    cursor: pointer;
    height: 100px;
    margin: 5px auto;
    max-width: 100%;
    width: 42px;
    background-repeat: no-repeat;
}

.panelez .glass:hover {
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.36), 0 2px 10px rgba(0, 0, 0, 0.32);
}

.glassez .glass:hover {
    border-color: #aaa;
}

.col {
    height: 130px;
}

input[type=checkbox] {
	width: 18px;
    height: 18px;
}

.form-control {
	height: auto;
}

.m-width-100 {
	max-width: 100px;
}

.checkbox label {
	padding-left: 26px;
}

.checkbox input[type=checkbox] {
	margin-left: -26px;
	margin-top: -4px;
}

.checkbox label {
	padding-left: 26px;
}

.checkbox input[type=checkbox] {
	margin-left: -26px;
	margin-top: -4px;
}

.print-button .dropdown-menu {
	top: 31px;
	width: 194px;
}

.print-button .dropdown-menu:before {
    position: absolute;
    top: -9.5px;
	left: 10px;
    display: inline-block;
    border-right: 8px solid rgba(0, 0, 0, 0);
    border-bottom: 8px solid #d4d4d4;
    border-left: 8px solid rgba(0, 0, 0, 0);
    content: '';
}

.print-button .dropdown-menu:after {
    position: absolute;
    top: -7px;
    left: 10px;
    display: inline-block;
    border-right: 8px solid rgba(0, 0, 0, 0);
    border-bottom: 8px solid #fff;
    border-left: 8px solid rgba(0, 0, 0, 0);
    content: '';
}
	
.print-button .dropdown-menu form {
	padding: 0 0 0 6px;
}

.print-button .dropdown-menu  button.btn-primary {
	width: 140px;
}

.print-button .dropdown-menu .divider {
	margin: 5px 0;
}

.print-button .dropdown-menu .divider:last-of-type {
	display: none;
}

#item_image #undo_button {
    position: absolute;
    right: 10px;
    top: 10px;
    z-index: 1;
}

#item_image #fullscreen_button {
    position: absolute;
    left: 20px;
    bottom: -10px;
    width: 38px;
    z-index: 1;
}

#item_image #fullscreen_button i {
	font-size: 20px;
}

.item-editor-controls {
	width: 440px;
	max-width: 100%;
    margin: 55px auto 0;
}

.item-editor-controls .row > div {
	text-align: center;
}

.editor_block .input-sm, .editor_block .btn-sm {
    padding:3px 10px;
}

.editor_block .control-label {
    padding-top:4px;
}

.editor_block select.input-sm {
    height: 26px;
    line-height: 23px;
    padding:0px 10px;
}

.editor_block .input-sm+.form-control-feedback {
    height: 27px;
}

.price-btn {
    margin-top: 0px;
    height: 25px !important;
    line-height: 17px !important;
}

#inside_color-mask .btn, #outside_color-mask .btn, select {
    background: rgb(255, 255, 255) url("../img/select2.png") no-repeat scroll right -5px / 27px 62px !important;
    box-shadow: none !important;
    padding-right: 27px !important;
    padding-bottom: 2px !important;
    padding-top: 2px !important;
    text-align: left;
    width: 100%;
    outline:none;
    font-size: 13px !important;
}

#inside_color-mask .btn, #outside_color-mask .btn {
    height:25px !important;
}

#inside_color-mask .btn:focus, #outside_color-mask .btn:focus, select:focus, select:active {
    background: rgb(255, 255, 255) url("../img/select2.png") no-repeat scroll right -35px / 27px 62px !important;
    outline:none;
    font-size: 13px !important;
}


#inside_color-mask .dropdown-menu, #outside_color-mask .dropdown-menu {
    background: rgb(255, 255, 255);
    width: 100%;
}

#inside_color-mask .dropdown-menu > li , #outside_color-mask .dropdown-menu  > li{
    position: relative;
}

.fake-selected { text-align:left; color:#111; }

#inside_color-mask .caret, #outside_color-mask .caret  { display: none; }
.fake-select-wrap { width:100%; }
#load_style_content .form-group.value { overflow:visible; }

#inside_color_preview.color_preview, #outside_color_preview.color_preview {
  border:1px solid #888;
  pointer-events: none;
}

#inside_color_preview.color_preview[style*="rgb(255,255,255)"],
#inside_color_preview.color_preview[style*="rgb(255, 255, 255)"], 
#outside_color_preview.color_preview[style*="rgb(255,255,255)"],
#outside_color_preview.color_preview[style*="rgb(255, 255, 255)"] {
	border-color: #ccc;
}

.dropdown-menu .color-preview {
    border-radius: 1px !important;
    height: 16px !important;
    right: 30px !important;
    top: 5px !important;
    width: 50px !important;
    position:absolute;
    border:1px solid #888;
    pointer-events: none;
}

.dropdown-menu .color-preview[data-color*="rgb(255,255,255)"] {
	border-color: #ccc;
}

#gF_DIV_horz, #gF_DIV_vert, #gGRIDS_horz, #gGRIDS_vert {
    margin: 0 0 0 3px;
    padding: 2px 0 !important;
    width: 44px;
}

.full_btn {
    padding:0 !important;
    height: 38px !important;
}

.sp {
    background: rgba(0, 0, 0, 0) url("../img/undo-redo.png") no-repeat scroll 0 0;
    display: block;
    height: 36px;
    margin: 0 !important;
    width: 36px;
}

.sp-undo {
    background-position: -2px -5px;
    background-size: 90px auto;
}

#undo_button {
    margin-right:10px;
    border-radius: 3px;
}

.editor_block table.width-full {
    margin-bottom:10px;
}

.img-th-wrapper { 
    position:relative;
}

.img-th-wrapper .style_number {
    left:5px;
}


.img-th-wrapper.ui-draggable.ui-draggable-dragging {
    z-index:9999;
  
}

.sorolt-wrapper .img-th-wrapper {
    margin: 0px !important;
    /*
    margin-left: 5px !important;
    margin-top: 3px !important;
    */
}

.sorolt-wrapper .img-thumbnail {
    padding: 0;
    border-radius: 0;
    width: auto;
    height: 80px;
    border: none;
    text-align: center;
    display: block;
    margin: 0 auto;
    min-width: inherit;
}

.img-thumbnail {
    height: 80px;
    width: 80px;
    min-width: 80px;
}

.cell .fa-plus {
    opacity:0;
    text-align: center;
    display: block;
    margin-top: 39%;
    font-size: 19px;
}

.cell.add .fa-plus {
    opacity:1;
}


.mce-notification-inner {
  display:none !important;
}

/* reset styles */
#load_style_content .form-horizontal .col-md-2,
#load_style_content .form-horizontal .col-md-3,
#load_style_content .form-horizontal .col-md-4,
#load_style_content .form-horizontal .col-md-5,
#load_style_content .form-horizontal .col-md-6,
#load_style_content .form-horizontal .col-md-7,
#load_style_content .form-horizontal .col-md-8,
#load_style_content .form-horizontal .col-md-9,
#load_style_content .form-horizontal .col-md-10
{
    padding-left: 0;
    padding-right: 0;
}

#load_style_content .form-horizontal .col-md-9 {
    padding-left: 5px;
}

#load_style_content .form-horizontal .col-md-4, #load_style_content .form-horizontal .col-md-6 {
    padding-left: 5px;
    padding-right: 5px;
}

@media (min-width:992px) and (max-width:1330px) {
    .row.editor_block > .col-md-4 { width: 44%; padding-left:5px; padding-right:0; }
    .row.editor_block > .col-md-8 { width: 56%; padding-left:5px; padding-right:5px; }
    .row.editor_block > .col-md-8 > .btn-group .btn {
	font-size:13px;
	padding: 6px 0;
    }
}

@media (min-width:992px) and (max-width:1248px) {
    .row.editor_block > .col-md-4 .control-label {
	font-size: 11px !important;
    }
}

.main .table .td-action {
    min-width: 82px;
}

.main .table .td-date {
    min-width: 140px;
}
.main .table .td-name {
    min-width: 140px;
}

@media (max-width:1330px) {
  
    .table thead > tr > th, .table tbody > tr > th, .table tfoot > tr > th, .table thead > tr > td, .table tbody > tr > td, .table tfoot > tr > td {
	  padding:7px 2px !important;
    }
  
    .partner-table {
	  /*min-width:985px;*/
    }
}

#item_image_img, .item_image_img {
    display:block !important;
    position: relative !important;
    left:calc(50% - 200px);
    top:calc(50% - 200px);
}

.shadowed, .twod-fullscreen img {
    /*
    -webkit-filter: drop-shadow(6px 8px 2px rgba(0,0,0,0.3));
    filter: url("data:image/svg+xml;utf8,<svg height='0' xmlns='http://www.w3.org/2000/svg'><filter id='drop-shadow'><feGaussianBlur in='SourceAlpha' stdDeviation='4'/><feOffset dx='6' dy='8' result='offsetblur'/><feFlood flood-color='rgba(0,0,0,0.3)'/><feComposite in2='offsetblur' operator='in'/><feMerge><feMergeNode/><feMergeNode in='SourceGraphic'/></feMerge></filter></svg>#drop-shadow");
    -ms-filter: "progid:DXImageTransform.Microsoft.Dropshadow(OffX=6, OffY=8, Color='#444')";
    filter: "progid:DXImageTransform.Microsoft.Dropshadow(OffX=6, OffY=8, Color='#444')";
    */
}


.load_style_content .glass-sel {
    padding-left:0;
}

.clonecolor, .cloneprofile, .cloneglass {
  display: block;
    padding: 3px 20px;
    clear: both;
    font-weight: 400;
    line-height: 1.42857143;
    color: #333;
    white-space: nowrap;
    }

.form-control::-webkit-input-placeholder { color: #333; }
.form-control:-moz-placeholder { color: #333; }
.form-control::-moz-placeholder { color: #333; }
.form-control:-ms-input-placeholder { color: #333; }

.modal-dialog.modal-left {
	margin-right: 50%;
}

.modal-dialog.modal-right {
	margin-left: 50%;
}

@media screen and (max-width: 1000px) {
	.modal-dialog.modal-left,
	.modal-dialog.modal-right {
		margin-right: auto;
		margin-left: auto;
	}
}

/* OSX styles bootstrap buttons */
.btn {
  border-radius: 4px;
  border: 1px solid #979797;
  padding-top: 0;
  padding-bottom: 0;
  height: 21px;
  font-family: Lucida Grande,Lucida Sans,Arial,sans-serif;
  color: #000;
  font-size: 13px;
  line-height: 19px;
  display: inline-block;
}

.btn:hover {
  color: #000;
}

.btn.btn-default {
  background-image: -o-linear-gradient(0deg, #ededed 0, #f3f3f3 50%, #fafafa 50%, #fff 100%);
  background-image: -moz-linear-gradient(0deg, #ededed 0, #f3f3f3 50%, #fafafa 50%, #fff 100%);
  background-image: -ms-linear-gradient(0deg, #ededed 0, #f3f3f3 50%, #fafafa 50%, #fff 100%);
  background-image: linear-gradient(0deg, #ededed 0, #f3f3f3 50%, #fafafa 50%, #fff 100%);
  -moz-box-shadow: 0 1px 0 0 rgba(0,0,0,0.14),inset 0 0 0 1px rgba(255,255,255,0.42),inset 0 1px 0 0 rgba(255,255,255,0.53);
  box-shadow: 0 1px 1px 0 rgba(0,0,0,0.14),inset 0 0 0 1px rgba(255,255,255,0.42),inset 0 1px 0 0 rgba(255,255,255,0.53);
}

.btn.btn-default:active {
  background-color: #ededed;
  background-image: none;
  background-image: -o-linear-gradient(0deg, #a1c5eb 0, #649fec 46%, #4191ec 53%, #94c4eb 100%);
  background-image: -moz-linear-gradient(0deg, #a1c5eb 0, #649fec 46%, #4191ec 53%, #94c4eb 100%);
  background-image: -ms-linear-gradient(0deg, #a1c5eb 0, #649fec 46%, #4191ec 53%, #94c4eb 100%);
  background-image: linear-gradient(0deg, #a1c5eb 0, #649fec 46%, #4191ec 53%, #94c4eb 100%);
  border: 1px solid #557bc8;
}

.btn.btn-primary,
.btn.btn-success {
  border-top-color: #595b71;
  border-bottom-color: #515268;
  border-left-color: #56586f;
  border-right-color: #56586f;
  background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0, #d3f7fd), color-stop(.5, #87c5fb), color-stop(.5, #a1d1f9), color-stop(1, #d4e9fc));
  background-image: -moz-linear-gradient(center bottom, #d3f7fd 0, #87c5fb 50%, #a1d1f9 50%, #d4e9fc 100%);
  -webkit-animation-name: blinking;
  -webkit-animation-timing-function: ease-in-out;
  -webkit-animation-iteration-count: infinite;
  -webkit-animation-duration: 1s;
  -moz-animation-name: blinking;
  -moz-animation-timing-function: ease-in-out;
  -moz-animation-iteration-count: infinite;
  -moz-animation-duration: 1s;
  animation-name: blinking;
  animation-timing-function: ease-in-out;
  animation-iteration-count: infinite;
  animation-duration: 1s;
}

.btn.btn-success {
	color: #fff;
	background-image: none;
	background-color: #5cb85c;
}

.btn.btn-primary:active,
.btn.btn-success:active {
  background-color: #ededed;
  background-image: none;
  background-image: -o-linear-gradient(0deg, #a1c5eb 0, #649fec 46%, #4191ec 53%, #94c4eb 100%);
  background-image: -moz-linear-gradient(0deg, #a1c5eb 0, #649fec 46%, #4191ec 53%, #94c4eb 100%);
  background-image: -ms-linear-gradient(0deg, #a1c5eb 0, #649fec 46%, #4191ec 53%, #94c4eb 100%);
  background-image: linear-gradient(0deg, #a1c5eb 0, #649fec 46%, #4191ec 53%, #94c4eb 100%);
  border: 1px solid #557bc8;
}

.btn.disabled {
  background-image: -o-linear-gradient(0deg, #ededed 0, #f3f3f3 50%, #fafafa 50%, #fff 100%);
  background-image: -moz-linear-gradient(0deg, #ededed 0, #f3f3f3 50%, #fafafa 50%, #fff 100%);
  background-image: -ms-linear-gradient(0deg, #ededed 0, #f3f3f3 50%, #fafafa 50%, #fff 100%);
  background-image: linear-gradient(0deg, #ededed 0, #f3f3f3 50%, #fafafa 50%, #fff 100%);
  border: 1px solid #979797;
  -moz-box-shadow: 0 1px 0 0 rgba(0,0,0,0.14),inset 0 0 0 1px rgba(255,255,255,0.42),inset 0 1px 0 0 rgba(255,255,255,0.53);
  box-shadow: 0 1px 0 0 rgba(0,0,0,0.14),inset 0 0 0 1px rgba(255,255,255,0.42),inset 0 1px 0 0 rgba(255,255,255,0.53);
}

.btn.btn-capsule {
  border-radius: 40px;
  height: 16px;
  background-image: -o-linear-gradient(-89deg, #fbfbfb 0, #dfdfdf 100%);
  background-image: -moz-linear-gradient(-89deg, #fbfbfb 0, #dfdfdf 100%);
  background-image: -ms-linear-gradient(-89deg, #fbfbfb 0, #dfdfdf 100%);
  background-image: linear-gradient(-179deg, #fbfbfb 0, #dfdfdf 100%);
  border: 1px solid #979797;
  -moz-box-shadow: 0 1px 0 0 rgba(0,0,0,0.14);
  box-shadow: 0 1px 0 0 rgba(0,0,0,0.14);
  font-family: Lucida Grande,Lucida Sans,Arial,sans-serif;
  font-size: 11px;
  color: #000;
  line-height: 14px;
  text-shadow: 0 1px 0 rgba(255,255,255,0.5);
}

.btn.btn-capsule:active {
  background-color: #dadada;
  background-image: none;
}

.btn.btn-sm {
  border-radius: 3px;
  border: 1px solid #979797;
  -moz-box-shadow: 0 1px 0 0 rgba(0,0,0,0.14),inset 0 0 0 1px rgba(255,255,255,0.42),inset 0 1px 0 0 rgba(255,255,255,0.53);
  box-shadow: 0 1px 0 0 rgba(0,0,0,0.14),inset 0 0 0 1px rgba(255,255,255,0.42),inset 0 1px 0 0 rgba(255,255,255,0.53);
  font-family: Lucida Grande,Lucida Sans,Arial,sans-serif;
  font-size: 11px;
  color: #000;
  line-height: 13px;
  display: inline-block;
  height: 16px;
}

.btn.btn-sm i {
	margin-top: 0;
}

.btn.btn-sm:active {
  background-color: #dadada;
  background-image: none;
}

.btn.btn-lg {
  height: 31px;
  line-height: 31px;
  font-size: 16px !important;
  padding-top: 0;
  padding-bottom: 0;
}

.btn.btn-on-grey {
  background-image: -o-linear-gradient(-89deg, #fdfdfd 0, #ececec 100%);
  background-image: -moz-linear-gradient(-89deg, #fdfdfd 0, #ececec 100%);
  background-image: -ms-linear-gradient(-89deg, #fdfdfd 0, #ececec 100%);
  background-image: linear-gradient(-179deg, #fdfdfd 0, #ececec 100%);
  border: 1px solid #8e8e8e;
  font-family: Lucida Grande,Lucida Sans,Arial,sans-serif;
  font-size: 13px;
  min-width: 96px;
}

.btn.btn-on-grey:active {
  background-image: -o-linear-gradient(-89deg, #e6e6e6 0, #e3e3e3 100%);
  background-image: -moz-linear-gradient(-89deg, #e6e6e6 0, #e3e3e3 100%);
  background-image: -ms-linear-gradient(-89deg, #e6e6e6 0, #e3e3e3 100%);
  background-image: linear-gradient(-179deg, #e6e6e6 0, #e3e3e3 100%);
  border: 1px solid #8e8e8e;
  -moz-box-shadow: inset 0 1px 5px 0 rgba(0,0,0,0.4);
  box-shadow: inset 0 1px 5px 0 rgba(0,0,0,0.4);
}

.btn.btn-modern {
  border-radius: 4px;
  background-color: #fff !important;
  background-image: none !important;
  -moz-box-shadow: 0 1px 1px 0 rgba(255,254,255,0.59),inset 0 1px 2px 0 #fff;
  box-shadow: 0 1px 1px 0 rgba(255,254,255,0.59),inset 0 1px 2px 0 #fff;
  font-family: Lucida Grande,Lucida Sans,Arial,sans-serif;
  font-size: 12px;
  list-style: 12px;
  color: #333;
}

.btn.btn-modern:active,.btn.btn-modern.btn-sm:active {
  background-image: none;
  outline: 0;
  -webkit-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.btn-modern span[class^="entypo-"],.btn.btn-modern span[class*=" entypo-"] {
  font-size: 14px;
}

.btn.btn-help {
  background-image: -o-linear-gradient(-89deg, #fff 0, #f3f3f3 50%, #ececec 50%, #f1f1f1 100%);
  background-image: -moz-linear-gradient(-89deg, #fff 0, #f3f3f3 50%, #ececec 50%, #f1f1f1 100%);
  background-image: -ms-linear-gradient(-89deg, #fff 0, #f3f3f3 50%, #ececec 50%, #f1f1f1 100%);
  background-image: linear-gradient(-179deg, #fff 0, #f3f3f3 50%, #ececec 50%, #f1f1f1 100%);
  border: 1px solid #8d8d8d;
  border-radius: 30px;
  height: 21px;
  width: 21px;
  display: inline-block;
  color: #434343;
  padding: 0;
}

.btn.btn-tall {
	height: 55px;
    line-height: 55px;
}

.btn.btn-tall.btn-block {
	width: 55px;
}
/*viewproduct120*/
.btn-sm span.szem{
	width:44px;
	height:30px;
	background-image:url(../images/icon_2_prod.png);
	background-repeat:no-repeat;
	background-position:top 0 left 0;
}
.btn-sm span.szem:hover{
	background-image:url(../images/icon_2_prod_hover.png);
}

.editor-selector {
    overflow: hidden;
    /*width: 100%;*/
    margin-top: 10px;
}

.editor-selector > ul {
    list-style: outside none none;
    text-align: left;
    padding: 0px;
}
.editor-selector input {
    vertical-align: bottom;
}

.editor-selector li {
    float: left;
    margin: 0 5px;
}

@media screen and (min-width: 768px) {
	#acc_profile, #acc_category {
		width: 200px;
	}
}

#dimension_params label {
	white-space: nowrap;
}

.itemlist-preview {
	position: relative;
	overflow: hidden;
}

.itemlist-preview .fa {
	position: absolute;
	bottom: 2px;
	right: 2px;
	font-size: 11px;
	color: #fff;
}

.itemlist-preview .corner {
	-ms-transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    width: 36px;
    height: 36px;
    background-color: #000;
    opacity: 0.5;
    position: absolute;
    bottom: -18px;
    right: -18px;
}

.tooltip.in {
	opacity: 1;
}

.tooltip .tooltip-inner {
	background-color: #fff;
	color: #222;
	box-shadow: 0 0 12px 0 #666;
	max-width: 600px;
}

.tooltip.right .tooltip-arrow {
	border-right-color: #fff;
}

.panel .panel-heading .nav-tabs i {
	width: auto;
}

.window-grid {
	text-align: center;
	font-size: 11px;
	margin-bottom: 5px;
	padding-top: 5px;
}

.window-grid.current {
	background-color: #eeffa8;
}

.window-grid:not(.current) {
	cursor: pointer;
}

.window-grid:not(.current):hover {
	background-color: #f1f1f1;
}

.window-grid table {
	width: 60px;
	height: 60px;
	margin: 0 auto 5px;
}

.window-grid table td {
	padding: 0 !important;
	border-color: #aaa !important;
}

.popover {
	z-index: 10;
}

.btn.acc-popup {
	position: relative;
	padding: 0px 5px;
}

.btn.acc-popup .badge {
	position: absolute;
    top: -6px;
    right: -5px;
    background-color: #20209A;
    color: #fff;
    font-size: 8px;
    line-height: 9px;
    padding: 2px 4px;
    border-radius: 16px;
}

.twod-fullscreen {
	position: fixed;
    left: 0;
    top: 0;
    z-index: 12;
    width: 100%;
    height: 100%;
    background-color: #fff;
    background-image: url('/images/grid.jpg');
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
}

.twod-fullscreen .close {
	position: absolute;
    right: 20px;
    top: 20px;
}

.twod-fullscreen .close i {
	font-size: 40px;
}

.twod-fullscreen .copyright {
	font-size: 10px;
    position: absolute;
    right: 2px;
    bottom: 2px;
}

.twod-fullscreen img {
    position: absolute;
}

.popover {
	max-width: 600px;
}

.popover .table td {
	white-space: nowrap;
}

.table-responsive {
	overflow-y: auto;
	overflow: visible;
}

select.input-sm {
    padding: 0px 25px 1px 2px !important;
    height: 25px;
    /*background-color: transparent !important;*/
    appearance: none;
    -moz-appearance: none;
    -ms-appearance: none;
    -webkit-appearance: none;
    line-height: 16px; 
}

.webshop-accordion .form-group {
   margin-right: -20px;
}

#session_project_item_comment {
	color: #ff0000;
    font-weight: 600;
}

.sorolt-wrapper {
    background:#fff; padding-top:0px; padding-bottom:0px; width: calc(86px * 6); height:calc(86px * 4); margin-left: 0px !important; margin-bottom: 6px;
}

.cell {
    border:1px solid rgba(0,0,0,0.06);
    background:rgba(0,0,0,0.03);
    height: 86px;
    width: 86px;
    padding: 0;
}

.cell.disabled.add {
    border:1px solid rgba(0,0,0,0.06);
    background:rgba(222, 54, 53, 0.53);
}
.cell.disabled.add .fa-plus {
    opacity:0;
}

.row2 .cell {
    border-bottom:1px solid rgba(0,0,0,0.36);
}
.row3 .cell {
    border-top:1px solid rgba(0,0,0,0.36);
}

.cell:nth-child(3) {
    border-right:1px solid rgba(0,0,0,0.36);
}
.cell:nth-child(4) {
    border-left:1px solid rgba(0,0,0,0.36);
}
 
 
.united .m-10 { 
    margin: 2px !important;
}

.addextra {
    font-size: 13px;
    line-height: 18px;
    margin-left: 10px;
    padding: 1px 8px 4px;
    width: 250px;
}


.ui-widget-content {
    background: #ffffff !important;
    border: 1px solid #ccc !important;
}

.ui-widget-content a {
    color: #545454 !important;
}

.ui-state-focus {
    background: #fefefe !important;
    border: 1px solid #ccc !important;
    color: #333333 !important;
    border-radius: 3px !important;
}

.ui-autocomplete li a span {
    font-size:12px;
}

.ui-autocomplete li a span.price {
    font-weight: bold;
    margin-right: 6px;
    margin-left: 15px;
}

.extra_img_placeholder {
    max-width: 100px;
}

.widget-zoom-button {
    /*background-color: rgba(255, 255, 255, 1);*/
    background-image:linear-gradient(0deg, #ededed 0px, #f3f3f3 50%, #fafafa 50%, #fff 100%);
    border-radius: 2px;
    box-sizing: border-box;
    cursor: pointer;
    display: block;
    height: 29px;
    left: 0;
    overflow: hidden;
    position: absolute;
    transition: background-color 0.16s ease-out 0s;
    width: 29px;
    z-index: 2;
    padding: 0;
    border:none;
}

.widget-zoom-button.widget-zoom-in {
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
    top: 0;
}
.widget-zoom-button.widget-zoom-out {
    border-top-left-radius: 0;
    border-top-right-radius: 0;
    bottom: 0;
}

.widget-zoom-slider-invisible {
    box-shadow: 0 1px 4px rgba(0, 0, 0, 0.3);
    height: 57px;
}
.widget-zoom {
    background-clip: padding-box;
    cursor: pointer;
    outline: medium none;
    position: relative;
    width: 29px;
    z-index: 0;
}
.noselect {
    -moz-user-select: none;
}
.widget-zoom-button .widget-zoom-icon {
    background:transparent url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAPAAAAA8CAQAAADydv/WAAAHQklEQVR4AcyYT2gc1xnAf997szuzktayLbnC/+pA1TpRKC701EuQ2wQMFbXdRockx4J7KIQG95ZCEmhuNQ2FHGzoMclBTdoUFQxpWpF7IaZEsVsF4tqSUCXZlkerndmZeV+X4YGXxY5H9KD9voOG974fvE+/Gc18EmWwQgTwofr/swMdAsiczAJzzCoK6G5YfMc8khUdNLky6w89p2h1UfKQhgdcsiCYJRsZK1Bo4iYLHIpWZbEYBFAcnh1gwSLItFk3qRwTuK2hHnILDlWtxmIwCOL1Ojw7uHoXA+r76mHdWHBF2rnfoTOVV1AsCF22TAsUdMr07CAK9noJ1oPIdgzUXVIcysmrKPZ6AwIsBnAUdNmBVmywN6JoZLiZNTUESWtxK062TyYUuMezRIzQpEkIpMTEbOPZSoJ/dppRf7l1+e/sKq6dNp51W6cqsiKYyWCinvyAg/6uvBN9vNZZynEVBBsC6vSwfEwHz1aJv5xWf2bZ+uEu+z3bw35YiRVRc7tea+q4nCmOSAO0bVf0qmxk8bGOfPWpBUOdJuOc4QgNoM0KV9kgpoNDqwn+lFN4X5e/s0vBn4pn9dqpiqzItE1rxZD7RKf8yqJ5xu6E2UJRQbClxhCf4FkWeYYdMoqqgud7+p3ZZb9ne9gPq7GC3Whsj4XHeYfjfu0WL6W3RjbH2xToV7M0GKOP5RabeHYQBZvv2mbYHs4XeNIvXQ+mG604/Ueh7nEslpBhelimaZHi2UET/IZ5zf5npDZhJvWKHvZdrMoFt5StfX37jeI195g/0CNMMMkVPMsqF1hijW0K3IAKfjrYH9JM/sZJv3Qj+j7xvfSzvILggC5LD0uXJSUfOMECMGdmg9VmccQ8Jb/ja37nv/qy+9yuHI7n8lkHgD6MxRDQ5AhP0cPyMp+zQkyOZwdCsAj4g5sngrHQ7NOP1EuSG/Kcu7+Zfpnj8AdWfThbCt7HRz2Cn+M+KX3sHgsWfC7YpwNpZkdlSi8x7nc35KIu1pY1/iyfLlB89rPYUvBRpuhhucgiy6XgHnaPBYsgs7IusSTSMvtsFJlmdvWBpNoZFyfJ/WLYRdrUQzqnqOoDFp/+q7JJD8sZYv9VqT49u2eCSzm3gygIbDuo1dKmHrFP8mvG/P4mvyquy0oYZ1kjz4skP+Zl4Vk/JwTUyie4j+V6+QRnpeIcz+6dYD8Y3bajNjH7pWXrNgvrw/k83/IF/wpmOq1a2imGi3saua3iWOGHJsRr9aO+9e/gHpYZyndw2aYrf3p2TwT7udeG+xs6FIRJGNWSppmQb/BLDviKu/xGv3BrUZxkUZqnsnOvXaRTuRccENJgiJCwFDxBH8sXrJWCU1J2aJOS77HgaftlcLTmutmxdZMG1ExD/sA3fcG/9XnXJgvzjqsXJjPZcvZEvlB4weWdXKbFlNcNeliep8uSl3KzMnOKPRVs10LTLA7qmBnVIRMWwxzkOC/R9BUx73CLO7blunLdlmzaOy6eSCkAS0iTg4wxWkp+BEurlLvFJneI6bKiD+be39IbJ4n8VcINeuOV/rn4Wh8rPaz2sac8K/K6zAXUo2flTTWIoCAIJ6j72g43UbTcUXH6avJXOrP56/6Ops6zvIlBgEewACiOV+my5Kgq+Lm3Yr/ySv9cfHYXvys/FwuyVIuGo/FiRn9BoFZEDYaAYYyvdbTIceJUpSCXt+x8spG0JnMo68aZoctiER7B4lC6LG8xzwYtsgeCz/FHqsX5y3+iN/jnOa3Iyvlve1Zk1mwHqw37Y35Ptfhp8cHh9kg+56Bsr8EuWD6g3fuPj/ld9DvT1++PzklFVs//uWSROfO9ejiaH5UX9GI1Vi7pe8FyurWUTUONUY7yAhVZLvEey2zR2VPB67X1oegnXKFaXEjeP7RzKPOCawyxC5b32SHbO8GY1bB+ID1hXtSfV2PlbfdueLNz93AHqHOAE7xIRZa3eZeb3OV/7ZtBSgQxEEV/xW5wFl5kLileci7iYpRuUy7cNGh9GoQo4b3NrAITfhOSqlfvBEzAHNFzHNFcsqa8ZPFMmvyZRKGDQscUpUpKlTQbaDbQLqRdSMOfhj/KzgBlB+kO6Q5tdm5tFvEd8Z3RFUZXGD5j+AwOIf1+LQHPDwETMBAwEDAQMBDwrI+il1DJcxaPnzj8VhzXDg7YN/w9vuF/fu0wfMP/FlfV3HRN0/APeY5rRwbslR1ZvLJzdsMjI/bKTmuv0Yr/3fMpezfKTlMozF67UXYGUEh3u4lpSS/d+SOrlu4GUEh3H2s0xRb6xprK7A+bke7Wcs9fe92MdDeAQpt9jF7E1PItvTbrv2ijzQ6g0GYvsfT2c0it5x53o81etKhYq65dd/npQo8X3z1efC85Jb4bvPju8eK7x4rvCqkISfLiu1/LdCHThQyfMXxGwATMEf0vjujJL1lcsmZ/JvFMotBBoYNSJaVKmg00G/4e2oVAwx8IGAgYCBgIGAgYPgGuITCwPt2g6AAAAABJRU5ErkJggg==") no-repeat scroll 0 0 / 120px 30px;
    display: block;
    height: 15px;
    left: 7px;
    position: absolute;
    top: 7px;
    width: 15px;
}

.widget-zoom-button.widget-zoom-in .widget-zoom-icon {
    background-position: 0 0;
}

.widget-zoom-button.widget-zoom-in:hover .widget-zoom-icon {
    background-position: -30px 0;
}
.widget-zoom-button.widget-zoom-in:active .widget-zoom-icon {
    background-position: -45px 0;
}

.widget-zoom-button.widget-zoom-out .widget-zoom-icon {
    background-position: 0 -15px;
}
.widget-zoom-button.widget-zoom-out:hover .widget-zoom-icon {
    background-position: -30px -15px;
}
.widget-zoom-button.widget-zoom-out:active .widget-zoom-icon {
    background-position: -45px -15px;
}

.widget-zoom-button-divider {
    background-color: rgb(90%, 90%, 90%);
    height: 1px;
    left: 5px;
    position: absolute;
    top: 28px;
    transition: background-color 0.16s ease-out 0s;
    width: 19px;
    z-index: 3;
}

#zoom {
    position: absolute;
    right: 24px;
    top: 60px;
    z-index: 1;
}

.twod-fullscreen #zoom {
    right: 20px;
    top: 90px;
}

.widget-zoom {
    cursor: pointer;
}

.footer-wrapper::after {
    content: "";
    height: 359px;
    left: -50%;
    margin-left: 0;
    position: absolute;
    top: -8px;
    width: 2000px;
    z-index: -1;
}

.footer{
  background-color: #383838;
      /*height: 359px;*/
      overflow: hidden;
}

.footer-wrapper{
  padding-bottom: 35px;
    padding-top: 25px;
    position: relative;
}

.footer-content .flickr_badge_wrapper .flickr_badge_image{
    float: left;
    height: auto;
    margin: 0 2.22222% 2.22222% 0;
    width: 30.3704%;
}

.footer .footer-col .footer-content .footer-content-text {
  color: #c9c9c9;
    line-height: 20px;
}

.footer .footer-col .footer-title {
    color: #f2f2f2;
    font-family: "Raleway",sans-serif;
    font-weight: bold;
    margin: 0 0 20px;
    padding: 0 0 8px;
    text-transform: uppercase;
}

.footer .footer-col .footer-content .footer-category-list {
    color: #c9c9c9;
    list-style-type: none;
    padding-left: 0;
}

.footer .footer-col .footer-content .footer-category-list li {
    border-bottom: 1px solid #414141;
    padding: 6px 0;
    position: relative;
}

.footer .footer-col .footer-content a {
    color: #c9c9c9;
    text-decoration: none;
}

.footer .copyright{
  height: 40px;
  color: white !important;
}

.footer .copyright .copyright-text {
    line-height: 40px;
    color: white !important;
    text-align: center;
}

.footer .contactForm li input,textarea{
    float: right;
    color: black;
}

.footer .contactForm li{
    list-style-type: none;
    padding: 6px 0;
    color: #c9c9c9;
}

.footer .contactForm li textarea{
margin-top: 10px;
}

.footer .footer-col .links li{
list-style-type: none;
}


.floatbuttons {
    width:50%;
}

@media (max-width:1330px) {
    .floatbuttons {
	width:75%;
    }
}

@media (min-width:1500px) {
    .floatbuttons {
	width:45%;
    }
}


.glass_pic {
    height: 100px;
    width: 100%;
    background-size: auto 100% !important;
    background-repeat: no-repeat !important;
    background-position: center !important;
}



.statcardcolor {
      display: block;
    width: 100%;
    height: 20px;
    /* margin-top: -19px; */
    position: relative;
    margin-top: -40px;
    padding: 0 20px;
    float: left;
    border-radius: 0px 0px 3px 3px;
    -webkit-border-radius: 0px 0px 3px 3px;
}

.statlistcolor {
    width:28px !important;
    height:100%;
}

tr.archived, tr.archived td {opacity:0 !important;}
.mainrow td:nth-child(1) { width:1.0314595152140278% !important; }
.mainrow td:nth-child(2) { width:2.320783909231563% !important; }
.mainrow td:nth-child(3) { width:7.323362558019597% !important; }
.mainrow td:nth-child(4) { width:0.8251676121712224% !important; }
.mainrow td:nth-child(5) { width:1.444043321299639% !important; }
.mainrow td:nth-child(6) { width:15.57503867973182% !important; }
.mainrow td:nth-child(7) { width:8.354822073233626% !important; }
.mainrow td:nth-child(8) { width:6px !important; }
.mainrow td:nth-child(9) { width:6px !important; }
.mainrow td:nth-child(10) { width:11.686952037132542% !important; }
.mainrow td:nth-child(11) { width:15.967509025270758% !important; }
.mainrow td:nth-child(12) { width:5.879319236719958% !important; }
.mainrow td:nth-child(13) { width:6.343476018566271% !important; }
.mainrow td:nth-child(14) { width:6.29190304280557% !important; }
.mainrow td:nth-child(15) { width:2.888086642599278% !important; }
.mainrow td:nth-child(16) { width:0.8251676121712224% !important; }
.mainrow td:nth-child(17) { width:2.888086642599278% !important; }
.mainrow td:nth-child(18) { width:8.251676121712222% !important; }

.mainrow .statlistcolor i {
    /*display:none;*/
    opacity: 0;
}

.mainrow:hover .statlistcolor i, .mainrow:active .statlistcolor i, .mainrow:focus .statlistcolor i, .statlistcolor .open i { 
    
    /*display:block;*/
    opacity:1;
    cursor:pointer;
}
.statlistcolor li {
  padding: 0px; border-bottom:1px solid #999;cursor:pointer;text-align:center;
  border-color:#aaa;
}
.statlistcolor li h2 {
  margin: 0;font-size:12px;
  font-weight:bold;
  padding:3px 0;
}
.statlistcolor li:hover {
    background: #FF8F00;
}

.statlistcolor li:last-child {
    border-color:transparent;
}

.statlistcolor .dropdown-menu {
    width: 200px;box-shadow: 2px 3px 7px 1px #888;padding:0;
}


.order-color { background: #FF8F00 !important; } /* v kék */
.integration-color { background:#9c27b0 !important; } /* lila */
.shipping-color { background:#3f51b5 !important; } /* kék */
.manorder-color { background:#FFFF8D !important; } /* narancs */
.resorder-color { background:#F4511E !important; } /*piros*/
.request-color { background:#00bcd4 !important; } /* cián */
.quote-color { background: #97c95d !important; }
.completed-color { background: #9bb9aa !important;} /* zöld  #8bc34a */
 
.production-color  { background: #ffd0b4 !important;} /* zöld  #8bc34a */
.preproduction-color{ background: #9ba8b9 !important;} /* zöld  #8bc34a */
.billing-color { background: #5a5c87 !important;} /* zöld  #8bc34a */
.mensuration-color { background: #27b0a6 !important;} /* zöld  #8bc34a */



.order-color .order { background: #FF8F00 !important; } /* v kék */
.integration-color .integration { background:#9c27b0 !important; } /* lila */
.shipping-color .shipping { background:#3f51b5 !important; } /* kék */
.manorder-color .manorder { background:#FFFF8D !important; } /* narancs */
.resorder-color .resorder { background:#F4511E !important; } /*piros*/
.request-color .request { background:#00bcd4 !important; } /* cián */
.quote-color .quote { background: #97c95d !important; }
.completed-color .completed { background: #9bb9aa !important;} /* zöld  #8bc34a */

.production-color .production  { background: #ffd0b4 !important;} /* zöld  #8bc34a */
.preproduction-color .preproduction { background: #9ba8b9 !important;} /* zöld  #8bc34a */
.billing-color .billing { background: #5a5c87 !important;} /* zöld  #8bc34a */
.mensuration-color .mensuration { background: #27b0a6 !important;} /* zöld  #8bc34a */


.flag {
  color:#7b7a7be0;
  padding: 3px; margin: 0;line-height: 9px;font-weight:bold;
}
.flag.active {
  color:red;
}

.table thead > tr > th, .table tbody > tr > th, .table tfoot > tr > th, .table thead > tr > td, .table tbody > tr > td, .table tfoot > tr > td {
    vertical-align: middle !important;
}


.mm-page {
    /* width:99.4%; */
    overflow: hidden;
}

.full2d .item_image{
    position: fixed;
    height: 100%;
    width: 100%;
    left: 0;
    top: 0;
    z-index: 1000;
    margin: 0;
    padding: 0;
}

.full2d #ajax_load_content_item_image {
    height: 100%;
}

.full2d .item_image div.inner {
    height: 100%;
    margin: 0;
}

.full2d #item_image #fullscreen_button {
    bottom:auto;
    bottom:15px;
}

.full2d #item_image #undo_button {
   top:100px;
}

.full2d #zoom {
   top:160px;
}

.full2d .btnholder {
    position: fixed;
    height: 100px;
    width: 100%;
    left: 0;
    top: 0;
    z-index: 1002;
    margin: 0 !important;
    padding: 0;
}

.modal-lg {
    width: 1000px;
}

.sel-CILLOUT, .sel-CILLIN { width:67%;display: inline-block; }
.val-CILLOUT, .val-CILLIN { width: 30%;display: inline-block;margin-left: 5px !important; padding: 3px 0px !important; } 






.live-chat {
	bottom: 0;
	font-size: 12px;
	right: 24px;
	position: fixed;
	width: 300px;
}

.live-chat header {
	background: #293239;
	border-radius: 5px 5px 0 0;
	color: #fff;
	cursor: pointer;
	padding: 6px 24px;
}

.live-chat h4:before {
	background: #1a8a34;
	border-radius: 50%;
	content: "";
	display: inline-block;
	height: 8px;
	margin: 0 8px 0 0;
	width: 8px;
}

.live-chat h4 {
	font-size: 15px;
	margin: 0;
}

.live-chat h5 {
	font-size: 10px;
}

.live-chat form {
	padding: 12px 24px;
}

.live-chat input[type="text"] {
    border: 1px solid #ccc;    
    padding: 8px;
    outline: none;
    width: 300px;
    border-left: none;
    border-right: none;
    border-bottom: none;
    background: #f7f7f7;
    line-height: 30px;
}

.live-chat .start {
    padding: 3px 10px;
    font-size: 15px;
    text-align: center;
    float: right;
    margin-right: 20px;
    margin-top: 12px;
}

.live-chat input:placeholder {
      color:#666;
}

.chat-message-counter {
	background: #e62727;
	border: 1px solid #fff;
	border-radius: 50%;
	display: none;
	font-size: 12px;
	font-weight: bold;
	height: 28px;
	left: 0;
	line-height: 28px;
	margin: -15px 0 0 -15px;
	position: absolute;
	text-align: center;
	top: 0;
	width: 28px;
}

.chat-close {
	background: #1b2126;
	border-radius: 50%;
	color: #fff;
	display: block;
	float: right;
	font-size: 10px;
	height: 16px;
	line-height: 16px;
	margin: 2px 0 0 0;
	text-align: center;
	width: 16px;
}

.chat, .chat-welcome {
	background: #fff;
}

.chat p {
    font-size: 13px;
    font-weight: 300;
    line-height: 1.4em;
    margin-bottom: 10px;
}

.chat-welcome p {
    margin:0 0 0 8px;
    font-size: 13px;
    font-weight: 400;
    line-height: 1.6em;
}

.chat-history {
	height: 252px;
	padding: 8px 24px;
	overflow-y: scroll;
}

.chat-message {
	margin: 16px 0;
}

.chat-message img {
	border-radius: 50%;
	float: left;
}

.chat-message-content {
	margin-left: 56px;
}

.chat-time {
	float: right;
	font-size: 10px;
}

.chat-feedback {
	font-style: italic;	
	margin: 0 0 0 80px;
	font-size: 12px;
}

.extra_header_menu {
    width: 100%;min-height: 80px;border-bottom: 1px solid #eee;margin-bottom: 0px;background: #fafafa;width:100%;min-height:80px;padding: 10px 15px;
}

.img-th-wrapper .buttons {
    display:none;
}

.img-th-wrapper:hover .buttons {
    display:block;
}

.sorolt-wrapper .img-th-wrapper {
    border:3px solid transparent;
}

.sorolt-wrapper .img-th-wrapper.selected {
    border:3px solid #1495c3;
}

.sorolt-wrapper .img-th-wrapper.active {
    border:3px solid rgb(250, 167, 61) !important;
}




.right-sidebar-backdrop {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    display: none;
    z-index: 1032;
    opacity: 0;
    background: #000;
    -webkit-transition: opacity 0.15s ease;
    transition: opacity 0.15s ease;
}

.right-sidebar-backdrop.fade.in {
    opacity: 0.25;
    display: block;
}

.right-sidebar-outer {
    background: #fff;
    color: #212121;
    box-shadow: 0px 4px 5px -2px rgba(0, 0, 0, 0.2), 0px 7px 10px 1px rgba(0, 0, 0, 0.14), 0px 2px 16px 1px rgba(0, 0, 0, 0.12);
    -webkit-transition: -webkit-transform 0.25s ease;
    transition: -webkit-transform 0.25s ease;
    transition: transform 0.25s ease;
    transition: transform 0.25s ease, -webkit-transform 0.25s ease;
    position: fixed;
    top: 0;
    bottom: 0;
    width: 300px;
    height: 100%;
    left: 101%;
    display: block;
    overflow: hidden;
    z-index: 1033;
    overflow-y: scroll;
}

.show-from-right {
    -webkit-transform: translate3d(-300px, 0, 0);
    transform: translate3d(-300px, 0, 0);
}


.rpanel .btn-flat {
    background: #fff;
    color: #212121;
    text-align: left;
    width: 100%;
    font-size: 1.4rem;
    font-weight:500;
    margin: 0;
    padding-top: 15px;
    padding-bottom: 15px;
    position: relative;
    min-height: 0;
    border-radius: 0;
    border-bottom: 1px solid #eee;
}

.rpanel .btn-title {
    text-transform: none;
    position: absolute;
    top: 13px;
    left: 15px;
}

.rpanel .list-unstyled {
    /*padding-left:15px;*/
}
.rpanel .list-unstyled a {
    font-size: 1.05rem;
    padding-top: 10px;
    padding-bottom: 10px;
    padding-left:7px;
}

.listitem .icon { opacity:0; }

.rpanel .list-unstyled a:hover .icon {
    opacity:1;
}

.rpanel .list-unstyled a .title {
    line-height: 26px;
}

.ripple-container {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1;
    width: 100%;
    height: 100%;
    overflow: hidden;
    pointer-events: none;
    border-radius: inherit;
}

input[type="search"] {
    width: 100%;
    margin-bottom: 25px;
    font-size: 25px;
    padding: 5px;
    border: 1px solid #eee;
}

input[type=search] {
    -webkit-appearance: none;
}

.list-unstyled .btn, .rpanel .btn {
    height:auto;
}


.togglebutton {
  vertical-align: middle;
}
.togglebutton,
.togglebutton label,
.togglebutton input,
.togglebutton .toggle {
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
}
.togglebutton label {
  cursor: pointer;
  color: rgba(0,0,0, 0.26);
}
.form-group.is-focused .togglebutton label {
  color: rgba(0,0,0, 0.26);
}
.form-group.is-focused .togglebutton label:hover,
.form-group.is-focused .togglebutton label:focus {
  color: rgba(0,0,0, .54);
}
fieldset[disabled] .form-group.is-focused .togglebutton label {
  color: rgba(0,0,0, 0.26);
}
.togglebutton label input[type=checkbox] {
  opacity: 0;
  width: 0;
  height: 0;
}
.togglebutton label .toggle {
  text-align: left;
}
.togglebutton label .toggle,
.togglebutton label input[type=checkbox][disabled] + .toggle {
  content: "";
  display: inline-block;
  width: 30px;
  height: 15px;
  background-color: rgba(80, 80, 80, 0.7);
  border-radius: 15px;
  margin-right: 15px;
  -webkit-transition: background 0.3s ease;
       -o-transition: background 0.3s ease;
          transition: background 0.3s ease;
  vertical-align: middle;
}
.togglebutton label .toggle:after {
  content: "";
  display: inline-block;
  width: 20px;
  height: 20px;
  background-color: #F1F1F1;
  border-radius: 20px;
  position: relative;
  -webkit-box-shadow: 0 1px 3px 1px rgba(0, 0, 0, 0.4);
          box-shadow: 0 1px 3px 1px rgba(0, 0, 0, 0.4);
  left: -5px;
  top: -2px;
  -webkit-transition: left 0.3s ease, background 0.3s ease, -webkit-box-shadow 0.1s ease;
       -o-transition: left 0.3s ease, background 0.3s ease, box-shadow 0.1s ease;
          transition: left 0.3s ease, background 0.3s ease, box-shadow 0.1s ease;
}
.togglebutton label input[type=checkbox][disabled] + .toggle:after,
.togglebutton label input[type=checkbox][disabled]:checked + .toggle:after {
  background-color: #BDBDBD;
}
.togglebutton label input[type=checkbox] + .toggle:active:after,
.togglebutton label input[type=checkbox][disabled] + .toggle:active:after {
  -webkit-box-shadow: 0 1px 3px 1px rgba(0, 0, 0, 0.4), 0 0 0 15px rgba(0, 0, 0, 0.1);
          box-shadow: 0 1px 3px 1px rgba(0, 0, 0, 0.4), 0 0 0 15px rgba(0, 0, 0, 0.1);
}
.togglebutton label input[type=checkbox]:checked + .toggle:after {
  left: 15px;
}
.togglebutton label input[type=checkbox]:checked + .toggle {
  background-color: rgba(0, 150, 136, 0.5);
}
.togglebutton label input[type=checkbox]:checked + .toggle:after {
  background-color: #009688;
}
.togglebutton label input[type=checkbox]:checked + .toggle:active:after {
  -webkit-box-shadow: 0 1px 3px 1px rgba(0, 0, 0, 0.4), 0 0 0 15px rgba(0, 150, 136, 0.1);
          box-shadow: 0 1px 3px 1px rgba(0, 0, 0, 0.4), 0 0 0 15px rgba(0, 150, 136, 0.1);
}


* {
  -webkit-border-radius: 0px !important;
  -moz-border-radius: 0px !important;
  border-radius: 0px  !important;
}

.events .price { display:none; }


.userspane .panel-heading {
    height: 30px;
    min-height: 37px;
    border-top: none;
    border-bottom: none;
    box-shadow: none;
}
.userspane .panel-body {
  width: 100%;
}

.userspane .useritem {
  display:flex;
  flex-wrap: nowrap;
  align-content: center;
  justify-content: space-between;
  align-items: center;
  margin-top: 5px;
}

.userspane .useritem i {
   float:right;
   width:30px;
   font-size:20px;
}

.chatpane {
    /*position: fixed;*/
    top: 0px;
    right: 422px;
    z-index: 500;
    max-width:850px;
}

.chatpane .panel-default {
    border-top: none;
    border-bottom: none;
    box-shadow: none;
}


.chatpane .panel-heading {
    height: 30px;
    min-height: 37px;
    border-top: none;
    border-bottom: none;
    box-shadow: none;
}
.chatpane .panel-body {
  width: 100%;
}

.chatpane .chat {
    list-style: none;
    margin: 0;
    padding: 0;
}

.chatpane .chat li {
    margin-bottom: 10px;
    padding-bottom: 5px;
    border-bottom: 1px dotted #B3A9A9;
}

.chatpane .chat li.left .chat-body {
    margin-left: 60px;
}

.chatpane .chat li.right .chat-body {
    margin-right: 60px;
}

.chatpane .chat li .chat-body p {
    margin: 0;
    color: #777777;
}

.chatpane .panel .slidedown .glyphicon, .chatpane .chat .glyphicon {
    margin-right: 5px;
}

.chatpane .panel-body {
    overflow-y: scroll;
    height: 250px;
}


::-webkit-scrollbar-track
{
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
    background-color: #F5F5F5;
}

::-webkit-scrollbar
{
    width: 12px;
    background-color: #F5F5F5;
}

::-webkit-scrollbar-thumb
{
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,.3);
    background-color: #555;
}


.oneliner {
    width: calc(100% - 10px);
    margin-top: 0px;
    min-height: 32px;
    margin-bottom: 5px;
    line-height: 32px;
    text-align: left;
    padding: 0 20px;
    height: auto;
}


#panel {
  /*
    height: 300px;
    overflow: auto;
    max-height: 300px;*/
}

#emoji, #sound, #desktop, #greentext, #synthesis, #recognition, #inline {
    margin-left: 10px;
}

#icon-settings, #icon-audio {
    color: white;
    top: -7px;
    left: -3.5px;
}

#audio {
    margin-right: 10px;
}

#typing {
    margin-left: 10px;
    font-style: italic;
    font-size: 9pt;
}

.mdi {
    font-size: 20px;
}

.name {
    float: left;
    min-width: 100px;
}

.namelink {
    color: inherit!important;
}

.self {
    color: #eb9d00!important;
}

.helper {
    color: #55aef6!important;
}

.moderator {
    color: #689f38!important;
}

.administrator {
    color: #f55549!important;
}

.msg {
    word-wrap: break-word;
    word-break: break-word;
    padding-right: 20px;
    padding-left: 20px;
    display:flow-root;
}

.msg a img {
    max-width: 350px;
}

.timestamp {
    float: right;
    font-size: 8pt;
    font-weight: bold;
    margin-left: 20px;
}

.delete {
    float: right;
    font-size: 8pt;
    font-weight: bold;
    display: none;
}

.pm , .mention {
    /*color: #eb9d00;*/
    color: #5f4716;
    font-weight: 600;
}

.emote span:nth-child(4) {
    font-style: italic;
}

.global, .kick, .role, .ban {
    color: #f55549!important;
}



.chat .info {
    color: #55aef6;
}

.chat .light {
    color: #616161;
}

.chat .message {
    color: #2b2b2b;
    margin-top: 3px;
}

.spin {
    -webkit-animation: spin 1500ms infinite linear;
    animation: spin 1500ms infinite linear;
}

@-webkit-keyframes spin {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }
    100% {
        -webkit-transform: rotate(359deg);
        transform: rotate(359deg);
    }
}

@keyframes spin {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }
    100% {
        -webkit-transform: rotate(359deg);
        transform: rotate(359deg);
    }
}


.sticker {
    position: fixed !important;
    top: 10vh;
    left: 10vw;
    height: 250px;
    z-index: 100;
    width: 350px;
    box-shadow: 2px 1px 7px 3px #888;
    font-size: 30px;
    padding: 5px 10px;
}

.sticker.dancing {
   background: url('/stickers/jakedance_dribble_brunadepaula.gif') no-repeat;
   background-size:cover;
}

.sticker.dog {
   background: url('/stickers/dog_02.gif') no-repeat;
   background-size:cover;
}



.fixable .addonitems {
   opacity:0; 
   float:none !important;
   display: inline-block;
}



.projectheadfixed {
	position: fixed !important;
  top: 40px;
  height: 41px;
  z-index: 100;
  width: 100%;
}

.fixable.projectheadfixed .addonitems {
   opacity:1; 
}

.fixable.projectheadfixed .pactions {
   opacity:0; 
}


.useritem {
    font-size: 13px;
    font-weight: 600;
    line-height: 13px;
    cursor:pointer;
    vertical-align: middle;
}



.useritem::before {
    content:"•";
    color:green; 
    margin: 0px 15px;
    font-size: 26px;
    line-height: 13px;
}

.dark .useritem {
    color: #fff;
}


.todopane {
    /*position: fixed;*/
    top: 0px;
    right: 0px;
    z-index: 499;
    max-width:450px;
}

.todopane .todo {
    cursor:pointer;
}

.todopane .panel-default {
    border-top: none;
    border-bottom: none;
    box-shadow: none;
}


.todopane .panel-heading {
    height: 30px;
    min-height: 37px;
    border-top: none;
    border-bottom: none;
    box-shadow: none;
}
.todopane .panel-body {
  width: 100%;
}

.todopane .chat {
    list-style: none;
    margin: 0;
    padding: 0;
}

.todopane .chat li {
    margin-bottom: 10px;
    padding-bottom: 5px;
    border-bottom: 1px dotted #B3A9A9;
}

.todopane .chat li.left .chat-body {
    margin-left: 60px;
}

.todopane .chat li.right .chat-body {
    margin-right: 60px;
}

.chatpane .chat li .chat-body p {
    margin: 0;
    color: #777777;
}

.todopane .panel .slidedown .glyphicon, .chatpane .chat .glyphicon {
    margin-right: 5px;
}

.todopane .panel-body {
    overflow-y: scroll;
    height: 250px;
}


.box button {
  
  background: rgba(0, 0, 0, 0.38823529411764707);
  color: #fff;
  border: none;
  padding: 5px 6px 2px 6px;
  
}

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

.box input {
    border-color: #ccc;
    border-style: solid;
    border-width: 1px;
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1) inset;
    color: #555;
    float: none;
}

.pull-left.info {
    width:100%;
}


.project-status-box button, .showpboxprice {
  
  background: rgba(0, 0, 0, 0.38823529411764707);
  color: #fff;
  border: none;
  padding: 5px 6px 2px 6px;
  
}


.modal .panels {
    background: trasparent !important;
}


.act-group {
    display: flex;
    justify-content: center;
    position: absolute;
    width: calc(100% - 175px);
    top: 5px;
    z-index: 2;
    margin: 0 90px;
    top: 30px;
}
.opens {
    padding: 5px;
    background: #fff;
    border: 1px solid #ccc;
    margin-right: 3px;
    cursor: pointer;
    user-select: none;
    margin-bottom: 0px;
}

.act-icon {
    width: 22px;
    height: 22px;
    user-select: none;
}

.act-group .separator {
    display: block;
    width: 3px;
    background: #545454;
    height: 33px;
    padding: 5px 0px;
    margin: 0 5px 0 2px;
    user-select: none;
}

.act-section {
    max-height: 35px;
    overflow: hidden;
    background-color:#fff;
}

/*.act-section:hover, .act-section:active, .act-section.active {*/
.act-section.active {
    overflow: visible;
    max-height: auto;
    position:relative;
}

.act-section.active > :first-child {
    background: #2e2f3014;
}

.opens-holder {
    display: none;
    flex-wrap: nowrap;
    flex-direction: row;
    align-content: center;
    justify-content: center;
    align-items: center;
    position: absolute;
    top: 40px;
}

.act-section.active .opens-holder {
    display: flex;
}



.todos .panel-actions {
    display:block !important;
}

.todorow:hover {
    box-shadow:0px 0px 3px 1px #787878;
}

.todorow {
    margin-bottom:3px;
}

.modal .todorow {
    margin-bottom:0px;
}

.modal .todorow input {
  box-shadow: none;
}

.chatpane.green .panel-heading {
  background:#73eb8d;
}

.chatpane.orange .panel-heading {
  background:#f8b652 !important;
}

.emoji {
    width: 1.1em;
    height: 1.1em;
    padding: 0 0 0 0;
    vertical-align: -0.15em;
}

.fc-day-grid-event .fc-content {
    white-space: pre-line !important;
}




.context-menu-list {
  position: absolute; 
  display: inline-block;
  min-width: 13em;
  max-width: 26em;
  padding: .25em 0;
  margin: .3em;
  font-family: inherit;
  font-size: inherit;
  font-weight:bold;
  list-style-type: none;
  background: #fff;
  border: 1px solid #bebebe;
  border-radius: .2em;
  -webkit-box-shadow: 0 2px 5px rgba(0, 0, 0, .5);
          box-shadow: 0 2px 5px rgba(0, 0, 0, .5);
}

.context-menu-item {
  position: relative;
  -webkit-box-sizing: content-box;
     -moz-box-sizing: content-box;
          box-sizing: content-box;
  padding: .2em 2em;
  color: #2f2f2f;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none; 
  background-color: #fff;
}

.context-menu-separator {
  padding: 0; 
  margin: .35em 0;
  border-bottom: 1px solid #e6e6e6;
}


.context-menu-item:hover {
    background:#ccc;
    color:#000;
    cursor:pointer;
}

.context-menu-item > label > input,
.context-menu-item > label > textarea {
  -webkit-user-select: text;
     -moz-user-select: text;
      -ms-user-select: text;
          user-select: text;
}

.context-menu-item.context-menu-hover {
  color: #fff;
  cursor: pointer; 
  background-color: #2980b9;
}

.context-menu-item.context-menu-disabled {
  color: #bbb;
  cursor: default; 
  background-color: #fff;
}

.context-menu-input.context-menu-hover {
  color: #2f2f2f; 
  cursor: default;
}

.context-menu-submenu:after {
  position: absolute;
  top: 50%;
  right: .5em;
  z-index: 1; 
  width: 0;
  height: 0;
  content: '';
  border-color: transparent transparent transparent #2f2f2f;
  border-style: solid;
  border-width: .25em 0 .25em .25em;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
       -o-transform: translateY(-50%);
          transform: translateY(-50%);
}

/**
 * Inputs
 */
.context-menu-item.context-menu-input {
  padding: .3em .6em;
}

/* vertically align inside labels */
.context-menu-input > label > * {
  vertical-align: top;
}

/* position checkboxes and radios as icons */
.context-menu-input > label > input[type="checkbox"],
.context-menu-input > label > input[type="radio"] {
  position: relative;
  top: .12em; 
  margin-right: .4em;
}

.context-menu-input > label {
  margin: 0;
}

.context-menu-input > label,
.context-menu-input > label > input[type="text"],
.context-menu-input > label > textarea,
.context-menu-input > label > select {
  display: block;
  width: 100%; 
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
}

.context-menu-input > label > textarea {
  height: 7em;
}

.context-menu-item > .context-menu-list {
  top: .3em; 
  /* re-positioned by js */
  right: -.3em;
  display: none;
}

.context-menu-item.context-menu-visible > .context-menu-list {
  display: block;
}

.context-menu-accesskey {
  text-decoration: underline;
}

.pv_data_root {
    margin-right: 10px;
    margin-bottom: 0px;
    border: 0px !important;
}

.pv_data_root .panel-body {
    background-color: #dfdfdf;
    padding-bottom: 0;
}

.pv_data_root input {
    font-size: 17px;
    line-height: 1;
}

#joy_grid{
    display:grid;
    grid-template-rows: 100px 100px 100px;
    grid-template-columns: 100px 100px 100px;
}
.joy_grid_item{
    display:grid;
    justify-content:center;
    border:1px dotted black;
    align-items:center;
}

.joy_grid_item img{
    width:100%;
    height:auto;
    filter:none !important;
}


.green {
    color:#4c9639;
}


.lds-ring {
  display: inline-block;
  position: relative;
  width: 64px;
  height: 64px;
}
.lds-ring div {
  box-sizing: border-box;
  display: block;
  position: absolute;
  width: 51px;
  height: 51px;
  margin: 6px;
  border: 6px solid #fff;
  border-radius: 50%;
  animation: lds-ring 1.2s cubic-bezier(0.5, 0, 0.5, 1) infinite;
  border-color: #fff transparent transparent transparent;
}
.lds-ring div:nth-child(1) {
  animation-delay: -0.45s;
}
.lds-ring div:nth-child(2) {
  animation-delay: -0.3s;
}
.lds-ring div:nth-child(3) {
  animation-delay: -0.15s;
}
@keyframes lds-ring {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}


#session_project_item_override_price {
    color:red;
    font-weight:600;
}


.askjamie {
    position: fixed;
    top: 0;
    width: 100%;
     z-index:2000;
}


.askjamie .searchw {
  width: 100px;
  min-height: 100px;
  margin: 33vh auto 0;
  background-color: rgba(36, 38, 40, 0.84);
  position: relative;
  overflow: hidden;
  transition: all 0.2s ease;
}
.askjamie .searchw:before {
  /*
  content: '';
  display: block;
  width: 3px;
  height: 100%;
  position: relative;
  background-color: #20a8d8;
  transition: all 0.2s ease;
  */
}
.askjamie .searchw.open {
  width: 60vw;
}
.askjamie .searchw.open:before {
  height: 80%;
  margin: 20px 0 20px 20px;
  position: absolute;
}

.askjamie .search-box, .jamie_says {
  width: 100%;
  height: 100%;
  box-shadow: none;
  border: none;
  background: transparent;
  color: #fff;
  padding: 20px 100px 20px 45px;
  font-size: 40px;
}
.askjamie .search-box:focus, .jamie_says:focus {
  outline: none;
}




.askjamie .search-button {
  width: 100px;
  height: 100px;
  display: block;
  position: absolute;
  right: 0;
  top: 0;
  padding: 20px;
  cursor: pointer;
}

.askjamie .search-icon {
  width: 40px;
  height: 40px;
  border-radius: 40px !important;
  border: 3px solid #20a8d8;
  display: block;
  position: relative;
  margin-left: 5px;
  transition: all 0.2s ease;
}
.askjamie .search-icon:before {
  content: '';
  width: 3px;
  height: 15px;
  position: absolute;
  right: -2px;
  top: 30px;
  display: block;
  background-color: #20a8d8;
  transform: rotate(-45deg);
  transition: all 0.2s ease;
}
.askjamie .search-icon:after {
  content: '';
  width: 3px;
  height: 15px;
  position: absolute;
  right: -12px;
  top: 40px;
  display: block;
  background-color: #20a8d8;
  transform: rotate(-45deg);
  transition: all 0.2s ease;
}
.askjamie .open .search-icon {
  margin: 0;
  width: 60px;
  height: 60px;
  border-radius: 60px;
}
.askjamie .open .search-icon:before {
  transform: rotate(52deg);
  right: 22px;
  top: 23px;
  height: 18px;
}
.askjamie .open .search-icon:after {
  transform: rotate(-230deg);
  right: 22px;
  top: 13px;
  height: 18px;
}

.opens.ui-draggable.active{
    background-color:rgba(0, 128, 0, 0.180);
}

.float-reload {
	position:fixed;
	width:50px;
	height:50px;
	bottom:-15px;
	left:-15px;
	background-color:#25d366;
	color:#FFF;
	border-radius:50px !important;
	text-align:center;
  font-size:30px;
	box-shadow: 2px 2px 3px #999;
  z-index:100;
}

.float-reload i {
	margin-top: 9px;
  font-size: 23px;
  margin-left: 8px;
}


.changeprofileopt {
  
}

.changeprofileopt h2 {
  margin: 5px 12px;
  font-size: 15px;
}

.changeprofileopt h2:hover {
   opacity:0.75;
}

.tgl input[type=checkbox]{height:0;width:0;visibility: hidden;}

.tgl label {
	cursor: pointer;
	text-indent: -9999px;
	width: 50px;
	height: 25px;
	background: grey;
	display: block;
	border-radius: 50px !important;
	position: relative;
}

.tgl label:after {
	content: '';
	position: absolute;
	top: 1px;
	left: 1px;
	width: 22px;
	height: 22px;
	background: #fff;
	border-radius: 45px !important;
	transition: 0.3s;
}
.tgl input:checked + label { background: #bada55; }
.tgl input:checked + label:after { left: calc(100% - 2px); transform: translateX(-100%);}
.tgl label:active:after { width: 32px; }



.dark {
  background:#3A3B40 !important;    
  color:#cfd0d7;
}

.dark a {
  color:#bccdd3;
}

.dark a:hover {
   text-decoration:none; 
}

.dark .sidebar {
  background:#3A3B40 !important;    
}

.dark .mm-page {
  background:#3A3B40 !important;    
}

.dark .mm-page * {
  transition:none;    
}


.dark .navbar, .dark .todopane, .dark .chatpane {
  background:#3A3B40 !important;    
  text-shadow :none;
}

.dark .main {
  background:#3A3B40 !important;    
}

.dark .panel-body, .dark .panel {
  background:#3A3B40 !important;    
  border: 1px solid transparent;
}

.dark .panel-header {
  background:#556A8E !important; 
}

.dark .panel-default>.panel-heading {
    color:#d1d1d1;
}

.dark .panel .panel-heading h2, .dark .panel .panel-heading h3 {
    color:#ced0e1;
}

.dark .panel.panel-default .panel-heading {
  background:#3A3B40 !important;    
  -webkit-box-shadow:none;
  border: 0px solid #d4d4d4;
}

.dark .panel .panel-heading .panel-actions {
  border: 0px solid #d4d4d4;
}

.dark .panel .panel-heading .panel-actions > a {
  border: 0px solid #d4d4d4;
  box-shadow: inset 0px 0px 3px 0px #ffffff;
}

.dark .pagination li a, .dark .pagination li span {
  border: 1px solid #474c60;
  color: #1b7da0;
  background-color: #170e0e;
}

.dark .pagination li.active a {
  color: #fefefe;
}

.dark .main button i.fa {
    color: #b5bdc9 !important;
}

.dark .btn, .dark .getpid, .dark .openmailer, .dark .re_send, .dark button {
  background: #0c0c16 !important;
  color: #b5bdc9;
  border: 0;
  box-shadow: none;
}

.dark .btn.btn-success {
  background: #5cb85c !important;
  color: #ffffff;
}

.dark .btn.btn-danger {
  background: #ff5454 !important;
  color: #ffffff;
}

.dark .btn:hover, .dark .getpid:hover, .dark .openmailer:hover, .dark .re_send:hover, .dark button:hover {
  color: #ddd !important;
}

.dark .btn.btn-default *, .dark .getpid, .dark .openmailer, .dark .re_send {
  color: #b5bdc9 !important;
}

.dark .table-striped > tbody > tr > td, .dark .table-striped > tbody > tr > th {
   background:#0f1013;
}

.dark .table-striped>tbody>tr:nth-child(odd)>td, .dark .table-striped>tbody>tr:nth-child(odd)>th {
     background:#0f1013;
}

.dark .table thead > tr > th, .dark .table tbody > tr > th, .dark .table tfoot > tr > th, .dark .table thead > tr > td, .dark .table tbody > tr > td, .dark .table tfoot > tr > td {
     border-color:#292c32;
}



.dark .table th, .dark .well {
    background:#0f1013;
}

.dark .statlistcolor {
    opacity: 0.8;
}

.dark .popover, .dark .popover-title, .dark .modal-content, .dark .dropdown-menu {
    background:#1e212d;
    border-color:rgba(10,11,20, 0.2);
    
}

.dark .searchid {
     background:#0f1013 !important;
}

.dark .project-status-box {
  background-color:#06060e;
}

.dark .project-status-box.actual {
  background-color:#06060e;
}
.dark .project-status-box.actual .fa, .dark .project-status-box.actual .title, .dark .project-status-box.actual .value {
    color: #fefefe;
}

.dark .project-status-box .fa:hover, .dark .project-status-box:hover .fa {
   color: #fefefe;
}

.dark .nav>li>a:hover, .dark .nav>li>a:focus {
  background-color:#06060e;
}

.dark .todopane .panel-heading, .dark .chatpane .panel-heading {
    height: 37px;
    min-height: 37px;
    line-height : 37px;
}

.dark .navbar .navbar-form input[type=text] {
  color:#fefefe;
}

.dark .nav-tabs>li.active>a, .dark .nav-tabs>li.active>a:hover, .dark .nav-tabs>li.active>a:focus {
  background:#3A3B40 !important;
}

.dark .nav-tabs>li>a, .dark .nav-tabs>li>a:hover, .dark .nav-tabs>li>a:focus {
  background:#3A3B40 !important;
}

.dark .nav-tabs>li {
  margin-bottom:0;
}

.dark .nav-tabs>li.active {
  margin-bottom:-1px;
}
.dark .nav-tabs>li.active a {
  color:#607D8B;
}
.dark .projecttabs {
  background:#3A3B40 !important;
}

.dark .navbar-left p {
    color:#e5e5e6 !important;
}

.dark .navbar-left .btn-group a {
    line-height:22px;
}

.dark .print-button .fa {
  display:none;
}

.dark .form-control, .dark .table .table {
  background-color: #15151c !important;
  color: #ccc !important;
  border-color: #696a6f;
}

.dark #inside_color-mask .btn, .dark #outside_color-mask .btn, select {
  background:#15151c url(../img/select2.png) no-repeat scroll right -5px / 27px 62px !important;
}

.dark .form-control:focus { border-color: #ccc; }
.dark .form-control::-moz-placeholder { color: #aaa; }
.dark .form-control:-moz-placeholder { color: #aaa; }
.dark .form-control:-ms-input-placeholder { color: #aaa; }
.dark .form-control::-webkit-input-placeholder { color: #aaa; }
.dark .form-control[disabled], .dark .form-control[readonly], .dark fieldset[disabled] .form-control { background-color: #aaa; }

.dark .control-label, .dark .dropdown-menu h2 {
    color: #ced0e1 !important;
}

.dark .inner.noselect {
    background:#ddd;
    margin:0;
    margin-top:-30px;
}

.dark .img-thumbnail {
    border:none;
    background:transparent;
    padding:0;
}

.dark .panels {
    background:transparent !important;
}
.dark .events {
  background:#3A3B40 !important;
}
.dark .qemail label, .dark .orderemail label {
  color:#cfd0d7 !important;
}
.dark .mce-content-body > div {
  background:#3A3B40 !important;
}

.dark .print-button .dropdown-menu .divider {
  background-color:transparent !important;
}

.dark .pdffilter { margin-bottom: 5px; }

.dark #calendar, .dark .fc-day-header, .dark .fc-week-number {
  background:#15151c !important;
}
.dark .fc .fc-row .fc-content-skeleton table, .dark .fc .fc-row .fc-content-skeleton td, .dark .fc .fc-row .fc-helper-skeleton td {
  background:#15151c !important;
}

.panel.panel-warning .panel-heading.todorow, .panel.panel-warning .panel-heading.rowtpl {
  background:#fff;
}

.dark .panel.panel-warning .panel-heading.todorow, .dark .panel.panel-warning .panel-heading.rowtpl {
  background:#15151c;
}

.dark .panel.panel-warning .panel-heading, .dark .panel.panel-warning .panel-footer {
    background: #212031;
    border-color: transparent;
}

.todorow {
  background:#fff !important;
}

.dark .todorow {
  background: #15151c !important;
  border-color: transparent !important;
}

.dark .addtodo {
    color:#eee;
}

.dark .panel.panel-default .panel-footer {
   background: #15151c;
}

.dark .btn-setting, .dark .btn-minimize, .dark .accordion .panel-actions a {
    box-shadow:none !important;
}

.dark .sidebar .sidebar-footer {
    background-color:transparent !important;
}

.kanban-application .kanban-wrapper {
  width: 100%;
  position: relative; }

.kanban-application .kanban-wrapper .kanban-container {
  display: flex;
  width: max-content !important;
  padding-bottom: 1.5rem; }

.kanban-application .kanban-wrapper .kanban-container .kanban-board {
  width: auto !important;
  height: 100%;
  background: transparent; }

.kanban-application .kanban-wrapper .kanban-container .kanban-board:focus {
  outline: 0; }

.kanban-application .kanban-wrapper .kanban-container .kanban-board .kanban-board-header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding-left: 0;
  padding-right: 0; }

.kanban-application .kanban-wrapper .kanban-container .kanban-board .kanban-board-header .kanban-title-board {
  color: #5e5873;
  font-size: 1.1rem;
  padding: 0.5rem;
  font-weight: 500;
  width: 100%;
  max-width: 13rem;
  white-space: nowrap;
  overflow: hidden;
  border-radius: 0.428rem; }

.kanban-application .kanban-wrapper .kanban-container .kanban-board .kanban-board-header .kanban-title-board:hover, .kanban-application .kanban-wrapper .kanban-container .kanban-board .kanban-board-header .kanban-title-board:focus {
  background-color: #fff; }

.kanban-application .kanban-wrapper .kanban-container .kanban-board .kanban-board-header .kanban-title-board:focus {
  outline: 0; }

.kanban-application .kanban-wrapper .kanban-container .kanban-board .kanban-board-header .dropdown .dropdown-toggle:after {
  display: none; }

.kanban-application .kanban-wrapper .kanban-container .kanban-board .kanban-drag {
  min-height: 1rem;
  min-width: 18.55rem;
  padding: 0; }

.kanban-application .kanban-wrapper .kanban-container .kanban-board .kanban-title-button {
  position: absolute;
  left: -8px;
  bottom: 0;
  margin: -1rem 0; }

.kanban-application .kanban-wrapper .kanban-container .kanban-board .kanban-title-button:focus {
  box-shadow: none; }

.kanban-application .kanban-wrapper .kanban-container .kanban-board .kanban-item {
  position: relative;
  display: flex;
  flex-direction: column;
  background: #fff;
  width: 18.55rem;
  padding: 1rem 1.2rem;
  margin-bottom: 1.5rem;
  box-shadow: 0 4px 24px 0 rgba(34, 41, 47, 0.1);
  cursor: pointer;
  border-radius: 0.428rem;
  transition: all 0.3s cubic-bezier(0.23, 1, 0.32, 1), background 0s, color 0s, border 0s; }

.kanban-application .kanban-wrapper .kanban-container .kanban-board .kanban-item i,
.kanban-application .kanban-wrapper .kanban-container .kanban-board .kanban-item svg {
  stroke: #5e5873; }

.kanban-application .kanban-wrapper .kanban-container .kanban-board .kanban-item .kanban-text {
  font-weight: 500; }

.kanban-application .kanban-wrapper .kanban-container .kanban-board .kanban-item .item-dropdown {
  display: none;
  position: absolute;
  right: 0rem;
  cursor: pointer; }

.kanban-application .kanban-wrapper .kanban-container .kanban-board .kanban-item .item-dropdown .dropdown-toggle:after {
  display: none; }

.kanban-application .kanban-wrapper .kanban-container .kanban-board .kanban-item:hover .item-dropdown {
  display: block; }

.kanban-application .add-new-board {
  margin-top: 22px;
  float: left;
  padding: 0 15px; }

.kanban-application .add-new-board label {
  font-size: 1rem;
  font-weight: 700;
  margin-bottom: 0;
  cursor: pointer; }

.kanban-application .update-item-sidebar {
  text-align: left; }

.kanban-application .update-item-sidebar .avatar-add-member {
  background-color: rgba(108, 117, 125, 0.12); }

.kanban-application .update-item-sidebar .avatar-add-member i,
.kanban-application .update-item-sidebar .avatar-add-member svg {
  stroke: #5e5873; }

.kanban-application .update-item-sidebar .comment-editor .ql-editor {
  min-height: 5.5rem; }

.kanban-application .update-item-sidebar .comment-toolbar.ql-toolbar {
  width: 100%;
  text-align: right;
  border-top: 0; }

.kanban-item.gu-mirror .item-dropdown .dropdown-toggle:after {
  display: none; }



.dropdown-large .dropdown-menu {
    width: 360px;
    border: 0;
    padding: 0 0;
    border-radius: 10px;
    box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, .15);
}

.dropdown-large .msg-header {
    padding: .8rem 1rem;
    border-bottom: 1px solid #ededed;
    background-clip: border-box;
    background: #fff;
    text-align: left;
    display: flex;
    align-items: center;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
}
.dropdown-large .msg-header .msg-header-title {
    font-size: 15px;
    color: #1c1b1b;
    margin-bottom: 0;
    font-weight: 500;
}
.dropdown-large .msg-header .msg-header-clear {
    font-size: 12px;
    color: #585858;
    margin-bottom: 0;
}
.ms-auto {
    margin-left: auto!important;
}
.ps {
    overflow: hidden!important;
    overflow-anchor: none;
    -ms-overflow-style: none;
    touch-action: auto;
    -ms-touch-action: auto;
}
.header-notifications-list {
    position: relative;
    height: 360px;
}
.dropdown-large .msg-footer {
    padding: .8rem 1rem;
    color: #1c1b1b;
    border-top: 1px solid #ededed;
    background-clip: border-box;
    background: 0 0;
    font-size: 14px;
    font-weight: 500;
    border-bottom-left-radius: .25rem;
    border-bottom-right-radius: .25rem;
}
.navbar .dropdown-large .dropdown-menu::after {
    content: '';
    width: 13px;
    height: 13px;
    background: #fff;
    position: absolute;
    top: -6px;
    right: 16px;
    transform: rotate(45deg);
    border-top: 1px solid #ddd;
    border-left: 1px solid #ddd;
}


.header-notifications-list .msg-info{
    max-width: 250px;
    line-height: 19px;
    padding-top: 10px;
}

.ps{overflow:hidden!important;overflow-anchor:none;-ms-overflow-style:none;touch-action:auto;-ms-touch-action:auto}
.ps__rail-x{display:none;opacity:0;transition:background-color .2s linear,opacity .2s linear;-webkit-transition:background-color .2s linear,opacity .2s linear;height:15px;bottom:0;position:absolute}
.ps__rail-y{display:none;opacity:0;transition:background-color .2s linear,opacity .2s linear;-webkit-transition:background-color .2s linear,opacity .2s linear;width:15px;right:0;position:absolute}
.ps--active-x>.ps__rail-x,.ps--active-y>.ps__rail-y{display:block;background-color:transparent}
.ps--focus>.ps__rail-x,.ps--focus>.ps__rail-y,.ps--scrolling-x>.ps__rail-x,.ps--scrolling-y>.ps__rail-y,.ps:hover>.ps__rail-x,.ps:hover>.ps__rail-y{opacity:.6}
.ps .ps__rail-x.ps--clicking,.ps .ps__rail-x:focus,.ps .ps__rail-x:hover,.ps .ps__rail-y.ps--clicking,.ps .ps__rail-y:focus,.ps .ps__rail-y:hover{background-color:#eee;opacity:.9}
.ps__thumb-x{background-color:#aaa;border-radius:6px;transition:background-color .2s linear,height .2s ease-in-out;-webkit-transition:background-color .2s linear,height .2s ease-in-out;height:6px;bottom:2px;position:absolute}
.ps__thumb-y{background-color:#aaa;border-radius:6px;transition:background-color .2s linear,width .2s ease-in-out;-webkit-transition:background-color .2s linear,width .2s ease-in-out;width:6px;right:2px;position:absolute}
.ps__rail-x.ps--clicking .ps__thumb-x,.ps__rail-x:focus>.ps__thumb-x,.ps__rail-x:hover>.ps__thumb-x{background-color:#999;height:11px}
.ps__rail-y.ps--clicking .ps__thumb-y,.ps__rail-y:focus>.ps__thumb-y,.ps__rail-y:hover>.ps__thumb-y{background-color:#999;width:11px}
@supports (-ms-overflow-style:none){.ps{overflow:auto!important}}
@media screen and (-ms-high-contrast:active),(-ms-high-contrast:none){.ps{overflow:auto!important}}


.dropdown-large {
	position: relative
}

.dropdown-large .dropdown-menu {
	width: 360px;
	border: 0;
	padding: 0 0;
	border-radius: 10px;
	box-shadow: 0 .5rem 1rem rgba(0, 0, 0, .15)
}

.topbar .navbar .dropdown-large .dropdown-menu::after {
	content: '';
	width: 13px;
	height: 13px;
	background: #fff;
	position: absolute;
	top: -6px;
	right: 16px;
	transform: rotate(45deg);
	border-top: 1px solid #ddd;
	border-left: 1px solid #ddd
}

.topbar .navbar .dropdown-menu::after {
	content: '';
	width: 13px;
	height: 13px;
	background: #ffff;
	position: absolute;
	top: -6px;
	right: 16px;
	transform: rotate(45deg);
	border-top: 1px solid #ddd;
	border-left: 1px solid #ddd
}

.dropdown-large .msg-header {
	padding: .8rem 1rem;
	border-bottom: 1px solid #ededed;
	background-clip: border-box;
	background: #fff;
	text-align: left;
	display: flex;
	align-items: center;
	border-top-left-radius: 10px;
	border-top-right-radius: 10px
}

.dropdown-large .msg-header .msg-header-title {
	font-size: 15px;
	color: #1c1b1b;
	margin-bottom: 0;
	font-weight: 500
}

.dropdown-large .msg-header .msg-header-clear {
	font-size: 12px;
	color: #585858;
	margin-bottom: 0
}

.dropdown-large .msg-footer {
	padding: .8rem 1rem;
	color: #1c1b1b;
	border-top: 1px solid #ededed;
	background-clip: border-box;
	background: 0 0;
	font-size: 14px;
	font-weight: 500;
	border-bottom-left-radius: .25rem;
	border-bottom-right-radius: .25rem
}

.dropdown-large .user-online {
	position: relative
}

.dropdown-large .msg-name {
	font-size: 14px;
	margin-bottom: 0
}

.dropdown-large .msg-info {
	font-size: 13px;
	margin-bottom: 0
}

.dropdown-large .msg-avatar {
	width: 45px;
	height: 45px;
	border-radius: 50%;
	margin-right: 15px
}

.dropdown-large .msg-time {
	font-size: 12px;
	margin-bottom: 0;
	color: #919191
}

.dropdown-large .user-online:after {
	content: '';
	position: absolute;
	bottom: 1px;
	right: 17px;
	width: 8px;
	height: 8px;
	border-radius: 50%;
	box-shadow: 0 0 0 2px #fff;
	background: #16e15e
}

.dropdown-large .dropdown-menu .dropdown-item {
	padding: .5rem 1.3rem;
	border-bottom: 1px solid #ededed;
	position:relative;
	cursor: pointer;
}

.sysmailmodal, .msg-header-clear {
  cursor: pointer;
}

.sysmailmodal:hover {
  background:rgb(250,250,250);
}

.notimail img {
  max-width:100%;
  max-height:100%;
}


.dropdown-large .dropdown-menu .dropdown-item:hover {
  background:rgb(250,250,250);
}

.dropdown-large .dropdown-menu .dropdown-item .delete-notify {
    display:none;
    position: absolute;
    bottom: 5px;
    right: 8px;
}

.dropdown-large .dropdown-menu .dropdown-item:hover .delete-notify {
    display:block;
}

.header-message-list {
	position: relative;
	height: 360px
}

.header-notifications-list {
	position: relative;
	height: 360px
}

.dropdown-large .notify {
	width: 45px;
	height: 45px;
	line-height: 45px;
	font-size: 22px;
	text-align: center;
	border-radius: 50%;
	background-color: #f1f1f1;
	margin-right: 15px
}

.align-items-center {
    align-items: center!important;
}
.d-flex {
    display: flex!important;
}
.flex-grow-1 {
    flex-grow: 1!important;
}
.float-end {
    float: right!important;
}

.alert-count {
    position: absolute;
    top: 5px;
    left: 22px;
    width: 18px;
    height: 18px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    font-size: 12px;
    font-weight: 500;
    color: #fff;
    background: #f62718;
}


.bg-light-primary {
	background-color: rgb(13 110 253 / .11)!important;
}

.bg-light-success {
	background-color: rgb(23 160 14 / .11)!important
}

.bg-light-danger {
	background-color: rgb(244 17 39 / .11)!important
}

.bg-light-warning {
	background-color: rgb(255 193 7 / .11)!important
}

.bg-light-info {
	background-color: rgb(13 202 240 / 18%)!important
}

.bg-light-transparent {
	background-color: rgb(0 0 0 / 15%)!important
}

.bg-gradient-deepblue {
    background: #6a11cb;
    background: -webkit-linear-gradient(
	45deg
	, #6a11cb, #2575fc)!important;
		background: linear-gradient(
	45deg
	, #6a11cb , #2575fc)!important;
}


.bg-gradient-orange {
    background: #fc4a1a;
    background: -webkit-linear-gradient(
	45deg
	, #fc4a1a, #f7b733)!important;
		background: linear-gradient(
	45deg
	, #fc4a1a, #f7b733)!important;
}

.bg-gradient-ohhappiness {
    background: #00b09b;
    background: -webkit-linear-gradient(
	45deg
	, #00b09b, #96c93d)!important;
		background: linear-gradient(
	45deg
	, #00b09b, #96c93d)!important;
}


.bg-gradient-ibiza {
    background: #ee0979;
    background: -webkit-linear-gradient(
	45deg
	, #ee0979, #ff6a00)!important;
		background: linear-gradient(
	45deg
	, #ee0979, #ff6a00)!important;
}


.bg-gradient-cosmic {
	background: linear-gradient(to right, #8e2de2, #4a00e0)!important
}

.bg-gradient-burning {
	background: linear-gradient(to right, #ff416c, #ff4b2b)!important
}

.bg-gradient-lush {
	background: linear-gradient(to right, #56ab2f, #a8e063)!important
}

.bg-gradient-kyoto {
	background: linear-gradient(to right, #f7971e, #ffd200)!important
}

.bg-gradient-blues {
	background: linear-gradient(to right, #56ccf2, #2f80ed)!important
}

.bg-gradient-moonlit {
	background: linear-gradient(to right, #0f2027, #203a43, #2c5364)!important
}

.split-bg-primary {
	background-color: #0c62e0;
	border-color: #0c62e0
}

.split-bg-secondary {
	background-color: #515a62;
	border-color: #515a62
}

.split-bg-success {
	background-color: #128e0a;
	border-color: #128e0a
}

.split-bg-info {
	background-color: #0bb2d3;
	border-color: #0bb2d3
}

.split-bg-warning {
	background-color: #e4ad07;
	border-color: #e4ad07
}

.split-bg-danger {
	background-color: #e20e22;
	border-color: #e20e22
}

.bg-facebook {
	background-color: #3b5998!important
}

.bg-twitter {
	background-color: #55acee!important
}

.bg-google {
	background-color: #e52d27!important
}

.bg-linkedin {
	background-color: #0976b4!important
}

/* Text Color */

.text-facebook{
	color: #3b5998!important
 }
 
 .text-twitter{
	 color: #55acee!important
  }
 
  .text-youtube{
	 color: #e52d27!important
  }

.text-sky-light {
    color: #b4d2ff;
}


.reloadtab {
    visibility:hidden;
}
.active .reloadtab {
    visibility:visible;
}


/* 
https://codervent.com/rukada/demo/vertical/assets/css/app.css 
*/

.pane {
    display: flex;
    display: -ms-flexbox;
    position: fixed;
    z-index: 100;
}

.shadow.visible._ngcontent-awn-AWSM-18 {
    transition: transform .15s cubic-bezier(0,0,.2,1);
    transform: scaleX(1);
}

.shadow {
    box-shadow: 0 8px 10px 1px rgb(0 0 0 / 14%), 0 3px 14px 2px rgb(0 0 0 / 12%), 0 5px 5px -3px rgb(0 0 0 / 20%);
}

.popup {
    border-radius: 12px 12px 12px 12px !important;
}
.shadow {
    display: flex;
    flex: 1;
    flex-direction: column;
    min-width: inherit;
    max-height: inherit;
    max-width: inherit;
    overflow: auto;
    overscroll-behavior: contain;
}

.content-area {
    display: flex;
    align-items: center;
}

.content-area {
    cursor: default;
    height: 24px;
    margin-left: 4px;
    overflow: hidden;
    white-space: nowrap;
}

.not-last-notification {
    border-right: 1px solid #dadce0;
    padding-right: 4px;
}

.notification-content {
    color: rgba(0,0,0,.87);
    padding-left: 4px;
}

.content {
    font-size: 13px;
    font-weight: 400;
}
.content, .content-area {
    display: flex;
    align-items: center;
}


.material-popup-content .content, .material-popup-content .content-area {
    font-size: 16px;
    padding:20px 10px;
}

.notimail, .notimail p   {
    font-size: 16px;
    line-height: 26px;
}

.modal-header .close {
    margin-top: -8px;
}

.modal-header {
    border-bottom:none;
}

.modal-footer {
    border-top:none;
}


.combox {
  width:1100px; margin:60px auto 100px;
  padding-top: 40px;
  padding-bottom: 40px;
}

.combox-wrapper{
  width: 1100px;
  max-width: 100%;
  min-height: 500px;
  margin: 0px auto 40px;
  border: 1px solid #eee;
  border-radius: 4px;
  padding: 0px 20px 20px;
  -webkit-box-shadow: 0 0 15px 0 rgba(0,0,0,0.05);
  box-shadow: 0 0 15px 0 rgba(0,0,0,0.05);
  background-color: #f4f7fc;
  overflow: hidden;
  position: relative;
}

.combox-title{
  font-size: 1.5em;
  color: #f65c65;
  font-weight: normal;
  padding: 10px;
}

.combox .current-date{
  float:right;
}

.combox-actionbar {
  height: auto;
  width: 100%;
  display: inline-flex;
  flex-direction: row;
  background: #f4f7fc;
  align-items: center;
  justify-content: space-around;
  flex-wrap: wrap;
}


.combox .button {
  cursor: pointer;
  margin: 15px;
  display: flex;
  background: #4a678e;
  height: 60px;
  width: 60px;
  /*box-shadow: -8px -8px calc(8px * 2) 0 rgba(95, 128, 172, 0.43), 8px 8px calc(8px * 2) 0 rgba(22, 30, 41, 0.41);*/
  /*box-shadow: -5px -5px calc(5px * 2) 0 rgba(95, 128, 172, 0.43), 5px 5px calc(5px * 2) 0 rgba(22, 30, 41, 0.41);*/
  border-radius: 13px !important;
  background: -webkit-linear-gradient(145deg, #e6e6e6, #ffffff);
  background: -moz-linear-gradient(145deg, #e6e6e6, #ffffff);
  background: -o-linear-gradient(145deg, #e6e6e6, #ffffff);
  background: linear-gradient(145deg, #e6e6e6, #ffffff);
  box-shadow:  5px 5px 10px #a3a3a3, -5px -5px 10px #ffffff;
  vertical-align: middle;
  text-align: center;
  flex-direction: column;
  justify-content: center;
  user-select: none;
  
}
.combox .button:active {
  /*box-shadow: inset -8px -8px calc(8px * 2) 0 rgba(95, 128, 172, 0.43), inset 8px 8px calc(8px * 2) 0 rgba(22, 30, 41, 0.41);*/
  /*box-shadow: inset -5px -5px calc(5px * 2) 0 rgba(95, 128, 172, 0.43), inset 5px 5px calc(5px * 2) 0 rgba(22, 30, 41, 0.41);
  background: linear-gradient(145deg, #415b7d, #53739f);*/
  background: -webkit-linear-gradient(145deg, #ffffff,#e6e6e6);
  background: -moz-linear-gradient(145deg, #ffffff,#e6e6e6);
  background: -o-linear-gradient(145deg, #ffffff,#e6e6e6);
  background: linear-gradient(145deg, #ffffff,#e6e6e6);
  box-shadow: inset 7px 7px 14px #a6a6a6, inset -7px -7px 14px #ffffff;
}

.combox .button i {
  font-size: 33px;
  user-select: none;
  text-shadow: 0 -4px 3px rgba(255, 255, 255, 0.3), 0 3px 4px rgba(0, 0, 0, 0.2);
}

.combox .button:active i {
  text-shadow: 0 2px 3px rgba(255, 255, 255, 0.3), 0 -1px 2px rgba(0, 0, 0, 0.2); 
}

.combox .button.noshadow, .combox .button.noshadow:active {
  box-shadow: none;
  background: none;
  color: #1fae31;
  user-select: none;
  text-shadow: 0 -4px 3px rgba(255, 255, 255, 0.3), 0 3px 4px rgba(0, 0, 0, 0.2);
}

.combox .list-item {
    background: -webkit-linear-gradient(145deg, #e6e6e6, #ffffff);
    background: -moz-linear-gradient(145deg, #e6e6e6, #ffffff);
    background: -o-linear-gradient(145deg, #e6e6e6, #ffffff);
    background: linear-gradient(145deg, #e6e6e6, #ffffff);
    box-shadow: 5px 5px 10px #a3a3a3, -5px -5px 10px #ffffff;
    display: flex;
    flex-direction: row;
    align-content: center;
    flex-wrap: nowrap;
    justify-content: space-between;
    align-items: flex-start;
    margin: 10px;
    border-top-right-radius: 13px !important;
}

.combox section {
    padding: 12px 15px 10px;
}

.combox .type, .combox .trash {
    /*width:60px;
    height:60px;-*/
    user-select: none;
}
.combox .type i, .combox .trash i {
    font-size: 50px;
    line-height: 50px;
    vertical-align: middle;
    user-select: none;
    text-shadow: 0 -4px 3px rgba(255, 255, 255, 0.3), 0 3px 4px rgba(0, 0, 0, 0.2);
}

.combox .trash i {
    font-size: 20px;
    line-height: 35px;
    color: #aa0827;
}

.list-item-content {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: flex-start;
    align-items: flex-start;
    width: 100%;
}
.combox .item-badges {
    padding-top: 12px;
}

.combox .badge {
    padding:0;
    color:inherit;
    background-color:inherit;
    text-shadow: 0 -4px 3px rgba(255, 255, 255, 0.3), 0 3px 4px rgba(0, 0, 0, 0.2);
}

.combox .inputbox {
    cursor: pointer;
  margin: 15px;
  display: flex;
  background: #4a678e;
  height: 200px;
  /*width: 100%;*/
  /*box-shadow: -8px -8px calc(8px * 2) 0 rgba(95, 128, 172, 0.43), 8px 8px calc(8px * 2) 0 rgba(22, 30, 41, 0.41);*/
  /*box-shadow: -5px -5px calc(5px * 2) 0 rgba(95, 128, 172, 0.43), 5px 5px calc(5px * 2) 0 rgba(22, 30, 41, 0.41);*/
  border-radius: 13px !important;
  background: -webkit-linear-gradient(145deg, #e6e6e6, #ffffff);
  background: -moz-linear-gradient(145deg, #e6e6e6, #ffffff);
  background: -o-linear-gradient(145deg, #e6e6e6, #ffffff);
  background: linear-gradient(145deg, #e6e6e6, #ffffff);
  box-shadow:  5px 5px 10px #a3a3a3, -5px -5px 10px #ffffff;
  vertical-align: middle;
  text-align: center;
  flex-direction: row;
  justify-content: center;
  user-select: none;
  align-items: center;
  flex-wrap: wrap;
  align-content: stretch;
}

.combox .input {
  min-width: 400px;
  border: none;
  background: transparent;
  line-height:26px;
  margin-left: 13px;
  margin-right: 15px;
  font-size: 15px;
  min-height:200px;
  resize: none;
}

.combox .input:active, .combox .input:focus  {
   border:none; 
}


.combox .type {
   margin: 5px;
}

.combox .inputbox {
    position: relative;
}
.combox .inputbox span {
    position: absolute;
    width: 2px;
    height: 26px;
    background-color: gray;
    left: 15px;
    top: 3px;
    animation-name: blink;
    animation-duration: 800ms;
    animation-iteration-count: infinite;
    opacity: 1;
}

.combox .inputbox textarea:focus + span {
    display: none;
}

@keyframes blink {
    from { opacity: 1; }
    to { opacity: 0; }
}


.combox .addbutton {
    height: 100%;
    vertical-align: middle;
    width: 60px;
    display: flex;
    justify-content: center;
    align-items: center;
    align-content: center;
    border-top-right-radius: 13px !important;
    border-bottom-right-radius: 13px !important;
    background: -webkit-linear-gradient(145deg, #e6e6e6, #ffffff);
    background: -moz-linear-gradient(145deg, #e6e6e6, #ffffff);
    background: -o-linear-gradient(145deg, #e6e6e6, #ffffff);
    background: linear-gradient(145deg, #e6e6e6, #ffffff);
}

.combox .addbutton:active {
    background: -webkit-linear-gradient(145deg, #ffffff, #e6e6e6);
    background: -moz-linear-gradient(145deg, #ffffff, #e6e6e6);
    background: -o-linear-gradient(145deg, #ffffff, #e6e6e6);
    background: linear-gradient(145deg, #ffffff, #e6e6e6);
    box-shadow: inset 7px 7px 14px #a6a6a6, inset -7px -7px 14px #ffffff;
    border-top-right-radius: 13px !important;
    border-bottom-right-radius: 13px !important;
    
}


.combox .trash {
    height: 100%;
    vertical-align: middle;
    width: 45px;
    display: flex;
    justify-content: center;
    align-items: center;
    align-content: center;
    border-top-right-radius: 13px !important;
    border-bottom-left-radius: 13px !important;
    background: -webkit-linear-gradient(145deg, #e6e6e6, #ffffff);
    background: -moz-linear-gradient(145deg, #e6e6e6, #ffffff);
    background: -o-linear-gradient(145deg, #e6e6e6, #ffffff);
    background: linear-gradient(145deg, #e6e6e6, #ffffff);
}

.combox .trash:active {
    background: -webkit-linear-gradient(145deg, #ffffff, #e6e6e6);
    background: -moz-linear-gradient(145deg, #ffffff, #e6e6e6);
    background: -o-linear-gradient(145deg, #ffffff, #e6e6e6);
    background: linear-gradient(145deg, #ffffff, #e6e6e6);
    box-shadow: inset 7px 7px 14px #a6a6a6, inset -7px -7px 14px #ffffff;
    border-top-right-radius: 13px !important;
    border-bottom-left-radius: 13px !important;
    
}



.modal .combox {
    margin: 0 auto;
    padding: 0;
}

@keyframes gradient {
	0% { background-position: 0% 50%; }
	50% { background-position: 100% 50%; }
	100% { background-position: 0% 50%; }
}

#notestab .combox {
    margin: 0 auto;
}

.animgradient {
  background: #0078D7; /*linear-gradient(-45deg, #ee7752, #e73c7e, #23a6d5, #23d5ab);*/
	background-size: 400% 400%;
	animation: gradient 15s ease infinite;
}

section.text * {
    display: block;
    padding-left: 15px;
    padding-top: 15px;
}

.modal-header .close {
    opacity:0.75;
}

.locbox .loc-slot, .locbox .loc-store {
    border: 1px solid;
    padding: 2px;
    display: inline;
    min-width: 30px;
    width: 30px;
    text-align: center;
    font-weight: bold;
    font-size: 15px;
    display:inline;
    height:25px;
}

.locpdf {
    position: absolute;
    top: -37px;
    left: 18px;
    padding: 3px;
    font-size: 30px;
    cursor:pointer;
}

.locbox .list-item-content {
    align-items: center;
}

.locbox id {
    padding-right: 10px;
    font-size: 14px;
    font-weight: bold;
}

.locbox section {
    padding-left: 10px;
    font-size: 14px;
    max-width:80%;
}

.locbox .addlocation {
    cursor:pointer;
    color:#4298c3;
    padding-right: 10px;
    font-size: 14px;
    font-weight: bold;
}

/*
.locbox .addlocation::before {
    border-color: #c16b00;
    border-style: solid;
    border-width: 0 0 2px 2px;
    content: "";
    display: block;
    height: 6px;
    left: -9px;
    position: absolute;
    width: 6px;

    margin-top: -3px;
    top: 30%;

  
    transition: left 0.1s;

    transform: rotate( 45deg );
    -webkit-transform: rotate( 45deg );
}


.locbox .multi .addlocation::before {
    display: none;
}



.locbox .ui-draggable-dragging .addlocation::before {
    display: none;
}

*/

.locbox id, .locbox loc {
   width:20px;
   display:inline-block;
   position: relative;
}

.locbox #infoBar {
    display:flex; 
    flex-direction: row;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 10px;
}

.locbox .pid {
    font-weight: bold;
    font-size: 15px;
}

.locbox .cust {
    font-weight: bold;
    font-size: 15px;
}


.locbox #searchBar {
    display:flex; 
    flex-direction: row;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: space-between;
    align-items: flex-start;
}

.locbox .sstore {
  /*
    width: 50px;
    border: 1px solid #212121;
    padding: 2px;
    text-align:center;
    margin-right:30px;
    margin-left:55px;
    */
}


.locbox .sbox {
  display: inline-block;
  width: 100%;
  border-radius: 3px;
  padding: 4px 55px 4px 15px;
  position: relative;
  background: #fff;
  border: 1px solid #ddd;
  -webkit-transition: all 200ms ease-in-out;
  -moz-transition: all 200ms ease-in-out;
  transition: all 200ms ease-in-out;
}
.locbox .sbox.hovered, .locbox .sbox:hover, .locbox .sbox:active {
  border: 1px solid #aaa;
}

.locbox .sbox input[type=text] {
  border: none;
  box-shadow: none;
  display: inline-block;
  padding: 0;
  background: transparent;
}

.locbox .sbox input[type=text]:hover, .locbox .sbox input[type=text]:focus, .locbox .sbox input[type=text]:active {
  box-shadow: none;
}

.locbox .sbox .search-btn {
  position: absolute;
  right: 2px;
  top: 2px;
  color: #aaa;
  border-radius: 3px;
  font-size: 21px;
  padding: 5px 10px 1px;
  -webkit-transition: all 200ms ease-in-out;
  -moz-transition: all 200ms ease-in-out;
  transition: all 200ms ease-in-out;
}

.locbox .sbox .search-btn:hover {
  color: #fff;
  background-color: #8FBE00;
}


.locbox .line {
  border-left: 0.25em solid #4298c3;
  background: rgba(255, 255, 255, 0.1);
  margin: 2em auto;
  line-height: 1.4em;
  padding: 1em;
  padding-left: 3em;
  list-style: none;
  text-align: left;
  /*margin-left: 10em;*/
  margin-right: 3em;
  border-radius: 0.5em;
  min-width: 22em;
  padding-top:0;
  padding-bottom: 0;
}

.locbox .group {
  min-width: 20em;
  width: 100%;
  vertical-align: middle;
  box-sizing: border-box;
  position: relative;
  margin-bottom: 20px;
}

.locbox .line .group:before,
.locbox .line .group:after {
  position: absolute;
  display: block;
  top: 1em;
}

.locbox .line .group:before {
  left: -15em;
  color: rgba(18, 17, 17, 0.8);
  /*content: attr(data-name);*/
  text-align: right;
  font-weight: 100;
  font-size: 0.9em;
  min-width: 9em;
  
}

.locbox .line .group:after {
  box-shadow: 0 0 0 0.2em #4298c3;
  left: -3.5em;
  background: #313534;
  border-radius: 50%;
  height: 0.75em;
  width: 0.75em;
  content: "";
  top:0;
}

.locbox .collap {
    font-weight: 600;
}

.locbox .collapse {
  padding-left: 8px;
}

.pagination li.active.grey a, 
.pagination li.active.grey span, 
.pagination li.active.grey a:hover, 
.pagination li.active.grey span:hover, 
.pagination li.active.grey a:focus, 
.pagination li.active.grey span:focus {
    background-color:#898585;
    border-color:#857a7a;
}


.pagination li.active.green a, 
.pagination li.active.green span, 
.pagination li.active.green a:hover, 
.pagination li.active.green span:hover, 
.pagination li.active.green a:focus, 
.pagination li.active.green span:focus {
    background-color:#189552;
    
}


.pagination li.active.orange a, 
.pagination li.active.orange span, 
.pagination li.active.orange a:hover, 
.pagination li.active.orange span:hover, 
.pagination li.active.orange a:focus, 
.pagination li.active.orange span:focus {
    background-color:#ca861a;
    
}


.pagination li.active.red a, 
.pagination li.active.red span, 
.pagination li.active.red a:hover, 
.pagination li.active.red span:hover, 
.pagination li.active.red a:focus, 
.pagination li.active.red span:focus {
    background-color:#c3320b;
    
}



.spinner {
  -webkit-animation: rotator 1.4s linear infinite;
          animation: rotator 1.4s linear infinite;
}

tr.loading .spinner {
  -webkit-animation: rotator 1.4s linear infinite;
          animation: rotator 1.4s linear infinite;
          
    border:0px;
    width:20px;
    height:20px;
    margin:0 auto;
}

@-webkit-keyframes rotator {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(270deg);
  }
}

@keyframes rotator {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(270deg);
  }
}
.path {
  stroke-dasharray: 187;
  stroke-dashoffset: 0;
  transform-origin: center;
  -webkit-animation: dash 1.4s ease-in-out infinite, colors 5.6s ease-in-out infinite;
          animation: dash 1.4s ease-in-out infinite, colors 5.6s ease-in-out infinite;
}

@-webkit-keyframes colors {
  0% {
    stroke: #4285F4;
  }
  25% {
    stroke: #DE3E35;
  }
  50% {
    stroke: #F7C223;
  }
  75% {
    stroke: #1B9A59;
  }
  100% {
    stroke: #4285F4;
  }
}

@keyframes colors {
  0% {
    stroke: #4285F4;
  }
  25% {
    stroke: #DE3E35;
  }
  50% {
    stroke: #F7C223;
  }
  75% {
    stroke: #1B9A59;
  }
  100% {
    stroke: #4285F4;
  }
}
@-webkit-keyframes dash {
  0% {
    stroke-dashoffset: 187;
  }
  50% {
    stroke-dashoffset: 46.75;
    transform: rotate(135deg);
  }
  100% {
    stroke-dashoffset: 187;
    transform: rotate(450deg);
  }
}
@keyframes dash {
  0% {
    stroke-dashoffset: 187;
  }
  50% {
    stroke-dashoffset: 46.75;
    transform: rotate(135deg);
  }
  100% {
    stroke-dashoffset: 187;
    transform: rotate(450deg);
  }
}


.table tr.loading {
    opacity:0.4;
}

.alu-color { color: #2d2891; }
.avg-color { color: #bc0e0e; }
.sal-color { color: #0e7217; }
.enc-color { color: #c45710; }
.ovlo-color { color: #c45710; }


/*
<svg class="spinner" width="65px" height="65px" viewBox="0 0 66 66" xmlns="http://www.w3.org/2000/svg">
   <circle class="path" fill="none" stroke-width="6" stroke-linecap="round" cx="33" cy="33" r="30"></circle>
</svg>
*/


div.colorPicker-picker {
  height: 40px;
  width: 45px;
  padding: 0 !important;
  cursor: pointer;
  line-height: 16px;
  font-size:0.75em;
  font-weight:bold;
  text-align: center;
}

div.colorPicker-palette {
  width: 212px;
  position: absolute;
  border: 1px solid #598FEF;
  background-color: #EFEFEF;
  padding: 2px;
  z-index: 9999;
}
  div.colorPicker_hexWrap {width: 100%; float:left }
  div.colorPicker_hexWrap label {font-size: 95%; color: #2F2F2F; margin: 5px 2px; width: 25%}
  div.colorPicker_hexWrap input {margin: 5px 2px; padding: 0; font-size: 95%; border: 1px solid #000; width: 65%; }

div.colorPicker-swatch {
  height: 30px;
  width: 30px;
  border: 1px solid #000;
  margin: 2px;
  float: left;
  cursor: pointer;
  line-height: 12px;
}

.instmodal .templaterow {
  padding: 0;display: flex;flex-wrap: nowrap;flex-direction: row;align-content: center;justify-content: space-between;align-items: center;
}

.install_options .fake-select-wrap {
  padding:0;display:inline-block;position:relative;background: transparent !important;
}

.fake-select-wrap.dragged {
  display:none !important;
}


.sepia {
  filter: sepia(1);
}


.tag-group {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  width: auto;
  margin-left: auto;
  margin-right: auto;
  max-width: 600px;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
}
.tag-group > * {
  margin: 0.1rem 0.1rem;
}

.tag-group-legend {
  font-size: 1.5rem;
  font-weight: 700;
  color: #9c9c9c;
  text-align: center;
  line-height: 1.125;
  margin-bottom: 1.25rem;
}

.tag-input {
  clip: rect(0 0 0 0);
  -webkit-clip-path: inset(100%);
          clip-path: inset(100%);
  height: 1px;
  overflow: hidden;
  position: absolute;
  white-space: nowrap;
  width: 1px;
}
.tag-input:checked + .tag-tile {
  border-color: #2260ff;
  box-shadow: 0 5px 10px rgba(0, 0, 0, 0.1);
  color: #2260ff;
}
.tag-input:checked + .tag-tile:before {
  transform: scale(1);
  opacity: 1;
  background-color: #2260ff;
  border-color: #2260ff;
}
.tag-input:checked + .tag-tile .tag-icon, .tag-input:checked + .tag-tile .tag-label {
  color: #2260ff;
}
.tag-input:focus + .tag-tile {
  border-color: #2260ff;
  box-shadow: 0 5px 10px rgba(0, 0, 0, 0.1), 0 0 0 4px #b5c9fc;
}

.tag-input:focus + .tag-tile:before {
  transform: scale(1);
  opacity: 1;
}

.tag-tile {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  width: auto;
  min-height: 2.9rem;
  border-radius: 0.5rem !important;
  border: 2px solid #b5bfd9;
  background-color: #fff;
  box-shadow: 0 5px 10px rgba(0, 0, 0, 0.1);
  transition: 0.15s ease;
  cursor: pointer;
  position: relative;
  padding-left: 20px;
  padding-right: 20px;
  
}
/*
.tag-tile:before {
  content: "";
  position: absolute;
  display: block;
  width: 1.25rem;
  height: 1.25rem;
  border: 2px solid #b5bfd9;
  background-color: #fff;
  border-radius: 50%;
  top: 0.5rem;
  left: 0.25rem;
  opacity: 0;
  transform: scale(0);
  transition: 0.25s ease;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='192' height='192' fill='%23FFFFFF' viewBox='0 0 256 256'%3E%3Crect width='256' height='256' fill='none'%3E%3C/rect%3E%3Cpolyline points='216 72.005 104 184 48 128.005' fill='none' stroke='%23FFFFFF' stroke-linecap='round' stroke-linejoin='round' stroke-width='32'%3E%3C/polyline%3E%3C/svg%3E");
  background-size: 12px;
  background-repeat: no-repeat;
  background-position: 50% 50%;
}
*/
.tag-tile:hover {
  border-color: #2260ff;
}
.tag-tile:hover:before {
  transform: scale(1);
  opacity: 1;
}

.tag-add .tag-tile:before {
  background-image:none;
  border-color: transparent;
}

.tag-add .tag-tile:hover:before {
  background-image:none;
  border-color: transparent;
}

.tag-icon {
  transition: 0.375s ease;
  color: #494949;
}
.tag-icon svg {
  width: 3rem;
  height: 3rem;
}

.tag-label {
  color: #707070;
  transition: 0.375s ease;
  text-align: center;
}

.onhover .onhover_target {
  opacity:0;
}

.onhover:hover .onhover_target {
  opacity:1;
}

.top-right-corner {
   position:absolute;
   top:3px;
   right:3px;
}


.load_standard {
    display: flex;
    flex-direction: row;
    align-content: center;
    flex-wrap: nowrap;
    justify-content: center;
    align-items: center;
    width: 166px;
    height: 113px;
    margin-bottom: 3px;
    margin-left: 2px;
    margin-right: 2px;
    border: 1px solid #ccc;
    cursor: pointer;
    position:relative;
}

.load_standard:hover {
  
  border:1px solid red;
  background:#eee;
  
}


.load_standard .name {
    padding: 0;
    font-weight: bold;
    margin-right: 0;
    line-height: 16px;
    font-size: 16px;
    padding-left: 3px;
}

.load_standard .name small {
    font-size: 12px !important;
}

.load_standard .image {
    height: 50px;
    display: flex;
    transition: transform .2s;
    align-content: center;
    justify-content: center;
    align-items: center;
    /*background:white;*/
}
.load_standard .image img {
    max-width: 50px;
    height: auto;
}

.load_standard .image:hover {
   transform: scale(2.2); 
   background:#eee;
}

.load_standard .image:hover img {
   padding:4px;
}

.load_standard .del {
    height: 20px;
    width: 20px;
    vertical-align: middle;
    display: flex;
    justify-content: center;
    align-items: center;
    align-content: center;
    flex-wrap: nowrap;
    flex-direction: row;
    background: rgba(139,0,0,0.17);
    position:absolute;
    left:0;
    top:0;
}


.load_standard .del:hover, .load_standard .del:active {
    background: rgba(139,0,0,0.67);
}

.load_standard .del i {
    color: white;
    text-align: center;
    font-size: 15px;
 
}

.load_standard .load {
    height: 20px;
    width: 20px;
    vertical-align: middle;
    display: flex;
    justify-content: center;
    align-items: center;
    align-content: center;
    flex-wrap: nowrap;
    flex-direction: row;
    background: rgba(11,46,133,0.17);
}


.load_standard .load:hover, .load_standard .load:active {
    background: rgba(11,46,133,0.67);
}

.load_standard .load i {
    color: white;
    text-align: center;
    font-size: 15px;
 
}

.newstandard rows {display:flex;}

.newstandard cl {}

color-list {
    padding:10px;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    align-content: left;
    justify-content: center;
    align-items: center;
}

coloritem {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: center;
    align-items: center;
    width: 120px;
    height: 60px;
    border: 1px solid #cdcdcd;
    margin: 6px;
    padding: 6px;
    position:relative;
    text-shadow: 0 0px 4px rgba(255,255,255,0.5);
    color: black;
    font-weight: 600;
    cursor:pointer;
    font-size:13px;
}




panel-list {
    padding:10px;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    align-content: left;
    justify-content: center;
    align-items: center;
}

panelitem {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: center;
    align-items: center;
    width: 200px;
    height: 200px;
    border: 1px solid #cdcdcd;
    margin: 6px;
    padding: 6px;
    position:relative;
}

panelitem img {
   width:100%; 
}

panelitem a,panelitem a:hover {
  text-decoration:none;
}

panelitem .menu {
   visibility:hidden;
}

panelitem:hover {
    background:#eee;
}

panelitem:hover .menu {
   visibility:visible;
}

panelitem .menu {
    position: absolute;
    top: 0;
    width: 100%;
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    align-content: center;
    align-items: center;
    justify-content: space-around;
    background: #0000000a;
}

panelitem .menu a {
    padding:6px;
    width:100%;
    text-align:center;
}

panelitem .menu a:hover {
    background: #00000099;
    color:white;
}

panelitem .menu a.disabled, panelitem .menu a.disabled:hover {
    color:red; 
}

panelitem .usedby {
    position: absolute;
    bottom: 0;
    width: 100%;
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    align-content: center;
    align-items: center;
    justify-content: space-around;
    background: #0000007d;
    font-weight: bold;
    font-size: 14px;
    color: #baffa9;
    line-height: 25px;
    cursor:pointer;
}

.percent-btns {
   display:flex;text-align:center;top:10px;left:calc(50% - 150px);position:absolute; 
}

.btn-pc {
    height: auto;
    background: white;
    margin: 3px;
    border: 1px solid gray;
    padding: 3px 13px;
}


.edit-itemname { opacity:0; }
.itemname:hover .edit-itemname { opacity:1; }


.tag_row {
   border: 1px solid #ccc !important;
   padding:11px !important;
   align-items: center !important;
}

.tag_row:hover {
    border: 1px solid lightblue !important;
}

.tag_row input[type='checkbox']{
    margin-right: 15px;
    height: 27px;
    width: 27px;
    margin-top: 0;
}

.tag_row input[type='checkbox']:checked{
  filter: invert(15%) brightness(0.9);
}