.icon-spin {
  display: inline-block;
  -moz-animation: spin 2s infinite linear;
  -o-animation: spin 2s infinite linear;
  -webkit-animation: spin 2s infinite linear;
  animation: spin 2s infinite linear;
}
.no-border-radius {
  -webkit-border-radius: 0 !important;
  -moz-border-radius: 0 !important;
  border-radius: 0 !important;
}
.text-uppercase {
  text-transform: uppercase;
}
.text-justify {
  text-align: justify;
}
.text-line-through {
  text-decoration: line-through;
}
.box-heading {
  font-weight: bold;
  font-family: 'Oswald';
  margin-bottom: 15px;
}
.input-group .form-control {
  z-index: 0;
}
* {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
*:before,
*:after {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
html {
  font-size: 62.5%;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  height: 100%;
}
body {
  font-family: 'Arial', 'Helvetica Neue', 'Helvetica', 'sans-serif';
  font-size: 14px;
  line-height: 1.42857143;
  color: #777;
  height: 100%;
}
.auto-height {
  height: auto;
}
input,
button,
select,
textarea {
  font-family: inherit;
  font-size: inherit;
  line-height: inherit;
}
a {
  color: #777;
  text-decoration: none;
}
a:hover,
a:focus {
  color: #205f9f;
  text-decoration: none;
}
a:focus {
  outline: thin dotted #333;
  outline: 5px auto -webkit-focus-ring-color;
  outline-offset: -2px;
}
figure {
  margin: 0;
}
img {
  vertical-align: middle;
}
.img-responsive {
  display: block;
  max-width: 100%;
  height: auto;
}
.img-rounded {
  border-radius: 6px;
}
.img-thumbnail {
  padding: 4px;
  line-height: 1.42857143;
  background-color: #f0f2f5;
  border: 1px solid #ddd;
  border-radius: 4px;
  -webkit-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
  display: inline-block;
  max-width: 100%;
  height: auto;
}
.img-circle {
  border-radius: 50%;
}
hr {
  margin-top: 20px;
  margin-bottom: 20px;
  border: 0;
  border-top: 1px solid #eeeeee;
}
.sr-only {
  position: absolute;
  width: 1px;
  height: 1px;
  margin: -1px;
  padding: 0;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  border: 0;
}
.require {
  color: #ff0000;
}
#wrapper1 {
  width: 100%;
  min-height: 100%;
  background-color: #f3f3f3;
}
#page-wrapper {
  min-height: 100%;
  padding: 0 !important;
  background-color: #f0f2f5;
}
@media (min-width: 768px) {
  #page-wrapper {
    position: relative;
    margin: 0 0 0 250px;
    padding: 0;
  }
}
#topbar {
  background: #f3f3f3;
  width: 100%;
  height: 50px;
  border-radius: 0px !important;
}
#topbar.navbar-default {
  border: 0;
}
#topbar .navbar-header {
  width: 180px;
  height: 100%;
  background: #eeeeee;
  text-align: center;
}
#topbar .navbar-header #logo {
  font-size: 20px;
  line-height: 20px;
  /*color: #ffffff;*/
  height: 100%;
  width: 100%;
}
#topbar .navbar-header #logo span.fa {
  display: none;
}
#topbar .navbar-header #logo span.logo-text {
  display: block;
  font-weight: bold;
  font-family: 'Oswald', sans-serif;
  font-size: 30px;
}
#topbar .topbar-main {
  display: block;
  height: 100%;
  background: #f3f3f3;
}
#topbar .topbar-main #menu-toggle {
  float: left;
  padding: 15px 20px;
  background-color: transparent;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
  height: 50px;
  border-radius: 0;
  color: #ffffff;
}
#topbar .topbar-main #menu-toggle:hover,
#topbar .topbar-main #menu-toggle:focus {
  color: #205f9f;
}
#topbar .topbar-main #menu-toggle i {
  font-size: 18px;
  margin-top: 3px;
}
#topbar .topbar-main #theme-setting {
  background-color: rgba(0, 0, 0, 0.15);
}
#topbar .topbar-main ul.nav.navbar-nav {
  display: none;
}
#topbar .topbar-main ul.nav.navbar-nav.horizontal-menu {
  display: block;
}
#topbar .topbar-main ul.nav.navbar-nav li.active a,
#topbar .topbar-main ul.nav.navbar-nav li:hover a,
#topbar .topbar-main ul.nav.navbar-nav li.open a {
  background: #ffffff;
  color: #777;
}
#topbar .topbar-main ul.nav.navbar-nav li.active ul a:hover,
#topbar .topbar-main ul.nav.navbar-nav li:hover ul a:hover,
#topbar .topbar-main ul.nav.navbar-nav li.open ul a:hover,
#topbar .topbar-main ul.nav.navbar-nav li.active ul a:active,
#topbar .topbar-main ul.nav.navbar-nav li:hover ul a:active,
#topbar .topbar-main ul.nav.navbar-nav li.open ul a:active {
  color: #205f9f !important;
}
#topbar .topbar-main ul.nav.navbar-nav li.mega-menu-dropdown {
  position: static;
}
#topbar .topbar-main ul.nav.navbar-nav li.mega-menu-dropdown.mega-menu-full .dropdown-menu {
  left: 20px;
  right: 20px;
}
#topbar .topbar-main ul.nav.navbar-nav li.mega-menu-dropdown > .dropdown-menu {
  left: auto;
  width: auto;
}
#topbar .topbar-main ul.nav.navbar-nav li.mega-menu-dropdown > .dropdown-menu .mega-menu-content {
  padding: 10px;
  margin: 0;
}
#topbar .topbar-main ul.nav.navbar-nav li.mega-menu-dropdown > .dropdown-menu .mega-menu-content .mega-menu-submenu {
  *width: auto !important;
  padding: 0px 15px !important;
  margin: 0 !important;
  border-right: 1px solid #eeeeee;
}
#topbar .topbar-main ul.nav.navbar-nav li.mega-menu-dropdown > .dropdown-menu .mega-menu-content .mega-menu-submenu:last-child {
  border-right: 0;
}
#topbar .topbar-main ul.nav.navbar-nav li.mega-menu-dropdown > .dropdown-menu .mega-menu-content .mega-menu-submenu li {
  padding: 2px !important;
  margin: 0 !important;
  list-style: none;
}
#topbar .topbar-main ul.nav.navbar-nav li.mega-menu-dropdown > .dropdown-menu .mega-menu-content .mega-menu-submenu li h3 {
  color: #555555;
  margin-top: 10px;
  padding-left: 5px;
  font-size: 15px;
  font-weight: normal;
}
#topbar .topbar-main ul.nav.navbar-nav li.mega-menu-dropdown > .dropdown-menu .mega-menu-content .mega-menu-submenu li a {
  padding: 5px !important;
  margin: 0 !important;
  font-weight: normal;
  display: block;
}
#topbar .topbar-main ul.nav.navbar-nav li.mega-menu-dropdown > .dropdown-menu .mega-menu-content .mega-menu-submenu li a:hover {
  background: #f0f0f0;
}
#topbar .topbar-main ul.nav.navbar-nav li.mega-menu-dropdown > .dropdown-menu .mega-menu-content .mega-menu-submenu li a i {
  margin-right: 5px;
}
#topbar .topbar-main ul.nav.navbar-nav li.mega-menu-dropdown > .dropdown-menu .mega-menu-content .document-demo .mega-menu-submenu {
  border-right: none;
}
#topbar .topbar-main ul.nav.navbar-nav li.mega-menu-dropdown > .dropdown-menu .mega-menu-content .document-demo .mega-menu-submenu li a {
  text-align: center;
  padding: 30px 5px !important;
}
#topbar .topbar-main ul.nav.navbar-nav li.mega-menu-dropdown > .dropdown-menu .mega-menu-content .document-demo .mega-menu-submenu li a:hover {
  background: transparent;
}
#topbar .topbar-main ul.nav.navbar-nav li.mega-menu-dropdown > .dropdown-menu .mega-menu-content .document-demo .mega-menu-submenu li a i {
  font-size: 50px;
  display: block;
  width: 100%;
  margin-bottom: 20px;
}
#topbar .topbar-main ul.nav.navbar-nav li a {
  /*color: #ffffff;*/
}
#topbar .topbar-main ul.nav li.active .dropdown-menu a:hover,
#topbar .topbar-main ul.nav li:hover .dropdown-menu a:hover,
#topbar .topbar-main ul.nav li.open .dropdown-menu a:hover,
#topbar .topbar-main ul.nav li.active .dropdown-menu a:active,
#topbar .topbar-main ul.nav li:hover .dropdown-menu a:active,
#topbar .topbar-main ul.nav li.open .dropdown-menu a:active,
#topbar .topbar-main ul.nav li.active .dropdown-menu a:focus,
#topbar .topbar-main ul.nav li:hover .dropdown-menu a:focus,
#topbar .topbar-main ul.nav li.open .dropdown-menu a:focus {
  color: #205f9f !important;
}
#topbar .topbar-main ul.nav li.active .dropdown-menu a:hover i,
#topbar .topbar-main ul.nav li:hover .dropdown-menu a:hover i,
#topbar .topbar-main ul.nav li.open .dropdown-menu a:hover i,
#topbar .topbar-main ul.nav li.active .dropdown-menu a:active i,
#topbar .topbar-main ul.nav li:hover .dropdown-menu a:active i,
#topbar .topbar-main ul.nav li.open .dropdown-menu a:active i,
#topbar .topbar-main ul.nav li.active .dropdown-menu a:focus i,
#topbar .topbar-main ul.nav li:hover .dropdown-menu a:focus i,
#topbar .topbar-main ul.nav li.open .dropdown-menu a:focus i {
  color: #205f9f !important;
}
#topbar #topbar-search {
  display: inline-block;
  width: 50px;
  /*  position: absolute;*/
  -webkit-transition: all 0.4s;
  transition: all 0.4s;
  z-index: 10;
  background-color: rgba(0, 0, 0, 0.15);
}
#topbar #topbar-search .input-group .form-control {
  height: 50px;
  border: 0;
  background: transparent !important;
  padding-left: 0;
  margin-left: 12px;
  text-indent: -999999px;
  color: #efefef;
}
#topbar #topbar-search .input-group .form-control:hover {
  cursor: default;
}
#topbar #topbar-search .input-group .input-group-btn {
  height: 50px;
}
#topbar #topbar-search .input-group .input-group-btn .btn.submit {
  margin-left: -24px;
  padding: 0;
  width: 50px;
  background: none;
  border: 0 !important;
  display: block;
  color: #ffffff;
  cursor: default;
}
#topbar #topbar-search .input-group .input-group-btn .btn.submit i {
  font-size: 16px;
}
#topbar #topbar-search.open {
  -webkit-transition: all 0.4s;
  transition: all 0.4s;
  width: 300px !important;
  background-color: rgba(255, 255, 255, 0.15);
}
#topbar #topbar-search.open .input-group .form-control {
  text-indent: 0;
}
#topbar #topbar-search.open .input-group .form-control:hover {
  cursor: text;
}
#topbar #topbar-search.open .input-group .form-control .input-group-btn .btn.submit {
  margin-left: 0;
}
#topbar #topbar-search input:-moz-placeholder {
  color: #efefef;
}
#topbar #topbar-search input::-webkit-input-placeholder {
  color: #efefef;
}
#topbar .navbar-top-links #dropdown-theme-setting.open .dropdown-menu {
  display: none;
}
#topbar .navbar-top-links li {
  display: inline-block;
}
#topbar .navbar-top-links li:last-child {
  margin-right: 15px;
}
#topbar .navbar-top-links li.open > a {
  background: #f3f3f3 !important;
  color: #ffffff !important;
}
#topbar .navbar-top-links li.open > a:hover,
#topbar .navbar-top-links li.open > a:focus {
  background: #f3f3f3 !important;
}
#topbar .navbar-top-links li.open > a i {
  color: #ffffff;
}
#topbar .navbar-top-links li > a {
  padding: 15px 20px;
  height: 100%;
  color: #ffffff;
  -webkit-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
}
#topbar .navbar-top-links li > a:hover,
#topbar .navbar-top-links li > a:focus {
  background: #f3f3f3 !important;
}
#topbar .navbar-top-links li > a i {
  font-size: 16px;
  color: #ffffff;
}
#topbar .navbar-top-links li > a span.badge {
  position: absolute;
  top: 5px;
  right: 30px;
  padding: 3px 6px;
  color: #ffffff;
}
#topbar .navbar-top-links li > a img {
  position: relative;
  width: 25px;
  height: 25px;
  display: inline-block;
}
#topbar .navbar-top-links li .dropdown-menu li {
  display: block;
  position: relative;
}
#topbar .navbar-top-links li .dropdown-menu li:last-child {
  margin-right: 0;
}
#topbar .navbar-top-links li .dropdown-menu li a {
  padding: 3px 20px;
  min-height: 0;
  color: #777;
}
#topbar .navbar-top-links li .dropdown-menu li a div {
  white-space: normal;
}
#topbar .navbar-top-links li .dropdown-menu li a.btn {
  color: #FFFFFF;
}
#topbar .navbar-top-links li.topbar-user a {
  padding: 12px 15px 11px;
}
#topbar .navbar-top-links li.topbar-user a img {
  margin-right: 5px;
}
#topbar .navbar-top-links li.topbar-user .dropdown-menu {
  min-width: 158px;
  box-shadow: 0 4px 5px rgba(0, 0, 0, 0.175);
}
#topbar .navbar-top-links li#theme-setting a {
  padding: 12px 15px 11px;
}
#topbar .navbar-top-links ul.dropdown-alerts {
  width: 250px;
  min-width: 0;
}
#topbar .navbar-top-links ul.dropdown-alerts li {
  float: left;
  width: 100%;
}
#topbar .navbar-top-links ul.dropdown-alerts li a:hover,
#topbar .navbar-top-links ul.dropdown-alerts li a:focus {
  background: #f7f7f8 !important;
}
#topbar .navbar-top-links ul.dropdown-alerts li ul {
  padding: 0;
  margin: 0;
}
#topbar .navbar-top-links ul.dropdown-alerts li ul li a {
  padding: 15px;
  display: block;
  border-top: 1px solid #efefef;
  font-size: 12px;
}
#topbar .navbar-top-links ul.dropdown-alerts li ul li a span {
  margin-right: 10px;
  padding: 3px;
}
#topbar .navbar-top-links ul.dropdown-alerts li ul li a span i {
  font-size: 14px;
  color: #FFFFFF;
}
#topbar .navbar-top-links ul.dropdown-alerts li:first-child a {
  border-top: 0;
}
#topbar .navbar-top-links ul.dropdown-alerts li.last a {
  background: #f7f7f8;
  width: 100%;
  border-top: 0;
  padding: 10px 15px;
  text-align: right;
  font-size: 12px;
}
#topbar .navbar-top-links ul.dropdown-alerts li.last a:hover {
  text-decoration: underline;
}
#topbar .navbar-top-links ul.dropdown-alerts li p {
  padding: 10px 15px;
  margin-bottom: 0;
  background: #f3f3f3;
  color: #ffffff;
}
#topbar .navbar-top-links ul.dropdown-messages {
  width: 250px;
  min-width: 0;
}
#topbar .navbar-top-links ul.dropdown-messages li {
  float: left;
  width: 100%;
}
#topbar .navbar-top-links ul.dropdown-messages li a:hover,
#topbar .navbar-top-links ul.dropdown-messages li a:focus {
  background: #f7f7f8 !important;
}
#topbar .navbar-top-links ul.dropdown-messages li ul {
  padding: 0;
  margin: 0;
}
#topbar .navbar-top-links ul.dropdown-messages li ul li a {
  padding: 15px;
  display: block;
  border-top: 1px solid #efefef;
}
#topbar .navbar-top-links ul.dropdown-messages li ul li a .avatar img {
  width: 40px;
  height: 40px;
  margin-top: 0;
  float: left;
  display: block;
}
#topbar .navbar-top-links ul.dropdown-messages li ul li a .info {
  margin-left: 50px;
  display: block;
}
#topbar .navbar-top-links ul.dropdown-messages li ul li a .info .name {
  font-size: 12px;
  font-weight: bold;
  display: block;
}
#topbar .navbar-top-links ul.dropdown-messages li ul li a .info .name .label {
  font-size: 10px;
  padding: 3px;
}
#topbar .navbar-top-links ul.dropdown-messages li ul li a .info .desc {
  font-size: 12px;
}
#topbar .navbar-top-links ul.dropdown-messages li:first-child a {
  border-top: 0;
}
#topbar .navbar-top-links ul.dropdown-messages li.last a {
  background: #f7f7f8;
  width: 100%;
  border-top: 0;
  padding: 10px 15px;
  text-align: right;
  font-size: 12px;
}
#topbar .navbar-top-links ul.dropdown-messages li.last a:hover {
  text-decoration: underline;
}
#topbar .navbar-top-links ul.dropdown-messages li p {
  padding: 10px 15px;
  margin-bottom: 0;
  background: #f3f3f3;
  color: #ffffff;
}
#topbar .navbar-top-links ul.dropdown-tasks {
  width: 250px;
  min-width: 0;
  margin-left: -59px;
}
#topbar .navbar-top-links ul.dropdown-tasks li {
  float: left;
  width: 100%;
}
#topbar .navbar-top-links ul.dropdown-tasks li a:hover,
#topbar .navbar-top-links ul.dropdown-tasks li a:focus {
  background: #f7f7f8 !important;
}
#topbar .navbar-top-links ul.dropdown-tasks li ul {
  padding: 0;
  margin: 0;
}
#topbar .navbar-top-links ul.dropdown-tasks li ul li a {
  padding: 15px;
  display: block;
  border-top: 1px solid #efefef;
  font-size: 12px;
}
#topbar .navbar-top-links ul.dropdown-tasks li ul li a span {
  margin-right: 10px;
}
#topbar .navbar-top-links ul.dropdown-tasks li ul li a span i {
  font-size: 13px;
  color: #FFFFFF;
  padding: 3px;
}
#topbar .navbar-top-links ul.dropdown-tasks li ul li a .progress {
  margin-bottom: 5px;
}
#topbar .navbar-top-links ul.dropdown-tasks li:first-child a {
  border-top: 0;
}
#topbar .navbar-top-links ul.dropdown-tasks li.last a {
  background: #f7f7f8;
  width: 100%;
  border-top: 0;
  padding: 10px 15px;
  text-align: right;
}
#topbar .navbar-top-links ul.dropdown-tasks li.last a:hover {
  text-decoration: underline;
}
#topbar .navbar-top-links ul.dropdown-tasks li p {
  padding: 10px 15px;
  margin-bottom: 0;
  background: #f3f3f3;
  color: #ffffff;
}
#topbar .navbar-top-links .dropdown-user li a {
  height: auto;
}
#topbar .navbar-top-links .dropdown-user li a:hover,
#topbar .navbar-top-links .dropdown-user li a:focus {
  background: #f7f7f8 !important;
}
#topbar .navbar-top-links .dropdown-user li a i {
  margin-right: 5px;
  color: #777;
  width: 14px;
}
#topbar .navbar-top-links .dropdown-user li a .badge {
  position: absolute;
  margin-top: 5px;
  right: 10px;
  display: inline;
  font-size: 11px;
  padding: 3px 6px 3px 6px;
  text-align: center;
  vertical-align: middle;
}
#topbar .navbar-top-links .dropdown-theme-setting {
  width: 250px;
  min-width: 0;
  background-color: #f3f3f3;
}
#topbar .navbar-top-links .dropdown-theme-setting li {
  padding: 10px !important;
}
#topbar .navbar-top-links .dropdown-theme-setting li h4 {
  color: #ffffff;
}
#topbar .navbar-top-links .dropdown-theme-setting li ul#list-color li {
  cursor: pointer;
  width: 35px;
  height: 35px;
  border: 5px solid transparent;
  margin: 0 5px;
  display: inline-block;
}
#topbar .navbar-top-links .dropdown-theme-setting li ul#list-color li.green-dark {
  background: #594857;
  border-color: #488C6C;
}
#topbar .navbar-top-links .dropdown-theme-setting li ul#list-color li.red-dark {
  background: #594857;
  border-color: #BF4346;
}
#topbar .navbar-top-links .dropdown-theme-setting li ul#list-color li.pink-dark {
  background: #594857;
  border-color: #BF3773;
}
#topbar .navbar-top-links .dropdown-theme-setting li ul#list-color li.blue-dark {
  background: #594857;
  border-color: #0A819C;
}
#topbar .navbar-top-links .dropdown-theme-setting li ul#list-color li.yellow-dark {
  background: #594857;
  border-color: #F2994B;
}
#topbar .navbar-top-links .dropdown-theme-setting li ul#list-color li.green-grey {
  background: #4B5D67;
  border-color: #488C6C;
}
#topbar .navbar-top-links .dropdown-theme-setting li ul#list-color li.red-grey {
  background: #4B5D67;
  border-color: #BF4346;
}
#topbar .navbar-top-links .dropdown-theme-setting li ul#list-color li.pink-grey {
  background: #4B5D67;
  border-color: #BF3773;
}
#topbar .navbar-top-links .dropdown-theme-setting li ul#list-color li.blue-grey {
  background: #4B5D67;
  border-color: #0A819C;
}
#topbar .navbar-top-links .dropdown-theme-setting li ul#list-color li.yellow-grey {
  background: #4B5D67;
  border-color: #F2994B;
}
#topbar .navbar-top-links .dropdown-theme-setting li ul#list-color li.yellow-green {
  background: #007451;
  border-color: #CCA32F;
}
#topbar .navbar-top-links .dropdown-theme-setting li ul#list-color li.orange-grey {
  background: #322F2B;
  border-color: #D94E37;
}
#topbar .navbar-top-links .dropdown-theme-setting li ul#list-color li.pink-blue {
  background: #40516F;
  border-color: #DC6767;
}
#topbar .navbar-top-links .dropdown-theme-setting li ul#list-color li.pink-violet {
  background: #554161;
  border-color: #E82A62;
}
#topbar .navbar-top-links .dropdown-theme-setting li ul#list-color li.orange-violet {
  background: #554161;
  border-color: #FF422B;
}
#topbar .navbar-top-links .dropdown-theme-setting li ul#list-color li.pink-green {
  background: #456445;
  border-color: #FF5E70;
}
#topbar .navbar-top-links .dropdown-theme-setting li ul#list-color li.pink-brown {
  background: #573F2F;
  border-color: #A21E46;
}
#topbar .navbar-top-links .dropdown-theme-setting li ul#list-color li.orange-blue {
  background: #33485C;
  border-color: #E74C3C;
}
#topbar .navbar-top-links .dropdown-theme-setting li ul#list-color li.yellow-blue {
  background: #417CB2;
  border-color: #FFC34C;
}
#topbar .navbar-top-links .dropdown-theme-setting li ul#list-color li.green-blue {
  background: #417CB2;
  border-color: #66B354;
}
@media (min-width: 768px) {
  .navbar-top-links .dropdown-messages,
  .navbar-top-links .dropdown-tasks,
  .navbar-top-links .dropdown-alerts {
    margin-left: auto;
  }
}
.page-title-breadcrumb {
  padding: 0px 20px;
  background: #ffffff;
  -webkit-box-shadow: 0 2px 2px rgba(0, 0, 0, 0.05), 0 1px 0 rgba(0, 0, 0, 0.05);
  box-shadow: 0 2px 2px rgba(0, 0, 0, 0.05), 0 1px 0 rgba(0, 0, 0, 0.05);
  clear: both;
  height: 50px;
}
.page-title-breadcrumb .page-header {
  margin: 0;
  padding: 0;
  border-bottom: 0;
}
.page-title-breadcrumb .page-header .page-title {
  font-size: 25px;
  font-weight: 300;
  display: inline-block;
  padding-top: 5px;
}
.page-title-breadcrumb .page-header .page-subtitle {
  font-size: 14px;
  font-weight: 300;
  color: #bcbcbc;
  display: inline-block;
}
.page-title-breadcrumb .breadcrumb {
  float: right;
  margin-bottom: 0;
  padding-left: 0;
  padding-right: 0;
  border-radius: 0;
  background: transparent;
  padding-top: 17px;
  margin-left: 10px;
}
.page-title-breadcrumb .breadcrumb li {
  display: inline;
}
.page-title-breadcrumb .breadcrumb li + li:before {
  content: "";
  padding: 0;
}
.page-title-breadcrumb .reportrange {
  float: right;
  margin-top: 7px;
}
.horizontal-menu-page #sidebar {
  display: none;
}
.horizontal-menu-page #page-wrapper {
  margin-left: 0;
}
.horizontal-menu-page #menu-toggle {
  display: none;
}
#chat-form {
  position: absolute;
  right: 0;
  top: 0;
  bottom: 0;
  width: 280px;
  background: #f3f3f3;
  z-index: 9999;
  display: none;
}
#chat-form.fixed {
  position: fixed;
  min-height: 0 !important;
}
#chat-form .user-status {
  display: inline-block;
  background: #575d67;
  margin-right: 5px;
  width: 8px;
  height: 8px;
  -webkit-background-clip: padding-box;
  -moz-background-clip: padding;
  background-clip: padding-box;
  -webkit-border-radius: 8 !important;
  -moz-border-radius: 8px !important;
  border-radius: 8px !important;
}
#chat-form .user-status.is-online {
  background-color: #06b53c;
}
#chat-form .user-status.is-busy {
  background-color: #ee4749;
}
#chat-form .user-status.is-idle {
  background-color: #f7d227;
}
#chat-form .user-status.is-offline {
  background-color: #666666;
}
#chat-form .chat-inner {
  overflow: auto;
  height: 100%;
}
#chat-form .chat-header {
  font-size: 16px;
  color: #ffffff;
  padding: 30px 35px;
  line-height: 1;
  margin: 0;
  border-bottom: 1px solid #ffffff;
  position: relative;
}
#chat-form .chat-header .chat-form-close {
  color: #ededed;
  font-size: 13px;
}
#chat-form .chat-group {
  margin-top: 30px;
}
#chat-form .chat-group > strong {
  text-transform: uppercase;
  color: #ededed;
  display: block;
  padding: 6px 35px;
  font-size: 14px;
}
#chat-form .chat-group > a {
  display: block;
  padding: 6px 35px;
  position: relative;
  color: #eaeaea;
  text-decoration: none;
}
#chat-form .chat-group > a .badge {
  font-size: 9px;
  margin-left: 5px;
  -webkit-transform: scale(1);
  -moz-transform: scale(1);
  -o-transform: scale(1);
  -ms-transform: scale(1);
  transform: scale(1);
  -webkit-opacity: 1;
  -moz-opacity: 1;
  opacity: 1;
}
#chat-form .chat-group > a .badge.is-hidden {
  -webkit-opacity: 0;
  -moz-opacity: 0;
  opacity: 0;
}
#chat-form .chat-group > a.active {
  background: #ffffff;
}
#chat-form .chat-group > a.active:before {
  content: '';
  display: block;
  position: absolute;
  width: 0px;
  height: 0px;
  border-style: solid;
  border-width: 8px 0 8px 8px;
  border-color: transparent transparent transparent #e6e6e6;
  left: 0;
  top: 50%;
  margin-top: -8px;
}
#chat-form .chat-group > a:hover {
  background: #ffffff;
}
#chat-form #chat-box {
  position: absolute;
  right: 280px;
  width: 340px;
  background: #e6e6e6;
  -webkit-background-clip: padding-box;
  -moz-background-clip: padding;
  background-clip: padding-box;
  display: none;
}
#chat-form #chat-box .chat-box-header {
  padding: 20px 24px;
  font-size: 14px;
  color: #fff;
  border-bottom: 1px solid #ffffff;
}
#chat-form #chat-box .chat-box-header .chat-box-close {
  color: #ededed;
  font-size: 13px;
}
#chat-form #chat-box .chat-box-header small {
  color: #BBBBBB;
  font-size: 12px;
  padding-left: 8px;
}
#chat-form #chat-box .chat-content {
  height: 250px;
}
#chat-form #chat-box ul.chat-box-body {
  list-style: none;
  margin: 0;
  padding: 0;
  overflow: auto;
  height: 250px;
}
#chat-form #chat-box ul.chat-box-body > li {
  padding: 20px 24px;
  padding-bottom: 5px;
  padding-top: 0px;
}
#chat-form #chat-box ul.chat-box-body > li:before {
  content: " ";
  display: table;
}
#chat-form #chat-box ul.chat-box-body > li:after {
  clear: both;
  content: " ";
  display: table;
}
#chat-form #chat-box ul.chat-box-body > li.odd {
  background: #ebebeb;
}
#chat-form #chat-box ul.chat-box-body > li .avt {
  width: 30px;
  height: 30px;
  border-radius: 50%;
  margin: 5px 5px 0px 0px;
  vertical-align: -9px;
}
#chat-form #chat-box ul.chat-box-body > li .user {
  font-weight: bold;
  color: #fff;
}
#chat-form #chat-box ul.chat-box-body > li .user:after {
  content: ':';
}
#chat-form #chat-box ul.chat-box-body > li .time {
  float: right;
  font-style: italic;
  color: #ededed;
  font-size: 11px;
  margin-top: 12px;
}
#chat-form #chat-box ul.chat-box-body > li p {
  margin: 10px 0 8.5px;
  color: #eaeaea;
}
#chat-form #chat-box .chat-textarea {
  padding: 20px 24px;
  position: relative;
}
#chat-form #chat-box .chat-textarea textarea {
  background: #fbfbfb;
  border: 1px solid #fbfbfb;
  color: #fff;
  border-radius: 0;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
}
#chat-form #chat-box .chat-textarea textarea::-webkit-input-placeholder {
  /* WebKit browsers */
  color: #ededed;
}
#chat-form #chat-box .chat-textarea textarea:-moz-placeholder {
  /* Mozilla Firefox 4 to 18 */
  color: #ededed;
}
#chat-form #chat-box .chat-textarea textarea::-moz-placeholder {
  /* Mozilla Firefox 19+ */
  color: #ededed;
}
#chat-form #chat-box .chat-textarea textarea:-ms-input-placeholder {
  /* Internet Explorer 10+ */
  color: #ededed;
}
.sidebar-fixed {
  position: fixed;
}
#sidebar {
  background: #f3f3f3;
}
.navbar-static-side ul li {
  border-bottom: 1px solid #f8f8f8;
}
.navbar-static-side ul li:first-child a {
  padding: 0;
}
.navbar-static-side ul li.active a {
  background: #205f9f;
  outline: none;
}
.navbar-static-side ul li a {
  color: #FFFFFF;
  padding: 12px 15px;
}
.navbar-static-side ul li a span.menu-title {
  margin-left: 10px;
}
.navbar-static-side ul li a i {
  font-size: 16px;
  min-width: 20px;
  text-align: center;
}
.navbar-static-side ul li a i .icon-bg {
  display: none;
}
.navbar-static-side ul li a:hover,
.navbar-static-side ul li a:focus {
  background: #205f9f;
  transition: 0.2s all ease-in-out;
  outline: none;
}
.navbar-static-side ul li a .badge,
.navbar-static-side ul li a .label {
  float: right;
  margin-right: 10px;
}
.navbar-static-side ul li a.menu-title {
  margin-left: 10px;
}
.navbar-static-side ul li .nav-second-level li {
  border-bottom: 1px solid #eeeeee;
}
.navbar-static-side ul li .nav-second-level li.active a,
.navbar-static-side ul li .nav-second-level li:hover a,
.navbar-static-side ul li .nav-second-level li:focus a {
  color: #205f9f;
}
.navbar-static-side ul li .nav-second-level li a {
  padding: 14px 15px 14px 40px;
  background: #e6e6e6;
  color: #efefef;
}
.navbar-static-side ul li .nav-second-level li a span.submenu-title {
  margin-left: 10px;
}
.navbar-static-side ul li .nav-second-level li .nav-third-level li {
  border-bottom: 1px solid #e9e9e9;
}
.navbar-static-side ul li .nav-second-level li .nav-third-level li.active a,
.navbar-static-side ul li .nav-second-level li .nav-third-level li:hover a,
.navbar-static-side ul li .nav-second-level li .nav-third-level li:focus a {
  color: #205f9f;
}
.navbar-static-side ul li .nav-second-level li .nav-third-level li a {
  padding: 15px 15px 15px 40px;
  background: #dfdfdf;
  color: #efefef;
}
.navbar-static-side ul li .nav-second-level li .nav-third-level li a span.submenu-title {
  margin-left: 10px;
}
.navbar-static-side ul li.sidebar-heading {
  padding: 5px 15px;
}
.navbar-static-side ul li.sidebar-heading h4 {
  font-family: 'Oswald';
  font-size: 18px;
  font-weight: bold;
  color: #205f9f;
}
.navbar-static-side ul li.user-panel {
  padding: 15px;
}
.navbar-static-side ul li.user-panel .thumb {
  float: left;
  border: 5px solid rgba(255, 255, 255, 0.1);
  border-radius: 50%;
}
.navbar-static-side ul li.user-panel .thumb img {
  width: 45px;
  height: 45px;
}
.navbar-static-side ul li.user-panel .info {
  float: left;
  padding: 5px 5px 5px 15px;
  color: #ffffff;
}
.navbar-static-side ul li.user-panel .info p {
  margin-bottom: 3px;
  font-size: 16px;
}
.navbar-static-side ul li.user-panel .info a {
  font-size: 10px;
}
.navbar-static-side ul li.user-panel .info a i {
  font-size: 14px;
  color: #999;
}
.navbar-static-side ul li.user-panel .info a:hover,
.navbar-static-side ul li.user-panel .info a:focus {
  background-color: transparent;
}
.navbar-static-side ul li.user-panel .info a:hover i,
.navbar-static-side ul li.user-panel .info a:focus i {
  color: #777;
}
.navbar-static-side ul li.user-panel ul li {
  border-bottom: 0;
}
.sidebar-user-info {
  padding: 15px;
}
.sidebar-user-info img {
  border: 5px solid #1d5792;
  width: 75px;
  height: 75px;
  display: inline-block;
}
.sidebar-user-info h4 {
  color: #FFFFFF;
  margin-bottom: 5px;
}
.sidebar-user-info ul {
  margin-bottom: 3px;
}
.sidebar-user-info ul li {
  border-bottom: 0 !important;
}
.sidebar-user-info ul li a {
  color: #cdcdcd;
}
.sidebar-user-info .user-status {
  width: 10px;
  height: 10px;
  border-radius: 50% !important;
  display: inline-block;
  background: transparent;
  margin-right: 5px;
}
.sidebar-user-info .user-status.is-online {
  background: #06B53C;
}
.sidebar-user-info .user-status.is-idle {
  background: #F7D227;
}
.sidebar-user-info .user-status.is-busy {
  background: #ee4749;
}
.sidebar-user-info .user-status.is-offline {
  background: #666666;
}
.sidebar-user-info span {
  color: #FFFFFF;
}
.sidebar-user-activity {
  padding: 15px;
  border-bottom: 0 !important;
}
.sidebar-user-activity h4 {
  color: #FFFFFF;
}
.sidebar-user-activity .note {
  padding: 3px 15px;
  margin-bottom: 5px;
}
.sidebar-user-activity .note small {
  color: #cdcdcd;
}
.sidebar-user-activity .note a:hover,
.sidebar-user-activity .note a:focus {
  background: transparent;
}
.arrow {
  float: right;
  margin-top: 3px;
}
.fa.arrow:before {
  content: "\f104";
}
.active > a > .fa.arrow:before {
  content: "\f107";
}
@media (min-width: 768px) {
  .navbar-static-side {
    z-index: 1;
    position: absolute;
    width: 250px;
  }
}
.right-sidebar #topbar .navbar-header {
  float: right;
  border-right: 0;
}
.right-sidebar #sidebar {
  left: auto;
  right: 0;
}
.right-sidebar #page-wrapper {
  margin: 0 250px 0 0;
}
/* Begin Left Sidebar Collapsed */
.left-side-collapsed .navbar-static-side {
  width: 55px;
}
.left-side-collapsed .navbar-static-side ul#side-menu li.user-panel {
  display: none;
}
.left-side-collapsed .navbar-static-side ul#side-menu li.nav-hover a {
  height: 50px;
}
.left-side-collapsed .navbar-static-side ul#side-menu li.nav-hover a span.menu-title {
  display: block !important;
}
.left-side-collapsed .navbar-static-side ul#side-menu li.nav-hover a span.submenu-title {
  display: block !important;
  margin-left: 0;
}
.left-side-collapsed .navbar-static-side ul#side-menu li.nav-hover ul.nav-second-level {
  display: block;
  position: absolute;
  top: 50px;
  left: 55px;
  width: 195px;
}
.left-side-collapsed .navbar-static-side ul#side-menu li.nav-hover ul.nav-second-level li a {
  padding: 15px;
}
.left-side-collapsed .navbar-static-side ul#side-menu li a span {
  display: none;
}
.left-side-collapsed .navbar-static-side ul#side-menu li a i.fa {
  font-size: 18px;
}
.left-side-collapsed .navbar-static-side ul#side-menu li a span.menu-title {
  position: absolute;
  top: 0;
  left: 55px;
  padding: 15px;
  margin-left: 0;
  background: #205f9f;
  color: #ffffff;
  width: 195px;
  height: 50px;
}
.left-side-collapsed .navbar-static-side ul#side-menu li ul.nav-second-level {
  display: none;
  position: absolute;
  top: 50px;
  left: 55px;
  width: 195px;
}
.left-side-collapsed .navbar-static-side ul#side-menu li ul.nav-second-level li a i {
  display: none;
}
.left-side-collapsed #page-wrapper {
  margin: 0 0 0 55px;
}
/* End Left Sidebar Collapsed */
/* Begin Right Sidebar Collapsed */
.right-side-collapsed .navbar-static-side {
  width: 55px;
}
.right-side-collapsed .navbar-static-side ul#side-menu li.user-panel {
  display: none;
}
.right-side-collapsed .navbar-static-side ul#side-menu li.nav-hover a {
  height: 50px;
}
.right-side-collapsed .navbar-static-side ul#side-menu li.nav-hover a span.menu-title {
  display: block !important;
}
.right-side-collapsed .navbar-static-side ul#side-menu li.nav-hover a span.submenu-title {
  display: block !important;
  margin-right: 0;
}
.right-side-collapsed .navbar-static-side ul#side-menu li.nav-hover ul.nav-second-level {
  display: block;
  position: absolute;
  top: 50px;
  right: 55px;
  width: 195px;
}
.right-side-collapsed .navbar-static-side ul#side-menu li.nav-hover ul.nav-second-level li a {
  padding: 15px 5px;
}
.right-side-collapsed .navbar-static-side ul#side-menu li a span {
  display: none;
}
.right-side-collapsed .navbar-static-side ul#side-menu li a i.fa {
  font-size: 18px;
}
.right-side-collapsed .navbar-static-side ul#side-menu li a span.menu-title {
  position: absolute;
  top: 0;
  right: 55px;
  padding: 15px;
  margin-right: 0;
  background: #205f9f;
  color: #ffffff;
  width: 195px;
  height: 50px;
}
.right-side-collapsed .navbar-static-side ul#side-menu li ul.nav-second-level {
  display: none;
  position: absolute;
  top: 50px;
  right: 55px;
  width: 195px;
}
.right-side-collapsed .navbar-static-side ul#side-menu li ul.nav-second-level li a i {
  display: none;
}
.right-side-collapsed #page-wrapper {
  margin: 0 55px 0 0;
}
/* End Left Sidebar Collapsed */
.page-content {
  padding: 20px 20px 50px 20px;
  min-height: 700px;
  clear: both;
}
#footer {
  width: 100%;
  padding: 7px 20px;
  background-color: #f3f3f3;
  color: #FFFFFF;
  font-size: 12px;
  text-align: right;
  display: none;
  height: 60px;
}
#footer.fixed {
  border-top: 1px solid #f3f3f3;
  background: #fff;
  position: fixed;
  color: #999;
  bottom: 0px;
}
#footer.show {
  display: block;
}
/*panel stat*/
#sum_box .db {
  -webkit-transition: all 0.3s ease 0s;
  transition: all 0.3s ease 0s;
}
#sum_box .icon {
  color: #777;
  font-size: 50px;
  margin-bottom: 0px;
  float: right;
}
#sum_box .icon.fa-shopping-cart {
  color: #5cb85c;
}
#sum_box .icon.fa-money {
  color: #5bc0de;
}
#sum_box .icon.fa-signal {
  color: #d9534f;
}
#sum_box .icon.fa-group {
  color: #f0ad4e;
}
#sum_box h4 {
  text-align: left;
  margin-top: 0px;
  font-size: 30px;
  margin-bottom: 0px;
  padding-bottom: 0px;
}
#sum_box h4 span:last-child {
  font-size: 25px;
}
#sum_box p.description {
  margin-top: 0px;
  opacity: 0.9;
}
#sum_box .db:hover {
  background: #f3f3f3;
  color: #fff;
}
#sum_box .db:hover .icon {
  opacity: 1;
  color: #fff;
}
#sum_box .db:hover p.description {
  opacity: 1;
}
/*panel stat*/
/*user profile*/
.profile {
  display: inline-block;
}
.profile h2 {
  margin-top: 0;
}
.profile .divider {
  border-top: 1px solid rgba(0, 0, 0, 0.1);
}
.profile .user-info {
  padding: 15px;
  background: url('http://swlabs.co/madmin/code/images/gallery/13.jpg');
  color: #888;
}
.profile .user-info .img-circle {
  border: 2px solid #fff;
}
.profile .user-info:hover {
  color: #111;
}
.profile .user-action {
  padding: 0px 15px 15px 15px;
}
figcaption.ratings {
  margin-top: 20px;
}
figcaption.ratings a {
  color: #f1c40f;
  font-size: 11px;
}
.emphasis {
  border-top: 4px solid transparent;
  padding-top: 15px;
}
.emphasis:hover {
  border-top: 4px solid #1abc9c;
  color: #111;
}
.emphasis h2 {
  margin-bottom: 0;
}
/*user profile*/
/*to-do list*/
ul.todo-list {
  overflow: hidden;
  width: auto;
  height: 250px;
  padding: 0;
}
ul.todo-list li {
  background: #f3f3f3;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  position: relative;
  padding: 13px;
  margin-bottom: 5px;
  cursor: move;
  list-style: none;
}
ul.todo-list li span.drag-drop {
  height: 17px;
  display: block;
  float: left;
  width: 7px;
  position: relative;
  top: 2px;
}
ul.todo-list li span.drag-drop i {
  height: 2px;
  width: 2px;
  display: block;
  background: #ccc;
  box-shadow: 5px 0 0 0px #ccc, 0px 5px 0 0px #ccc, 5px 5px 0 0px #ccc, 0px 10px 0 0px #ccc, 5px 10px 0 0px #ccc, 0px 15px 0 0px #ccc, 5px 15px 0 0px #ccc;
  -webkit-box-shadow: 5px 0 0 0px #ccc, 0px 5px 0 0px #ccc, 5px 5px 0 0px #ccc, 0px 10px 0 0px #ccc, 5px 10px 0 0px #ccc, 0px 15px 0 0px #ccc, 5px 15px 0 0px #ccc;
  -moz-box-shadow: 5px 0 0 0px #ccc, 0px 5px 0 0px #ccc, 5px 5px 0 0px #ccc, 0px 10px 0 0px #ccc, 5px 10px 0 0px #ccc, 0px 15px 0 0px #ccc, 5px 15px 0 0px #ccc;
}
ul.todo-list li .todo-check {
  margin-left: 10px;
  margin-right: 10px;
}
ul.todo-list li .todo-title {
  margin-right: 90px;
}
ul.todo-list li .todo-actions {
  position: absolute;
  right: 15px;
  top: 13px;
}
ul.todo-list li .todo-actions a i {
  color: #777;
  margin: 0 5px;
}
ul.todo-list li .todo-actions a:hover i,
ul.todo-list li .todo-actions a:focus i {
  color: #555555;
}
/*to-do list*/
/*chat form*/
ul.chats {
  margin: 0;
  padding: 0;
}
ul.chats li {
  list-style: none;
  margin: 30px auto;
  font-size: 12px;
}
ul.chats li:first-child {
  margin-top: 0;
}
ul.chats li img.avatar {
  width: 50px;
  height: 50px;
  -webkit-border-radius: 50% !important;
  -moz-border-radius: 50% !important;
  border-radius: 50% !important;
}
ul.chats li .message {
  display: block;
  padding: 7px;
  position: relative;
}
ul.chats li .message .chat-datetime {
  font-style: italic;
  color: #888;
  font-size: 11px;
}
ul.chats li .message .chat-body {
  display: block;
  margin-top: 5px;
}
ul.chats li.in img.avatar {
  float: left;
}
ul.chats li.in .message {
  background: #b3e5fc;
  margin-left: 65px;
  border-left: 3px solid #03a9f4;
  border-radius: 4px;
}
.chats li.in .message .chat-arrow {
  display: block;
  position: absolute;
  top: 15px;
  left: -10px;
  width: 0;
  height: 0;
  border-top: 10px solid transparent;
  border-bottom: 10px solid transparent;
  border-right: 10px solid #03a9f4;
}
ul.chats li.in .message a.chat-name {
  color: #205f9f;
}
ul.chats li.out img.avatar {
  float: right;
}
ul.chats li.out .message {
  background: #a3e9a4;
  margin-right: 65px;
  border-right: 3px solid #2baf2b;
  text-align: right;
  border-radius: 4px;
}
ul.chats li.out .message .chat-arrow {
  display: block;
  position: absolute;
  top: 15px;
  right: -10px;
  width: 0;
  height: 0;
  border-top: 10px solid transparent;
  border-bottom: 10px solid transparent;
  border-left: 10px solid #2baf2b;
}
ul.chats li.out .message a.chat-name {
  color: #205f9f;
}
ul.chats li.out .message a.chat-name,
ul.chats li.out .message a.chat-datetime {
  text-align: right;
}
.chat-form {
  margin-top: 15px;
  padding: 10px;
  background-color: #f0f0f0;
  overflow: hidden;
  clear: both;
}
.chat-form #input-chat,
.chat-form .input-group-btn .btn {
  border: 0;
}
.chat-form .input-group-btn:last-child > .btn,
.chat-form .input-group-btn:last-child > .btn-group {
  margin-left: 0;
}
/*chat form*/
/* begin Carousel */
ol.list-indicators {
  margin-top: 5px;
  margin-bottom: 0;
  bottom: -25px;
}
ol.list-indicators li {
  width: 15px;
  height: 15px;
  border-radius: 50%;
  background: #777;
  margin: 0 5px;
  cursor: pointer;
  border: 0;
}
ol.list-indicators li.active {
  width: 15px;
  height: 15px;
  border-radius: 50%;
  background: #205f9f;
  margin: 0 5px;
  cursor: pointer;
  border: 0;
}
.carousel-control {
  top: auto;
  bottom: -25px;
  font-size: 12px;
  text-shadow: none;
  color: #777;
}
.carousel-control:hover,
.carousel-control:focus {
  color: #205f9f;
}
.carousel-control.left {
  background: transparent;
}
.carousel-control.right {
  background: transparent;
}
/* begin Carousel */
.row-icons {
  padding: 15px 0;
  margin: 0;
}
.row-icons [class*="col"] {
  margin-bottom: 20px;
  padding: 0;
}
.row-icons [class*="col"] a {
  line-height: 30px;
  display: inline-block;
  color: #777;
  text-decoration: none;
}
.row-icons [class*="col"] a:hover i.fa:before {
  color: #2978c9;
}
.row-icons [class*="col"] a:hover i.glyphicon:before {
  color: #2978c9;
}
.row-icons [class*="col"] i.fa {
  vertical-align: middle;
  margin: 0 10px;
  width: 40px;
}
.row-icons [class*="col"] i:before {
  color: #205f9f;
  font-size: 30px;
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}
.row-icons [class*="col"] span {
  padding-left: 20px;
  vertical-align: top;
}
.modal-full-width {
  width: 100%;
}
.modal-wide-width {
  width: 70%;
}
.closeTab:hover {
  cursor: pointer;
}
.closeTab {
  font-size: 15px;
}
#error-page {
  background: #F0F2F5;
  text-align: center;
  position: relative;
}
#error-page #error-page-content {
  width: 480px;
  margin: 10% auto 0 auto;
  text-align: center;
}
#error-page #error-page-content h1 {
  font-family: 'oswald';
  font-size: 150px;
  font-weight: bold;
  color: #205f9f;
}
#error-page #error-page-content p a {
  color: #205f9f;
}
#error-page #error-page-content p a:hover,
#error-page #error-page-content p a:focus {
  text-decoration: underline;
}
#signup-page {
  background: url('http://swlabs.co/madmin/code/images/bg/2.jpg') center center fixed;
  -moz-background-size: cover;
  -webkit-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
  padding: 5px;
  height: 1000px;
}
#lock-screen-page {
  background: url('http://swlabs.co/madmin/code/images/bg/3.jpg') center center fixed;
  -moz-background-size: cover;
  -webkit-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
  padding: 5px;
  height: 1000px;
}
#lock-screen-page .page-form {
  background-color: rgba(0, 0, 0, 0.2);
  color: #ffffff;
}
#lock-screen-page .page-form input {
  background-color: rgba(0, 0, 0, 0.3);
  border: 0;
}
.page-form {
  width: 400px;
  margin: 8% auto 0 auto;
  background: #eeeeee;
  border-radius: 4px;
}
.page-form .input-icon i {
  margin-top: 12px;
}
.page-form input[type='text'],
.page-form input[type='password'],
.page-form input[type='email'],
.page-form select {
  height: 40px;
  border-color: #e5e5e5;
  -webkit-box-shadow: none !important;
  box-shadow: none !important;
  color: #777;
}
.page-form .header-content {
  padding: 15px 20px;
  background: #e9e9e9;
  border-top-left-radius: 4px;
  border-top-right-radius: 4px;
}
.page-form .header-content h1 {
  font-family: 'oswald';
  font-size: 30px;
  font-weight: bold;
  text-align: center;
  margin: 0;
  text-transform: uppercase;
}
.page-form .body-content {
  padding: 15px 20px;
  position: relative;
}
.page-form .body-content .btn-twitter {
  background: #5bc0de;
  margin-bottom: 10px;
  color: #ffffff;
}
.page-form .body-content .btn-twitter i {
  margin-right: 5px;
}
.page-form .body-content .btn-twitter:hover,
.page-form .body-content .btn-twitter:focus {
  color: #ffffff;
}
.page-form .body-content .btn-facebook {
  background: #418bca;
  margin-bottom: 10px;
  color: #ffffff;
}
.page-form .body-content .btn-facebook i {
  margin-right: 5px;
}
.page-form .body-content .btn-facebook:hover,
.page-form .body-content .btn-facebook:focus {
  color: #ffffff;
}
.page-form .body-content .btn-google-plus {
  background: #dd4c39;
  margin-bottom: 10px;
  color: #ffffff;
}
.page-form .body-content .btn-google-plus i {
  margin-right: 5px;
}
.page-form .body-content .btn-google-plus:hover,
.page-form .body-content .btn-google-plus:focus {
  color: #ffffff;
}
.page-form .body-content p a {
  color: #205f9f;
}
.page-form .body-content p a:hover,
.page-form .body-content p a:focus {
  color: #777777;
  text-decoration: none;
}
.page-form .body-content .forget-password h4 {
  text-transform: uppercase;
  font-size: 16px;
}
.page-form .body-content hr {
  border-color: #e0e0e0;
}
.page-form .state-error + em {
  display: block;
  margin-top: 6px;
  padding: 0 1px;
  font-style: normal;
  font-size: 11px;
  line-height: 15px;
  color: #d9534f;
}
.page-form .rating.state-error + em {
  margin-top: -4px;
  margin-bottom: 4px;
}
.page-form .state-success + em {
  display: block;
  margin-top: 6px;
  padding: 0 1px;
  font-style: normal;
  font-size: 11px;
  line-height: 15px;
  color: #d9534f;
}
.page-form .state-error input,
.page-form .state-error select {
  background: #f2dede;
}
.page-form .state-success input,
.page-form .state-success select {
  background: #dff0d8;
}
.page-form .note-success {
  color: #5cb85c;
}
.page-form label {
  font-weight: normal;
  margin-bottom: 0;
}
#lock-screen-page .page-form {
  margin-top: 15%;
  text-align: center;
}
#lock-screen-page .page-form h1 {
  margin: 0;
  font-family: 'Oswald';
}
#lock-screen-avatar {
  top: -78px;
  left: 50%;
  margin-left: -74px;
  position: absolute;
  display: inline-block;
}
#lock-screen-avatar img {
  border: 10px solid #eeeeee;
}
#lock-screen-info {
  margin-top: 60px;
}
@media only screen and (max-width: 480px) {
  .page-form {
    width: 280px;
  }
  #lock-screen-page .page-form {
    margin-top: 35%;
  }
}
#line-chart-spline canvas {
  height: auto !important;
}
.timeline-centered {
  position: relative;
  margin-bottom: 30px;
}
.timeline-centered.timeline-sm .timeline-entry {
  margin-bottom: 20px !important;
}
.timeline-centered.timeline-sm .timeline-entry .timeline-entry-inner .timeline-label {
  padding: 1em;
}
.timeline-centered:before,
.timeline-centered:after {
  content: " ";
  display: table;
}
.timeline-centered:after {
  clear: both;
}
.timeline-centered:before {
  content: '';
  position: absolute;
  display: block;
  width: 7px;
  background: #ffffff;
  left: 50%;
  top: 20px;
  bottom: 20px;
  margin-left: -4px;
}
.timeline-centered .timeline-entry {
  position: relative;
  width: 50%;
  float: right;
  margin-bottom: 70px;
  clear: both;
}
.timeline-centered .timeline-entry:before,
.timeline-centered .timeline-entry:after {
  content: " ";
  display: table;
}
.timeline-centered .timeline-entry:after {
  clear: both;
}
.timeline-centered .timeline-entry.begin {
  margin-bottom: 0;
}
.timeline-centered .timeline-entry.left-aligned {
  float: left;
}
.timeline-centered .timeline-entry.left-aligned .timeline-entry-inner {
  margin-left: 0;
  margin-right: -28px;
}
.timeline-centered .timeline-entry.left-aligned .timeline-entry-inner .timeline-time {
  left: auto;
  right: -115px;
  text-align: left;
}
.timeline-centered .timeline-entry.left-aligned .timeline-entry-inner .timeline-icon {
  float: right;
}
.timeline-centered .timeline-entry.left-aligned .timeline-entry-inner .timeline-label {
  margin-left: 0;
  margin-right: 85px;
}
.timeline-centered .timeline-entry.left-aligned .timeline-entry-inner .timeline-label:after {
  left: auto;
  right: 0;
  margin-left: 0;
  margin-right: -9px;
  -moz-transform: rotate(180deg);
  -o-transform: rotate(180deg);
  -webkit-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  transform: rotate(180deg);
}
.timeline-centered .timeline-entry .timeline-entry-inner {
  position: relative;
  margin-left: -31px;
}
.timeline-centered .timeline-entry .timeline-entry-inner:before,
.timeline-centered .timeline-entry .timeline-entry-inner:after {
  content: " ";
  display: table;
}
.timeline-centered .timeline-entry .timeline-entry-inner:after {
  clear: both;
}
.timeline-centered .timeline-entry .timeline-entry-inner .timeline-time {
  position: absolute;
  left: -115px;
  text-align: right;
  padding: 10px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.timeline-centered .timeline-entry .timeline-entry-inner .timeline-time > span {
  display: block;
}
.timeline-centered .timeline-entry .timeline-entry-inner .timeline-time > span:first-child {
  font-size: 18px;
  font-weight: bold;
}
.timeline-centered .timeline-entry .timeline-entry-inner .timeline-time > span:last-child {
  font-size: 12px;
}
.timeline-centered .timeline-entry .timeline-entry-inner .timeline-icon {
  background: #fff;
  color: #777;
  display: block;
  width: 60px;
  height: 60px;
  -webkit-background-clip: padding-box;
  -moz-background-clip: padding-box;
  background-clip: padding-box;
  border-radius: 50%;
  text-align: center;
  border: 7px solid #ffffff;
  line-height: 45px;
  font-size: 15px;
  float: left;
}
.timeline-centered .timeline-entry .timeline-entry-inner .timeline-icon.bg-primary {
  background-color: #205f9f;
  color: #fff;
}
.timeline-centered .timeline-entry .timeline-entry-inner .timeline-icon.bg-success {
  background-color: #5cb85c;
  color: #fff;
}
.timeline-centered .timeline-entry .timeline-entry-inner .timeline-icon.bg-info {
  background-color: #5bc0de;
  color: #fff;
}
.timeline-centered .timeline-entry .timeline-entry-inner .timeline-icon.bg-warning {
  background-color: #f0ad4e;
  color: #fff;
}
.timeline-centered .timeline-entry .timeline-entry-inner .timeline-icon.bg-danger {
  background-color: #d9534f;
  color: #fff;
}
.timeline-centered .timeline-entry .timeline-entry-inner .timeline-icon.bg-red {
  background-color: #BF4346;
  color: #fff;
}
.timeline-centered .timeline-entry .timeline-entry-inner .timeline-icon.bg-green {
  background-color: #488C6C;
  color: #fff;
}
.timeline-centered .timeline-entry .timeline-entry-inner .timeline-icon.bg-blue {
  background-color: #0A819C;
  color: #fff;
}
.timeline-centered .timeline-entry .timeline-entry-inner .timeline-icon.bg-yellow {
  background-color: #F2994B;
  color: #fff;
}
.timeline-centered .timeline-entry .timeline-entry-inner .timeline-icon.bg-orange {
  background-color: #E9662C;
  color: #fff;
}
.timeline-centered .timeline-entry .timeline-entry-inner .timeline-icon.bg-pink {
  background-color: #BF3773;
  color: #fff;
}
.timeline-centered .timeline-entry .timeline-entry-inner .timeline-icon.bg-violet {
  background-color: #9351AD;
  color: #fff;
}
.timeline-centered .timeline-entry .timeline-entry-inner .timeline-icon.bg-grey {
  background-color: #4B5D67;
  color: #fff;
}
.timeline-centered .timeline-entry .timeline-entry-inner .timeline-icon.bg-dark {
  background-color: #594857;
  color: #fff;
}
.timeline-centered .timeline-entry .timeline-entry-inner .timeline-label {
  position: relative;
  background: #ffffff;
  padding: 1.7em;
  margin-left: 85px;
  -webkit-background-clip: padding-box;
  -moz-background-clip: padding;
  background-clip: padding-box;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
}
.timeline-centered .timeline-entry .timeline-entry-inner .timeline-label.bg-red {
  background: #BF4346;
}
.timeline-centered .timeline-entry .timeline-entry-inner .timeline-label.bg-red:after {
  border-color: transparent #BF4346 transparent transparent;
}
.timeline-centered .timeline-entry .timeline-entry-inner .timeline-label.bg-red .timeline-title,
.timeline-centered .timeline-entry .timeline-entry-inner .timeline-label.bg-red p {
  color: #ffffff;
}
.timeline-centered .timeline-entry .timeline-entry-inner .timeline-label.bg-green {
  background: #488C6C;
}
.timeline-centered .timeline-entry .timeline-entry-inner .timeline-label.bg-green:after {
  border-color: transparent #488C6C transparent transparent;
}
.timeline-centered .timeline-entry .timeline-entry-inner .timeline-label.bg-green .timeline-title,
.timeline-centered .timeline-entry .timeline-entry-inner .timeline-label.bg-green p {
  color: #ffffff;
}
.timeline-centered .timeline-entry .timeline-entry-inner .timeline-label.bg-orange {
  background: #E9662C;
}
.timeline-centered .timeline-entry .timeline-entry-inner .timeline-label.bg-orange:after {
  border-color: transparent #E9662C transparent transparent;
}
.timeline-centered .timeline-entry .timeline-entry-inner .timeline-label.bg-orange .timeline-title,
.timeline-centered .timeline-entry .timeline-entry-inner .timeline-label.bg-orange p {
  color: #ffffff;
}
.timeline-centered .timeline-entry .timeline-entry-inner .timeline-label.bg-yellow {
  background: #F2994B;
}
.timeline-centered .timeline-entry .timeline-entry-inner .timeline-label.bg-yellow:after {
  border-color: transparent #F2994B transparent transparent;
}
.timeline-centered .timeline-entry .timeline-entry-inner .timeline-label.bg-yellow .timeline-title,
.timeline-centered .timeline-entry .timeline-entry-inner .timeline-label.bg-yellow p {
  color: #ffffff;
}
.timeline-centered .timeline-entry .timeline-entry-inner .timeline-label.bg-blue {
  background: #0A819C;
}
.timeline-centered .timeline-entry .timeline-entry-inner .timeline-label.bg-blue:after {
  border-color: transparent #0A819C transparent transparent;
}
.timeline-centered .timeline-entry .timeline-entry-inner .timeline-label.bg-blue .timeline-title,
.timeline-centered .timeline-entry .timeline-entry-inner .timeline-label.bg-blue p {
  color: #ffffff;
}
.timeline-centered .timeline-entry .timeline-entry-inner .timeline-label.bg-pink {
  background: #BF3773;
}
.timeline-centered .timeline-entry .timeline-entry-inner .timeline-label.bg-pink:after {
  border-color: transparent #BF3773 transparent transparent;
}
.timeline-centered .timeline-entry .timeline-entry-inner .timeline-label.bg-pink .timeline-title,
.timeline-centered .timeline-entry .timeline-entry-inner .timeline-label.bg-pink p {
  color: #ffffff;
}
.timeline-centered .timeline-entry .timeline-entry-inner .timeline-label.bg-violet {
  background: #9351AD;
}
.timeline-centered .timeline-entry .timeline-entry-inner .timeline-label.bg-violet:after {
  border-color: transparent #9351AD transparent transparent;
}
.timeline-centered .timeline-entry .timeline-entry-inner .timeline-label.bg-violet .timeline-title,
.timeline-centered .timeline-entry .timeline-entry-inner .timeline-label.bg-violet p {
  color: #ffffff;
}
.timeline-centered .timeline-entry .timeline-entry-inner .timeline-label.bg-grey {
  background: #4B5D67;
}
.timeline-centered .timeline-entry .timeline-entry-inner .timeline-label.bg-grey:after {
  border-color: transparent #4B5D67 transparent transparent;
}
.timeline-centered .timeline-entry .timeline-entry-inner .timeline-label.bg-grey .timeline-title,
.timeline-centered .timeline-entry .timeline-entry-inner .timeline-label.bg-grey p {
  color: #ffffff;
}
.timeline-centered .timeline-entry .timeline-entry-inner .timeline-label.bg-dark {
  background: #594857;
}
.timeline-centered .timeline-entry .timeline-entry-inner .timeline-label.bg-dark:after {
  border-color: transparent #594857 transparent transparent;
}
.timeline-centered .timeline-entry .timeline-entry-inner .timeline-label.bg-dark .timeline-title,
.timeline-centered .timeline-entry .timeline-entry-inner .timeline-label.bg-dark p {
  color: #ffffff;
}
.timeline-centered .timeline-entry .timeline-entry-inner .timeline-label:after {
  content: '';
  display: block;
  position: absolute;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 9px 9px 9px 0;
  border-color: transparent #ffffff transparent transparent;
  left: 0;
  top: 20px;
  margin-left: -9px;
}
.timeline-centered .timeline-entry .timeline-entry-inner .timeline-label .timeline-title,
.timeline-centered .timeline-entry .timeline-entry-inner .timeline-label p {
  color: #777;
  margin: 0;
}
.timeline-centered .timeline-entry .timeline-entry-inner .timeline-label p + p {
  margin-top: 15px;
}
.timeline-centered .timeline-entry .timeline-entry-inner .timeline-label .timeline-title {
  margin-bottom: 10px;
  font-family: 'Oswald';
  font-weight: bold;
}
.timeline-centered .timeline-entry .timeline-entry-inner .timeline-label .timeline-title span {
  -webkit-opacity: 0.6;
  -moz-opacity: 0.6;
  opacity: 0.6;
  -ms-filter: alpha(opacity=60);
  filter: alpha(opacity=60);
}
.timeline-centered .timeline-entry .timeline-entry-inner .timeline-label p .timeline-img {
  margin: 5px 10px 0 0;
}
.timeline-centered .timeline-entry .timeline-entry-inner .timeline-label p .timeline-img.pull-right {
  margin: 5px 0 0 10px;
}
.panel-group .panel .panel {
  margin-bottom: 15px;
}
.panel-group .panel .panel-title {
  font-size: 17px;
  font-weight: 400;
}
.panel-group .panel .panel-title .accordion-toggle {
  padding: 7px 0px;
}
.tab-content.tab-edit {
  background: transparent;
  border: 0px;
}
.nav-pills li.active a {
  border: 1px solid #205f9f;
}
ul.nav.nav-tabs.ul-edit {
  border-bottom: 5px solid #205f9f !important;
}
ul.nav.nav-tabs.ul-edit li a {
  border: 0px;
  background: none;
  padding: 10px 20px;
}
ul.nav.nav-tabs.ul-edit li.active a {
  background: #205f9f;
  color: #fff;
  border: 0px;
}
.timeline {
  list-style: none;
  padding: 20px 0 20px;
  position: relative;
}
.timeline:before {
  top: 0;
  bottom: 0;
  position: absolute;
  content: " ";
  width: 3px;
  background-color: #fff;
  left: 50%;
  margin-left: -1.5px;
}
.timeline > li {
  margin-bottom: 20px;
  position: relative;
}
.timeline > li:before,
.timeline > li:after {
  content: " ";
  display: table;
}
.timeline > li:after {
  clear: both;
}
.timeline > li:before,
.timeline > li:after {
  content: " ";
  display: table;
}
.timeline > li:after {
  clear: both;
}
.timeline > li > .timeline-panel {
  width: 44%;
  float: left;
  border: 1px solid #d4d4d4;
  border-radius: 2px;
  padding: 20px;
  position: relative;
  -webkit-box-shadow: 0 1px 6px rgba(0, 0, 0, 0.175);
  box-shadow: 0 1px 6px rgba(0, 0, 0, 0.175);
  background: #fff;
}
.timeline > li > .timeline-panel.primary {
  background: #2e6da4;
  color: #fff;
}
.timeline > li > .timeline-panel.primary:after {
  border-left: 14px solid #2e6da4;
  border-right: 0 solid #2e6da4;
}
.timeline > li > .timeline-panel.success {
  background: #3f903f;
  color: #fff;
}
.timeline > li > .timeline-panel.success:after {
  border-left: 14px solid #3f903f;
  border-right: 0 solid #3f903f;
}
.timeline > li > .timeline-panel.warning {
  background: #f0ad4e;
  color: #fff;
}
.timeline > li > .timeline-panel.warning:after {
  border-left: 14px solid #f0ad4e;
  border-right: 0 solid #f0ad4e;
}
.timeline > li > .timeline-panel.danger {
  background: #d9534f;
  color: #fff;
}
.timeline > li > .timeline-panel.danger:after {
  border-left: 14px solid #d9534f;
  border-right: 0 solid #d9534f;
}
.timeline > li > .timeline-panel.info {
  background: #5bc0de;
  color: #fff;
}
.timeline > li > .timeline-panel.info:after {
  border-left: 14px solid #5bc0de;
  border-right: 0 solid #5bc0de;
}
.timeline > li > .timeline-panel:before {
  position: absolute;
  top: 26px;
  right: -15px;
  display: inline-block;
  border-top: 15px solid transparent;
  border-left: 15px solid #ccc;
  border-right: 0 solid #ccc;
  border-bottom: 15px solid transparent;
  content: " ";
}
.timeline > li > .timeline-panel:after {
  position: absolute;
  top: 27px;
  right: -14px;
  display: inline-block;
  border-top: 14px solid transparent;
  border-left: 14px solid #fff;
  border-right: 0 solid #fff;
  border-bottom: 14px solid transparent;
  content: " ";
}
.timeline > li > .timeline-badge {
  color: #fff;
  width: 50px;
  height: 50px;
  line-height: 35px;
  font-size: 1.4em;
  text-align: center;
  position: absolute;
  top: 16px;
  left: 50%;
  margin-left: -25px;
  background-color: #999999;
  z-index: 100;
  border-top-right-radius: 50%;
  border-top-left-radius: 50%;
  border-bottom-right-radius: 50%;
  border-bottom-left-radius: 50%;
  border: 2px solid #fff;
}
.timeline > li > .timeline-badge i.glyphicon {
  top: 7px;
}
.timeline > li.timeline-inverted > .timeline-panel {
  float: right;
}
.timeline > li.timeline-inverted > .timeline-panel:before {
  border-left-width: 0;
  border-right-width: 15px;
  left: -15px;
  right: auto;
}
.timeline > li.timeline-inverted > .timeline-panel:after {
  border-left-width: 0;
  border-right-width: 14px;
  left: -14px;
  right: auto;
}
.timeline-badge.primary {
  background-color: #2e6da4 !important;
}
.timeline-badge.success {
  background-color: #3f903f !important;
}
.timeline-badge.warning {
  background-color: #f0ad4e !important;
}
.timeline-badge.danger {
  background-color: #d9534f !important;
}
.timeline-badge.info {
  background-color: #5bc0de !important;
}
.timeline-title {
  margin-top: 0;
  color: inherit;
}
.timeline-body > p,
.timeline-body > ul {
  margin-bottom: 0;
}
.timeline-body > p + p {
  margin-top: 5px;
}
@media (max-width: 767px) {
  ul.timeline:before {
    left: 40px;
  }
  ul li:not(.timeline-inverted) .timeline-panel:after {
    border-left: 0px !important;
  }
  ul li:not(.timeline-inverted) .timeline-panel.primary:before {
    border-right: 15px solid #2e6da4;
  }
  ul li:not(.timeline-inverted) .timeline-panel.danger:before {
    border-right: 15px solid #d9534f;
  }
  ul.timeline > li > .timeline-panel {
    width: calc(80%);
    width: -moz-calc(80%);
    width: -webkit-calc(80%);
  }
  ul.timeline > li > .timeline-badge {
    left: 15px;
    margin-left: 0;
    top: 16px;
  }
  ul.timeline > li > .timeline-panel {
    float: right;
  }
  ul.timeline > li > .timeline-panel:before {
    border-left-width: 0;
    border-right-width: 15px;
    left: -15px;
    right: auto;
  }
  ul.timeline > li > .timeline-panel:after {
    border-left-width: 0;
    border-right-width: 14px;
    left: -14px;
    right: auto;
  }
}
#one-column .message-item {
  margin-bottom: 25px;
  margin-left: 40px;
  position: relative;
}
#one-column .message-item .message-inner {
  background: #fff;
  border: 1px solid #ddd;
  border-radius: 0px;
  padding: 10px;
  position: relative;
}
#one-column .message-item .message-inner:before {
  border-right: 10px solid #ddd;
  border-style: solid;
  border-width: 10px;
  color: rgba(0, 0, 0, 0);
  content: "";
  display: block;
  height: 0;
  position: absolute;
  left: -20px;
  top: 6px;
  width: 0;
}
#one-column .message-item .message-inner:after {
  border-right: 10px solid #fff;
  border-style: solid;
  border-width: 10px;
  color: rgba(0, 0, 0, 0);
  content: "";
  display: block;
  height: 0;
  position: absolute;
  left: -18px;
  top: 6px;
  width: 0;
}
#one-column .message-item:before {
  background: #fff;
  border-radius: 2px;
  bottom: -30px;
  box-shadow: 0 0 3px rgba(0, 0, 0, 0.2);
  content: "";
  height: 100%;
  left: -30px;
  position: absolute;
  width: 3px;
}
#one-column .message-item:after {
  background: #fff;
  border: 2px solid #ccc;
  border-radius: 0px;
  box-shadow: 0 0 5px rgba(0, 0, 0, 0.1);
  content: "";
  height: 15px;
  left: -36px;
  position: absolute;
  top: 10px;
  width: 15px;
}
#one-column .clearfix:before,
#one-column .clearfix:after {
  content: " ";
  display: table;
}
#one-column .message-item .message-head {
  border-bottom: 1px solid #eee;
  margin-bottom: 8px;
  padding-bottom: 8px;
}
#one-column .message-item .message-head .avatar {
  margin-right: 20px;
}
#one-column .message-item .message-head .user-detail {
  overflow: hidden;
}
#one-column .message-item .message-head .user-detail h5 {
  font-size: 16px;
  font-weight: bold;
  margin: 0;
}
#one-column .message-item .message-head .post-meta {
  float: left;
  padding: 0 15px 0 0;
}
#one-column .message-item .message-head .post-meta > div {
  color: #333;
  font-weight: bold;
  text-align: right;
}
#one-column .post-meta > div {
  color: #777;
  font-size: 12px;
  line-height: 22px;
}
#one-column .message-item .message-head .post-meta > div {
  color: #333;
  font-weight: bold;
  text-align: right;
}
#one-column .post-meta > div {
  color: #777;
  font-size: 12px;
  line-height: 22px;
}
#one-column .avatar img {
  min-height: 40px;
  max-height: 40px;
}
#one-column .post-meta .qa-message-who-pad {
  margin-left: 10px;
}
#one-column .message-item.blue:after {
  background: #0A819C;
}
#one-column .message-item.blue .message-inner {
  border-color: #0A819C;
}
#one-column .message-item.blue .message-inner:before {
  border-right-color: #0A819C;
}
#one-column .message-item.red:after {
  background: #BF4346;
}
#one-column .message-item.red .message-inner {
  border-color: #BF4346;
}
#one-column .message-item.red .message-inner:before {
  border-right-color: #BF4346;
}
#one-column .message-item.green:after {
  background: #488C6C;
}
#one-column .message-item.green .message-inner {
  border-color: #488C6C;
}
#one-column .message-item.green .message-inner:before {
  border-right-color: #488C6C;
}
#one-column .message-item.orange:after {
  background: #E9662C;
}
#one-column .message-item.orange .message-inner {
  border-color: #E9662C;
}
#one-column .message-item.orange .message-inner:before {
  border-right-color: #E9662C;
}
#one-column .message-item.pink:after {
  background: #BF3773;
}
#one-column .message-item.pink .message-inner {
  border-color: #BF3773;
}
#one-column .message-item.pink .message-inner:before {
  border-right-color: #BF3773;
}
#one-column .message-item.violet:after {
  background: #9351AD;
}
#one-column .message-item.violet .message-inner {
  border-color: #9351AD;
}
#one-column .message-item.violet .message-inner:before {
  border-right-color: #9351AD;
}
.blog-page h1 {
  margin-bottom: 20px;
}
.blog-page .blog-articles {
  padding-bottom: 20px;
}
.blog-page .blog-articles .blog-img {
  margin-bottom: 10px;
}
.blog-page .blog-articles .blog-img img {
  margin-bottom: 12px;
}
.blog-page .blog-articles .blog-img ul {
  margin-bottom: 5px;
  margin-left: 0;
}
.blog-page .blog-articles .blog-img ul li {
  padding: 0;
}
.blog-page .blog-articles .blog-img ul li i {
  color: #205f9f;
  margin-right: 3px;
}
.blog-page .blog-articles .blog-img ul li a {
  margin-right: 8px;
  text-decoration: none;
}
.blog-page .blog-articles .blog-img ul.blog-date li i {
  color: #205f9f;
  margin-right: 3px;
}
.blog-page .blog-articles .blog-img ul.blog-date li a {
  color: #777;
}
.blog-page .blog-articles .blog-article {
  padding-bottom: 20px;
}
.blog-page .blog-articles .blog-article h3 {
  margin-top: 0;
}
.blog-page .blog-articles ul.blog-tags {
  margin-bottom: 5px;
  margin-left: 0;
}
.blog-page .blog-articles ul.blog-tags li {
  padding: 0;
}
.blog-page .blog-articles ul.blog-tags li i {
  color: #205f9f;
  margin-right: 3px;
}
.blog-page .blog-articles ul.blog-tags li a {
  margin-right: 8px;
  text-decoration: none;
}
.blog-page .blog-articles ul.blog-date li i {
  color: #205f9f;
  margin-right: 3px;
}
.blog-page .blog-articles ul.blog-date li a {
  color: #777;
}
.blog-page .blog-sidebar ul li a {
  color: #777;
}
.blog-page .blog-sidebar .blog-images li a img {
  width: 50px;
  height: 50px;
  opacity: 0.6;
  margin: 0 2px 8px;
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}
.blog-page .blog-sidebar .blog-images li a img:hover {
  opacity: 1;
}
.blog-page .blog-sidebar .sidebar-tags li {
  padding: 0;
}
.blog-page .blog-sidebar .sidebar-tags li a {
  color: #ffffff;
  margin: 0 2px 5px 0;
  display: inline-block;
}
.blog-page hr {
  margin-bottom: 40px;
}
.blog-page h4.media-heading span {
  font-size: 12px;
}
.blog-page .media .media-body hr {
  margin-bottom: 20px;
}
#external-events .external-event {
  display: inline-block;
  cursor: move;
  margin-bottom: 5px;
  margin-right: 5px;
}
.gallery-pages .list-filter {
  margin-top: 10px;
}
.gallery-pages .list-filter li {
  cursor: pointer;
  padding: 6px 15px;
  margin-right: 5px;
  margin-bottom: 5px;
  background: #eee;
  display: inline-block;
  -webkit-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
}
.gallery-pages .list-filter li.active,
.gallery-pages .list-filter li:hover,
.gallery-pages .list-filter li:focus {
  background: #205f9f;
  color: #ffffff;
}
.gallery-pages .mix-grid .mix {
  display: none;
  position: relative;
  overflow: hidden;
  margin-bottom: 15px;
}
.gallery-pages .mix-grid .mix .hover-effect {
  position: relative;
  border: 0;
  width: 100%;
  height: 100%;
  box-shadow: none;
  overflow: hidden;
}
.gallery-pages .mix-grid .mix .hover-effect .img {
  -webkit-transition: all 0.35s ease-in-out;
  transition: all 0.35s ease-in-out;
  -webkit-transform: scale(1);
  -moz-transform: scale(1);
  -ms-transform: scale(1);
  -o-transform: scale(1);
  transform: scale(1);
}
.gallery-pages .mix-grid .mix .hover-effect .info {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  text-align: center;
  background: rgba(26, 74, 114, 0.6);
  visibility: hidden;
  opacity: 0;
  -webkit-transition: all 0.35s ease-in-out;
  transition: all 0.35s ease-in-out;
  -webkit-transform: translateY(100%);
  -moz-transform: translateY(100%);
  -ms-transform: translateY(100%);
  -o-transform: translateY(100%);
  transform: translateY(100%);
}
.gallery-pages .mix-grid .mix .hover-effect .info h3 {
  text-transform: uppercase;
  color: #fff;
  text-align: center;
  font-size: 16px;
  padding: 10px;
  background: #111111;
  margin: 30px 0 0 0;
}
.gallery-pages .mix-grid .mix .hover-effect .info p {
  font-style: italic;
  font-size: 12px;
  position: relative;
  color: #e0e0e0;
  padding: 20px 20px 20px;
  text-align: center;
}
.gallery-pages .mix-grid .mix .hover-effect .info a.mix-link {
  color: #fff;
  text-align: center;
  padding: 10px 15px;
  background: #205f9f;
  margin: 20px 10px 20px 0;
  display: inline-block;
}
.gallery-pages .mix-grid .mix .hover-effect .info a.mix-zoom {
  color: #fff;
  text-align: center;
  padding: 10px 15px;
  background: #205f9f;
  margin: 20px 10px 20px 0;
  display: inline-block;
}
.gallery-pages .mix-grid .mix .hover-effect:hover .img {
  -webkit-transform: scale(1.2);
  -moz-transform: scale(1.2);
  -ms-transform: scale(1.2);
  -o-transform: scale(1.2);
  transform: scale(1.2);
}
.gallery-pages .mix-grid .mix .hover-effect:hover .info {
  visibility: visible;
  opacity: 1;
  -webkit-transform: translateY(0);
  -moz-transform: translateY(0);
  -ms-transform: translateY(0);
  -o-transform: translateY(0);
  transform: translateY(0);
}
.gallery-pages .action-group {
  margin-top: 8px;
  margin-bottom: 20px;
}
.gallery-pages .action-group button {
  font-size: 13px;
}
.frontend-pages .hover-effect {
  position: relative;
  border: 0;
  width: 100%;
  height: 100%;
  box-shadow: none;
  overflow: hidden;
}
.frontend-pages .hover-effect .img {
  -webkit-transition: all 0.35s ease-in-out;
  transition: all 0.35s ease-in-out;
  -webkit-transform: scale(1);
  -moz-transform: scale(1);
  -ms-transform: scale(1);
  -o-transform: scale(1);
  transform: scale(1);
}
.frontend-pages .hover-effect .info {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  text-align: center;
  background-color: rgba(0, 0, 0, 0.7);
  visibility: hidden;
  opacity: 0;
  -webkit-transition: all 0.25s ease-in-out;
  transition: all 0.25s ease-in-out;
  -webkit-transform: translateY(100%);
  -moz-transform: translateY(100%);
  -ms-transform: translateY(100%);
  -o-transform: translateY(100%);
  transform: translateY(100%);
}
.frontend-pages .hover-effect .info h3 {
  text-transform: uppercase;
  color: #fff;
  text-align: center;
  font-size: 20px;
  padding: 10px;
  background: #205f9f;
  margin: 25% 0 0 0;
}
.frontend-pages .hover-effect:hover .info {
  visibility: visible;
  opacity: 1;
  -webkit-transform: translateY(0);
  -moz-transform: translateY(0);
  -ms-transform: translateY(0);
  -o-transform: translateY(0);
  transform: translateY(0);
}
.mail-content {
  overflow-x: hidden;
  overflow-y: auto;
  height: 657px;
}
.mail-content .mail-sender {
  width: 100%;
  display: inline-block;
  margin: 0 0 20px 0;
  border-bottom: 1px solid #EFF2F7;
  padding: 10px 0;
}
.mail-content .mail-sender .date {
  line-height: 30px;
  margin-bottom: 0;
  text-align: right;
}
.mail-content .mail-view {
  margin-bottom: 25px;
}
.mail-content .mail-attachment ul {
  padding: 0;
}
.mail-content .mail-attachment ul li {
  float: left;
  width: 100px;
  margin-right: 15px;
  margin-top: 15px;
  list-style: none;
}
.mail-content .mail-attachment ul li:hover {
  background: #f7f8f9;
}
.mail-content .mail-attachment ul li a {
  color: #777;
}
.mail-content .mail-attachment ul li .thumb-attach img {
  width: 100px;
  height: auto;
  margin-bottom: 10px;
}
.mail-content .mail-attachment ul li .link {
  color: #205f9f;
}
#invoice-page .panel {
  border-radius: 0;
}
#invoice-page .panel .panel-body {
  padding: 30px;
}
#invoice-page .panel .panel-body .invoice-title {
  float: right;
  text-align: right;
}
#invoice-page .panel .panel-body .invoice-title h2 {
  margin-top: 0;
}
#invoice-page .panel .panel-body .logo {
  font-family: 'Oswald';
  font-weight: bold;
  margin-top: 0;
}
#invoice-page .panel .panel-body hr {
  margin: 30px 0;
}
.box-placeholder {
  margin-bottom: 15px;
  padding: 20px;
  border: 1px solid #e5e5e5;
  background: #ffffff;
  color: #444;
}
.state-error + em {
  display: block;
  margin-top: 6px;
  padding: 0 1px;
  font-style: normal;
  font-size: 11px;
  line-height: 15px;
  color: #d9534f;
}
.state-success + em {
  display: block;
  margin-top: 6px;
  padding: 0 1px;
  font-style: normal;
  font-size: 11px;
  line-height: 15px;
  color: #5cb85c;
}
.state-error input,
.state-error select {
  background: #f2dede;
}
.state-success input,
.state-success select {
  background: #dff0d8;
}
.note-success {
  color: #5cb85c;
}
.radio-inline,
.checkbox-inline,
.checkbox,
.radio {
  padding-left: 0;
  margin: 0;
}
.checkbox label,
.radio label {
  cursor: pointer;
  margin-right: 10px;
  margin-bottom: 0;
}
.checkbox label:first-child,
.radio label:first-child {
  padding-left: 0;
}
.form-horizontal.form-bordered .radio,
.form-horizontal.form-bordered .checkbox,
.form-horizontal.form-bordered .radio-inline,
.form-horizontal.form-bordered .checkbox-inline {
  padding-top: 0;
}
.social-icons li a {
  border-radius: 50%;
  color: #fff;
  width: 30px;
  height: 30px;
  text-align: center;
  padding-top: 5px;
  display: block;
}
.social-icons li a:hover,
.social-icons li a:focus {
  background: #205f9f;
  color: #ffffff;
}
.social-icons li a.facebook {
  background-color: #0A819C;
}
.social-icons li a.github {
  background-color: #E9662C;
}
.social-icons li a.googleplus {
  background-color: #BF4346;
}
.social-icons li a.linkedin {
  background-color: #BF3773;
}
.social-icons li a.rss {
  background-color: #488C6C;
}
.social-icons li a.skype {
  background-color: #2980b9;
}
.social-icons li a.twitter {
  background-color: #3498db;
}
.social-icons li a.youtube {
  background-color: #e74c3c;
}
.member-team {
  background-color: #f9f9f9;
  float: left;
  padding: 5px;
  margin-bottom: 10px;
  max-width: 100%;
}
.member-team h3 {
  margin-top: 10px;
}
.member-team h3 small {
  color: #ababab;
  display: block;
  margin-top: 5px;
  font-size: 13px;
}
#faq .panel-group .panel {
  margin-bottom: 10px;
}
#faq .panel-group .panel .panel-heading {
  font-size: 14px;
  padding-top: 0;
  padding-bottom: 0;
}
#faq .panel-group .panel .panel-heading a {
  color: #777;
}
#faq .panel-group .panel .panel-heading a strong {
  margin-right: 10px;
}
#faq .panel-group .panel .panel-heading:hover,
#faq .panel-group .panel .panel-heading:focus {
  background: #e5e5e5;
}
#faq .panel-group .panel .panel-body strong:first-child {
  margin-right: 10px;
}
.accordion-toggle {
  display: block;
  line-height: 22px;
  padding: 10px 0;
  position: relative;
}
.row .row-merge {
  margin: 0;
}
.row .row-merge [class*=col-] {
  padding: 0;
}
.row .row-merge [class*=col-] .pricing-widget {
  position: relative;
  border: 0;
  cursor: pointer;
  margin: 20px 0;
  -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05) !important;
  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05) !important;
}
.row .row-merge [class*=col-] .pricing-widget .pricing-head {
  background: #5cb85c;
  padding: 6px 20px;
  font-size: 18px;
  text-align: center;
  color: #ffffff;
}
.row .row-merge [class*=col-] .pricing-widget .pricing-body {
  background: #fff;
}
.row .row-merge [class*=col-] .pricing-widget .pricing-cost {
  background: #4cae4c;
  text-align: center;
  padding: 20px;
  border-bottom: 1px solid #efefef;
  transition: all 0.3s ease;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -ms-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  font-size: 18px;
  color: #ffffff;
  min-height: 125px;
}
.row .row-merge [class*=col-] .pricing-widget .pricing-cost strong {
  font-size: 30px;
}
.row .row-merge [class*=col-] .pricing-widget .pricing-list {
  list-style: none;
  padding: 0;
  margin: 0;
}
.row .row-merge [class*=col-] .pricing-widget .pricing-list li {
  padding: 10px;
  border-bottom: 1px solid #efefef;
}
.row .row-merge [class*=col-] .pricing-widget .pricing-list li:last-child {
  min-height: 84px;
  padding-top: 30px;
  box-shadow: none;
  -moz-box-shadow: none;
  -webkit-box-shadow: none;
  border-bottom: none;
}
.row .row-merge [class*=col-] .pricing-widget:not(.pricing-title).active,
.row .row-merge [class*=col-] .pricing-widget:not(.pricing-title):hover {
  -webkit-box-shadow: 0 3px 25px -4px rgba(0, 0, 0, 0.9) !important;
  box-shadow: 0 3px 25px -4px rgba(0, 0, 0, 0.9) !important;
}
.row .row-merge [class*=col-] .pricing-widget.active {
  z-index: 2;
}
.row .row-merge [class*=col-] .pricing-widget:hover {
  z-index: 2;
}
.ribbon-wrapper {
  position: absolute;
  width: 75px;
  height: 75px;
  overflow: hidden;
  top: -1px;
  right: 14px;
}
.ribbon-wrapper .ribbon-inner {
  display: block;
  position: relative;
  padding: 5px 0;
  color: #fff;
  background-color: #BF4346;
  font-size: 13px;
  line-height: 17px;
  text-align: center;
  width: 107px;
  top: 11px;
  left: -5px;
  text-shadow: 0 1px rgba(0, 0, 0, 0.25);
  -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.75) !important;
  box-shadow: 0 0 5px rgba(0, 0, 0, 0.75) !important;
  transform: rotate(45deg);
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  -o-transform: rotate(45deg);
}
.the-price {
  padding: 20px;
  margin: 0;
}
.the-price h1 {
  margin-bottom: 0;
}
.the-price .subscript {
  font-size: 14px;
}
#faq .panel {
  border: 0;
}
#totop {
  position: fixed;
  bottom: 7px;
  right: 15px;
  display: none;
  z-index: 9999;
  border-width: 3px;
  border-style: solid;
  border-radius: 50%;
  height: 45px;
  width: 45px;
  text-align: center;
}
#totop i {
  line-height: 35px;
  font-size: 33px;
}
.option-demo {
  position: relative;
}
.demo-layout {
  background-color: #ffffff;
  padding: 5px 15px;
  position: absolute;
  top: -30px;
  left: 0;
  z-index: 9999;
  border: 1px solid #e5e5e5;
  cursor: pointer;
}
#sidebar-hover #topbar .navbar-header {
  width: 160px;
}
#sidebar-hover #wrapper1 #page-wrapper {
  margin-left: 160px;
}
#sidebar-hover #wrapper1 #sidebar {
  width: 160px;
}
#sidebar-hover #wrapper1 #sidebar ul.menu-hover {
  width: 160px;
  position: absolute;
  top: 50px;
  display: block;
  -webkit-box-shadow: none !important;
  box-shadow: none !important;
}
#sidebar-hover #wrapper1 #sidebar ul.menu-hover > li.active a {
  opacity: 0.95;
}
#sidebar-hover #wrapper1 #sidebar ul.menu-hover > li a {
  background-color: #f3f3f3;
  color: #FFFFFF;
  padding: 15px;
  position: relative;
}
#sidebar-hover #wrapper1 #sidebar ul.menu-hover > li a span.menu-title {
  margin-left: 10px;
}
#sidebar-hover #wrapper1 #sidebar ul.menu-hover > li a:after {
  content: '';
  border: 0;
}
#sidebar-hover #wrapper1 #sidebar ul.menu-hover > li a:hover {
  opacity: 0.95;
}
#sidebar-hover #wrapper1 #sidebar ul.menu-hover > li ul.dropdown-menu {
  -webkit-box-shadow: none !important;
  box-shadow: none !important;
}
 > #sidebar-hover #wrapper1 #sidebar ul.menu-hover > li ul.dropdown-menu > li:first-child > a:before {
  content: '';
  display: block;
  position: absolute;
  width: 0px;
  height: 0px;
  border-style: solid;
  border-width: 8px 8px 8px 0;
  border-color: transparent #194b7d transparent transparent;
  left: -8px;
  top: 50%;
  margin-top: -8px;
}
#sidebar-hover #wrapper1 #sidebar ul.menu-hover > li ul.dropdown-menu > li a {
  background-color: #194b7d;
}
#sidebar-hover #wrapper1 #sidebar ul.menu-hover > li ul.dropdown-menu > li a:hover {
  opacity: 0.95;
}
#sidebar-hover #wrapper1 #sidebar ul.menu-hover > li ul.dropdown-menu > li ul.dropdown-menu {
  -webkit-box-shadow: none !important;
  box-shadow: none !important;
}
 > #sidebar-hover #wrapper1 #sidebar ul.menu-hover > li ul.dropdown-menu > li ul.dropdown-menu > li:first-child > a:before {
  content: '';
  display: block;
  position: absolute;
  width: 0px;
  height: 0px;
  border-style: solid;
  border-width: 8px 8px 8px 0;
  border-color: transparent #2264a7 transparent transparent;
  left: -8px;
  top: 50%;
  margin-top: -8px;
}
#sidebar-hover #wrapper1 #sidebar ul.menu-hover > li ul.dropdown-menu > li ul.dropdown-menu > li a {
  background-color: #2264a7;
}
#sidebar-hover #wrapper1 #sidebar ul.menu-hover > li ul.dropdown-menu > li ul.dropdown-menu > li a:hover {
  opacity: 0.95;
}
#sidebar-hover .dropdown-submenu > .dropdown-menu {
  margin-left: 0;
}
.mail-box {
  margin-bottom: 0;
}
.mail-box .list-group-item:nth-child(odd) {
  background-color: #f8f8f8;
}
.mail-box .list-group-item {
  border: 0;
}
.mail-box .list-group-item:hover {
  color: #777;
}
.mail-box .list-group-item .time-badge {
  float: right;
  font-style: italic;
  color: #999999;
}
.mail-box .list-group-item.active,
.mail-box .list-group-item:hover,
.mail-box .list-group-item:focus {
  background-color: #ffc !important;
  color: #777 !important;
}
.bootstrap-wysihtml5-insert-link-modal label.checkbox {
  display: none;
}
.box-shadow {
  -webkit-box-shadow: 0 3px 4px 0 rgba(0, 0, 0, 0.15), 0 3px 2px 0 rgba(0, 0, 0, 0.098) !important;
  box-shadow: 0 3px 4px 0 rgba(0, 0, 0, 0.15), 0 3px 2px 0 rgba(0, 0, 0, 0.098) !important;
}
.box-shadow-allsides {
  -webkit-box-shadow: 0 2px 2px 1px rgba(0, 0, 0, 0.15) !important;
  box-shadow: 0 2px 2px 1px rgba(0, 0, 0, 0.15) !important;
}
.bg-primary {
  background-color: #205f9f;
  color: #fff !important;
}
.bg-success {
  background-color: #5cb85c;
  color: #fff;
}
.bg-info {
  background-color: #5bc0de;
  color: #fff;
}
.bg-warning {
  background-color: #f0ad4e;
  color: #fff;
}
.bg-danger {
  background-color: #d9534f;
  color: #fff;
}
.bg-red {
  background-color: #BF4346;
  color: #fff;
}
.bg-green {
  background-color: #488C6C;
  color: #fff;
}
.bg-blue {
  background-color: #0A819C;
  color: #fff;
}
.bg-yellow {
  background-color: #F2994B;
  color: #fff;
}
.bg-orange {
  background-color: #E9662C;
  color: #fff;
}
.bg-pink {
  background-color: #BF3773;
  color: #fff;
}
.bg-violet {
  background-color: #9351AD;
  color: #fff;
}
.bg-grey {
  background-color: #4B5D67;
  color: #fff;
}
.bg-grey3 {
  background-color: #9d9d9d;
  color: #fff;
}
.bg-dark {
  background-color: #594857;
  color: #fff;
}
.bg-black {
  background-color: #000000;
}
.bg-white {
  background-color: #ffffff;
}
.bg-theme-darker {
  background-color: #c0c0c0;
}
.bg-theme-darker {
  background-color: #c0c0c0;
}
.bg-grey2 {
  background-color: #c3c3c3;
}
.bg-theme-dark {
  background-color: #dfdfdf;
}
.bg-theme {
  background-color: #f3f3f3;
}
.bg-indicator-pink {
  background-color: #D1293A !important;
}
.bg-indicator-blue {
  background-color: #0A819C !important;
}
.bg-indicator-yellow {
  background-color: #CCA32F !important;
}
body.sidebar-colors #wrapper1 {
  background-color: #FFFFFF;
}
body.sidebar-colors #wrapper1 #sidebar {
  background-color: #FFFFFF;
}
body.sidebar-colors #wrapper1 #sidebar ul#side-menu li {
  border-bottom: 1px solid #e5e5e5;
}
body.sidebar-colors #wrapper1 #sidebar ul#side-menu li.active a,
body.sidebar-colors #wrapper1 #sidebar ul#side-menu li:hover a {
  background-color: #f8f8f8;
}
body.sidebar-colors #wrapper1 #sidebar ul#side-menu li.active a i:before,
body.sidebar-colors #wrapper1 #sidebar ul#side-menu li:hover a i:before {
  color: #FFFFFF;
}
body.sidebar-colors #wrapper1 #sidebar ul#side-menu li.active a i .icon-bg,
body.sidebar-colors #wrapper1 #sidebar ul#side-menu li:hover a i .icon-bg {
  left: 0;
}
body.sidebar-colors #wrapper1 #sidebar ul#side-menu li.user-panel {
  display: none;
}
body.sidebar-colors #wrapper1 #sidebar ul#side-menu li a {
  color: #777;
}
body.sidebar-colors #wrapper1 #sidebar ul#side-menu li a:hover,
body.sidebar-colors #wrapper1 #sidebar ul#side-menu li a:focus {
  background-color: #FFFFFF;
}
body.sidebar-colors #wrapper1 #sidebar ul#side-menu li a i {
  position: relative;
  display: block;
  float: left;
  width: 50px;
  height: 45px;
  line-height: 45px;
  border-right: 1px solid #e5e5e5;
  text-align: center;
  margin: -13px 10px -16px -15px;
}
body.sidebar-colors #wrapper1 #sidebar ul#side-menu li a i:before {
  position: relative;
  z-index: 1;
}
body.sidebar-colors #wrapper1 #sidebar ul#side-menu li a i .icon-bg {
  display: block;
  position: absolute;
  z-index: 12;
  z-index: 0;
  left: -47px;
  width: 100%;
  top: 0;
  bottom: 0;
  -webkit-transition: left 0.15s ease-in-out;
  transition: left 0.15s ease-in-out;
}
body.sidebar-colors #wrapper1 #sidebar ul#side-menu li a .arrow {
  display: none;
}
body.sidebar-colors #wrapper1 #sidebar ul#side-menu li ul.nav-second-level li:first-child,
body.sidebar-colors #wrapper1 #sidebar ul#side-menu li ul.nav-third-level li:first-child {
  border-top: 1px solid #e5e5e5;
}
body.sidebar-colors #wrapper1 #sidebar ul#side-menu li ul.nav-second-level li:last-child,
body.sidebar-colors #wrapper1 #sidebar ul#side-menu li ul.nav-third-level li:last-child {
  border-bottom: 0;
}
body.sidebar-colors #wrapper1 #sidebar ul#side-menu li ul.nav-second-level li.active > a,
body.sidebar-colors #wrapper1 #sidebar ul#side-menu li ul.nav-third-level li.active > a,
body.sidebar-colors #wrapper1 #sidebar ul#side-menu li ul.nav-second-level li:hover > a,
body.sidebar-colors #wrapper1 #sidebar ul#side-menu li ul.nav-third-level li:hover > a {
  background-color: #f1f1f1;
  color: #205f9f;
}
body.sidebar-colors #wrapper1 #sidebar ul#side-menu li ul.nav-second-level li > a,
body.sidebar-colors #wrapper1 #sidebar ul#side-menu li ul.nav-third-level li > a {
  padding: 15px;
  background-color: #f1f1f1;
}
body.sidebar-colors #wrapper1 #sidebar ul#side-menu li ul.nav-second-level li > a i:before,
body.sidebar-colors #wrapper1 #sidebar ul#side-menu li ul.nav-third-level li > a i:before {
  color: #777;
}
body.sidebar-colors #wrapper1 #page-wrapper {
  border-left: 2px solid #e5e5e5;
}
body.sidebar-icons #topbar .navbar-header {
  width: 105px;
}
body.sidebar-icons #topbar .navbar-header .logo-text {
  display: none !important;
}
body.sidebar-icons #topbar .navbar-header .logo-text-icon {
  display: block !important;
  font-weight: bold;
  font-family: 'Oswald', sans-serif;
  font-size: 30px;
}
body.sidebar-icons #wrapper1 #sidebar {
  width: 105px;
}
body.sidebar-icons #wrapper1 #sidebar ul#side-menu > li.user-panel {
  display: none;
}
body.sidebar-icons #wrapper1 #sidebar ul#side-menu > li:hover ul.nav-second-level {
  display: block;
}
body.sidebar-icons #wrapper1 #sidebar ul#side-menu > li a {
  padding: 15px 10px;
  text-align: center;
  display: block;
}
body.sidebar-icons #wrapper1 #sidebar ul#side-menu > li a:hover,
body.sidebar-icons #wrapper1 #sidebar ul#side-menu > li a:focus {
  background-color: transparent;
}
body.sidebar-icons #wrapper1 #sidebar ul#side-menu > li a span.menu-title {
  display: block;
  margin-top: 8px;
  margin-left: 0;
}
body.sidebar-icons #wrapper1 #sidebar ul#side-menu > li a i.fa {
  font-size: 25px;
}
body.sidebar-icons #wrapper1 #sidebar ul#side-menu > li a .arrow,
body.sidebar-icons #wrapper1 #sidebar ul#side-menu > li a .label {
  display: none;
}
body.sidebar-icons #wrapper1 #sidebar ul#side-menu > li ul.nav-second-level {
  display: none;
  position: absolute;
  top: 0px;
  left: 105px;
  width: 195px;
}
body.sidebar-icons #wrapper1 #sidebar ul#side-menu > li ul.nav-second-level li a {
  text-align: left;
}
body.sidebar-icons #wrapper1 #sidebar ul#side-menu > li ul.nav-second-level li a:hover,
body.sidebar-icons #wrapper1 #sidebar ul#side-menu > li ul.nav-second-level li a:focus {
  background-color: #205f9f;
  color: #FFFFFF;
}
body.sidebar-icons #wrapper1 #sidebar ul#side-menu > li ul.nav-second-level li a i {
  display: none;
}
body.sidebar-icons #wrapper1 #sidebar ul#side-menu > li ul.nav-second-level li:first-child:before {
  width: 0;
  height: 0;
  border-top: 9px solid transparent;
  border-bottom: 9px solid transparent;
  border-right: 9px solid #e6e6e6;
  content: "";
  position: absolute;
  top: 50%;
  margin-top: -9px;
  left: -9px;
  z-index: 5;
}
body.sidebar-icons #wrapper1 #page-wrapper {
  margin-left: 105px;
}
body.sidebar-collapsed #topbar .navbar-header {
  width: 55px;
}
body.sidebar-collapsed #topbar .navbar-header .logo-text {
  display: none !important;
}
body.sidebar-collapsed #topbar .navbar-header .logo-text-icon {
  display: block !important;
}
body.sidebar-collapsed .navbar-static-side {
  width: 55px;
}
body.sidebar-collapsed .navbar-static-side ul#side-menu li.user-panel {
  display: none;
}
body.sidebar-collapsed .navbar-static-side ul#side-menu li:hover a {
  height: 45px;
}
body.sidebar-collapsed .navbar-static-side ul#side-menu li:hover a span.menu-title {
  display: block !important;
}
body.sidebar-collapsed .navbar-static-side ul#side-menu li:hover a span.submenu-title {
  display: block !important;
  margin-left: 0;
}
body.sidebar-collapsed .navbar-static-side ul#side-menu li:hover ul.nav-second-level {
  display: block;
  position: absolute;
  top: 45px;
  left: 55px;
  width: 195px;
}
body.sidebar-collapsed .navbar-static-side ul#side-menu li:hover ul.nav-second-level li a {
  padding: 15px;
}
body.sidebar-collapsed .navbar-static-side ul#side-menu li a span {
  display: none;
}
body.sidebar-collapsed .navbar-static-side ul#side-menu li a i.fa {
  font-size: 18px;
}
body.sidebar-collapsed .navbar-static-side ul#side-menu li a span.menu-title {
  position: absolute;
  top: 0;
  left: 55px;
  padding: 15px;
  margin-left: 0;
  background: #205f9f;
  color: #ffffff;
  width: 195px;
  height: 45px;
}
body.sidebar-collapsed .navbar-static-side ul#side-menu li a span.label {
  display: block;
}
body.sidebar-collapsed .navbar-static-side ul#side-menu li ul.nav-second-level {
  display: none;
  position: absolute;
  top: 50px;
  left: 55px;
  width: 195px;
}
body.sidebar-collapsed .navbar-static-side ul#side-menu li ul.nav-second-level li a i {
  display: none;
}
body.sidebar-collapsed .navbar-static-side ul#side-menu li ul.nav-second-level li a span.label {
  position: absolute;
  top: 15px;
  right: 10px;
}
body.sidebar-collapsed .navbar-static-side ul#side-menu > li > a span.label {
  display: block !important;
  position: absolute;
  right: -10px;
  top: 0px;
  padding: 2px 4px;
}
body.sidebar-collapsed #page-wrapper {
  margin: 0 0 0 55px;
}
body.sidebar-collapsed.right .page-header-topbar #topbar .navbar-header {
  float: right;
}
body.sidebar-collapsed.right #wrapper1 #sidebar {
  left: auto;
  right: 0;
}
body.sidebar-collapsed.right #wrapper1 #sidebar ul#side-menu li:hover a span.submenu-title {
  margin-right: 0;
}
body.sidebar-collapsed.right #wrapper1 #sidebar ul#side-menu li:hover ul.nav-second-level {
  right: 55px;
  left: auto;
}
body.sidebar-collapsed.right #wrapper1 #sidebar ul#side-menu li a span.menu-title {
  right: 55px;
  left: auto;
  margin-right: 0;
}
body.sidebar-collapsed.right #wrapper1 #sidebar ul#side-menu li ul.nav-second-level {
  right: 55px;
  left: auto;
}
body.sidebar-collapsed.right #wrapper1 #page-wrapper {
  margin: 0 55px 0 0;
}
body.header-fixed .page-header-topbar {
  position: fixed;
  top: 0px;
  z-index: 9999;
  width: 100%;
}
body.header-fixed .news-ticker {
  display: none;
}
body.header-fixed #wrapper1 {
  margin-top: 50px;
}
body.header-fixed #sidebar {
  position: fixed;
}
a.DTTT_button {
  padding: 7px 8px;
  -webkit-border-radius: 0px !important;
  -moz-border-radius: 0px !important;
  border-radius: 0px !important;
  -webkit-box-shadow: none !important;
  box-shadow: none !important;
}
ul.user-last-logged-list {
  margin: 0;
  padding: 0;
  list-style: none;
}
ul.user-last-logged-list > li {
  margin-top: 0;
  position: relative;
  padding: 10px 0;
  border-top: 1px solid #e5e5e5;
}
ul.user-last-logged-list > li:first-child {
  border-top: none;
}
ul.user-last-logged-list > li .media-right {
  float: right;
  margin-left: 10px;
}
ul.user-last-logged-list > li .meta {
  margin: 0;
  padding: 0;
  list-style: none;
}
ul.user-last-logged-list > li .meta > li {
  font-size: 11px;
  line-height: 20px;
  color: #777;
}
ul.user-last-logged-list > li .meta > li i {
  margin-right: 5px;
  min-width: 12px;
}
ul.user-last-logged-list > li .meta > li i.fa-envelope-o {
  color: #e67e22;
}
ul.user-last-logged-list > li .meta > li i.fa-clock-o {
  color: #27ae60;
}
ul.user-last-logged-list > li .meta > li i.fa-globe {
  color: #2980b9;
}
ul.user-last-logged-list > li .meta > li .user-list-ip {
  margin-left: 3px;
}
ul.user-last-logged-list > li .meta > li strong {
  color: #777;
  margin-left: 5px;
}
ul.user-last-logged-list > li .media-body h4.media-heading {
  font-size: 16px;
  display: block;
}
ul.user-last-logged-list > li .media-body h4.media-heading small {
  font-size: 12px;
  margin-left: 5px;
}
ul.user-last-logged-list > li .media-body h4.media-heading small a {
  color: #777;
}
ul.user-last-logged-list > li .media-body h4.media-heading .user-list-name {
  color: #205f9f;
}
ul.user-last-logged-list > li .media-body h4.media-heading .user-list-name:hover {
  color: #777;
}
ul.user-last-logged-list > li .media-body h4.media-heading i.fa.fa-user {
  font-size: 18px;
  margin-right: 5px;
}
#user-last-logged-table .media-thumb .img-shadow {
  position: relative;
  float: left;
  max-width: 100%;
}
#user-last-logged-table .media-thumb .img-shadow img {
  float: left;
  height: 35px;
  width: 35px;
}
#user-last-logged-table .media-thumb .data {
  margin: 0;
  padding: 0;
  list-style: none;
  font-size: 12px;
}
#user-last-logged-table .media-thumb .data li strong.user-list-ip {
  margin-left: 3px;
}
#user-last-logged-table .media-thumb .data li em {
  margin-right: 3px;
}
ul.thumb-large {
  margin: 0;
  padding: 0;
  list-style: none;
}
ul.thumb-large > li {
  margin-top: 0;
  position: relative;
  padding: 10px 0;
  border-top: 1px solid #e5e5e5;
}
ul.thumb-large > li:first-child {
  border-top: none;
}
ul.thumb-large > li .media-left {
  float: left;
  margin-right: 10px;
}
ul.thumb-large > li .media-thumb .img-shadow img {
  height: 55px;
  width: 55px;
}
ul.thumb-large > li .media-body {
  overflow: hidden;
  zoom: 1;
}
ul.thumb-large > li .media-body .menu-right {
  float: right;
  margin-left: 10px;
}
ul.thumb-large > li .media-body .quick-menu.menu-right {
  margin-left: 5px;
  margin-bottom: 5px;
}
ul.thumb-large > li .media-body .media-heading a {
  display: block;
  margin-bottom: 5px;
  color: #205f9f;
}
ul.thumb-large > li .media-body .media-heading small {
  font-size: 12px;
}
ul.thumb-large > li .media-body .media-heading small a {
  color: #777;
}
ul.thumb-large > li .media-body .meta {
  font-size: 11px;
  line-height: 16px;
  color: #777;
}
.user-list-footer {
  padding: 10px;
  background-color: #f9f9f9;
}
ul.thumb-small {
  margin: 0;
  padding: 0;
  list-style: none;
}
ul.thumb-small > li {
  margin-top: 0;
  position: relative;
  padding: 10px 0;
  border-top: 1px solid #e5e5e5;
}
ul.thumb-small > li:first-child {
  border-top: none;
}
ul.thumb-small > li .media-thumb .img-shadow {
  position: relative;
  float: left;
  max-width: 100%;
}
ul.thumb-small > li .media-thumb .img-shadow img {
  float: left;
  height: 35px;
  width: 35px;
}
ul.thumb-small > li .media-thumb.media-left {
  float: left;
  margin-right: 10px;
}
ul.thumb-small > li .media-body {
  overflow: hidden;
  zoom: 1;
}
ul.thumb-small > li .media-body .menu-right {
  float: right;
  margin-left: 10px;
}
ul.thumb-small > li .media-body .menu-right a {
  margin-right: 4px;
}
ul.thumb-small > li .media-body .quick-menu-icon.menu-right i {
  font-size: 18px;
  color: #777;
}
ul.thumb-small > li .media-body .quick-menu-icon.menu-right i.fa-facebook-square {
  color: #2980b9;
}
ul.thumb-small > li .media-body .quick-menu-icon.menu-right i.fa-twitter-square {
  color: #3498db;
}
ul.thumb-small > li .media-body .quick-menu-icon.menu-right i.fa-google-plus-square {
  color: #c0392b;
}
ul.thumb-small > li .media-body .quick-menu-icon.menu-right i.fa-linkedin-square {
  color: #d35400;
}
ul.thumb-small > li .media-body .media-heading a {
  display: block;
  margin-bottom: 5px;
  color: #205f9f;
}
ul.thumb-small > li .media-body .media-heading small {
  font-size: 12px;
}
ul.thumb-small > li .media-body .media-heading small a {
  color: #777;
}
ul.thumb-xxlarge {
  margin: 0;
  padding: 0;
  list-style: none;
  text-align: left;
}
ul.thumb-xxlarge > li {
  margin-top: 0;
  position: relative;
  padding: 10px 0;
  border-top: 1px solid #e5e5e5;
}
ul.thumb-xxlarge > li:first-child {
  border-top: none;
}
ul.thumb-xxlarge > li .media-thumb .img-shadow {
  position: relative;
  float: left;
  max-width: 100%;
}
ul.thumb-xxlarge > li .media-thumb .img-shadow img {
  float: left;
  height: 96px;
  width: 96px;
}
ul.thumb-xxlarge > li .media-thumb.media-left {
  float: left;
  margin-right: 10px;
}
ul.thumb-xxlarge > li .media-body .menu-right {
  float: right;
}
ul.thumb-xxlarge > li .media-body .quick-menu.menu-right {
  margin-left: 5px;
  margin-bottom: 5px;
}
ul.thumb-xxlarge > li .media-body .media-heading {
  margin: 0 0 5px;
}
ul.thumb-xxlarge > li .media-body .media-heading a {
  margin-bottom: 5px;
  color: #205f9f;
}
ul.thumb-xxlarge > li .media-body .media-heading small {
  font-size: 12px;
}
ul.thumb-xxlarge > li .media-body .media-heading small a {
  color: #777;
}
ul.thumb-xxlarge > li .media-body .data {
  margin: 0;
  padding: 0;
  list-style: none;
  font-size: 12px;
  z-index: 999;
}
.em {
  font-style: italic;
}
.media-overflow,
.media-overflow .media,
.media-overflow .media-body {
  overflow: visible;
}
.news-ticker {
  position: relative;
  width: 100%;
  padding: 5px 0;
  text-align: center;
}
.news-ticker #news-ticker-close {
  position: absolute;
  top: 5px;
  right: 20px;
  color: rgba(255, 255, 255, 0.4);
}
ul.list-icon {
  list-style: none;
  padding: 0 20px;
}
ul.list-icon li:before {
  content: "\f05d";
  font-family: FontAwesome;
  font-style: normal;
  font-weight: normal;
  text-decoration: inherit;
  margin-right: 10px;
}
ul.list-icon li:hover {
  color: #205f9f;
}
.demo-btn > .btn {
  margin-bottom: 5px;
  margin-right: 5px;
}
.demo-btn-group > .btn-group {
  margin-bottom: 5px;
  margin-right: 5px;
}
.demo-btn-group > .btn-toolbar > .btn-group {
  margin-bottom: 5px;
  margin-right: 5px;
}
/*****
  Begin Page Loader
  *****/
#page-loader {
  position: fixed;
  left: 0px;
  top: 0px;
  width: 100%;
  height: 100%;
  z-index: 9999;
  background-color: #ffffff;
}
#page-loader img {
  position: absolute;
  top: 50%;
  left: 50%;
  margin: -64px 0 0 -64px;
  width: 128px;
  height: 128px;
}
/*****
End Page Loader
*****/
/*****
Begin Header Option Page
*****/
.header-option-page {
  border-bottom: 1px solid #cccccc;
  padding-bottom: 15px;
}
/*****
End Header Option Page
*****/
.jstree-hovered,
.jstree-wholerow-hovered {
  -webkit-border-radius: 0px !important;
  -moz-border-radius: 0px !important;
  border-radius: 0px !important;
  background: #205f9f !important;
  color: #fff !important;
  transition: background-color 0s, box-shadow 0s !important;
  transition-property: background-color, box-shadow !important;
  transition-duration: 0s, 0s !important;
  transition-timing-function: initial, initial;
  transition-delay: initial, initial;
}
.jstree-clicked,
.jstree-wholerow-clicked {
  background: #4a92db !important;
  color: #fff !important;
}
.jstree-anchor,
.jstree-wholerow {
  -webkit-border-radius: 0px !important;
  -moz-border-radius: 0px !important;
  border-radius: 0px !important;
  transition: background-color 0s, box-shadow 0s !important;
  transition-property: background-color, box-shadow !important;
  transition-duration: 0s, 0s !important;
  transition-timing-function: initial, initial;
  transition-delay: initial, initial;
}
.family-tree-horizontal li a:hover,
.family-tree-horizontal li a:hover + ul li a,
.family-tree-vertical li a:hover,
.family-tree-vertical li a:hover + ul li a {
  background: #205f9f !important;
  color: #fff !important;
}
.header-option-page {
  border-bottom: 1px solid #cccccc;
  padding-bottom: 15px;
}
.quick-sidebar {
  position: fixed;
  right: 0;
  top: 78px;
  bottom: 0;
  width: 280px;
  background-color: #353535;
  z-index: 100;
  display: none;
}
.quick-sidebar .header-quick-sidebar ul.nav.nav-tabs.ul-edit > li.active > ul > li.active > a {
  background-color: #e5e5e5;
  color: #999999;
}
.quick-sidebar .header-quick-sidebar ul.nav.nav-tabs.ul-edit > li > a {
  padding: 10px 0;
}
.quick-sidebar .content-quick-sidebar.tab-content {
  background-color: transparent;
  border: 0;
  padding: 0px;
}
.quick-sidebar .content-quick-sidebar.tab-content .tab-pane h4 {
  padding: 15px;
  margin: 0;
  font-weight: bold;
  border-bottom: 1px solid #555;
}
.quick-sidebar .content-quick-sidebar.tab-content .tab-pane ul.list-update > li {
  padding: 10px;
  border-bottom: 1px solid #414141;
  clear: both;
}
.quick-sidebar .content-quick-sidebar.tab-content .tab-pane ul.list-update > li span.label:first-child {
  margin-right: 10px;
  padding: 8px;
  float: left;
}
.quick-sidebar .content-quick-sidebar.tab-content .tab-pane ul.list-update > li div {
  margin-left: 25px;
  margin-bottom: 5px;
}
.quick-sidebar .content-quick-sidebar.tab-content .tab-pane ul.list-update > li div ul.sub-list-update {
  padding-left: 25px;
}
.quick-sidebar .content-quick-sidebar.tab-content .tab-pane ul.list-update > li div ul.sub-list-update li {
  padding: 3px 0;
  color: #777777;
}
.quick-sidebar .content-quick-sidebar.tab-content .tab-pane ul.list-features li {
  padding: 10px;
  border-bottom: 1px solid #414141;
  clear: both;
}
.quick-sidebar.quick-sidebar-hidden {
  display: block;
}
#page-user-profile .tab-content {
  border: 0;
}
#page-user-profile #tab-activity ul.list-activity > li {
  padding-bottom: 15px;
  margin-bottom: 15px;
  border-bottom: 1px solid #efefef;
}
#page-user-profile #tab-activity ul.list-activity > li:last-child {
  border-bottom: 0;
}
#page-user-profile #tab-activity ul.list-activity > li .avatar {
  float: left;
  margin-right: 10px;
}
#page-user-profile #tab-activity ul.list-activity > li .avatar img {
  width: 40px;
  display: inline-block;
}
#page-user-profile #tab-activity ul.list-activity > li .body {
  overflow: hidden;
  zoom: 1;
}
#page-user-profile #tab-activity ul.list-activity > li .body .desc small.text-muted {
  font-size: 10px;
  color: #BBBBBB;
}
#page-user-profile #tab-activity ul.list-activity > li .body .content {
  margin-top: 20px;
}
#page-user-profile #tab-activity ul.list-activity > li .body .content a {
  color: #428bca;
}
#page-user-profile #tab-activity ul.list-activity > li .body .content a:hover {
  text-decoration: underline;
}
#page-user-profile #tab-activity ul.list-activity > li .body .content .content-thumb {
  float: left;
  margin-right: 10px;
}
#page-user-profile #tab-activity ul.list-activity > li .body .content .content-thumb img {
  width: 100px;
  display: inline-block;
}
#page-user-profile #tab-activity ul.list-activity > li .body .content .content-thumb-large {
  float: left;
}
#page-user-profile #tab-activity ul.list-activity > li .body .content .content-thumb-large img {
  width: 180px;
  display: inline-block;
  margin-right: 10px;
}
#page-user-profile #tab-activity ul.list-activity > li .body .content .content-info {
  overflow: hidden;
  zoom: 1;
}
#page-user-profile #tab-edit .tab-content {
  background: #f8f8f8;
}
#page-user-profile #tab-edit .nav-pills li.active a {
  background-color: #5cb85c;
  border-color: #5cb85c;
}
#page-user-profile #tab-edit .nav-pills li.active a:hover {
  color: #FFFFFF !important;
}
#page-user-profile #tab-edit .nav-pills li a {
  background-color: #f8f8f8;
}
#page-user-profile #tab-edit .nav-pills li a:hover {
  color: #777;
}
.news-ticker {
  position: relative;
  width: 100%;
  padding: 5px 0;
  text-align: center;
}
.news-ticker a {
  color: #fff;
}
.news-ticker #news-ticker-close {
  position: absolute;
  top: 5px;
  right: 20px;
  color: rgba(255, 255, 255, 0.4);
}
.cursor-pointer {
  cursor: pointer;
}
.cursor-default {
  cursor: default;
}
.cent-line-height {
  line-height: 100%;
}
.last-col {
  overflow: hidden !important;
}
.pdn {
  padding: 0 !important;
}
.pdx {
  padding: 3px;
}
.pdm {
  padding: 10px;
}
.pdl {
  padding: 20px;
}
.pdxl {
  padding: 30px;
}
.pdxxl {
  padding: 40px;
}
.ptn,
.pvn,
.pan {
  padding-top: 0 !important;
}
.ptx,
.pvx,
.pax {
  padding-top: 3px !important;
}
.pts,
.pvs,
.pas {
  padding-top: 5px !important;
}
.ptm,
.pvm,
.pam {
  padding-top: 10px !important;
}
.ptl,
.pvl,
.pal {
  padding-top: 20px !important;
}
.ptxl,
.pvxl,
.paxl {
  padding-top: 30px !important;
}
.ptxxl,
.pvxxl,
.paxxl {
  padding-top: 40px !important;
}
.prn,
.phn,
.pan {
  padding-right: 0 !important;
}
.prx,
.phx,
.pax {
  padding-right: 3px !important;
}
.prs,
.phs,
.pas {
  padding-right: 5px !important;
}
.prm,
.phm,
.pam {
  padding-right: 10px !important;
}
.prl,
.phl,
.pal {
  padding-right: 20px !important;
}
.prxl,
.phxl,
.paxl {
  padding-right: 30px !important;
}
.prxxl,
.phxxl,
.paxxl {
  padding-right: 40px !important;
}
.pbn,
.pvn,
.pan {
  padding-bottom: 0 !important;
}
.pbx,
.pvx,
.pax {
  padding-bottom: 3px !important;
}
.pbs,
.pvs,
.pas {
  padding-bottom: 5px !important;
}
.pbm,
.pvm,
.pam {
  padding-bottom: 10px !important;
}
.pbl,
.pvl,
.pal {
  padding-bottom: 20px !important;
}
.pbxl,
.pvxl,
.paxl {
  padding-bottom: 30px !important;
}
.pbxxl,
.pvxxl,
.paxxl {
  padding-bottom: 40px !important;
}
.pln,
.phn,
.pan {
  padding-left: 0 !important;
}
.plx,
.phx,
.pax {
  padding-left: 3px !important;
}
.pls,
.phs,
.pas {
  padding-left: 5px !important;
}
.plm,
.phm,
.pam {
  padding-left: 10px !important;
}
.pll,
.phl,
.pal {
  padding-left: 20px !important;
}
.plxl,
.phxl,
.paxl {
  padding-left: 30px !important;
}
.plxxl,
.phxxl,
.paxxl {
  padding-left: 40px !important;
}
.mtn,
.mvn,
.man {
  margin-top: 0px !important;
}
.mtx,
.mvx,
.max {
  margin-top: 3px !important;
}
.mts,
.mvs,
.mas {
  margin-top: 5px !important;
}
.mtm,
.mvm,
.mam {
  margin-top: 10px !important;
}
.mtl,
.mvl,
.mal {
  margin-top: 20px !important;
}
.mtxl,
.mvxl,
.maxl {
  margin-top: 30px !important;
}
.mtxxl,
.mvxxl,
.maxxl {
  margin-top: 40px !important;
}
.mtxxxl,
.mvxxxl,
.maxxxl {
  margin-top: 100px !important;
}
.mrxxxl,
.mhxxxl,
.maxxxl {
  margin-right: 100px !important;
}
.mrn,
.mhn,
.man {
  margin-right: 0px !important;
}
.mrx,
.mhx,
.max {
  margin-right: 3px !important;
}
.mrs,
.mhs,
.mas {
  margin-right: 5px !important;
}
.mrm,
.mhm,
.mam {
  margin-right: 10px !important;
}
.mrl,
.mhl,
.mal {
  margin-right: 20px !important;
}
.mrxl,
.mhxl,
.maxl {
  margin-right: 30px !important;
}
.mrxxl,
.mhxxl,
.maxxl {
  margin-right: 40px !important;
}
.mbn,
.mvn,
.man {
  margin-bottom: 0px !important;
}
.mbx,
.mvx,
.max {
  margin-bottom: 3px !important;
}
.mbs,
.mvs,
.mas {
  margin-bottom: 5px !important;
}
.mbm,
.mvm,
.mam {
  margin-bottom: 10px !important;
}
.mbl,
.mvl,
.mal {
  margin-bottom: 20px !important;
}
.mbxl,
.mvxl,
.maxl {
  margin-bottom: 30px !important;
}
.mbxxl,
.mvxxl,
.maxxl {
  margin-bottom: 40px !important;
}
.mln,
.mhn,
.man {
  margin-left: 0px !important;
}
.mlx,
.mhx,
.max {
  margin-left: 3px !important;
}
.mls,
.mhs,
.mas {
  margin-left: 5px !important;
}
.mlm,
.mhm,
.mam {
  margin-left: 10px !important;
}
.mll,
.mhl,
.mal {
  margin-left: 20px !important;
}
.mlxl,
.mhxl,
.maxl {
  margin-left: 30px !important;
}
.mlxxl,
.mhxxl,
.maxxl {
  margin-left: 40px !important;
}
.full-height {
  height: 100%;
}
.alert-hide {
  display: none;
}
.alert {
  color: #BF4346;
}
#rootwizard-tabdetail2 .navbar-inner .nav-pills li {
  width: 20%;
}
#rootwizard-tabdetail2 .navbar-inner .nav-pills li a p.top {
  position: absolute;
  top: 10px;
  left: 0px;
}
#rootwizard-tabdetail2 .navbar-inner .nav-pills li a p.icon i.fa {
  width: 50px;
  height: 50px;
  border-radius: 25px !important;
  border: 3px solid #205f9f;
  background-color: transparent;
  position: absolute;
  top: 0px;
  left: 0px;
}
#rootwizard-tabdetail2 .navbar-inner .nav-pills li a p.bottom {
  position: absolute;
  top: -10px;
  left: 0px;
}
.pace .pace-progress {
  background-color: #205f9f;
}
.legendColorBox {
  padding: 3px 0;
}
.legendColorBox div {
  border-radius: 50%;
  margin-right: 5px;
}
.legendColorBox div div {
  margin-right: 0;
}
.ui-state-default {
  border: 0;
  background: #205f9f;
  color: #ffffff;
}
.ui-widget-content {
  background: #ffffff;
  border: 1px solid #e5e5e5;
}
.ui-widget-content .ui-state-default {
  border: 0;
  background: #205f9f;
  color: #ffffff;
  cursor: pointer;
}
.ui-widget-content .ui-state-default:hover,
.ui-widget-content .ui-state-default:focus {
  background: #1c528a;
}
.ui-widget-header {
  background: #205f9f;
}
.ui-widget-header .ui-state-default {
  border: 0;
  background: #205f9f;
  color: #ffffff;
}
.ui-slider .ui-slider-handle {
  position: absolute;
  z-index: 2;
  width: 2em;
  height: 2em;
  border-radius: 50%;
  border: 3px solid #fefefe;
}
.ui-slider.ui-slider-horizontal .ui-slider-handle {
  top: -0.9em;
}
.ui-slider.ui-slider-vertical .ui-slider-handle {
  left: -0.85em;
}
#slider-multi span {
  height: 120px;
  float: left;
  margin: 20px;
}
.ui-slider-horizontal {
  height: 0.45em;
}
.ui-slider-vertical {
  width: 0.45em;
}
.example-val:before {
  content: "Value: ";
  font-weight: bold;
}
.irs-line-mid,
.irs-line-left,
.irs-line-right,
.irs-diapason,
.irs-slider {
  background: #E5E5E5;
}
.irs-slider {
  width: 1.5em;
  height: 1.5em;
  top: 19px;
  border: 1px solid #fefefe;
  background: #777;
  border-radius: 50%;
}
.irs-diapason {
  background: #205f9f;
}
.irs {
  height: 40px;
}
.irs-with-grid {
  height: 60px;
}
.irs-line {
  height: 8px;
  top: 25px;
}
.irs-line-left {
  height: 8px;
}
.irs-line-mid {
  height: 8px;
}
.irs-line-right {
  height: 8px;
}
.irs-diapason {
  height: 8px;
  top: 25px;
}
.irs-min,
.irs-max {
  color: #999;
  font-size: 10px;
  line-height: 1.333;
  text-shadow: none;
  top: 0;
  padding: 1px 3px;
  background: rgba(0, 0, 0, 0.1);
}
.lt-ie9 .irs-min,
.lt-ie9 .irs-max {
  background: #ccc;
}
.irs-from,
.irs-to,
.irs-single {
  color: #fff;
  font-size: 10px;
  line-height: 1.333;
  text-shadow: none;
  padding: 1px 3px;
  background: rgba(0, 0, 0, 0.3);
}
.lt-ie9 .irs-from,
.lt-ie9 .irs-to,
.lt-ie9 .irs-single {
  background: #999;
}
.irs-grid-pol {
  background: #777;
}
.irs-grid-text {
  color: #777;
}
.jquery-notific8-message {
  font-size: 13px;
}
[class*="jquery-notific8"],
[class*="jquery-notific8"]:after,
[class*="jquery-notific8"]:before {
  -webkit-box-sizing: content-box;
  -moz-box-sizing: content-box;
  box-sizing: content-box;
}
.right .jquery-notific8-close-sticky span,
.left .jquery-notific8-close-sticky span {
  font-size: 10px;
}
.jquery-notific8-heading {
  font-weight: 300;
  font-size: 16px;
}
.colors {
  clear: both;
  padding: 24px 0 9px;
}
.skin-line .colors {
  padding-top: 28px;
}
.colors strong {
  float: left;
  line-height: 20px;
  margin-right: 20px;
}
.colors li {
  position: relative;
  float: left;
  width: 16px;
  height: 16px;
  margin: 2px 1px 0 0;
  background: #000;
  cursor: pointer;
  filter: alpha(opacity=50);
  opacity: 0.5;
  -webkit-transition: opacity 0.2s;
  -moz-transition: opacity 0.2s;
  -ms-transition: opacity 0.2s;
  -o-transition: opacity 0.2s;
  transition: opacity 0.2s;
}
.colors li:hover {
  filter: alpha(opacity=100);
  opacity: 1;
}
.colors li.active {
  height: 20px;
  margin-top: 0;
  filter: alpha(opacity=75);
  opacity: 0.75;
}
.colors li.red {
  background: #d54e21;
}
.colors li.green {
  background: #78a300;
}
.colors li.blue {
  background: #0e76a8;
}
.colors li.aero {
  background: #9cc2cb;
}
.colors li.grey {
  background: #73716e;
}
.colors li.orange {
  background: #f70;
}
.colors li.yellow {
  background: #fc0;
}
.colors li.pink {
  background: #ff66b5;
}
.colors li.purple {
  background: #6a5a8c;
}
.sticky-header {
  z-index: 999;
}
.slimScrollDiv {
  float: left;
}
.slimScrollRail {
  -webkit-border-radius: 0 !important;
  -moz-border-radius: 0 !important;
  border-radius: 0 !important;
}
.table tbody tr.calendar-month-header:first-child th {
  border-top: 0;
  background: #205f9f;
  color: #ffffff;
  padding: 12px 0;
}
.table tbody tr.calendar-month-header:first-child th .calendar-month-navigation {
  padding-top: 0;
}
.table tbody tr.calendar-month-header:first-child th span {
  padding-bottom: 0;
}
.table tbody tr td {
  border-top: 1px solid #efefef;
}
.ticker-wrapper.has-js {
  margin: 0;
  padding: 0;
  float: left;
  background: transparent;
  font-size: 13px;
}
.ticker {
  display: block;
  position: relative;
  overflow: hidden;
  background: transparent;
  margin: 0;
  padding: 0;
}
.ticker-title {
  background-color: transparent;
}
.ticker-content {
  color: #ffffff;
  background: transparent;
  font-weight: normal;
  padding-top: 8px;
}
.ticker-content a {
  color: #777;
}
.ticker-content a:hover,
.ticker-content a:focus {
  color: #777;
  text-decoration: none;
}
.ticker-swipe {
  width: 100%;
  height: 42px;
  background: #e6e6e6;
}
.ticker-swipe span {
  margin-left: 1px;
  background-color: transparent;
  border-bottom: 3px solid #777;
  height: 21px;
  width: 7px;
  display: block;
}
.news-update-box {
  float: left;
  padding: 9px 20px;
  line-height: 30px;
}
.introjs-helperLayer {
  background-color: rgba(255, 255, 255, 0.5);
}
.introjs-fixParent {
  z-index: auto !important;
  opacity: 1 !important;
  position: absolute !important;
}
.introjs-helperNumberLayer {
  line-height: 13px;
}
body.header-fixed .top .jquery-notific8-notification:first-child {
  margin-top: 50px;
}
.bootstrap-select.btn-group .dropdown-menu li.active:not(.disabled) > a small,
.bootstrap-select.btn-group .dropdown-menu li:not(.disabled) > a:focus small,
.bootstrap-select.btn-group .dropdown-menu li:not(.disabled) > a:hover small {
  color: #aaaaaa;
}
.counter.warning {
  color: #d9534f;
}
#rootwizard-custom-circle {
  margin-top: 50px;
  position: relative;
}
#rootwizard-custom-circle .navbar {
  margin-bottom: 35px;
}
#rootwizard-custom-circle:before {
  content: "";
  height: 3px;
  width: 100%;
  background-color: #5CB85C;
  position: absolute;
  top: 30px;
  left: 0;
}
#rootwizard-custom-circle li {
  background-color: #fff;
  border: 3px solid #6ec06e;
  height: 40px;
  width: 40px;
  border-radius: 20px;
  -webkit-border-radius: 20px;
  margin-bottom: 20px;
  padding-top: 0px;
  padding-left: 0px;
  display: inline-block;
  float: left;
  list-style: none;
  margin-left: 17%;
  text-align: center;
  position: relative;
}
#rootwizard-custom-circle li:first-child {
  margin-left: 11%;
}
#rootwizard-custom-circle li a {
  font-size: 17px;
  line-height: 200%;
}
#rootwizard-custom-circle li a i {
  color: #6ec06e;
  top: 2px;
}
#rootwizard-custom-circle li a i.glyphicon-send {
  left: -3px;
}
#rootwizard-custom-circle li a p.anchor {
  position: absolute;
  top: -35px;
  left: -130px;
  width: 300px;
  font-family: 'oswald';
}
#rootwizard-custom-circle li a p.description {
  font-size: 13px;
  position: absolute;
  left: -130px;
  width: 300px;
}
#rootwizard-custom-circle li.active {
  background-color: #fff;
  border: 3px solid #205f9f;
}
#rootwizard-custom-circle li.active a,
#rootwizard-custom-circle li.active p,
#rootwizard-custom-circle li.active i {
  color: #205f9f;
}
#rootwizard-custom-circle #bar {
  height: 14px;
  border-radius: 5px;
}
#rootwizard-custom-circle .tab-content {
  border-width: 0px;
}
#rootwizard-custom-circle .tab-content .action {
  padding: 15px 0px;
  border-top: 1px solid #E6E6E6;
  margin-top: 60px;
}
#rootwizard-custom-circle .tab-content .action button.btn {
  padding: 7px 21px;
}
.news-ticker {
  position: relative;
  width: 100%;
  padding: 5px 0;
  text-align: center;
}
.news-ticker a {
  color: #fff;
}
.news-ticker a:hover,
.news-ticker a:focus {
  text-decoration: underline;
}
.news-ticker #news-ticker-close {
  position: absolute;
  top: 5px;
  right: 20px;
  color: rgba(255, 255, 255, 0.4);
}
.bootstrap-select .btn {
  background-color: transparent !important;
  border-left: none;
  border-radius: 0 !important;
  border-right: none;
  border-top: none;
}
.bootstrap-select .btn:focus {
  border-bottom-color: #205f9f;
  outline: 0px !important;
}
.bootstrap-select.open .caret {
  color: #000000;
}
.bootstrap-select.open .btn {
  border-bottom-color: #205f9f !important;
}
.bootstrap-select .dropdown-menu.open {
  margin-top: 3px !important;
}
.bootstrap-select .selectpicker li {
  border-top: 1px solid;
  border-right: 1px solid;
  border-left: 1px solid;
  border-color: #e5e5e5 !important;
}
.bootstrap-select .selectpicker li:last-child {
  border-bottom: 1px solid;
}
.bootstrap-select .selectpicker li a:focus {
  background-color: #205f9f !important;
  color: #fff !important;
  color: #ffffff;
}
.bootstrap-select .selectpicker li a:hover {
  background-color: #e5e5e5;
  transition: all 0.3s ease-in-out;
}
.daterangepicker .ranges .input-mini {
  width: 74px !important;
}
a[data-wysihtml5-command-value="blockquote"] .glyphicon-quote {
  top: -15px;
  left: -6px;
}
/**************************************/
/********** Jquery Jvectormap *********/
.jvectormap-zoomin,
.jvectormap-zoomout {
  background: #488C6C;
  width: 20px;
  height: 20px;
  border-radius: 50%;
  padding: 4px 0;
}
.jvectormap-zoomout {
  top: 40px;
}
.taskbuilder-modal {
  width: 60%;
  height: auto;
  margin: 0px auto;
}
.taskbuilder-modal .modal-content {
  width: 95%;
  height: auto;
}
.task-preview-modal {
  width: 85%;
  height: auto;
  margin: 0px auto;
}
.task-preview-modal .modal-content {
  width: 95%;
  height: auto;
}
/********** Jquery Jvectormap *********/
/**************************************/
/*************   ******************/
.modal-backdrop.in {
  opacity: 0.5;
  z-index: 9;
}
.modal.in .modal-dialog {
  z-index: 999;
}
textarea:focus,
input[type="text"]:focus,
input[type="password"]:focus,
input[type="datetime"]:focus,
input[type="datetime-local"]:focus,
input[type="date"]:focus,
input[type="month"]:focus,
input[type="time"]:focus,
input[type="week"]:focus,
input[type="number"]:focus,
input[type="email"]:focus,
input[type="url"]:focus,
input[type="search"]:focus,
input[type="tel"]:focus,
input[type="color"]:focus,
.uneditable-input:focus {
  border-color: #999999;
  box-shadow: none;
  outline: 0 none;
}
a:focus,
.btn:focus {
  outline: 0 !important;
}
.img-circle {
  border-radius: 50% !important;
}
h1,
h2,
h3,
h4,
h5,
h6 {
  font-family: "Open Sans", sans-serif;
  font-weight: 300;
}
.note {
  margin: 0 0 20px 0;
  padding: 15px 30px 15px 15px;
  border-left: 3px solid #e5e5e5;
  -webkit-border-radius: 5px !important;
  -moz-border-radius: 5px !important;
  border-radius: 5px !important;
}
.note h1,
.note h2,
.note h3,
.note h4 {
  margin-top: 0;
}
.note p:last-child {
  margin-bottom: 0;
}
.note code,
.note .highlight {
  background-color: #fff;
}
.note-success {
  border-color: #5cb85c;
  background: #dff0d8;
}
.note-success .box-heading {
  color: #5cb85c;
}
.note-warning {
  border-color: #f0ad4e;
  background: #fcf8e3;
}
.note-warning .box-heading {
  color: #f0ad4e;
}
.note-info {
  border-color: #5bc0de;
  background: #d9edf7;
}
.note-info .box-heading {
  color: #5bc0de;
}
.note-danger {
  border-color: #d9534f;
  background: #f2dede;
}
.note-danger .box-heading {
  color: #d9534f;
}
.pagination {
  -webkit-border-radius: 5px !important;
  -moz-border-radius: 5px !important;
  border-radius: 5px !important;
}
.pagination li a {
  border-color: #e5e5e5;
}
.pagination li span {
  border-right: #e5e5e5;
}
.pagination li.active a {
  border-color: #205f9f;
}
.pagination li.active span {
  border-color: #205f9f;
}
.badge {
  font-size: 11px !important;
  font-weight: 300;
  height: 18px;
  padding: 3px 6px 3px 6px;
  -webkit-border-radius: 12px !important;
  -moz-border-radius: 12px !important;
  border-radius: 12px !important;
  text-shadow: none !important;
  text-align: center;
  vertical-align: middle;
  background-color: #bcbcbc;
}
.label {
  font-size: 11px;
  font-weight: 300;
  -webkit-border-radius: 0 !important;
  -moz-border-radius: 0 !important;
  border-radius: 0 !important;
}
.badge-default,
.label-default {
  background-color: #999 !important;
}
.badge-primary,
.label-primary {
  background-color: #205f9f !important;
}
.badge-red,
.label-red {
  background-color: #BF4346 !important;
}
.badge-orange,
.label-orange {
  background-color: #E9662C !important;
}
.badge-green,
.label-green {
  background-color: #488C6C !important;
}
.badge-yellow,
.label-yellow {
  background-color: #F2994B !important;
}
.badge-blue,
.label-blue {
  background-color: #0A819C !important;
}
.badge-violet,
.label-violet {
  background-color: #9351AD !important;
}
.badge-pink,
.label-pink {
  background-color: #BF3773 !important;
}
.badge-grey,
.label-grey {
  background-color: #4B5D67 !important;
}
.badge-dark,
.label-dark {
  background-color: #594857 !important;
}
.label-success,
.badge-success {
  background-color: #5cb85c;
  background-image: none !important;
}
.label-warning,
.badge-warning {
  background-color: #f0ad4e;
  background-image: none !important;
}
.label-danger,
.badge-danger {
  background-color: #d9534f;
  background-image: none !important;
}
.label-info,
.badge-info {
  background-color: #5bc0de;
  background-image: none !important;
}
.nav.nav-pills > li > a > .badge {
  margin-top: -2px;
}
.nav.nav-stacked > li > a > .badge {
  margin-top: 1px;
  margin-bottom: 0px;
}
a.list-group-item.active > .badge,
.nav-pills > .active > a > .badge {
  color: #205f9f;
}
.pagination li.active a {
  color: #FFFFFF;
  background: #205f9f;
  z-index: 2;
  cursor: default;
}
.pagination li.active a:hover,
.pagination li.active a:focus {
  color: #FFFFFF;
  background: #205f9f;
  z-index: 2;
  cursor: default;
}
.pagination li.active span {
  color: #FFFFFF;
  background: #205f9f;
  z-index: 2;
  cursor: default;
}
.pagination li.active span:hover,
.pagination li.active span:focus {
  color: #FFFFFF;
  background: #205f9f;
  z-index: 2;
  cursor: default;
}
.pagination li a {
  color: #205f9f;
}
.panel {
  -webkit-box-shadow: none !important;
  box-shadow: none !important;
  -webkit-border-radius: 5px !important;
  -moz-border-radius: 5px !important;
  border-radius: 5px !important;
}
.panel > .panel-heading {
  font-size: 18px;
  padding: 7px 15px;
  border-top-right-radius: 4px !important;
  border-top-left-radius: 4px !important;
  border-color: #e5e5e5 !important;
}
.panel > .panel-footer {
  font-size: 18px;
  padding: 7px 15px;
  border-bottom-right-radius: 4px !important;
  border-bottom-left-radius: 4px !important;
}
.panel.panel-primary {
  border-color: #205f9f;
}
.panel.panel-primary > .panel-heading {
  color: #FFFFFF;
  background: #205f9f;
  border-color: #205f9f !important;
}
.panel.panel-primary > .panel-footer {
  color: #FFFFFF;
  background: #205f9f;
  border-color: #205f9f !important;
}
.panel.panel-red {
  border-color: #BF4346;
}
.panel.panel-red > .panel-heading {
  color: #FFFFFF;
  background: #BF4346;
  border-color: #BF4346 !important;
}
.panel.panel-red > .panel-footer {
  color: #FFFFFF;
  background: #BF4346;
  border-color: #BF4346 !important;
}
.panel.panel-orange {
  border-color: #E9662C;
}
.panel.panel-orange > .panel-heading {
  color: #FFFFFF;
  background: #E9662C;
  border-color: #E9662C !important;
}
.panel.panel-orange > .panel-footer {
  color: #FFFFFF;
  background: #E9662C;
  border-color: #E9662C !important;
}
.panel.panel-green {
  border-color: #488C6C;
}
.panel.panel-green > .panel-heading {
  color: #FFFFFF;
  background: #488C6C;
  border-color: #488C6C !important;
}
.panel.panel-green > .panel-footer {
  color: #FFFFFF;
  background: #488C6C;
  border-color: #488C6C !important;
}
.panel.panel-yellow {
  border-color: #F2994B;
}
.panel.panel-yellow > .panel-heading {
  color: #FFFFFF;
  background: #F2994B;
  border-color: #F2994B !important;
}
.panel.panel-yellow > .panel-footer {
  color: #FFFFFF;
  background: #F2994B;
  border-color: #F2994B !important;
}
.panel.panel-blue {
  border-color: #0A819C;
}
.panel.panel-blue > .panel-heading {
  color: #FFFFFF;
  background: #0A819C;
  border-color: #0A819C !important;
}
.panel.panel-blue > .panel-footer {
  color: #FFFFFF;
  background: #0A819C;
  border-color: #0A819C !important;
}
.panel.panel-pink {
  border-color: #BF3773;
}
.panel.panel-pink > .panel-heading {
  color: #FFFFFF;
  background: #BF3773;
  border-color: #BF3773 !important;
}
.panel.panel-pink > .panel-footer {
  color: #FFFFFF;
  background: #BF3773;
  border-color: #BF3773 !important;
}
.panel.panel-violet {
  border-color: #9351AD;
}
.panel.panel-violet > .panel-heading {
  color: #FFFFFF;
  background: #9351AD;
  border-color: #9351AD !important;
}
.panel.panel-violet > .panel-footer {
  color: #FFFFFF;
  background: #9351AD;
  border-color: #9351AD !important;
}
.panel.panel-grey {
  border-color: #4B5D67;
}
.panel.panel-grey > .panel-heading {
  color: #FFFFFF;
  background: #4B5D67;
  border-color: #4B5D67 !important;
}
.panel.panel-grey > .panel-footer {
  color: #FFFFFF;
  background: #4B5D67;
  border-color: #4B5D67 !important;
}
.panel.panel-dark {
  border-color: #594857;
}
.panel.panel-dark > .panel-heading {
  color: #FFFFFF;
  background: #594857;
  border-color: #594857 !important;
}
.panel.panel-dark > .panel-footer {
  color: #FFFFFF;
  background: #594857;
  border-color: #594857 !important;
}
.panel.panel-white {
  border-color: #efefef;
}
.panel.panel-white > .panel-heading {
  border-bottom: 1px solid #faf9fb;
  color: #777;
  background: #FFFFFF;
}
.panel.panel-white > .panel-footer {
  border-top: 1px solid #faf9fb;
  color: #777;
  background: #FFFFFF;
}
.btn {
  outline: none !important;
  -webkit-border-radius: 5px !important;
  -moz-border-radius: 5px !important;
  border-radius: 5px !important;
}
.btn.btn-square {
  -webkit-border-radius: 0 !important;
  -moz-border-radius: 0 !important;
  border-radius: 0 !important;
}
.btn-outlined {
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  transition: all 0.3s;
}
.btn-outlined.btn-default {
  background: none;
  border: 1px solid #777;
  color: #777;
}
.btn-outlined.btn-primary {
  background: none;
  border: 1px solid #205f9f;
  color: #205f9f;
}
.btn-outlined.btn-success {
  background: none;
  border: 1px solid #5cb85c;
  color: #5cb85c;
}
.btn-outlined.btn-warning {
  background: none;
  border: 1px solid #f0ad4e;
  color: #f0ad4e;
}
.btn-outlined.btn-info {
  background: none;
  border: 1px solid #5bc0de;
  color: #5bc0de;
}
.btn-outlined.btn-danger {
  background: none;
  border: 1px solid #d9534f;
  color: #d9534f;
}
.btn-outlined.btn-red {
  background: none;
  border: 1px solid #BF4346;
  color: #BF4346;
}
.btn-outlined.btn-orange {
  background: none;
  border: 1px solid #E9662C;
  color: #E9662C;
}
.btn-outlined.btn-green {
  background: none;
  border: 1px solid #488C6C;
  color: #488C6C;
}
.btn-outlined.btn-yellow {
  background: none;
  border: 1px solid #F2994B;
  color: #F2994B;
}
.btn-outlined.btn-blue {
  background: none;
  border: 1px solid #0A819C;
  color: #0A819C;
}
.btn-outlined.btn-pink {
  background: none;
  border: 1px solid #BF3773;
  color: #BF3773;
}
.btn-outlined.btn-violet {
  background: none;
  border: 1px solid #9351AD;
  color: #9351AD;
}
.btn-outlined.btn-grey {
  background: none;
  border: 1px solid #4B5D67;
  color: #4B5D67;
}
.btn-outlined.btn-dark {
  background: none;
  border: 1px solid #594857;
  color: #594857;
}
.btn-default {
  color: #777;
  background-color: #efefef;
  border-color: #e5e5e5;
}
.btn-default:hover,
.btn-default:focus,
.btn-default:active,
.btn-default.active,
.open .dropdown-toggle.btn-default {
  color: #777;
  background-color: #dbdbdb;
  border-color: #c6c6c6;
}
.btn-default:active,
.btn-default.active,
.open .dropdown-toggle.btn-default {
  background-image: none;
}
.btn-default.disabled,
.btn-default[disabled],
fieldset[disabled] .btn-default,
.btn-default.disabled:hover,
.btn-default[disabled]:hover,
fieldset[disabled] .btn-default:hover,
.btn-default.disabled:focus,
.btn-default[disabled]:focus,
fieldset[disabled] .btn-default:focus,
.btn-default.disabled:active,
.btn-default[disabled]:active,
fieldset[disabled] .btn-default:active,
.btn-default.disabled.active,
.btn-default[disabled].active,
fieldset[disabled] .btn-default.active {
  background-color: #efefef;
  border-color: #e5e5e5;
}
.btn-primary {
  color: #fff;
  background-color: #205f9f;
  border-color: #1e5a97;
}
.btn-primary:hover,
.btn-primary:focus,
.btn-primary:active,
.btn-primary.active,
.open .dropdown-toggle.btn-primary {
  color: #fff;
  background-color: #194b7d;
  border-color: #143b64;
}
.btn-primary:active,
.btn-primary.active,
.open .dropdown-toggle.btn-primary {
  background-image: none;
}
.btn-primary.disabled,
.btn-primary[disabled],
fieldset[disabled] .btn-primary,
.btn-primary.disabled:hover,
.btn-primary[disabled]:hover,
fieldset[disabled] .btn-primary:hover,
.btn-primary.disabled:focus,
.btn-primary[disabled]:focus,
fieldset[disabled] .btn-primary:focus,
.btn-primary.disabled:active,
.btn-primary[disabled]:active,
fieldset[disabled] .btn-primary:active,
.btn-primary.disabled.active,
.btn-primary[disabled].active,
fieldset[disabled] .btn-primary.active {
  background-color: #205f9f;
  border-color: #1e5a97;
}
.btn-success {
  color: #fff;
  background-color: #5cb85c;
  border-color: #55b555;
}
.btn-success:hover,
.btn-success:focus,
.btn-success:active,
.btn-success.active,
.open .dropdown-toggle.btn-success {
  color: #fff;
  background-color: #47a447;
  border-color: #3e8f3e;
}
.btn-success:active,
.btn-success.active,
.open .dropdown-toggle.btn-success {
  background-image: none;
}
.btn-success.disabled,
.btn-success[disabled],
fieldset[disabled] .btn-success,
.btn-success.disabled:hover,
.btn-success[disabled]:hover,
fieldset[disabled] .btn-success:hover,
.btn-success.disabled:focus,
.btn-success[disabled]:focus,
fieldset[disabled] .btn-success:focus,
.btn-success.disabled:active,
.btn-success[disabled]:active,
fieldset[disabled] .btn-success:active,
.btn-success.disabled.active,
.btn-success[disabled].active,
fieldset[disabled] .btn-success.active {
  background-color: #5cb85c;
  border-color: #55b555;
}
.btn-info {
  color: #fff;
  background-color: #5bc0de;
  border-color: #53bddc;
}
.btn-info:hover,
.btn-info:focus,
.btn-info:active,
.btn-info.active,
.open .dropdown-toggle.btn-info {
  color: #fff;
  background-color: #39b3d7;
  border-color: #28a4c9;
}
.btn-info:active,
.btn-info.active,
.open .dropdown-toggle.btn-info {
  background-image: none;
}
.btn-info.disabled,
.btn-info[disabled],
fieldset[disabled] .btn-info,
.btn-info.disabled:hover,
.btn-info[disabled]:hover,
fieldset[disabled] .btn-info:hover,
.btn-info.disabled:focus,
.btn-info[disabled]:focus,
fieldset[disabled] .btn-info:focus,
.btn-info.disabled:active,
.btn-info[disabled]:active,
fieldset[disabled] .btn-info:active,
.btn-info.disabled.active,
.btn-info[disabled].active,
fieldset[disabled] .btn-info.active {
  background-color: #5bc0de;
  border-color: #53bddc;
}
.btn-warning {
  color: #fff;
  background-color: #f0ad4e;
  border-color: #efa945;
}
.btn-warning:hover,
.btn-warning:focus,
.btn-warning:active,
.btn-warning.active,
.open .dropdown-toggle.btn-warning {
  color: #fff;
  background-color: #ed9c28;
  border-color: #e38d13;
}
.btn-warning:active,
.btn-warning.active,
.open .dropdown-toggle.btn-warning {
  background-image: none;
}
.btn-warning.disabled,
.btn-warning[disabled],
fieldset[disabled] .btn-warning,
.btn-warning.disabled:hover,
.btn-warning[disabled]:hover,
fieldset[disabled] .btn-warning:hover,
.btn-warning.disabled:focus,
.btn-warning[disabled]:focus,
fieldset[disabled] .btn-warning:focus,
.btn-warning.disabled:active,
.btn-warning[disabled]:active,
fieldset[disabled] .btn-warning:active,
.btn-warning.disabled.active,
.btn-warning[disabled].active,
fieldset[disabled] .btn-warning.active {
  background-color: #f0ad4e;
  border-color: #efa945;
}
.btn-danger {
  color: #fff;
  background-color: #d9534f;
  border-color: #d74b47;
}
.btn-danger:hover,
.btn-danger:focus,
.btn-danger:active,
.btn-danger.active,
.open .dropdown-toggle.btn-danger {
  color: #fff;
  background-color: #d2322d;
  border-color: #b92c28;
}
.btn-danger:active,
.btn-danger.active,
.open .dropdown-toggle.btn-danger {
  background-image: none;
}
.btn-danger.disabled,
.btn-danger[disabled],
fieldset[disabled] .btn-danger,
.btn-danger.disabled:hover,
.btn-danger[disabled]:hover,
fieldset[disabled] .btn-danger:hover,
.btn-danger.disabled:focus,
.btn-danger[disabled]:focus,
fieldset[disabled] .btn-danger:focus,
.btn-danger.disabled:active,
.btn-danger[disabled]:active,
fieldset[disabled] .btn-danger:active,
.btn-danger.disabled.active,
.btn-danger[disabled].active,
fieldset[disabled] .btn-danger.active {
  background-color: #d9534f;
  border-color: #d74b47;
}
.btn-red {
  color: #fff;
  background-color: #BF4346;
  border-color: #b93f42;
}
.btn-red:hover,
.btn-red:focus,
.btn-red:active,
.btn-red.active,
.open .dropdown-toggle.btn-red {
  color: #fff;
  background-color: #a2373a;
  border-color: #8b2f32;
}
.btn-red:active,
.btn-red.active,
.open .dropdown-toggle.btn-red {
  background-image: none;
}
.btn-red.disabled,
.btn-red[disabled],
fieldset[disabled] .btn-red,
.btn-red.disabled:hover,
.btn-red[disabled]:hover,
fieldset[disabled] .btn-red:hover,
.btn-red.disabled:focus,
.btn-red[disabled]:focus,
fieldset[disabled] .btn-red:focus,
.btn-red.disabled:active,
.btn-red[disabled]:active,
fieldset[disabled] .btn-red:active,
.btn-red.disabled.active,
.btn-red[disabled].active,
fieldset[disabled] .btn-red.active {
  background-color: #BF4346;
  border-color: #b93f42;
}
.btn-orange {
  color: #fff;
  background-color: #E9662C;
  border-color: #e85f23;
}
.btn-orange:hover,
.btn-orange:focus,
.btn-orange:active,
.btn-orange.active,
.open .dropdown-toggle.btn-orange {
  color: #fff;
  background-color: #d65116;
  border-color: #ba4713;
}
.btn-orange:active,
.btn-orange.active,
.open .dropdown-toggle.btn-orange {
  background-image: none;
}
.btn-orange.disabled,
.btn-orange[disabled],
fieldset[disabled] .btn-orange,
.btn-orange.disabled:hover,
.btn-orange[disabled]:hover,
fieldset[disabled] .btn-orange:hover,
.btn-orange.disabled:focus,
.btn-orange[disabled]:focus,
fieldset[disabled] .btn-orange:focus,
.btn-orange.disabled:active,
.btn-orange[disabled]:active,
fieldset[disabled] .btn-orange:active,
.btn-orange.disabled.active,
.btn-orange[disabled].active,
fieldset[disabled] .btn-orange.active {
  background-color: #E9662C;
  border-color: #e85f23;
}
.btn-green {
  color: #fff;
  background-color: #488C6C;
  border-color: #458567;
}
.btn-green:hover,
.btn-green:focus,
.btn-green:active,
.btn-green.active,
.open .dropdown-toggle.btn-green {
  color: #fff;
  background-color: #3a7157;
  border-color: #305d48;
}
.btn-green:active,
.btn-green.active,
.open .dropdown-toggle.btn-green {
  background-image: none;
}
.btn-green.disabled,
.btn-green[disabled],
fieldset[disabled] .btn-green,
.btn-green.disabled:hover,
.btn-green[disabled]:hover,
fieldset[disabled] .btn-green:hover,
.btn-green.disabled:focus,
.btn-green[disabled]:focus,
fieldset[disabled] .btn-green:focus,
.btn-green.disabled:active,
.btn-green[disabled]:active,
fieldset[disabled] .btn-green:active,
.btn-green.disabled.active,
.btn-green[disabled].active,
fieldset[disabled] .btn-green.active {
  background-color: #488C6C;
  border-color: #458567;
}
.btn-yellow {
  color: #fff;
  background-color: #F2994B;
  border-color: #f19441;
}
.btn-yellow:hover,
.btn-yellow:focus,
.btn-yellow:active,
.btn-yellow.active,
.open .dropdown-toggle.btn-yellow {
  color: #fff;
  background-color: #ef8325;
  border-color: #e57411;
}
.btn-yellow:active,
.btn-yellow.active,
.open .dropdown-toggle.btn-yellow {
  background-image: none;
}
.btn-yellow.disabled,
.btn-yellow[disabled],
fieldset[disabled] .btn-yellow,
.btn-yellow.disabled:hover,
.btn-yellow[disabled]:hover,
fieldset[disabled] .btn-yellow:hover,
.btn-yellow.disabled:focus,
.btn-yellow[disabled]:focus,
fieldset[disabled] .btn-yellow:focus,
.btn-yellow.disabled:active,
.btn-yellow[disabled]:active,
fieldset[disabled] .btn-yellow:active,
.btn-yellow.disabled.active,
.btn-yellow[disabled].active,
fieldset[disabled] .btn-yellow.active {
  background-color: #F2994B;
  border-color: #f19441;
}
.btn-blue {
  color: #fff;
  background-color: #0A819C;
  border-color: #097992;
}
.btn-blue:hover,
.btn-blue:focus,
.btn-blue:active,
.btn-blue.active,
.open .dropdown-toggle.btn-blue {
  color: #fff;
  background-color: #086176;
  border-color: #064a59;
}
.btn-blue:active,
.btn-blue.active,
.open .dropdown-toggle.btn-blue {
  background-image: none;
}
.btn-blue.disabled,
.btn-blue[disabled],
fieldset[disabled] .btn-blue,
.btn-blue.disabled:hover,
.btn-blue[disabled]:hover,
fieldset[disabled] .btn-blue:hover,
.btn-blue.disabled:focus,
.btn-blue[disabled]:focus,
fieldset[disabled] .btn-blue:focus,
.btn-blue.disabled:active,
.btn-blue[disabled]:active,
fieldset[disabled] .btn-blue:active,
.btn-blue.disabled.active,
.btn-blue[disabled].active,
fieldset[disabled] .btn-blue.active {
  background-color: #0A819C;
  border-color: #097992;
}
.btn-violet {
  color: #fff;
  background-color: #9351AD;
  border-color: #8d4ea6;
}
.btn-violet:hover,
.btn-violet:focus,
.btn-violet:active,
.btn-violet.active,
.open .dropdown-toggle.btn-violet {
  color: #fff;
  background-color: #7b4491;
  border-color: #6a3a7c;
}
.btn-violet:active,
.btn-violet.active,
.open .dropdown-toggle.btn-violet {
  background-image: none;
}
.btn-violet.disabled,
.btn-violet[disabled],
fieldset[disabled] .btn-violet,
.btn-violet.disabled:hover,
.btn-violet[disabled]:hover,
fieldset[disabled] .btn-violet:hover,
.btn-violet.disabled:focus,
.btn-violet[disabled]:focus,
fieldset[disabled] .btn-violet:focus,
.btn-violet.disabled:active,
.btn-violet[disabled]:active,
fieldset[disabled] .btn-violet:active,
.btn-violet.disabled.active,
.btn-violet[disabled].active,
fieldset[disabled] .btn-violet.active {
  background-color: #9351AD;
  border-color: #8d4ea6;
}
.btn-pink {
  color: #fff;
  background-color: #BF3773;
  border-color: #b7356e;
}
.btn-pink:hover,
.btn-pink:focus,
.btn-pink:active,
.btn-pink.active,
.open .dropdown-toggle.btn-pink {
  color: #fff;
  background-color: #9f2e60;
  border-color: #882752;
}
.btn-pink:active,
.btn-pink.active,
.open .dropdown-toggle.btn-pink {
  background-image: none;
}
.btn-pink.disabled,
.btn-pink[disabled],
fieldset[disabled] .btn-pink,
.btn-pink.disabled:hover,
.btn-pink[disabled]:hover,
fieldset[disabled] .btn-pink:hover,
.btn-pink.disabled:focus,
.btn-pink[disabled]:focus,
fieldset[disabled] .btn-pink:focus,
.btn-pink.disabled:active,
.btn-pink[disabled]:active,
fieldset[disabled] .btn-pink:active,
.btn-pink.disabled.active,
.btn-pink[disabled].active,
fieldset[disabled] .btn-pink.active {
  background-color: #BF3773;
  border-color: #b7356e;
}
.btn-grey {
  color: #fff;
  background-color: #4B5D67;
  border-color: #475861;
}
.btn-grey:hover,
.btn-grey:focus,
.btn-grey:active,
.btn-grey.active,
.open .dropdown-toggle.btn-grey {
  color: #fff;
  background-color: #3a484f;
  border-color: #2d383e;
}
.btn-grey:active,
.btn-grey.active,
.open .dropdown-toggle.btn-grey {
  background-image: none;
}
.btn-grey.disabled,
.btn-grey[disabled],
fieldset[disabled] .btn-grey,
.btn-grey.disabled:hover,
.btn-grey[disabled]:hover,
fieldset[disabled] .btn-grey:hover,
.btn-grey.disabled:focus,
.btn-grey[disabled]:focus,
fieldset[disabled] .btn-grey:focus,
.btn-grey.disabled:active,
.btn-grey[disabled]:active,
fieldset[disabled] .btn-grey:active,
.btn-grey.disabled.active,
.btn-grey[disabled].active,
fieldset[disabled] .btn-grey.active {
  background-color: #4B5D67;
  border-color: #475861;
}
.btn-dark {
  color: #fff;
  background-color: #594857;
  border-color: #534351;
}
.btn-dark:hover,
.btn-dark:focus,
.btn-dark:active,
.btn-dark.active,
.open .dropdown-toggle.btn-dark {
  color: #fff;
  background-color: #423641;
  border-color: #322830;
}
.btn-dark:active,
.btn-dark.active,
.open .dropdown-toggle.btn-dark {
  background-image: none;
}
.btn-dark.disabled,
.btn-dark[disabled],
fieldset[disabled] .btn-dark,
.btn-dark.disabled:hover,
.btn-dark[disabled]:hover,
fieldset[disabled] .btn-dark:hover,
.btn-dark.disabled:focus,
.btn-dark[disabled]:focus,
fieldset[disabled] .btn-dark:focus,
.btn-dark.disabled:active,
.btn-dark[disabled]:active,
fieldset[disabled] .btn-dark:active,
.btn-dark.disabled.active,
.btn-dark[disabled].active,
fieldset[disabled] .btn-dark.active {
  background-color: #594857;
  border-color: #534351;
}
.btn-white {
  color: #777;
  background-color: #ffffff;
  border-color: #e5e5e5;
}
.btn-white:hover,
.btn-white:focus,
.btn-white:active,
.btn-white.active,
.open .dropdown-toggle.btn-white {
  color: #777;
  background-color: #ebebeb;
  border-color: #c6c6c6;
}
.btn-white:active,
.btn-white.active,
.open .dropdown-toggle.btn-white {
  background-image: none;
}
.btn-white.disabled,
.btn-white[disabled],
fieldset[disabled] .btn-white,
.btn-white.disabled:hover,
.btn-white[disabled]:hover,
fieldset[disabled] .btn-white:hover,
.btn-white.disabled:focus,
.btn-white[disabled]:focus,
fieldset[disabled] .btn-white:focus,
.btn-white.disabled:active,
.btn-white[disabled]:active,
fieldset[disabled] .btn-white:active,
.btn-white.disabled.active,
.btn-white[disabled].active,
fieldset[disabled] .btn-white.active {
  background-color: #ffffff;
  border-color: #e5e5e5;
}
.btn-group > .btn:first-child:not(:last-child):not(.dropdown-toggle) {
  border-bottom-right-radius: 0 !important;
  border-top-right-radius: 0 !important;
}
.btn-group > .btn:not(:first-child):not(:last-child):not(.dropdown-toggle) {
  -webkit-border-radius: 0 !important;
  -moz-border-radius: 0 !important;
  border-radius: 0 !important;
}
.btn-group > .btn:last-child:not(:first-child),
.btn-group > .dropdown-toggle:not(:first-child) {
  border-bottom-left-radius: 0 !important;
  border-top-left-radius: 0 !important;
}
.btn-group > .btn-group:last-child > .btn:first-child {
  border-bottom-left-radius: 0 !important;
  border-top-left-radius: 0 !important;
}
.btn-group > .btn-group:first-child > .btn:last-child,
.btn-group > .btn-group:first-child > .dropdown-toggle {
  border-bottom-right-radius: 0 !important;
  border-top-right-radius: 0 !important;
}
.btn-group-vertical > .btn:first-child:not(:last-child) {
  border-top-right-radius: 7px !important;
  border-bottom-right-radius: 0 !important;
  border-bottom-left-radius: 0 !important;
}
.btn-group-vertical > .btn:not(:first-child):not(:last-child) {
  -webkit-border-radius: 0 !important;
  -moz-border-radius: 0 !important;
  border-radius: 0 !important;
}
.btn-group-vertical > .btn:last-child:not(:first-child) {
  border-bottom-left-radius: 7px !important;
  border-top-right-radius: 0 !important;
  border-top-left-radius: 0 !important;
}
.input-group .input-group-addon {
  color: #777;
  border-color: #e5e5e5;
  -webkit-border-radius: 5px !important;
  -moz-border-radius: 5px !important;
  border-radius: 5px !important;
}
.input-group .input-group-btn .btn {
  border: 1px solid #e5e5e5 !important;
  -webkit-box-shadow: none !important;
  box-shadow: none !important;
}
.input-group .input-group-btn .btn.btn-primary {
  border-color: #1c528a !important;
}
.input-group .input-group-btn .btn.btn-success {
  border-color: #4cae4c !important;
}
.input-group .input-group-btn .btn.btn-warning {
  border-color: #eea236 !important;
}
.input-group .input-group-btn .btn.btn-info {
  border-color: #46b8da !important;
}
.input-group .input-group-btn .btn.btn-danger {
  border-color: #d43f3a !important;
}
.input-group .input-group-btn .btn.btn-red {
  border-color: #ad3b3e !important;
}
.input-group .input-group-btn .btn.btn-orange {
  border-color: #e45618 !important;
}
.input-group .input-group-btn .btn.btn-green {
  border-color: #3f7b5f !important;
}
.input-group .input-group-btn .btn.btn-yellow {
  border-color: #f08c33 !important;
}
.input-group .input-group-btn .btn.btn-blue {
  border-color: #086d84 !important;
}
.input-group .input-group-btn .btn.btn-pink {
  border-color: #ab3167 !important;
}
.input-group .input-group-btn .btn.btn-violet {
  border-color: #84499c !important;
}
.input-group .input-group-btn .btn.btn-grey {
  border-color: #405058 !important;
}
.input-group .input-group-btn .btn.btn-dark {
  border-color: #4b3d49 !important;
}
.input-group .form-control:first-child,
.input-group-addon:first-child,
.input-group-btn:first-child > .btn,
.input-group-btn:first-child > .btn-group > .btn,
.input-group-btn:first-child > .dropdown-toggle,
.input-group-btn:last-child > .btn:not(:last-child):not(.dropdown-toggle),
.input-group-btn:last-child > .btn-group:not(:last-child) > .btn {
  border-bottom-right-radius: 0 !important;
  border-top-right-radius: 0 !important;
}
.input-group .form-control:last-child,
.input-group-addon:last-child,
.input-group-btn:last-child > .btn,
.input-group-btn:last-child > .btn-group > .btn,
.input-group-btn:last-child > .dropdown-toggle,
.input-group-btn:first-child > .btn:not(:first-child),
.input-group-btn:first-child > .btn-group:not(:first-child) > .btn {
  border-bottom-left-radius: 0 !important;
  border-top-left-radius: 0 !important;
}
.input-group .form-control:last-child,
.input-group-addon:last-child,
.input-group-btn:last-child > .btn,
.input-group-btn:last-child > .btn-group > .btn,
.input-group-btn:last-child > .dropdown-toggle,
.input-group-btn:first-child > .btn:not(:first-child),
.input-group-btn:first-child > .btn-group:not(:first-child) > .btn {
  border-bottom-left-radius: 0 !important;
  border-top-left-radius: 0 !important;
}
.input-group .form-control:first-child,
.input-group-addon:first-child,
.input-group-btn:first-child > .btn,
.input-group-btn:first-child > .btn-group > .btn,
.input-group-btn:first-child > .dropdown-toggle,
.input-group-btn:last-child > .btn:not(:last-child):not(.dropdown-toggle),
.input-group-btn:last-child > .btn-group:not(:last-child) > .btn {
  border-bottom-right-radius: 0 !important;
  border-top-right-radius: 0 !important;
}
.input-group-addon:not(:first-child):not(:last-child),
.input-group-btn:not(:first-child):not(:last-child),
.input-group .form-control:not(:first-child):not(:last-child) {
  -webkit-border-radius: 0 !important;
  -moz-border-radius: 0 !important;
  border-radius: 0 !important;
}
.dropdown-menu {
  margin: 0;
  padding: 0;
  border: 0;
  border-radius: 0;
}
.dropdown-menu li a {
  color: #777;
  padding: 9px 10px;
  font-size: 13px;
}
.dropdown-submenu {
  position: relative;
}
.dropdown-submenu > .dropdown-menu {
  top: 5px;
  left: 100%;
  margin-top: -6px;
  margin-left: -1px;
}
.dropdown-submenu > a:after {
  position: absolute;
  display: inline-block;
  right: 7px;
  top: 7px;
  font-family: FontAwesome;
  height: auto;
  content: "\f105";
  font-weight: 300;
}
.dropdown-submenu:hover > .dropdown-menu {
  display: block;
}
.dropdown-submenu.pull-left {
  float: none;
}
.dropdown-submenu.pull-left > .dropdown-menu {
  left: -100%;
  margin-left: 10px;
}
.dropup .dropdown-submenu > .dropdown-menu {
  top: auto;
  bottom: 0;
  margin-top: 0;
  margin-bottom: -2px;
}
.nav-pills li.active a {
  background: #205f9f;
}
.nav-pills li.active a:hover,
.nav-pills li.active a:focus {
  background: #205f9f;
}
.nav-pills li a {
  -webkit-border-radius: 5px !important;
  -moz-border-radius: 5px !important;
  border-radius: 5px !important;
}
.list-group .list-group-item {
  border-color: #e5e5e5;
  color: #777;
}
.list-group .list-group-item.active {
  background: #205f9f;
  border-color: #205f9f;
}
.list-group .list-group-item.active:hover,
.list-group .list-group-item.active:focus {
  background: #205f9f;
  border-color: #205f9f;
}
.list-group .list-group-item:first-child {
  border-top-right-radius: 5px !important;
  border-top-left-radius: 5px !important;
}
.list-group .list-group-item:last-child {
  border-bottom-right-radius: 5px !important;
  border-bottom-left-radius: 5px !important;
}
.nav-tabs {
  border-color: #e5e5e5 !important;
}
.nav-tabs li a {
  -webkit-border-radius: 7px 7px 0 0 !important;
  -moz-border-radius: 7px 7px 0 0 !important;
  border-radius: 7px 7px 0 0 !important;
}
.tab-content {
  background: #fff;
  padding: 20px 15px;
  margin-bottom: 20px;
  border: 1px solid;
  border-color: #e5e5e5 !important;
  border-top: 0;
}
.tabbable:before {
  display: table;
  line-height: 0;
  content: "";
}
.tabbable:after {
  display: table;
  line-height: 0;
  content: "";
  clear: both;
}
.tabbable.tabs-left .nav-tabs {
  float: left;
  display: inline-block;
  border-bottom: 0;
}
.tabbable.tabs-left .nav-tabs > li {
  float: none;
}
.tabbable.tabs-left .nav-tabs > li.active > a,
.tabbable.tabs-left .nav-tabs > li:hover > a,
.tabbable.tabs-left .nav-tabs > li:focus > a {
  border: 1px solid;
  border-color: #e5e5e5 !important;
  border-right: 0;
}
.tabbable.tabs-left .nav-tabs > li > a {
  border-right: 0;
  min-width: 74px;
  margin-bottom: 3px;
  margin-right: -1px;
  -webkit-border-radius: 7px 0 0 7px !important;
  -moz-border-radius: 7px 0 0 7px !important;
  border-radius: 7px 0 0 7px !important;
}
.tabbable.tabs-left .tab-content {
  overflow: auto;
  border: 1px solid;
  border-color: #e5e5e5 !important;
}
.tabbable.tabs-right .nav-tabs {
  float: right;
  display: inline-block;
  border-bottom: 0;
}
.tabbable.tabs-right .nav-tabs > li {
  float: none;
}
.tabbable.tabs-right .nav-tabs > li.active > a,
.tabbable.tabs-right .nav-tabs > li:hover > a,
.tabbable.tabs-right .nav-tabs > li:focus > a {
  border: 1px solid;
  border-color: #e5e5e5 !important;
  border-left: 0;
}
.tabbable.tabs-right .nav-tabs > li > a {
  border-left: 0;
  min-width: 74px;
  margin-bottom: 3px;
  margin-left: -1px;
  -webkit-border-radius: 0 7px 7px 0 !important;
  -moz-border-radius: 0 7px 7px 0 !important;
  border-radius: 0 7px 7px 0 !important;
}
.tabbable.tabs-right .tab-content {
  overflow: auto;
  border: 1px solid;
  border-color: #e5e5e5 !important;
}
.tabbable.tabs-below .nav-tabs {
  margin-bottom: 20px !important;
  border: 0;
}
.tabbable.tabs-below .nav-tabs > li {
  margin-top: -1px;
  margin-bottom: 0;
}
.tabbable.tabs-below .nav-tabs > li.active > a {
  border: 1px solid;
  border-color: #e5e5e5 !important;
  border-top: 0;
}
.tabbable.tabs-below .nav-tabs > li > a {
  -webkit-border-radius: 0 0 7px 7px !important;
  -moz-border-radius: 0 0 7px 7px !important;
  border-radius: 0 0 7px 7px !important;
}
.tabbable.tabs-below .tab-content {
  overflow: auto;
  margin-bottom: 0 !important;
  border: 1px solid;
  border-color: #e5e5e5 !important;
}
ul.nav.nav-tabs.ul-edit li.active a {
  border-bottom-left-radius: 0 !important;
  border-bottom-right-radius: 0 !important;
}
.progress {
  position: relative;
  -webkit-border-radius: 5px !important;
  -moz-border-radius: 5px !important;
  border-radius: 5px !important;
  -webkit-box-shadow: none !important;
  box-shadow: none !important;
}
.progress.progress-xs {
  height: 5px;
  margin-top: 5px;
}
.progress.progress-sm {
  height: 11px;
  margin-top: 5px;
}
.progress.progress-lg {
  height: 25px;
}
.progress .progress-bar {
  -webkit-box-shadow: none !important;
  box-shadow: none !important;
  background-color: #205f9f;
}
.progress .progress-bar.progress-bar-success {
  background-color: #5cb85c !important;
}
.progress .progress-bar.progress-bar-warning {
  background-color: #f0ad4e !important;
}
.progress .progress-bar.progress-bar-info {
  background-color: #5bc0de !important;
}
.progress .progress-bar.progress-bar-danger {
  background-color: #d9534f !important;
}
.progress .progress-bar.progress-bar-red {
  background-color: #BF4346 !important;
}
.progress .progress-bar.progress-bar-orange {
  background-color: #E9662C !important;
}
.progress .progress-bar.progress-bar-green {
  background-color: #488C6C !important;
}
.progress .progress-bar.progress-bar-yellow {
  background-color: #F2994B !important;
}
.progress .progress-bar.progress-bar-blue {
  background-color: #0A819C !important;
}
.progress .progress-bar.progress-bar-violet {
  background-color: #9351AD !important;
}
.progress .progress-bar.progress-bar-pink {
  background-color: #BF3773 !important;
}
.progress .progress-bar.progress-bar-grey {
  background-color: #4B5D67 !important;
}
.progress .progress-bar.progress-bar-dark {
  background-color: #594857 !important;
}
.progress .progress-bar.progress-bar-white {
  background-color: #ffffff !important;
}
.progress .progress-bar.six-sec-ease-in-out {
  -webkit-transition: width 6s ease-in-out;
  -moz-transition: width 6s ease-in-out;
  -ms-transition: width 6s ease-in-out;
  -o-transition: width 6s ease-in-out;
  transition: width 6s ease-in-out;
}
.progress.wide {
  width: 60px;
  height: 150px;
}
.progress.vertical.progress-xs {
  width: 10px;
  margin-top: 0;
}
.progress.vertical.progress-sm {
  width: 20px;
  margin-top: 0;
}
.progress.vertical.progress-lg {
  width: 70px;
}
.form-actions {
  padding: 20px 0;
  background: #fafafa;
  border-bottom-right-radius: 4px !important;
  border-bottom-left-radius: 4px !important;
}
.form-actions:before,
.form-actions:after {
  display: table;
  line-height: 0;
  content: "";
}
.form-actions:after {
  clear: both;
}
.form-actions.top {
  border-bottom-right-radius: 0 !important;
  border-bottom-left-radius: 0 !important;
}
.form-actions.none-bg {
  background: transparent;
  border-top: 1px dashed #f3f3f3;
}
.form-actions.none-bg.top {
  border-bottom: 1px dashed #f3f3f3;
  border-top: 0;
}
.state-success .form-control {
  border-color: #7edc7f !important;
}
.state-warning .form-control {
  border-color: #dcb359 !important;
}
.state-error .form-control {
  border-color: #db4c4a !important;
}
.state-success em {
  color: #7edc7f !important;
  margin-top: 5px;
  display: block;
}
.state-warning em {
  color: #dcb359 !important;
  margin-top: 5px;
  display: block;
}
.state-error em {
  color: #db4c4a !important;
  margin-top: 5px;
  display: block;
}
.state-success input,
.state-success select,
.state-success textarea {
  background: #dff0d8 !important;
}
.state-warning input,
.state-warning select,
.state-warning textarea {
  background: #fcf8e3 !important;
}
.state-error input,
.state-error select,
.state-error textarea {
  background: #f2dede !important;
}
.form-bordered .control-label {
  padding-top: 16px;
}
.form-bordered .form-group {
  margin: 0;
  border-bottom: 1px solid #f7f7f7;
}
.form-bordered .form-group > div {
  padding: 15px;
  border-left: 1px solid #f7f7f7;
}
.form-bordered .form-group:last-child {
  border-bottom: 0;
}
.form-bordered .help-block {
  margin-bottom: 0px;
}
.form-bordered.dashed .form-group {
  border-bottom: 1px dashed #f3f3f3;
}
.form-bordered.dashed .form-group > div {
  border-left: 1px dashed #f3f3f3;
}
.form-bordered.dashed .form-group:last-child {
  border-bottom: 0;
}
.form-seperated .control-label {
  padding-top: 16px;
}
.form-seperated .form-group {
  margin: 0;
  border-bottom: 1px solid #f7f7f7;
}
.form-seperated .form-group > div {
  padding: 15px;
}
.form-seperated .form-group:last-child {
  border-bottom: 0;
}
.form-seperated .help-block {
  margin-bottom: 0px;
}
.form-seperated.dashed .form-group {
  border-bottom: 1px dashed #f3f3f3;
}
.form-seperated.dashed .form-group:last-child {
  border-bottom: 0;
}
.form-horizontal.form-row-stripped .form-group:nth-child(odd) {
  background: #fcfcfc;
}
.form-horizontal.form-seperated .radio,
.form-horizontal.form-seperated .checkbox,
.form-horizontal.form-seperated .radio-inline,
.form-horizontal.form-seperated .checkbox-inline {
  padding-top: 0;
}
.text-large {
  font-size: 18px !important;
}
.text-base {
  font-size: 14px !important;
}
.text-small {
  font-size: 12px !important;
}
.text-x-large {
  font-size: 20px !important;
}
.text-xx-large {
  font-size: 42px !important;
}
.text-xs {
  font-size: 10px !important;
}
.text-medium {
  font-size: 16px !important;
}
.text-h3 {
  font-size: 24px !important;
}
.border-primary {
  border-color: #777 !important;
}
.border-primary-lighter {
  border-color: #75ace3 !important;
}
.border-blue {
  border-color: #205f9f !important;
}
.border-grey {
  border-color: #D3D3D3 !important;
}
.border-divider-color {
  border-color: #e5e5e5 !important;
}
.border-theme {
  border-color: #f3f3f3 !important;
}
.border-grey2 {
  border-color: #c3c3c3 !important;
}
.border-indicator-pink {
  border-color: #D1293A !important;
}
.border-indicator-yellow {
  border-color: #CCA32F !important;
}
.border-indicator-blue {
  border-color: #0A819C;
}
.text-primary {
  color: #205f9f !important;
}
.text-red {
  color: #BF4346 !important;
}
.text-orange {
  color: #E9662C !important;
}
.text-green {
  color: #488C6C !important;
}
.text-yellow {
  color: #F2994B !important;
}
.text-blue {
  color: #0A819C !important;
}
.text-pink {
  color: #BF3773 !important;
}
.text-violet {
  color: #9351AD !important;
}
.text-grey {
  color: #4B5D67 !important;
}
.text-grey3 {
  color: #9d9d9d !important;
}
.text-grey2 {
  color: #c3c3c3 !important;
}
.text-dark {
  color: #594857 !important;
}
.text-white {
  color: #ffffff !important;
}
.text-color {
  color: #777 !important;
}
.color-indicator-blue {
  color: #0A819C !important;
}
.color-indicator-yellow {
  color: #CCA32F !important;
}
.color-indicator-pink {
  color: #D1293A !important;
}
.color-indicator-purple {
  color: #9351AD !important;
}
.color-indicator-green {
  color: #488C6C !important;
}
.color-indicator-brown {
  color: #945f38 !important;
}
.color-indicator-orange {
  color: #ff6c00 !important;
}
.color-indicator-majenta {
  color: #c33bbb !important;
}
.color-indicator-cyan {
  color: #00c6a8 !important;
}
.color-indicator-olive {
  color: #808000 !important;
}
.text-facebook {
  color: #418bca;
}
.text-twitter {
  color: #5bc0de;
}
.text-google-plus {
  color: #dd4c39;
}
.text-dribbble {
  color: #ec5d92;
}
.input-mini {
  width: 45px !important;
}
.input-xsmall {
  width: 80px !important;
}
.input-small {
  width: 120px !important;
}
.input-medium {
  width: 240px !important;
}
.input-large {
  width: 320px !important;
}
.input-xlarge {
  width: 480px !important;
}
.input-inline {
  display: inline-block;
  width: auto;
  vertical-align: middle;
}
.form-group .input-inline {
  margin-right: 5px;
}
.ui-widget input,
.ui-widget select,
.ui-widget textarea,
.ui-widget button {
  font-family: 'Open Sans', sans-serif;
  font-size: 13px;
}
.ui-spinner-input {
  height: 24px;
}
.modal .modal-dialog .modal-content {
  -webkit-border-radius: 5px !important;
  -moz-border-radius: 5px !important;
  border-radius: 5px !important;
}
.modal .modal-dialog .modal-content .modal-header.modal-header-primary {
  background: #205f9f;
}
.modal .modal-dialog .modal-content .modal-header.modal-header-primary .modal-title {
  color: #FFFFFF;
}
.modal .modal-dialog .modal-content .modal-footer.modal-footer-left {
  text-align: left !important;
}
.portlet {
  clear: both;
  margin-top: 0px;
  margin-bottom: 25px;
  padding: 0px;
}
.portlet {
  -webkit-border-radius: 5px !important;
  -moz-border-radius: 5px !important;
  border-radius: 5px !important;
}
.portlet.box > .portlet-header {
  margin-bottom: 0;
  padding: 8px 15px;
  border-top-right-radius: 5px !important;
  border-top-left-radius: 5px !important;
}
.portlet > .portlet-header {
  margin-bottom: 15px;
  background: #ffffff;
  border-bottom: 1px solid #e5e5e5;
}
.portlet > .portlet-header:before {
  content: "";
  display: table;
  line-height: 0;
}
.portlet > .portlet-header:after {
  content: "";
  display: table;
  line-height: 0;
  clear: both;
}
.portlet > .portlet-header .caption {
  float: left;
  display: inline-block;
  font-size: 18px;
  line-height: 18px;
  padding: 0;
}
.portlet > .portlet-header .caption i {
  float: left;
  margin-top: 4px;
  display: inline-block !important;
  font-size: 13px;
  margin-right: 5px;
  color: #777;
}
.portlet > .portlet-header .actions {
  display: inline-block;
  padding: 0;
  margin: 0;
  margin-top: 6px;
  float: right;
}
.portlet > .portlet-header .actions > .btn {
  padding: 4px 10px;
  margin-top: -18px;
}
.portlet > .portlet-header .actions > .btn.btn-sm {
  padding: 3px 8px;
  margin-top: -13px;
}
.portlet > .portlet-header .actions > .btn.btn-xs {
  padding: 1px 5px;
  margin-top: -13px;
}
.portlet > .portlet-header .actions > .btn-group {
  margin-top: -12px;
}
.portlet > .portlet-header .actions > .btn-group > .btn {
  padding: 4px 10px;
  margin-top: -1px;
}
.portlet > .portlet-header .actions > .btn-group > .btn.btn-sm {
  padding: 3px 8px;
  margin-top: -1px;
}
.portlet > .portlet-header .actions > .btn-group > .btn.btn-xs {
  padding: 1px 5px;
  margin-top: -1px;
}
.portlet > .portlet-header .pagination.pagination-sm {
  float: right;
  display: inline-block;
  margin: 0px;
}
.portlet > .portlet-header .pagination.pagination-sm li a {
  padding: 3px 10px;
}
.portlet > .portlet-header .tools {
  display: inline-block;
  padding: 0;
  margin: 0;
  float: right;
}
.portlet > .portlet-header .tools i {
  margin-left: 5px;
  cursor: pointer;
}
.portlet .portlet-body {
  background: #FFFFFF;
  padding: 15px;
  clear: both;
  border-bottom-right-radius: 5px !important;
  border-bottom-left-radius: 5px !important;
}
.portlet .portlet-body.form {
  padding: 0 !important;
}
.portlet.portlet-default > .portlet-header {
  background: #FFFFFF;
  color: #777;
  border-bottom: 1px solid #f0f2f6;
}
.portlet.portlet-default > .portlet-header i {
  color: #777;
}
.portlet.portlet-default > .portlet-header .btn i {
  color: #777;
}
.portlet.portlet-primary {
  border-color: #205f9f;
}
.portlet.portlet-primary > .portlet-header {
  background: #205f9f;
  color: #ffffff;
}
.portlet.portlet-red {
  border-color: #BF4346;
}
.portlet.portlet-red > .portlet-header {
  background: #BF4346;
  color: #ffffff;
}
.portlet.portlet-orange {
  border-color: #E9662C;
}
.portlet.portlet-orange > .portlet-header {
  background: #E9662C;
  color: #ffffff;
}
.portlet.portlet-green {
  border-color: #488C6C;
}
.portlet.portlet-green > .portlet-header {
  background: #488C6C;
  color: #ffffff;
}
.portlet.portlet-yellow {
  border-color: #F2994B;
}
.portlet.portlet-yellow > .portlet-header {
  background: #F2994B;
  color: #ffffff;
}
.portlet.portlet-blue {
  border-color: #0A819C;
}
.portlet.portlet-blue > .portlet-header {
  background: #0A819C;
  color: #ffffff;
}
.portlet.portlet-violet {
  border-color: #9351AD;
}
.portlet.portlet-violet > .portlet-header {
  background: #9351AD;
  color: #ffffff;
}
.portlet.portlet-pink {
  border-color: #BF3773;
}
.portlet.portlet-pink > .portlet-header {
  background: #BF3773;
  color: #ffffff;
}
.portlet.portlet-grey {
  border-color: #4B5D67;
}
.portlet.portlet-grey > .portlet-header {
  background: #4B5D67;
  color: #ffffff;
}
.portlet.portlet-dark {
  border-color: #594857;
}
.portlet.portlet-dark > .portlet-header {
  background: #594857;
  color: #ffffff;
}
.portlet {
  -webkit-border-radius: 5px !important;
  -moz-border-radius: 5px !important;
  border-radius: 5px !important;
}
.portlet.color {
  padding: 0;
}
.portlet.color .portlet-header {
  margin-bottom: 0;
  border: 0px;
}
.portlet.color .portlet-header .btn.btn-white i {
  color: #777;
}
.portlet.color .portlet-body {
  background: transparent;
}
.portlet.color.portlet-default {
  background: #FFFFFF !important;
}
.portlet.color.portlet-default > .portlet-header {
  color: #777;
  border: 0;
}
.portlet.color.portlet-default > .portlet-header > .caption i {
  color: #777;
  border: 0;
}
.portlet.color.portlet-default > .portlet-header > .tools {
  border: 0px;
}
.portlet.color.portlet-default > .portlet-body {
  color: #777;
  border: 0;
  padding: 0;
  background: transparent;
}
.portlet.color.portlet-primary {
  background: #205f9f !important;
}
.portlet.color.portlet-primary > .portlet-header {
  color: #ffffff;
  border: 0;
}
.portlet.color.portlet-primary > .portlet-header > .caption i {
  color: #ffffff;
  border: 0;
}
.portlet.color.portlet-primary > .portlet-header > .tools {
  border: 0px;
}
.portlet.color.portlet-primary > .portlet-body {
  color: #ffffff;
  border: 0;
}
.portlet.color > .portlet-body.brand-primary {
  background: #205f9f !important;
}
.portlet.color.portlet-red {
  background: #BF4346 !important;
}
.portlet.color.portlet-red > .portlet-header {
  color: #ffffff;
  border: 0;
}
.portlet.color.portlet-red > .portlet-header > .caption i {
  color: #ffffff;
  border: 0;
}
.portlet.color.portlet-red > .portlet-header > .tools {
  border: 0px;
}
.portlet.color.portlet-red > .portlet-body {
  color: #ffffff;
  border: 0;
}
.portlet.color > .portlet-body.color-red {
  background: #BF4346 !important;
}
.portlet.color.portlet-orange {
  background: #E9662C !important;
}
.portlet.color.portlet-orange > .portlet-header {
  color: #ffffff;
  border: 0;
}
.portlet.color.portlet-orange > .portlet-header > .caption i {
  color: #ffffff;
  border: 0;
}
.portlet.color.portlet-orange > .portlet-header > .tools {
  border: 0px;
}
.portlet.color.portlet-orange > .portlet-body {
  color: #ffffff;
  border: 0;
}
.portlet.color > .portlet-body.color-orange {
  background: #E9662C !important;
}
.portlet.color.portlet-green {
  background: #488C6C !important;
}
.portlet.color.portlet-green > .portlet-header {
  color: #ffffff;
  border: 0;
}
.portlet.color.portlet-green > .portlet-header > .caption i {
  color: #ffffff;
  border: 0;
}
.portlet.color.portlet-green > .portlet-header > .tools {
  border: 0px;
}
.portlet.color.portlet-green > .portlet-body {
  color: #ffffff;
  border: 0;
}
.portlet.color > .portlet-body.color-green {
  background: #488C6C !important;
}
.portlet.color.portlet-yellow {
  background: #F2994B !important;
}
.portlet.color.portlet-yellow > .portlet-header {
  color: #ffffff;
  border: 0;
}
.portlet.color.portlet-yellow > .portlet-header > .caption i {
  color: #ffffff;
  border: 0;
}
.portlet.color.portlet-yellow > .portlet-header > .tools {
  border: 0px;
}
.portlet.color.portlet-yellow > .portlet-body {
  color: #ffffff;
  border: 0;
}
.portlet.color > .portlet-body.color-yellow {
  background: #F2994B !important;
}
.portlet.color.portlet-blue {
  background: #0A819C !important;
}
.portlet.color.portlet-blue > .portlet-header {
  color: #ffffff;
  border: 0;
}
.portlet.color.portlet-blue > .portlet-header > .caption i {
  color: #ffffff;
  border: 0;
}
.portlet.color.portlet-blue > .portlet-header > .tools {
  border: 0px;
}
.portlet.color.portlet-blue > .portlet-body {
  color: #ffffff;
  border: 0;
}
.portlet.color > .portlet-body.color-blue {
  background: #0A819C !important;
}
.portlet.color.portlet-violet {
  background: #9351AD !important;
}
.portlet.color.portlet-violet > .portlet-header {
  color: #ffffff;
  border: 0;
}
.portlet.color.portlet-violet > .portlet-header > .caption i {
  color: #ffffff;
  border: 0;
}
.portlet.color.portlet-violet > .portlet-header > .tools {
  border: 0px;
}
.portlet.color.portlet-violet > .portlet-body {
  color: #ffffff;
  border: 0;
}
.portlet.color > .portlet-body.color-violet {
  background: #9351AD !important;
}
.portlet.color.portlet-pink {
  background: #BF3773 !important;
}
.portlet.color.portlet-pink > .portlet-header {
  color: #ffffff;
  border: 0;
}
.portlet.color.portlet-pink > .portlet-header > .caption i {
  color: #ffffff;
  border: 0;
}
.portlet.color.portlet-pink > .portlet-header > .tools {
  border: 0px;
}
.portlet.color.portlet-pink > .portlet-body {
  color: #ffffff;
  border: 0;
}
.portlet.color > .portlet-body.color-pink {
  background: #BF3773 !important;
}
.portlet.color.portlet-grey {
  background: #4B5D67 !important;
}
.portlet.color.portlet-grey > .portlet-header {
  color: #ffffff;
  border: 0;
}
.portlet.color.portlet-grey > .portlet-header > .caption i {
  color: #ffffff;
  border: 0;
}
.portlet.color.portlet-grey > .portlet-header > .tools {
  border: 0px;
}
.portlet.color.portlet-grey > .portlet-body {
  color: #ffffff;
  border: 0;
}
.portlet.color > .portlet-body.color-grey {
  background: #4B5D67 !important;
}
.portlet.color.portlet-dark {
  background: #594857 !important;
}
.portlet.color.portlet-dark > .portlet-header {
  color: #ffffff;
  border: 0;
}
.portlet.color.portlet-dark > .portlet-header > .caption i {
  color: #ffffff;
  border: 0;
}
.portlet.color.portlet-dark > .portlet-header > .tools {
  border: 0px;
}
.portlet.color.portlet-dark > .portlet-body {
  color: #ffffff;
  border: 0;
}
.portlet.color > .portlet-body.color-dark {
  background: #594857 !important;
}
.portlet-tabs > .nav-tabs {
  position: relative;
  top: -44px;
  margin-right: 15px;
  border-bottom: none;
  padding: 4px 0px;
  overflow: hidden;
}
.portlet-tabs > .nav-tabs > li {
  float: right;
  margin-left: 1px;
}
.portlet-tabs > .nav-tabs > li:last-child a {
  border-right: 0;
}
.portlet-tabs > .nav-tabs > li.active {
  color: #205f9f;
  border-top-color: transparent;
}
.portlet-tabs > .nav-tabs > li.active a {
  margin-bottom: 0px;
  border-bottom: 0;
  margin-left: 0px;
  margin-right: 0px;
  border-left: 0;
  border-right: 0;
  background-color: none !important;
  border-top-color: transparent !important;
  color: #777;
  cursor: default;
}
.portlet-tabs > .nav-tabs > li.active a:hover {
  background-color: #fff !important;
}
.portlet-tabs > .nav-tabs > li a {
  color: #fff;
  padding-top: 8px;
  padding-bottom: 10px;
  line-height: 16px;
  margin-top: 6px;
  margin-left: 0px;
  margin-right: 0px;
  border-left: 0;
  border-right: 0;
}
.portlet-tabs > .nav-tabs > li a:hover {
  color: #777;
  margin-bottom: 0;
  border-bottom-color: transparent;
  margin-left: 0;
  margin-right: 0;
  border-left: 0;
  border-right: 0;
  background-color: none !important;
  border-top-color: transparent;
}
.portlet-tabs > .tab-content {
  padding: 15px !important;
  margin: 0px;
  margin-top: -50px !important;
  border: 0;
}
.portlet.tabbable .portlet-body {
  padding: 0px !important;
}
.sortable .portlet .portlet-header {
  cursor: move;
}
.sortable-placeholder {
  display: block;
  margin-top: 0px !important;
  margin-bottom: 25px !important;
  background-color: #f5f5f5;
  border: 1px dashed #205f9f;
}
.sortable-placeholder * {
  visibility: hidden;
}
.wait {
  position: relative;
  background: url("../../../images/icons/loading.gif") center no-repeat !important;
}
.family-tree-vertical li {
  margin: 0px 0;
  list-style-type: none;
  position: relative;
  padding: 20px 5px 0px 5px;
}
.family-tree-vertical li:before {
  content: '';
  position: absolute;
  top: 0;
  width: 1px;
  height: 100%;
  right: auto;
  left: -20px;
  border-left: 1px solid #ccc;
  bottom: 50px;
}
.family-tree-vertical li:after {
  content: '';
  position: absolute;
  top: 30px;
  width: 25px;
  height: 20px;
  right: auto;
  left: -20px;
  border-top: 1px solid #ccc;
}
.family-tree-vertical li a {
  display: inline-block;
  border: 1px solid #ccc;
  padding: 5px 10px;
  text-decoration: none;
  color: #666;
  font-family: arial, verdana, tahoma;
  font-size: 11px;
  -webkit-border-radius: 5px !important;
  -moz-border-radius: 5px !important;
  border-radius: 5px !important;
}
.family-tree-vertical li a:hover,
.family-tree-vertical li a:hover + ul li a {
  background: #c8e4f8;
  color: #000;
  border: 1px solid #94a0b4;
}
.family-tree-vertical li:last-child:before {
  height: 30px;
}
.family-tree-vertical > ul > li::before,
.family-tree-vertical > ul > li::after {
  border: 0;
}
.family-tree-vertical li a:hover + ul li::after,
.family-tree-vertical li a:hover + ul li::before,
.family-tree-vertical li a:hover + ul::before,
.family-tree-vertical li a:hover + ul ul::before {
  border-color: #94a0b4;
}
.family-tree-horizontal ul {
  padding-top: 20px;
  position: relative;
  transition: all 0.5s;
  -webkit-transition: all 0.5s;
  -moz-transition: all 0.5s;
}
.family-tree-horizontal li {
  float: left;
  text-align: center;
  list-style-type: none;
  position: relative;
  padding: 20px 5px 0 5px;
  transition: all 0.5s;
  -webkit-transition: all 0.5s;
  -moz-transition: all 0.5s;
}
.family-tree-horizontal li::before,
.family-tree-horizontal li::after {
  content: '';
  position: absolute;
  top: 0;
  right: 50%;
  border-top: 1px solid #ccc;
  width: 50%;
  height: 20px;
}
.family-tree-horizontal li::after {
  right: auto;
  left: 50%;
  border-left: 1px solid #ccc;
}
.family-tree-horizontal li:only-child::after,
.family-tree-horizontal li:only-child::before {
  display: none;
}
.family-tree-horizontal li:only-child {
  padding-top: 0;
}
.family-tree-horizontal li:first-child::before,
.family-tree-horizontal li:last-child::after {
  border: 0 none;
}
.family-tree-horizontal li:last-child::before {
  border-right: 1px solid #ccc;
}
.family-tree-horizontal ul ul::before {
  content: '';
  position: absolute;
  top: 0;
  left: 50%;
  border-left: 1px solid #ccc;
  width: 0;
  height: 20px;
}
.family-tree-horizontal li a {
  border: 1px solid #ccc;
  padding: 5px 10px;
  text-decoration: none;
  color: #666;
  font-family: arial, verdana, tahoma;
  font-size: 11px;
  display: inline-block;
  -webkit-border-radius: 5px !important;
  -moz-border-radius: 5px !important;
  border-radius: 5px !important;
  transition: all 0.5s;
  -webkit-transition: all 0.5s;
  -moz-transition: all 0.5s;
}
.family-tree-horizontal li a:hover,
.family-tree-horizontal li a:hover + ul li a {
  background: #c8e4f8;
  color: #000;
  border: 1px solid #94a0b4;
}
.family-tree-horizontal li a:hover + ul li::after,
.family-tree-horizontal li a:hover + ul li::before,
.family-tree-horizontal li a:hover + ul::before,
.family-tree-horizontal li a:hover + ul ul::before {
  border-color: #94a0b4;
}
.input-icon {
  position: relative;
}
.input-icon input {
  padding-left: 33px !important;
  color: #999999;
}
.input-icon i {
  color: #999999;
  display: block;
  position: absolute;
  margin: 10px 2px 4px 10px;
  width: 16px;
  height: 16px;
  font-size: 16px;
  text-align: center;
}
.input-icon.right input {
  padding-left: 12px !important;
  padding-right: 33px !important;
}
.input-icon.right i {
  right: 8px;
  float: right;
}
.has-success .input-icon i {
  color: #5cb85c;
}
.has-warning .input-icon i {
  color: #f0ad4e;
}
.has-error .input-icon i {
  color: #d9534f;
}
.rating {
  margin-bottom: 4px;
  font-size: 15px;
  line-height: 27px;
  color: #777;
}
.rating label {
  display: block;
  float: right;
  height: 17px;
  margin-top: 5px;
  padding: 0 2px;
  font-size: 17px;
  line-height: 17px;
  cursor: pointer;
  color: #ccc;
  -ms-transition: color 0.3s;
  -moz-transition: color 0.3s;
  -webkit-transition: color 0.3s;
}
.rating label .fa-star:before {
  content: "\f005";
}
.table thead tr th,
.table thead tr td {
  border-bottom: 0;
}
.table.table-sm {
  font-size: 0.875em;
}
.table.table-lg {
  font-size: 1.2em;
}
.table > input[type='text'] {
  font-weight: normal;
  height: 30px;
  padding: 5px 10px;
  font-size: 12px;
  line-height: 1.5;
}
.table select {
  font-weight: normal;
  height: 30px;
  padding: 5px 10px;
  font-size: 12px;
  line-height: 1.5;
}
.table.table-advanced thead tr th {
  border-bottom-width: 1px !important;
  background-color: #efefef;
}
.table.table-advanced thead.primary tr th {
  background: #205f9f;
  color: #FFFFFF;
}
.table.table-advanced thead.success tr th {
  background: #5cb85c;
  color: #FFFFFF;
}
.table.table-advanced thead.warning tr th {
  background: #f0ad4e;
  color: #FFFFFF;
}
.table.table-advanced thead.info tr th {
  background: #5bc0de;
  color: #FFFFFF;
}
.table.table-advanced thead.danger tr th {
  background: #d9534f;
  color: #FFFFFF;
}
.table.table-advanced thead.red tr th {
  background: #BF4346;
  color: #FFFFFF;
}
.table.table-advanced thead.orange tr th {
  background: #E9662C;
  color: #FFFFFF;
}
.table.table-advanced thead.green tr th {
  background: #488C6C;
  color: #FFFFFF;
}
.table.table-advanced thead.yellow tr th {
  background: #F2994B;
  color: #FFFFFF;
}
.table.table-advanced thead.blue tr th {
  background: #0A819C;
  color: #FFFFFF;
}
.table.table-advanced thead.pink tr th {
  background: #BF3773;
  color: #FFFFFF;
}
.table.table-advanced thead.violet tr th {
  background: #9351AD;
  color: #FFFFFF;
}
.table.table-advanced thead.grey tr th {
  background: #4B5D67;
  color: #FFFFFF;
}
.table.table-advanced thead.dark tr th {
  background: #594857;
  color: #FFFFFF;
}
.table.table-advanced thead.white tr th {
  background: #ffffff;
  color: #777;
}
.table.table-advanced tfoot tr th {
  border-bottom: 0 !important;
  background: #efefef;
}
.table.table-advanced tfoot.primary tr th {
  background: #205f9f;
  color: #FFFFFF;
}
.table.table-advanced tfoot.success tr th {
  background: #5cb85c;
  color: #FFFFFF;
}
.table.table-advanced tfoot.warning tr th {
  background: #f0ad4e;
  color: #FFFFFF;
}
.table.table-advanced tfoot.info tr th {
  background: #5bc0de;
  color: #FFFFFF;
}
.table.table-advanced tfoot.danger tr th {
  background: #d9534f;
  color: #FFFFFF;
}
.table.table-advanced tfoot.red tr th {
  background: #BF4346;
  color: #FFFFFF;
}
.table.table-advanced tfoot.orange tr th {
  background: #E9662C;
  color: #FFFFFF;
}
.table.table-advanced tfoot.green tr th {
  background: #488C6C;
  color: #FFFFFF;
}
.table.table-advanced tfoot.yellow tr th {
  background: #F2994B;
  color: #FFFFFF;
}
.table.table-advanced tfoot.blue tr th {
  background: #0A819C;
  color: #FFFFFF;
}
.table.table-advanced tfoot.pink tr th {
  background: #BF3773;
  color: #FFFFFF;
}
.table.table-advanced tfoot.violet tr th {
  background: #9351AD;
  color: #FFFFFF;
}
.table.table-advanced tfoot.grey tr th {
  background: #4B5D67;
  color: #FFFFFF;
}
.table.table-advanced tfoot.dark tr th {
  background: #594857;
  color: #FFFFFF;
}
.table.table-advanced tfoot.white tr th {
  background: #ffffff;
  color: #777;
}
.table.table-hover-color tbody tr:hover td:first-child {
  border-left: 4px solid #205f9f;
}
.table-actions {
  margin-bottom: 20px;
}
.table-actions.bottom {
  margin-bottom: 0;
  margin-top: 20px;
}
.table-actions .pagination {
  margin: 0;
}
.fixed-header {
  top: 0;
  position: fixed;
  width: auto;
  display: none;
  border: none;
  z-index: 999;
}
.page-header-breadcrumb {
  -webkit-border-radius: 0 !important;
  -moz-border-radius: 0 !important;
  border-radius: 0 !important;
}
.timeline-label {
  -webkit-border-radius: 5px !important;
  -moz-border-radius: 5px !important;
  border-radius: 5px !important;
}
.form-control {
  -webkit-box-shadow: none !important;
  box-shadow: none !important;
  border-color: #e5e5e5;
  -webkit-border-radius: 5px !important;
  -moz-border-radius: 5px !important;
  border-radius: 5px !important;
}
label {
  font-weight: normal;
}
.alert {
  -webkit-border-radius: 5px !important;
  -moz-border-radius: 5px !important;
  border-radius: 5px !important;
}
.breadcrumb {
  -webkit-border-radius: 5px !important;
  -moz-border-radius: 5px !important;
  border-radius: 5px !important;
}
.navbar {
  -webkit-border-radius: 5px !important;
  -moz-border-radius: 5px !important;
  border-radius: 5px !important;
}
.thumbnail {
  -webkit-border-radius: 5px !important;
  -moz-border-radius: 5px !important;
  border-radius: 5px !important;
  border-color: #e5e5e5 !important;
}
.tooltip .tooltip-inner {
  -webkit-border-radius: 5px !important;
  -moz-border-radius: 5px !important;
  border-radius: 5px !important;
}
.popover {
  -webkit-border-radius: 5px !important;
  -moz-border-radius: 5px !important;
  border-radius: 5px !important;
  -webkit-box-shadow: none !important;
  box-shadow: none !important;
  border-color: #e5e5e5 !important;
}
.popover.left .arrow {
  border-left-color: #e5e5e5;
}
.popover.right .arrow {
  border-right-color: #e5e5e5;
}
.popover.top .arrow {
  border-top-color: #e5e5e5;
}
.popover.bottom .arrow {
  border-bottom-color: #e5e5e5;
  top: -14px;
}
.well {
  -webkit-border-radius: 5px !important;
  -moz-border-radius: 5px !important;
  border-radius: 5px !important;
  -webkit-box-shadow: none !important;
  box-shadow: none !important;
  border-color: #e5e5e5 !important;
}
ul.todo-list li {
  -webkit-border-radius: 5px !important;
  -moz-border-radius: 5px !important;
  border-radius: 5px !important;
}
ul.chats li.in .message {
  -webkit-border-radius: 5px !important;
  -moz-border-radius: 5px !important;
  border-radius: 5px !important;
}
ul.chats li.out .message {
  -webkit-border-radius: 5px !important;
  -moz-border-radius: 5px !important;
  border-radius: 5px !important;
}
.cke_chrome {
  -webkit-box-shadow: none !important;
  box-shadow: none !important;
}
.cke_chrome .cke_top {
  -webkit-box-shadow: none !important;
  box-shadow: none !important;
  background-image: none;
}
.cke_chrome .cke_bottom {
  -webkit-box-shadow: none !important;
  box-shadow: none !important;
  background-image: none;
}
.cke_chrome .cke_combo_button,
.cke_chrome .cke_toolgroup {
  border-color: #e5e5e5;
  -webkit-border-radius: 5px !important;
  -moz-border-radius: 5px !important;
  border-radius: 5px !important;
  -webkit-box-shadow: none !important;
  box-shadow: none !important;
  background-image: none;
}
.cke_chrome .cke_combo_button:hover,
.cke_chrome .cke_toolgroup:hover,
.cke_chrome .cke_combo_button:focus,
.cke_chrome .cke_toolgroup:focus {
  background-image: none;
}
.cke_chrome a.cke_button_off:hover,
.cke_chrome a.cke_button_off:focus,
.cke_chrome a.cke_button_off:active,
.cke_chrome a.cke_button_disabled:hover,
.cke_chrome a.cke_button_disabled:focus,
.cke_chrome a.cke_button_disabled:active,
.cke_chrome .cke_combo_off a.cke_combo_button:hover,
.cke_chrome .cke_combo_off a.cke_combo_button:focus {
  background-image: none;
}
.md-editor > textarea {
  -webkit-border-radius: 0 !important;
  -moz-border-radius: 0 !important;
  border-radius: 0 !important;
}
#toast-container > :hover {
  -webkit-box-shadow: none !important;
  box-shadow: none !important;
}
#toast-container div {
  -webkit-border-radius: 5px !important;
  -moz-border-radius: 5px !important;
  border-radius: 5px !important;
  -webkit-box-shadow: none !important;
  box-shadow: none !important;
}
.has-switch {
  -webkit-border-radius: 5px !important;
  -moz-border-radius: 5px !important;
  border-radius: 5px !important;
  border: 0;
}
.has-switch span.switch-left,
.has-switch span.switch-right,
.has-switch label {
  text-shadow: none;
  box-shadow: none;
  background-image: none;
  border: 0;
}
.has-switch span.switch-left.switch-primary,
.has-switch span.switch-right.switch-primary,
.has-switch label.switch-primary {
  text-shadow: none;
  box-shadow: none;
  background-image: none;
  background: #205f9f !important;
}
.has-switch .switch-left {
  border-bottom-left-radius: 5px !important;
  border-top-left-radius: 5px !important;
}
.has-switch .switch-right {
  border-bottom-right-radius: 5px !important;
  border-top-right-radius: 5px !important;
}
.has-switch .switch-on label {
  border-bottom-right-radius: 5px !important;
  border-top-right-radius: 5px !important;
  background-color: #e5e5e5;
}
.has-switch .switch-off label {
  border-bottom-left-radius: 5px !important;
  border-top-left-radius: 5px !important;
  background-color: #e5e5e5;
}
.slimScrollBar {
  -webkit-border-radius: 5px !important;
  -moz-border-radius: 5px !important;
  border-radius: 5px !important;
}
.clockface .outer,
.clockface .inner {
  -webkit-border-radius: 5px !important;
  -moz-border-radius: 5px !important;
  border-radius: 5px !important;
}
.clockface .inner.active,
.clockface .inner.active:hover,
.clockface .outer.active,
.clockface .outer.active:hover {
  text-shadow: none;
  background-image: none;
}
.clockface .inner.active:hover,
.clockface .inner.active:hover:hover,
.clockface .inner.active:active,
.clockface .inner.active:hover:active,
.clockface .inner.active.active,
.clockface .inner.active:hover.active,
.clockface .inner.active.disabled,
.clockface .inner.active:hover.disabled,
.clockface .inner.active[disabled],
.clockface .inner.active:hover[disabled] {
  background: #205f9f;
}
.clockface .outer.active:hover,
.clockface .outer.active:hover:hover,
.clockface .outer.active:active,
.clockface .outer.active:hover:active,
.clockface .outer.active.active,
.clockface .outer.active:hover.active,
.clockface .outer.active.disabled,
.clockface .outer.active:hover.disabled,
.clockface .outer.active[disabled],
.clockface .outer.active:hover[disabled] {
  background: #5cb85c;
}
.bootstrap-datetimepicker-widget td span {
  height: auto;
  line-height: normal;
  -webkit-border-radius: 5px !important;
  -moz-border-radius: 5px !important;
  border-radius: 5px !important;
}
.datepicker table tr td.active,
.datepicker table tr td.active:hover,
.datepicker table tr td.active.disabled,
.datepicker table tr td.active.disabled:hover {
  background-image: none;
  -webkit-border-radius: 5px !important;
  -moz-border-radius: 5px !important;
  border-radius: 5px !important;
}
.bootstrap-datetimepicker-widget td,
.bootstrap-datetimepicker-widget th {
  -webkit-border-radius: 5px !important;
  -moz-border-radius: 5px !important;
  border-radius: 5px !important;
}
.datepicker td,
.datepicker th {
  -webkit-border-radius: 5px !important;
  -moz-border-radius: 5px !important;
  border-radius: 5px !important;
}
.datepicker table tr td.selected,
.datepicker table tr td.selected:hover,
.datepicker table tr td.selected.disabled,
.datepicker table tr td.selected.disabled:hover {
  background-image: none;
  text-shadow: none;
}
.datepicker table tr td span.active,
.datepicker table tr td span.active:hover,
.datepicker table tr td span.active.disabled,
.datepicker table tr td span.active.disabled:hover {
  background-image: none;
  text-shadow: none;
}
.datepicker table tr td span {
  -webkit-border-radius: 5px !important;
  -moz-border-radius: 5px !important;
  border-radius: 5px !important;
}
.datepicker {
  -webkit-border-radius: 5px !important;
  -moz-border-radius: 5px !important;
  border-radius: 5px !important;
}
.daterangepicker .ranges li {
  -webkit-border-radius: 5px !important;
  -moz-border-radius: 5px !important;
  border-radius: 5px !important;
  color: #777;
}
.daterangepicker .ranges li.active,
.daterangepicker .ranges li:hover {
  background: #205f9f;
  border: 1px solid #205f9f;
}
.daterangepicker .ranges .input-mini,
.daterangepicker td,
.daterangepicker th,
.daterangepicker .calendar-date {
  -webkit-border-radius: 5px !important;
  -moz-border-radius: 5px !important;
  border-radius: 5px !important;
}
.fc-state-default {
  -webkit-box-shadow: none !important;
  box-shadow: none !important;
  background-image: none;
  -webkit-border-radius: 5px !important;
  -moz-border-radius: 5px !important;
  border-radius: 5px !important;
  border: 1px solid #e5e5e5;
  text-shadow: none;
  color: #777;
}
.page-form {
  -webkit-border-radius: 5px !important;
  -moz-border-radius: 5px !important;
  border-radius: 5px !important;
}
.page-form .header-content {
  -webkit-border-radius: 5px !important;
  -moz-border-radius: 5px !important;
  border-radius: 5px !important;
}
.media img.media-object {
  -webkit-border-radius: 50% !important;
  -moz-border-radius: 50% !important;
  border-radius: 50% !important;
}
.dd .dd-list .dd-item .dd-handle,
.dd .dd-list .dd-item .dd3-content {
  -webkit-border-radius: 5px !important;
  -moz-border-radius: 5px !important;
  border-radius: 5px !important;
  border-color: #e5e5e5 !important;
}
.dd .dd-list .dd-item .dd-handle.dd3-handle,
.dd .dd-list .dd-item .dd3-content.dd3-handle {
  border-bottom-right-radius: 0 !important;
  border-top-right-radius: 0 !important;
}
.jquery-notific8-notification {
  -webkit-border-radius: 5px !important;
  -moz-border-radius: 5px !important;
  border-radius: 5px !important;
}
.wizard > .steps a,
.wizard > .steps a:hover,
.wizard > .steps a:active {
  padding: 0.5em 1em;
  -webkit-border-radius: 5px !important;
  -moz-border-radius: 5px !important;
  border-radius: 5px !important;
}
.wizard > .actions a,
.wizard > .actions a:hover,
.wizard > .actions a:active {
  -webkit-border-radius: 5px !important;
  -moz-border-radius: 5px !important;
  border-radius: 5px !important;
}
#theme-setting .btn-theme-setting {
  border-bottom-left-radius: 10px !important;
  border-top-left-radius: 10px !important;
}
#theme-setting .content-theme-setting ul#list-color li {
  -webkit-border-radius: 5px !important;
  -moz-border-radius: 5px !important;
  border-radius: 5px !important;
}
ul.nav.nav-tabs li a {
  border-radius: 4px 4px 0 0 !important;
}
#responsive .timeline-panel {
  -webkit-border-radius: 7px !important;
  -moz-border-radius: 7px !important;
  border-radius: 7px !important;
}
#one-column .message-item:after {
  -webkit-border-radius: 50% !important;
  -moz-border-radius: 50% !important;
  border-radius: 50% !important;
}
#one-column .message-inner {
  -webkit-border-radius: 5px !important;
  -moz-border-radius: 5px !important;
  border-radius: 5px !important;
}
#one-column .avatar img {
  -webkit-border-radius: 50% !important;
  -moz-border-radius: 50% !important;
  border-radius: 50% !important;
}
.jplist-panel .jplist-pagination button {
  border: 1px solid #e5e5e5;
  -webkit-border-radius: 7px !important;
  -moz-border-radius: 7px !important;
  border-radius: 7px !important;
}
.jplist-panel .jplist-pagination button:hover {
  background: #e5e5e5;
}
.jplist-thumbs-view .list-item .block {
  bottom: 10px;
}
.jplist-panel .jplist-group {
  -webkit-border-radius: 4px !important;
  -moz-border-radius: 4px !important;
  border-radius: 4px !important;
  border: 1px solid #e5e5e5;
}
.jstree-hovered,
.jstree-clicked,
.jstree-wholerow-clicked,
.jstree-wholerow-hovered {
  -webkit-border-radius: 3px !important;
  -moz-border-radius: 3px !important;
  border-radius: 3px !important;
}
.jstree-anchor,
.jstree-wholerow {
  -webkit-border-radius: 3px !important;
  -moz-border-radius: 3px !important;
  border-radius: 3px !important;
}
.group {
  position: relative;
  margin-bottom: 45px;
}
.group input {
  font-size: 14px;
  -webkit-appearance: none;
  display: block;
  color: #636363;
  width: 100%;
  border: none;
  border-radius: 0;
  border-bottom: 1px solid #e5e5e5 !important;
}
.group input:focus {
  outline: none;
}
.group label {
  color: #999999;
  font-size: 18px;
  font-weight: normal;
  position: absolute;
  pointer-events: none;
  left: 10px;
  top: 5px;
  transition: 0.2s ease all;
  -moz-transition: 0.2s ease all;
  -webkit-transition: 0.2s ease all;
}
.group input:focus ~ label,
.group input.used ~ label {
  top: -18px;
  font-size: 14px;
  left: 10px;
  color: #205f9f;
}
.group .bar {
  position: relative;
  display: block;
  width: 100%;
}
.group .bar:before {
  left: 50%;
}
.group .bar:after {
  right: 50%;
}
.group .bar:before,
.group .bar:after {
  content: '';
  height: 2px;
  width: 0;
  bottom: 1px;
  position: absolute;
  background: #205f9f;
  transition: 0.2s ease all;
  -moz-transition: 0.2s ease all;
  -webkit-transition: 0.2s ease all;
}
.group input:focus ~ .bar:before,
.group input:focus ~ .bar:after {
  width: 50%;
}
@font-face {
  font-family: 'Baloo';
  src: url('../../modules/app/fonts/Baloo.eot');
  src: url('../../modules/app/fonts/Baloo.eot') format('embedded-opentype'), url('../../modules/app/fonts/Baloo.woff2') format('woff2'), url('../../modules/app/fonts/Baloo.woff') format('woff'), url('../../modules/app/fonts/Baloo.ttf') format('truetype'), url('../../modules/app/fonts/Baloo.svg') format('svg');
  font-weight: normal;
  font-style: normal;
}
.baloo-font {
  display: inline-block;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  line-height: 1;
  font-family: 'Baloo', sans-serif;
  font-size: inherit;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  transform: translate(0, 0);
}
.baloo-icon-admin:before {
  content: "\f23c";
}
.baloo-icon-browse:before {
  content: "\f23f";
}
.baloo-icon-library:before {
  content: "\0f23";
}
.baloo-icon-report:before {
  content: "\f23e";
}
.baloo-icon-logout:before {
  content: "\f22d";
}
.baloo-icon-gripper-lg:before {
  content: "\F23B";
}
.baloo-icon-gripper-sm:before {
  content: "\0F13";
}
.baloo-icon-trash:before {
  content: "\0F20";
}
.baloo-icon-search:before {
  content: "\F002";
}
.baloo-icon-remove-format:before {
  content: "\0F11";
}
.baloo-icon-plus-circle:before {
  content: "\0F12";
}
.baloo-icon-italic:before {
  content: "\0F14";
}
.baloo-icon-underline:before {
  content: "\0F15";
}
.baloo-icon-text-color:before {
  content: "\0F16";
}
.baloo-icon-bold:before {
  content: "\0F17";
}
.baloo-icon-add-method:before {
  content: "\F24F";
}
.baloo-icon-clone-method:before {
  content: "\F25F";
}
.baloo-icon-empty-star:before {
  content: "\0F22";
}
.baloo-icon-filled-star:before {
  content: "\0F09";
}
.baloo-icon-user:before {
  content: "\f22e";
}
.baloo-icon-exclamation:before {
  content: "\0f01";
}
.baloo-icon-audio:before {
  content: "\0f02";
}
.baloo-icon-pencil:before {
  content: "\0f03";
}
.baloo-icon-globe:before {
  content: "\0f04";
}
.baloo-icon-history:before {
  content: "\0f05";
}
.baloo-icon-msword:before {
  content: "\0f06";
}
.baloo-icon-comments:before {
  content: "\0f07";
}
.baloo-icon-export:before {
  content: "\0f24";
}
.baloo-icon-copy:before {
  content: "\0f08";
}
.baloo-icon-check:before {
  content: "\0f00";
}
.baloo-icon-manage-docs:before {
  content: "\f26f";
}
.baloo-icon-docs:before {
  content: "\f27f";
}
.baloo-icon-flag:before {
  content: "\f28f";
}
.baloo-icon-flag-struck:before {
  content: "\f29f";
}
#dashboard-module {
  height: 100%;
  /*Series option css*/
}
#dashboard-module .rounded-box {
  border-radius: 20px !important;
}
#dashboard-module .search-icon {
  display: block;
  position: absolute;
  height: 28px;
  width: 28px;
  right: 6px;
}
#dashboard-module .box-shadow-two-sides {
  box-shadow: 1px 1px 2px 0 rgba(0, 0, 0, 0.15) !important;
}
#dashboard-module .search-task {
  height: 135px;
  text-align: center;
  background: url("../../modules/dashboard/img/dashboard.jpg");
}
#dashboard-module .search-task .input-textbox {
  width: 100%;
}
#dashboard-module .search-task .input-textbox .input-icon {
  height: 37px;
  width: 357px;
  display: inline-block;
}
#dashboard-module .search-task .input-textbox .input-icon .search-icon {
  line-height: 24px;
}
#dashboard-module .search-task .input-textbox .input-icon .icon {
  background-color: #eee;
  width: 30px;
  height: 28px;
  margin-top: 2px;
  padding-top: 7px;
  padding-left: 2px;
  margin-right: 0;
  border-radius: 15px;
}
#dashboard-module .search-task .input-textbox .input-icon .no-results {
  color: #fff;
}
#dashboard-module .search-task .custom-popup-wrapper {
  position: absolute;
  top: 100%;
  left: 0;
  z-index: 1000;
  display: none;
  width: 352px;
  border-radius: 5px;
  background-color: #f9f9f9;
}
#dashboard-module .search-task .custom-popup-wrapper .message {
  padding: 10px 20px;
  border-top: 1px solid #ddd;
  color: #868686;
}
#dashboard-module .search-task .custom-popup-wrapper .dropdown-menu {
  position: static;
  float: none;
  display: block;
  min-width: 160px;
  background-color: transparent;
  border: none;
  border-radius: 0;
  box-shadow: none;
  overflow: hidden;
}
#dashboard-module .search-task .custom-popup-wrapper .dropdown-menu li a {
  border-bottom: 1px #ccc solid;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  cursor: pointer;
}
#dashboard-module .search-task .custom-popup-wrapper .dropdown-menu li a span {
  white-space: nowrap;
  overflow: hidden;
  cursor: pointer;
  padding-right: 5px;
}
#dashboard-module .search-task .custom-popup-wrapper .dropdown-menu li a .sub-line {
  font-size: 12px;
  float: left;
  padding-top: 5px;
  font-weight: bold;
  color: black;
}
#dashboard-module .series {
  /*max-width:1280px;*/
  margin-left: auto;
  margin-right: auto;
}
#dashboard-module .series .user-options {
  display: inline-block;
  position: relative;
  top: 10px;
}
#dashboard-module .series .office-version .bootstrap-select .btn {
  padding-bottom: 30px !important;
  width: 280px;
  border-bottom: 1px solid #c3c3c3;
}
#dashboard-module .series .office-version .bootstrap-select .btn .caret {
  border-left: 6px solid transparent !important;
  border-right: 6px solid transparent !important;
  border-top: 6px solid !important;
}
#dashboard-module .series .office-version .selectpicker {
  font-size: 18px !important;
}
#dashboard-module .series .office-version .selectpicker a {
  font-size: 18px !important;
}
#dashboard-module .series #carousel-items {
  display: block;
  text-align: center;
  position: relative;
  outline: none !important;
}
#dashboard-module .series #carousel-items .owl-buttons div {
  position: absolute;
  display: inline;
  top: 160px;
}
#dashboard-module .series #carousel-items .owl-buttons .owl-prev {
  left: -15px;
}
#dashboard-module .series #carousel-items .owl-buttons .owl-next {
  right: -15px;
}
#dashboard-module .series #carousel-items .owl-wrapper-outer .thumbnail {
  width: 77%;
}
#dashboard-module .series #carousel-items .thumbnail {
  height: 100%;
  margin-left: auto;
  margin-right: auto;
  position: relative;
  border-width: 2px;
  width: 19.5%;
}
#dashboard-module .series #carousel-items .thumbnail img {
  width: 100%;
}
#dashboard-module .series #carousel-items .thumbnail .thumbnail-img {
  width: 100%;
  height: 40%;
}
#dashboard-module .series #carousel-items .thumbnail:hover {
  border: 2px solid;
  border-color: #75ace3 !important;
}
#dashboard-module .series #carousel-items .thumbnail:hover .book-title {
  color: #205f9f !important;
}
#dashboard-module .series #carousel-items .thumbnail .book-title {
  min-height: 52px;
}
#dashboard-module .series .resources {
  margin-right: 105px;
}
#dashboard-module .series .resources .library-step-icon {
  line-height: 93px;
}
#dashboard-module .series .resources .library-step-icon .fa-cubes {
  font-size: 37px;
  margin-left: 3px !important;
}
#dashboard-module .series .resources .input-icon {
  max-width: 250px;
  min-width: 200px;
  margin: 0 auto;
  width: 100%;
}
#dashboard-module .series .resources .input-icon .search-icon {
  line-height: 28px;
  font-style: normal;
}
#dashboard-module .series .resources a .resource-icon {
  margin: auto;
  width: 80px;
  height: 80px;
}
#dashboard-module .series .resources a .resource-icon .icon {
  display: block;
  width: 80px;
  height: 80px;
  border-width: 1px;
  border-style: solid;
  text-align: center;
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}
#dashboard-module .series .resources a .resource-icon:focus {
  outline: none;
}
#dashboard-module .series .resources a .icon-bottom {
  line-height: 100px;
}
#dashboard-module .series .resources a .icon-lib {
  line-height: 110px;
}
@media (max-width: 1024px) {
  #dashboard-module #carousel-items .book-title p {
    font-size: 16px !important;
  }
}
@media (min-width: 1025px) {
  #dashboard-module #carousel-items .book-title p {
    font-size: 18px !important;
  }
}
.baloo {
  /*&.max-width{
    margin: 0 auto;
    max-width: 1366px;
  }
*/
  margin: 0 auto;
  min-height: 100%;
  min-width: 1002px;
  position: relative;
}
.baloo ::-webkit-input-placeholder {
  color: #9d9d9d !important;
}
.baloo ::-moz-placeholder {
  /* Firefox 18- */
  color: #9d9d9d !important;
}
.baloo :-ms-input-placeholder {
  color: #9d9d9d !important;
}
.baloo.modal-open {
  padding-right: 17px !important;
}
.baloo .description-tooltip {
  pointer-events: none;
  background-color: #143b64;
  font-size: 13px;
  border-color: #143b64 !important;
  opacity: 0.9 !important;
}
.baloo .description-tooltip .popover-content {
  color: #fff;
}
.baloo .description-tooltip .arrow {
  bottom: -12px;
  border-top-color: transparent;
}
.baloo .description-tooltip .arrow:after {
  border-top-color: #143b64;
}
.baloo.background-image-signin {
  background: url('../../modules/app/img/background-image-signin.jpg') repeat-x scroll center top #bbbbbb;
  background-attachment: fixed;
  -moz-background-size: cover;
  -webkit-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}
.baloo.background-image {
  background-image: url('../../modules/app/img/background-image.png');
}
.baloo .btn-custom:hover,
.baloo .btn-custom:focus {
  background-color: #205f9f;
  color: #fff !important;
  border-color: #205f9f;
}
.baloo .loading-indicator {
  position: fixed;
  left: 50%;
  top: 50%;
  width: 100px;
  height: 100px;
  margin-top: -50px;
  margin-left: -50px;
  z-index: 99999;
  background: url('../../modules/app/img/loader.gif') no-repeat center transparent;
}
.baloo .baloo-header {
  height: 51px;
  min-width: 1002px;
  width: 100%;
  z-index: 1;
}
.baloo .baloo-header .content-header {
  position: relative;
  width: 100%;
  padding: 0 10px;
}
.baloo .baloo-header .content-header .logo-learning {
  background-image: url('../../modules/app/img/always_learning.png');
  height: 11px;
  width: 150px;
}
.baloo .baloo-header .content-header .logo-pearson {
  background-image: url('../../modules/app/img/pearson_logo.png');
  height: 17px;
  margin-top: -3px;
  width: 111px;
}
.baloo .main-container {
  width: 100%;
  margin: 0 auto;
  /*.content{
      margin: 0 auto;
      max-width: 1366px;
    }*/
}
.baloo .main-container.min-height {
  min-height: 635px;
}
.baloo .main-container.overflow-hidden {
  max-height: 0;
  overflow: hidden;
}
.baloo .header-menu {
  border-width: 0px;
}
.baloo .header-menu .header-container #topbar .content-topbar {
  margin: 0 auto;
  height: 100%;
}
.baloo .header-menu .header-container #topbar .content-topbar .horizontal-menu li > a:hover {
  background-color: #dfdfdf !important;
}
.baloo .header-menu .header-container #topbar .content-topbar .topbar-main .menu-right {
  border-width: 0px;
  height: 100%;
}
.baloo .header-menu .header-container #topbar .content-topbar .topbar-main .menu-right .topbar-user {
  height: 100%;
  width: 158px;
}
.baloo .header-menu .header-container #topbar .content-topbar .topbar-main .menu-right .topbar-user > a:hover {
  background-color: #dfdfdf !important;
}
.baloo .header-menu .header-container #topbar .content-topbar .topbar-main .menu-right .topbar-user > a .icon-user {
  height: 30px;
  position: relative;
  text-align: center;
  width: 30px;
}
.baloo .header-menu .header-container #topbar .content-topbar .topbar-main .menu-right .topbar-user > a .caret {
  position: relative;
  top: 21px;
  right: 10px;
}
.baloo .header-menu .header-container #topbar .content-topbar .topbar-main .menu-right .topbar-user > a .user-name {
  text-overflow: ellipsis;
  width: 95px;
  white-space: nowrap;
  overflow: hidden;
}
.baloo .header-menu .header-container #topbar .content-topbar .topbar-main .menu-right .topbar-user .role-container {
  display: none;
}
.baloo .header-menu .header-container #topbar .content-topbar .topbar-main .menu-right .topbar-user .change {
  cursor: pointer;
}
.baloo .header-menu .header-container #topbar .content-topbar .topbar-main .menu-right .topbar-user.open {
  height: auto;
  z-index: 3;
  box-shadow: 0 4px 5px rgba(0, 0, 0, 0.175);
  background-color: #dfdfdf !important;
}
.baloo .header-menu .header-container #topbar .content-topbar .topbar-main .menu-right .topbar-user.open > a {
  height: auto;
  background-color: #dfdfdf !important;
}
.baloo .header-menu .header-container #topbar .content-topbar .topbar-main .menu-right .topbar-user.open > a .img-circle {
  background-color: #205f9f;
  color: #fff !important;
  border-color: #205f9f;
}
.baloo .header-menu .header-container #topbar .content-topbar .topbar-main .menu-right .topbar-user.open > a .img-circle .icon-user {
  color: #ffffff !important;
}
.baloo .header-menu .header-container #topbar .content-topbar .topbar-main .menu-right .topbar-user.open > a .user-name {
  color: #205f9f !important;
}
.baloo .header-menu .header-container #topbar .content-topbar .topbar-main .menu-right .topbar-user.open > a .caret {
  color: #205f9f !important;
}
.baloo .header-menu .header-container #topbar .content-topbar .topbar-main .menu-right .topbar-user.open .role-container {
  display: block;
  cursor: default;
  padding-right: 15px;
}
.baloo .header-menu .header-container #topbar .content-topbar .topbar-main .menu-right .topbar-user.open .role-container .role {
  display: inline-block;
  border-radius: 2px;
  font-size: 11px!important;
}
.baloo .header-menu .header-container #topbar .content-topbar .topbar-main #topbar-search {
  background-color: transparent;
  height: 50px;
  position: relative;
  border: 1px solid transparent;
  z-index: 0;
}
.baloo .header-menu .header-container #topbar .content-topbar .topbar-main #topbar-search .input-group {
  position: absolute;
  top: -2px;
  right: 0px;
  min-width: 50px;
}
.baloo .header-menu .header-container #topbar .content-topbar .topbar-main #topbar-search .input-group .search-text-box {
  margin-left: 0px !important;
  width: 50px;
  position: relative;
  padding-left: 12px;
  top: 2px;
  border: 1px solid transparent;
}
.baloo .header-menu .header-container #topbar .content-topbar .topbar-main #topbar-search .input-group .search-button {
  width: 50px;
  position: absolute;
  top: 0px;
  right: 0px;
}
.baloo .header-menu .header-container #topbar .content-topbar .topbar-main #topbar-search .input-group .search-icon {
  margin-left: 0px;
}
.baloo .header-menu .header-container #topbar .content-topbar .topbar-main #topbar-search .input-group .input-group-btn {
  top: 3px;
  height: 47px;
  right: 0px;
}
.baloo .header-menu .header-container #topbar .content-topbar .topbar-main #topbar-search:focus {
  outline: 0px;
}
.baloo .header-menu .header-container #topbar .content-topbar .topbar-main #topbar-search.open .search-text-box {
  width: 300px;
  height: 48px;
  background-color: #ffffff !important;
  border: 1px solid #dfdfdf;
}
.baloo .header-menu .header-container #topbar .content-topbar .topbar-main #topbar-search.open .task-search-icon {
  background-color: #205f9f;
  color: #fff !important;
  color: #ffffff !important;
}
.baloo .header-menu .header-container #topbar .content-topbar .topbar-main .libraystep-question-icon {
  font-size: 23px;
  padding: 2px 8px;
}
.baloo .header-menu .header-container #topbar .content-topbar .topbar-main .task-search-icon {
  width: 30px;
  height: 30px;
  line-height: 26px;
}
.baloo .header-menu .header-container #topbar .content-topbar .logo-container {
  background-size: cover;
  background-repeat: no-repeat;
  background-color: transparent;
  width: 185px;
}
.baloo .header-menu .header-container #topbar .content-topbar .logo-container:active {
  background-color: #dfdfdf !important;
}
.baloo .header-menu .header-container #topbar .content-topbar .logo-container #logo {
  margin-top: 7px ;
  margin-bottom: 6px ;
  width: 175px;
  height: 37px;
  background-image: url("../../modules/app/img/logo.png");
}
.baloo #footer {
  text-align: left;
  line-height: 50px;
}
.baloo .limit-content {
  max-width: 1260px;
  margin: 0 auto;
  padding-right: 10px !important;
  padding-left: 10px !important;
}
.baloo .focussed {
  outline: 1px dashed black !important;
  box-shadow: inset 0px 0px 2px 1px #8bafd1, 0px 0px 5px 1px #8bafd1 !important;
}
.baloo .vertical-navigation:focus:not(.focussed),
.baloo .horizontal-navigation:focus:not(.focussed) {
  outline: none;
}
.baloo .bootstrap-select .btn.focussed:focus {
  outline: 1px dashed #000 !important;
}
.baloo .jquery-notific8-notification.baloo-notific8 {
  background-color: #205f9f;
  color: #fff !important;
  color: #ffffff !important;
  border-color: #205f9f;
  border-top-right-radius: 0px !important;
  border-bottom-right-radius: 0px !important;
}
.baloo .parameter-editor {
  overflow: auto;
  bottom: 100%;
  display: inline-block;
  width: 320px;
  position: fixed;
  border-left: solid 1px;
}
.baloo .parameter-editor .parameter-header {
  width: 100%;
  background-color: #205f9f;
  height: 44px;
}
.baloo .parameter-editor .parameter-header .header-text {
  font-size: 18px !important;
  line-height: 44px;
  color: #fff;
}
.baloo .parameter-editor .parameter-header .info-btn {
  font-size: 14px;
  display: none;
}
.baloo .parameter-editor .parameter-header .close-btn {
  cursor: pointer;
}
.baloo .parameter-editor .parameter-header .info-btn,
.baloo .parameter-editor .parameter-header .close-btn {
  line-height: 44px;
  color: #fff;
}
.baloo .parameter-editor .parameter-list .parameter-header {
  background: #edecec;
  margin-top: 10px;
}
.baloo .parameter-editor .parameter-list .parameter-header .header-text {
  color: #205f9f;
}
.baloo .parameter-editor .parameter-list .error {
  margin-left: 12px;
  color: #BF4346;
  display: none;
}
.baloo .parameter-editor .parameter-list .input-line {
  border: none;
  border-bottom: 2px solid #CCC;
  width: 91%;
  max-width: 91%;
  outline: none;
  color: black;
  margin-left: 12px;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}
.baloo .parameter-editor .parameter-list .input-line.ng-invalid-required {
  border-color: #BF4346;
}
.baloo .parameter-editor .parameter-list .input-line.ng-invalid-required + .error {
  display: block;
}
.baloo .parameter-editor .parameter-list .input-line1 {
  border: none;
  border-bottom: 5px solid #fff;
  width: 80%;
  max-width: 80%;
  outline: none;
  color: black;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}
.baloo .parameter-editor .parameter-list .input-line1.ng-invalid-required {
  border-color: #BF4346;
}
.baloo .parameter-editor .parameter-list .input-line1.ng-invalid-required + .error {
  display: block;
}
.baloo .parameter-editor .parameter-list .input-label {
  display: inline-block;
  word-break: break-all;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
  max-width: 84%;
}
.baloo .parameter-editor .parameter-list .info {
  position: relative;
  top: 2px;
  vertical-align: top;
  display: inline-block;
  border-radius: 50%;
  border: 1px solid #205f9f;
  padding: 2px 6px;
  font-size: 12px;
  cursor: pointer;
  color: #205f9f;
  background: white;
}
.baloo .parameter-editor .parameter-list .info:hover {
  color: #fff;
  background: #205f9f;
}
.baloo .alternative {
  background: #989898;
  color: white;
  padding: 2px 4px;
  border-radius: 3px;
}
@media only screen and (min-width: 1024px) and (max-width: 1200px) {
  .baloo .middle-ellipsis {
    width: 100px !important;
    text-overflow: ellipsis;
    overflow: hidden;
  }
  .baloo .middle-ellipsis:after {
    content: attr(middleEllipsisTitle);
    position: absolute;
    left: 100%;
    top: 0;
  }
}
@media only screen and (min-width: 1201px) {
  .baloo .middle-ellipsis {
    width: 120px !important;
    text-overflow: ellipsis;
    overflow: hidden;
  }
  .baloo .middle-ellipsis:after {
    content: attr(middleEllipsisTitle);
    position: absolute;
    left: 100%;
    top: 0;
  }
}
.baloo .error-block {
  position: absolute;
  left: 34%;
  top: 30%;
  width: 532px;
  text-align: center;
}
.baloo .error-block .invalid-req {
  border-bottom: 2px solid #CCC;
  font-weight: bolder;
  font-size: 36px;
}
.baloo .error-block .error-text {
  font-size: 30px;
  color: #4577AD;
}
.baloo .error-block .error-info {
  font-size: 20px;
  color: #929292;
}
.baloo .error-block .error-info a {
  border-bottom: 2px solid #4577AD;
  color: #4577AD;
  padding-bottom: 1px;
}
.breadcrumb {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  /*  height: @breadcrumb-height;*/
  margin-top: 0px !important;
  margin-right: 0px !important;
  margin-bottom: 0px !important;
  margin-left: 0px !important;
  padding-top: 0 !important;
  padding-right: 0 !important;
  padding-bottom: 0 !important;
  padding-left: 0 !important;
  padding-top: 5px !important;
  -webkit-border-radius: 0 !important;
  -moz-border-radius: 0 !important;
  border-radius: 0 !important;
  border-bottom: 1px solid #9d9d9d;
}
.breadcrumb li + li::before {
  content: "";
  content: none;
  padding: 0;
}
.breadcrumb a {
  display: inline-block;
}
.options-modal.modal .modal-backdrop.in {
  opacity: 0.4;
}
.options-modal.modal .modal-dialog {
  width: 847px;
}
.options-modal.modal .modal-dialog .modal-content {
  top: 7px;
  text-align: left;
}
.options-modal.modal .modal-dialog .modal-content .title {
  font-weight: bold;
}
.options-modal.modal .modal-dialog .modal-content .title .close {
  font-size: 26px;
  margin-top: -3px;
}
.options-modal.modal .modal-dialog .modal-content .title .close:hover {
  color: #205f9f !important;
  opacity: 1;
}
.options-modal.modal .modal-dialog .modal-content .body {
  height: 330px;
}
.options-modal.modal .modal-dialog .modal-content .body .list {
  display: inline-block;
  /* .caption {
              display: inline-block;
              line-height: 1.2em;
              width: 134px;
              position: relative;
              left: -10px;
            }*/
}
.options-modal.modal .modal-dialog .modal-content .body .list .search {
  width: 245px;
}
.options-modal.modal .modal-dialog .modal-content .body .list .search input::-webkit-input-placeholder {
  color: #9d9d9d !important;
}
.options-modal.modal .modal-dialog .modal-content .body .list .search input:-moz-placeholder {
  color: #9d9d9d !important;
}
.options-modal.modal .modal-dialog .modal-content .body .list .search input::-moz-placeholder {
  color: #9d9d9d !important;
}
.options-modal.modal .modal-dialog .modal-content .body .list .search input:-ms-input-placeholder {
  color: #9d9d9d !important;
}
.options-modal.modal .modal-dialog .modal-content .body .list .search .rounded-box {
  border-radius: 20px !important;
}
.options-modal.modal .modal-dialog .modal-content .body .list .search .search-icon {
  display: block;
  height: 28px;
  position: absolute;
  padding-top: 4px;
  right: 6px;
  width: 28px;
}
.options-modal.modal .modal-dialog .modal-content .body .list .search .box-shadow-two-sides {
  box-shadow: 1px 1px 2px 0 rgba(0, 0, 0, 0.15) !important;
}
.options-modal.modal .modal-dialog .modal-content .body .list .search .box-shadow-two-sides[disabled] {
  opacity: 0.5 !important;
}
.options-modal.modal .modal-dialog .modal-content .body .list .search .search-task {
  height: 135px;
  text-align: center;
}
.options-modal.modal .modal-dialog .modal-content .body .list .search .search-task .input-textbox {
  width: 100%;
}
.options-modal.modal .modal-dialog .modal-content .body .list .search .search-task .input-textbox .input-icon {
  height: 35px;
  display: inline-block;
}
.options-modal.modal .modal-dialog .modal-content .body .list .search .search-task .input-textbox .input-icon .search-icon {
  line-height: 24px;
}
.options-modal.modal .modal-dialog .modal-content .body .list .list-item {
  cursor: pointer;
  display: inline-block;
  margin-left: 110px;
  width: 110px;
  vertical-align: top;
}
.options-modal.modal .modal-dialog .modal-content .body .list .list-item.thumbnail-box .img {
  border: 2px solid transparent;
}
.options-modal.modal .modal-dialog .modal-content .body .list .list-item.thumbnail-box .img:hover {
  border: 2px solid;
  border-color: #75ace3;
  -webkit-border-radius: 5px !important;
  -moz-border-radius: 5px !important;
  border-radius: 5px !important;
}
.options-modal.modal .modal-dialog .modal-content .body .list .list-item.search-box {
  cursor: default;
  padding-top: 55px;
  margin-left: 53px;
  margin-right: 182px;
}
.options-modal.modal .modal-dialog .modal-content .body .list .list-item.search-box .caption {
  margin-left: 67px;
}
.options-modal.modal .modal-dialog .modal-content .office-version {
  position: relative;
  top: -9px;
}
.options-modal.modal .modal-dialog .modal-content .office-version .bootstrap-select {
  background-color: transparent;
}
.options-modal.modal .modal-dialog .modal-content .office-version .bootstrap-select .btn {
  padding-bottom: 30px !important;
  width: 280px;
  border-bottom: 1px solid #c3c3c3;
}
.options-modal.modal .modal-dialog .modal-content .office-version .bootstrap-select .btn .caret {
  border-left: 6px solid transparent !important;
  border-right: 6px solid transparent !important;
  border-top: 6px solid !important;
}
.options-modal.modal .modal-dialog .modal-content .office-version .selectpicker {
  font-size: 18px !important;
}
.options-modal.modal .modal-dialog .modal-content .office-version .selectpicker a {
  font-size: 18px !important;
}
.options-modal.add-task-step-modal .modal-dialog {
  width: 1028px;
}
.change-password.modal {
  top: 7px;
}
.change-password.modal .modal-backdrop.in {
  opacity: 0.4;
}
.change-password.modal .modal-content .title {
  font-weight: bold;
}
.change-password.modal .modal-content .title .close {
  font-size: 26px;
  margin-top: -4px;
}
.change-password.modal .modal-content .title .close:hover {
  color: #205f9f !important;
  opacity: 1;
}
.change-password.modal .modal-content .page-form {
  width: 100%;
}
.change-password.modal .modal-content .page-form .body-content {
  -webkit-border-radius: 5px !important;
  -moz-border-radius: 5px !important;
  border-radius: 5px !important;
}
.change-password.modal .modal-content .page-form .body-content ::-webkit-input-placeholder {
  color: #c3c3c3 !important;
}
.change-password.modal .modal-content .page-form .body-content :-moz-placeholder {
  /* Firefox 18- */
  color: #c3c3c3 !important;
}
.change-password.modal .modal-content .page-form .body-content ::-moz-placeholder {
  /* Firefox 19+ */
  color: #c3c3c3 !important;
}
.change-password.modal .modal-content .page-form .body-content :-ms-input-placeholder {
  color: #c3c3c3 !important;
}
.change-password.modal .modal-content .alert-text {
  height: 22px;
}
.user-container #signin-page {
  padding: 5px;
}
.user-container #signin-page .pearson-account {
  background: #fff8dc;
  border: 1px solid;
  padding: 20px;
  margin: 15px 0px;
  display: inline-block;
  font-size: 12px;
  line-height: 12px;
  font-weight: bold;
  border-radius: 5px;
  cursor: pointer;
}
.user-container #signin-page .pearson-account:hover,
.user-container #signin-page .pearson-account:focus {
  color: inherit;
  background: #ede6c9;
}
.user-container #signin-page .username-label {
  cursor: text;
}
.user-container #signin-page .username:focus ~ .username-label {
  cursor: default;
}
.user-container #signin-page .password-label {
  cursor: text;
}
.user-container #signin-page .password:focus ~ .password-label {
  cursor: default;
}
.user-container #signin-page .footer-logo {
  position: fixed;
  bottom: 5px;
  right: 5px;
}
.user-container #signin-page .page-form {
  border: 1px solid transparent;
  width: 521px;
  margin-top: 5%;
}
.user-container #signin-page .page-form.is-error {
  margin-top: 2%;
}
.user-container #signin-page .page-form .header-content {
  background: none;
  padding: 0px;
  display: block;
  height: 81px;
}
.user-container #signin-page .page-form .ruler {
  opacity: 0.5;
}
.user-container #signin-page .page-form .body-content .error-message {
  border: 1px solid;
  border-radius: 5px;
  text-align: left;
  margin: 15px 0px 30px 0px;
  background: #fff;
}
.user-container #signin-page .page-form .body-content .error-message .error-icon-parent {
  background-color: #BF4346;
  border-radius: 50%;
  width: 15px;
  height: 15px;
  line-height: 15px;
  margin: 2px 15px 0px 3px;
  text-align: center;
}
.user-container #signin-page .page-form .body-content .error-message .error-icon-parent .error-icon {
  margin-left: 1px;
}
.user-container #signin-page .page-form.form-signup {
  margin: 3% auto;
}
.user-container #signin-page input:required {
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
}
.user-container #signin-page .role-select {
  top: -18px;
  font-size: 14px;
  left: 10px;
  color: #205f9f;
}
#user-edit .modal-header {
  background: #f3f3f3;
  border-bottom: medium none;
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
  padding: 2px;
}
#user-edit .modal-header .close {
  padding: 20px;
  font-size: 28px;
}
#user-edit .modal-header hr {
  opacity: 0.5;
}
#user-edit .modal-body div .mbn .role-dropdown-title {
  top: -18px;
  font-size: 14px;
  left: 10px;
  color: #205f9f;
  margin-left: 3px;
}
#userGrid {
  height: 450px;
}
#content-module {
  position: relative;
}
#content-module .ellipsis {
  text-overflow: ellipsis;
  /* Required for text-overflow to do anything */
  white-space: nowrap;
  overflow: hidden;
}
#content-module .header {
  position: relative;
}
#content-module .header .header-content {
  border-bottom: 7px solid #f3f3f3;
}
#content-module .header .cms-tab .tab-li {
  border-bottom: 4px solid transparent;
  margin-right: 60px;
  text-align: center;
}
#content-module .header .cms-tab .tab-li.active {
  border-color: #205f9f !important;
}
#content-module .header .cms-tab .tab-li.active span {
  color: #205f9f !important;
}
#content-module .header .cms-tab .tab-li span {
  display: inline-block;
  cursor: pointer;
}
#content-module .header .cms-tab .tab-li span:hover {
  color: #205f9f !important;
}
#content-module .header .cms-tab .tab-li span.disabled {
  color: #f3f3f3 !important;
  cursor: auto;
}
#content-module .header .cms-tab .tab-li:not(.active):hover {
  border-color: #f3f3f3 !important;
}
#content-module .header .breadcrumb {
  background-color: transparent;
  border: 0 !important;
}
#content-module .header .breadcrumb li:nth-child(2) a {
  max-width: 300px;
}
#content-module .header .breadcrumb li:nth-child(3) a {
  max-width: 600px;
}
#content-module .header .breadcrumb li a {
  text-overflow: ellipsis;
  /* Required for text-overflow to do anything */
  white-space: nowrap;
  overflow: hidden;
  line-height: 20px;
  vertical-align: middle;
}
#content-module .header .breadcrumb li a:hover {
  text-decoration: underline;
}
#content-module .header .breadcrumb > li + li:before {
  content: "";
}
#content-module .header .header-label-container {
  height: 45px;
}
#content-module .header .header-label-container .no-subtitle .title2,
#content-module .header .header-label-container .no-subtitle .color-indicators {
  padding-top: 3px !important;
}
#content-module .header .header-label-container .header-label {
  width: 100%;
}
#content-module .header .header-label-container .header-label .title1 {
  line-height: 12px;
}
#content-module .header .header-label-container .header-label .title2 {
  display: inline-block;
  font-weight: bold;
  width: 57%;
}
#content-module .header .header-label-container .header-label .color-indicators {
  font-size: 14px;
}
#content-module .header .header-label-container .header-label .task-status.active {
  color: #2e7d32;
}
#content-module .header .header-label-container .header-label .task-status.inactive {
  color: #ff5722;
}
#content-module .header .tll-child > li {
  cursor: pointer;
}
#content-module .header .sidebar-arrow {
  left: 0;
  position: absolute;
}
#content-module .header .color-indicators {
  vertical-align: middle;
}
#content-module .header .color-indicators span {
  display: inline-block;
  vertical-align: middle;
}
#content-module .header .color-indicators .indicator-color {
  border: 1px solid;
  min-height: 15px;
  min-width: 15px;
  border-radius: 100%;
}
#content-module .header .color-indicators li:nth-child(1) .indicator-color {
  border-color: #0a819c;
  background-color: #0a819c;
}
#content-module .header .color-indicators li:nth-child(2) .indicator-color {
  background-color: #cca32f;
  border-color: #cca32f;
}
#content-module .header .color-indicators li:nth-child(3) .indicator-color {
  background-color: #d1293a;
  border-color: #d1293a;
}
#content-module .header .trash-container {
  margin-top: -3px;
}
#content-module .header .trash-container .trash-btn {
  padding: 5px;
  background: #E2E2E2;
  border-radius: 5px;
  cursor: pointer;
}
#content-module .header .trash-container .trash-btn:hover {
  background: #BdBDBD;
}
#content-module .baloo-icon-comments {
  font-size: 24px;
  cursor: pointer;
}
#content-module .baloo-icon-comments:hover {
  color: #205f9f !important;
}
#content-module .read-badge-scenario {
  top: -12px;
  margin-right: -30px;
  margin-left: 10px;
  z-index: 5;
  cursor: pointer;
}
#content-module .read-badge-scenario span {
  background: #777 !important;
}
#content-module .badge-two-letters {
  padding-left: 4px !important;
  padding-top: 4px !important;
}
#content-module .badge {
  background-color: #b94a48;
  max-width: 20px;
  margin-left: -3px;
}
#content-module .read-badge {
  background: #777 !important;
  position: absolute;
  top: -1px;
  left: -11px;
}
#content-module .badge-padding {
  display: inline-block;
  padding-right: 17px !important;
}
#content-module .ui-view-container {
  border-top: 7px solid #f3f3f3;
}
#content-module .indicated-values {
  height: 30px;
}
#content-module .indicated-values a {
  border-radius: 100%;
  display: inline-block;
  border: 1px solid #c3c3c3;
  height: 100%;
  min-width: 30px;
  text-align: center;
}
#content-module .indicated-values a span {
  position: relative;
  bottom: 5px;
  display: inline-block;
}
#content-module .indicated-values .indicated-value:nth-child(1) a {
  border-color: #0a819c;
  color: #0a819c;
}
#content-module .indicated-values .indicated-value:nth-child(1) a.not_applicable {
  border-color: #777;
  color: #777;
}
#content-module .indicated-values .indicated-value:nth-child(2) a {
  border-color: #cca32f;
  color: #cca32f;
}
#content-module .indicated-values .indicated-value:nth-child(2) a.not_applicable {
  border-color: #777;
  color: #777;
}
#content-module .indicated-values .indicated-value:nth-child(3) a {
  border-color: #d1293a;
  color: #d1293a;
}
#content-module .indicated-values .indicated-value:nth-child(3) a.not_applicable {
  border-color: #777;
  color: #777;
}
#content-module .indicated-values .indicated-value a .plus-icon {
  font-size: 18px;
  line-height: 24px;
  bottom: 3px;
}
#content-module .indicated-values.phases .indicated-value:nth-child(1) a.not_applicable:hover {
  background-color: #777;
}
#content-module .indicated-values.phases .indicated-value:nth-child(1) a:hover {
  background-color: #0a819c;
  color: #ffffff !important;
}
#content-module .indicated-values.phases .indicated-value:nth-child(2) a.not_applicable:hover {
  background-color: #777;
}
#content-module .indicated-values.phases .indicated-value:nth-child(2) a:hover {
  background-color: #cca32f;
  color: #ffffff !important;
}
#content-module .indicated-values.phases .indicated-value:nth-child(3) a.not_applicable:hover {
  background-color: #777;
}
#content-module .indicated-values.phases .indicated-value:nth-child(3) a:hover {
  background-color: #d1293a;
  color: #ffffff !important;
}
#content-module .header-dropdown {
  margin-top: -25px;
}
#content-module .tll-parent .tll-parent-li:not(:first-child) {
  border-top: 4px solid;
  border-color: #f3f3f3 !important;
}
#content-module .tll-parent .tll-parent-li .tll-title {
  height: 40px;
  line-height: 40px;
  font-weight: bold;
  border-bottom: 1px solid;
}
#content-module .tll-parent .tll-parent-li .tll-child .tll-child-li {
  height: 40px;
  line-height: 40px;
  cursor: pointer;
  overflow: hidden;
}
#content-module .tll-parent .tll-parent-li .tll-child .tll-child-li:hover {
  background-color: #f3f3f3;
}
#content-module .tll-parent .tll-parent-li .tll-child .tll-child-li:not(:last-child) {
  border-bottom: 1px solid;
  border-color: #f3f3f3 !important;
}
#content-module .tll-parent .tll-parent-li .tll-child .tll-child-li.focussed {
  border-bottom-width: 0px !important;
  position: relative;
  z-index: 1;
}
#content-module .tll-parent .tll-parent-li .tll-child .tll-child-li > span {
  display: inline-block;
  width: 70%;
}
#content-module .tll-parent .tll-parent-li .tll-child .tll-icon {
  height: 28px;
  margin-top: 6px;
  padding-right: 14px;
}
#content-module .tll-parent .tll-parent-li .add-task {
  margin-top: 4px;
  margin-right: 5px;
  font-size: 20px;
}
#content-module .tll-parent .tll-parent-li .add-task:hover {
  color: #205f9f !important;
  cursor: pointer;
}
#content-module .tll-parent .tll-parent-li .scenario-ref-icon,
#content-module .tll-parent .tll-parent-li .proj-docs-icon {
  font-size: 28px;
  cursor: pointer;
  line-height: 23px;
}
#content-module .tll-parent .tll-parent-li .scenario-ref-icon:hover,
#content-module .tll-parent .tll-parent-li .proj-docs-icon:hover {
  color: #205f9f !important;
}
#content-module .tll-parent .tll-parent-li .proj-docs-icon {
  margin-right: -7px;
}
#content-module .tll-parent .tll-parent-li .metadata .glyphicon-comment {
  top: 5px;
  opacity: 0.3;
}
#content-module .editable-wrap {
  display: inline-block;
  white-space: nowrap;
  margin: 0;
}
#content-module .editable-wrap .editable-controls,
#content-module .editable-wrap .editable-error {
  margin-bottom: 0;
  line-height: 40px;
}
#content-module .editable-wrap .editable-controls > input,
#content-module .editable-wrap .editable-controls > select,
#content-module .editable-wrap .editable-controls > textarea {
  margin-bottom: 0;
}
#content-module .editable-wrap .editable-input {
  display: inline-block;
}
#content-module .editable-buttons {
  display: inline-block;
  vertical-align: top;
}
#content-module .editable-buttons button {
  margin-left: 8px;
  height: 23px;
  width: 40px;
  border-radius: 3px !important;
  padding: 5px;
  font-size: 10px;
}
#content-module .editable-input.editable-has-buttons {
  width: 350px;
  height: 25px;
  padding: 2px;
}
#content-module .editable-bstime .editable-input input[type=text] {
  width: 46px;
}
#content-module .editable-bstime .well-small {
  margin-bottom: 0;
  padding: 10px;
}
#content-module .editable-range output {
  display: inline-block;
  min-width: 30px;
  vertical-align: top;
  text-align: center;
}
#content-module .editable-color input[type=color] {
  width: 50px;
}
#content-module .editable-checkbox label span,
#content-module .editable-checklist label span,
#content-module .editable-radiolist label span {
  margin-left: 7px;
  margin-right: 10px;
}
#content-module .editable-hide {
  display: none !important;
}
#content-module .editable-click,
#content-module a.editable-click {
  text-decoration: none;
  color: #428bca;
  border-bottom: dashed 1px #428bca;
}
#content-module .editable-click:hover,
#content-module a.editable-click:hover {
  text-decoration: none;
  color: #2a6496;
  border-bottom-color: #2a6496;
}
#content-module .editable-empty,
#content-module .editable-empty:hover,
#content-module .editable-empty:focus,
#content-module a.editable-empty,
#content-module a.editable-empty:hover,
#content-module a.editable-empty:focus {
  font-style: italic;
  color: #D14;
  text-decoration: none;
}
#content-module .editable-title {
  width: 70%;
  display: inline-block;
  height: 40px;
  /* firefox 19+ */
  /* ie */
}
#content-module .editable-title > span {
  max-width: 65%;
  overflow: hidden;
  float: left;
  display: inline;
  padding-right: 10px;
}
#content-module .editable-title .pill {
  max-width: 19%;
  text-overflow: ellipsis;
  margin-top: 11px;
  border: 1px solid;
  line-height: 11px;
  border-radius: 5px;
  border-color: #777777;
  display: inline;
  font-size: 11px !important;
  white-space: nowrap;
}
#content-module .editable-title .btn-hover {
  display: none;
  margin-left: 8px;
}
#content-module .editable-title:hover .btn-hover {
  display: inline-block;
}
#content-module .editable-title ::-webkit-input-placeholder {
  color: #ff3333 !important;
}
#content-module .editable-title ::-moz-placeholder {
  color: #ff3333 !important;
}
#content-module .editable-title :-ms-input-placeholder {
  color: #ff3333 !important;
}
#content-module .editable-title input:-ms-input-placeholder {
  color: #ff3333 !important;
}
#content-module .editable-title input:-moz-placeholder {
  color: #ff3333 !important;
}
.project-title {
  color: #8A8989;
  font-weight: 600;
}
.add-task-form input,
.rename-task-form input,
.add-param-form input {
  border-bottom: 1px solid #e5e5e5 !important;
  border-image: none;
  border-left: medium none;
  border-radius: 0;
  border-right: medium none;
  border-top: medium none;
  color: #636363;
  display: block;
  font-size: 14px;
  width: 100%;
}
.add-task-form input:required,
.rename-task-form input:required,
.add-param-form input:required {
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
}
#trash-restore .modal-header {
  background: #f3f3f3;
  border-bottom: 2px #B4B4B4 solid;
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
  padding: 2px;
}
#trash-restore .modal-header h4 {
  font-weight: bold;
  color: #777;
  padding: 15px;
  margin: 0;
}
#trash-restore .modal-header .close {
  padding: 15px;
  font-size: 28px;
}
#trash-restore .modal-header hr {
  opacity: 0.5;
}
#trash-restore .modal-body .trash-list-container {
  max-height: 500px;
  overflow: auto;
  padding-right: 5px;
}
#trash-restore .modal-body .trash-list-container .empty-trash-msg {
  text-align: center;
  color: #bf4346;
}
#trash-restore .modal-body .trash-list-container .panel-group .panel + .panel {
  margin-top: 3px;
}
#trash-restore .modal-body .trash-list-container .trash-item .panel-heading {
  padding: 3px 15px;
}
#trash-restore .modal-body .trash-list-container .trash-item .panel-heading .panel-title a span {
  font-size: 14px;
  font-weight: 400;
}
#trash-restore .modal-body .trash-list-container .trash-item .panel-heading .panel-title a span span {
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
  width: 95%;
  display: inline-block;
}
#trash-restore .modal-body .trash-list-container .trash-item .panel-heading .panel-title a span i {
  margin-top: 4px;
  color: #646060;
}
#trash-restore .modal-body .trash-list-container .trash-item .panel-collapse .panel-body input {
  border-bottom: 1px solid #e5e5e5 !important;
  border-image: none;
  border-left: medium none;
  border-radius: 0;
  border-right: medium none;
  border-top: medium none;
  color: #636363;
  display: block;
  font-size: 14px;
  width: 100%;
}
#trash-restore .modal-body .trash-list-container .trash-item .restore-btn {
  padding: 2px 6px;
  background: #E1E1E1;
  border-radius: 5px;
  cursor: pointer;
}
#task-id-rename div table tr td label {
  margin-bottom: 0px;
}
ul[dnd-list] .dndPlaceholder {
  display: block;
  background-color: #f3f3f3;
  padding: 10px 15px;
  min-height: 25px;
  font-size: 12px;
}
ul[dnd-list] .move-handle {
  cursor: move;
  width: 10px;
  position: absolute;
  height: 10px;
}
ul[dnd-list] .move-handle i {
  font-size: 30px;
  margin-top: 5px;
}
ul[dnd-list] .dndDraggingSource {
  display: none;
}
.scenario-reference.modal .modal-backdrop.in {
  opacity: 0.4;
}
.scenario-reference.modal .modal-dialog {
  width: 1044px;
}
.scenario-reference.modal .modal-dialog .modal-content {
  top: 7px;
}
.scenario-reference.modal .modal-dialog .modal-content .title {
  font-weight: bold;
}
.scenario-reference.modal .modal-dialog .modal-content .title .close {
  font-size: 26px;
  margin-top: -4px;
}
.scenario-reference.modal .modal-dialog .modal-content .title .close:hover {
  color: #205f9f !important;
  opacity: 1;
}
.scenario-reference.modal .modal-dialog .modal-content .body .header-wrapper {
  padding-top: 21px !important;
}
.scenario-reference.modal .modal-dialog .modal-content .body .header-wrapper .header {
  font-weight: bold;
}
.scenario-reference.modal .modal-dialog .modal-content .body table {
  border-bottom: 1px solid !important;
  border-left: 1px solid !important;
  border-color: #f3f3f3 !important;
  table-layout: fixed;
}
.scenario-reference.modal .modal-dialog .modal-content .body table thead {
  background-color: #fcfcfc;
}
.scenario-reference.modal .modal-dialog .modal-content .body table thead .scenario_prop {
  width: 224px;
}
.scenario-reference.modal .modal-dialog .modal-content .body table thead .scenario_type {
  width: 270px;
}
.scenario-reference.modal .modal-dialog .modal-content .body table tbody .doc_name {
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}
.scenario-reference.modal .modal-dialog .modal-content .body table tbody input {
  border: 1px solid #c3c3c3;
}
.scenario-reference.modal .modal-dialog .modal-content .body table tbody input:focus {
  border-color: #66afe9 !important;
  outline: none !important;
}
.scenario-reference.modal .modal-dialog .modal-content .body table tbody input,
.scenario-reference.modal .modal-dialog .modal-content .body table tbody .ref_name {
  height: 30px;
  padding-left: 5px !important;
  width: 190px;
}
.scenario-reference.modal .modal-dialog .modal-content .body table tbody .sampleRefName {
  display: inline-block;
  height: 30px;
}
.scenario-reference.modal .modal-dialog .modal-content .body table tbody td {
  border-color: #f3f3f3 !important;
}
.scenario-reference.modal .modal-dialog .modal-content .body table tbody td .dropdown {
  display: inline-block;
}
.scenario-reference.modal .modal-dialog .modal-content .body table tbody td .dropdown .search .caret {
  cursor: pointer;
  position: absolute;
  right: 10px;
  top: 13px;
}
.scenario-reference.modal .modal-dialog .modal-content .body table tbody td .dropdown .search .caret.search-clicked {
  color: #66afe9 !important;
}
.scenario-reference.modal .modal-dialog .modal-content .body table tbody td .dropdown .dropdown-menu {
  width: 190px;
  max-height: 450px;
  overflow-y: auto;
}
.scenario-reference.modal .modal-dialog .modal-content .body table tbody td .dropdown .dropdown-menu .list-item {
  border-bottom: 1px solid;
  border-color: #e5e5e5 !important;
  cursor: pointer;
}
.scenario-reference.modal .modal-dialog .modal-content .body table tbody td .dropdown .dropdown-menu .list-item:hover {
  background-color: #f3f3f3;
}
.scenario-reference.modal .modal-dialog .modal-content .body table tbody td .dropdown .dropdown-menu .list-item:hover .ref,
.scenario-reference.modal .modal-dialog .modal-content .body table tbody td .dropdown .dropdown-menu .list-item:hover .ref_id {
  color: black;
}
.scenario-reference.modal .modal-dialog .modal-content .body table tbody td .dropdown .dropdown-menu .list-item a {
  /*display: inline-block;
                        overflow: hidden;
                        text-overflow: ellipsis;
                        width: 190px;*/
  white-space: normal;
  word-break: break-all;
}
.scenario-reference.modal .modal-dialog .modal-content .body table tr {
  border-color: #f3f3f3 !important;
}
.scenario-reference.modal .modal-dialog .modal-content .body table tr th,
.scenario-reference.modal .modal-dialog .modal-content .body table tr td {
  border-top: 1px solid !important;
  border-right: 1px solid !important;
  border-color: #f3f3f3 !important;
  padding-left: 40px !important;
  padding-bottom: 15px;
  padding-top: 15px;
  vertical-align: middle;
}
.scenario-reference.modal input:invalid {
  box-shadow: none;
}
.scenario-reference.modal input:-moz-submit-invalid {
  box-shadow: none;
}
.scenario-reference.modal input:-moz-ui-invalid {
  box-shadow: none;
}
.options-modal-taskpublish.modal .modal-backdrop.in {
  opacity: 0.4;
}
.options-modal-taskpublish.modal .modal-dialog {
  width: 810px;
}
.options-modal-taskpublish.modal .modal-dialog .modal-content {
  top: 200px;
  text-align: left;
  width: 810px;
}
.options-modal-taskpublish.modal .modal-dialog .modal-content .title {
  font-weight: bold;
}
.options-modal-taskpublish.modal .modal-dialog .modal-content .title .close {
  font-size: 26px;
  margin-top: -3px;
}
.options-modal-taskpublish.modal .modal-dialog .modal-content .title .close:hover {
  color: #205f9f !important;
  opacity: 1;
}
.options-modal-taskpublish.modal .modal-dialog .modal-content .body {
  height: 330px;
}
.options-modal-taskpublish.modal .modal-dialog .modal-content .body .list {
  display: inline-block;
  /* .caption {
                display: inline-block;
                line-height: 1.2em;
                width: 134px;
                position: relative;
                left: -10px;
              }*/
}
.options-modal-taskpublish.modal .modal-dialog .modal-content .body .list .search {
  width: 245px;
}
.options-modal-taskpublish.modal .modal-dialog .modal-content .body .list .search input::-webkit-input-placeholder {
  color: #9d9d9d !important;
}
.options-modal-taskpublish.modal .modal-dialog .modal-content .body .list .search input:-moz-placeholder {
  color: #9d9d9d !important;
}
.options-modal-taskpublish.modal .modal-dialog .modal-content .body .list .search input::-moz-placeholder {
  color: #9d9d9d !important;
}
.options-modal-taskpublish.modal .modal-dialog .modal-content .body .list .search input:-ms-input-placeholder {
  color: #9d9d9d !important;
}
.options-modal-taskpublish.modal .modal-dialog .modal-content .body .list .search .rounded-box {
  border-radius: 20px !important;
}
.options-modal-taskpublish.modal .modal-dialog .modal-content .body .list .search .box-shadow-two-sides {
  box-shadow: 1px 1px 2px 0 rgba(0, 0, 0, 0.15) !important;
}
.options-modal-taskpublish.modal .modal-dialog .modal-content .body .list .search .box-shadow-two-sides[disabled] {
  opacity: 0.5 !important;
}
.scenario-module {
  /*
    font-family: @font-family-base;
  */
}
.scenario-module .scenario-container .scenario-content .add-step {
  padding: 15px 0 15px 0 !important;
  display: inline-block;
  margin-top: 13px;
  position: relative;
  margin-bottom: 30px !important;
  border-radius: 6px;
}
.scenario-module .scenario-container .scenario-content .add-step:hover {
  background-color: #f3f3f3;
  cursor: pointer;
}
.scenario-module .scenario-container .scenario-content .add-step .fa {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  line-height: 30px;
  margin: auto;
  height: 30px;
  width: 30px;
  text-align: center;
  font-size: 24px;
  color: #777 !important;
}
.scenario-module .scenario-container .scenario-content .add-step .fa:before {
  color: #205f9f;
}
.scenario-module .scenario-container .scenario-content .add-step .add-icon {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  margin: 8px 20px 0 20px;
  height: 30px;
  border-radius: 100%;
  display: inline-block;
  min-width: 30px;
  text-align: center;
  box-sizing: border-box;
  border: 1px solid #205f9f !important;
  vertical-align: middle;
}
.scenario-module .scenario-container .scenario-content .add-step .add-icon span {
  display: inline-block;
  height: 100%;
  line-height: 17px;
  margin: auto;
  position: relative;
  vertical-align: middle;
}
.scenario-module .scenario-container .scenario-content .add-step .add-text {
  line-height: 16px;
  vertical-align: middle;
  padding-right: 28px;
  padding-left: 70px;
}
.scenario-module .scenario-container .scenario-content .step-list-content {
  margin-right: 300px;
}
.scenario-module .scenario-container .scenario-content .meta-data {
  width: 300px;
  display: inline-block;
}
.scenario-module .scenario-container .scenario-content .meta-data .sections {
  border-left: 5px solid;
  border-color: #f3f3f3 !important;
}
.scenario-module .scenario-container .scenario-content .meta-data .sections .headers {
  background-color: #f3f3f3;
  line-height: 100%;
  padding-left: 10px !important;
  padding-right: 5px !important;
}
.scenario-module .scenario-container .scenario-content .meta-data .sections .headers .header-text {
  font-weight: bold;
  display: inline-block;
  padding-top: 10px !important;
  padding-bottom: 10px !important;
  margin-top: 0px !important;
  margin-right: 0px !important;
  margin-bottom: 0px !important;
  margin-left: 0px !important;
}
.scenario-module .scenario-container .scenario-content .meta-data .sections .headers .baloo-icon-pencil {
  float: right;
  font-size: 28px !important;
  line-height: 33px;
  cursor: pointer;
}
.scenario-module .scenario-container .scenario-content .meta-data .sections .headers .baloo-icon-pencil:hover {
  color: #205f9f !important;
}
.scenario-module .scenario-container .scenario-content .meta-data .sections .sub-headers {
  display: inline-block;
  width: 100%;
  padding-left: 10px !important;
}
.scenario-module .scenario-container .scenario-content .meta-data .sections .sub-headers .text {
  background-color: #ffffff;
  float: left;
  font-weight: bold;
}
.scenario-module .scenario-container .scenario-content .meta-data .sections .sub-headers .horizontal-divider {
  border-top: 1px solid;
  border-color: #f3f3f3 !important;
  margin-top: 7px;
}
.scenario-module .scenario-container .scenario-content .meta-data .sections .meta-data-container {
  list-style-type: none;
  padding-left: 30px !important;
  padding-right: 10px !important;
  padding-top: 6px;
  padding-bottom: 15px;
  margin-top: 0px !important;
  margin-right: 0px !important;
  margin-bottom: 0px !important;
  margin-left: 0px !important;
}
.scenario-module .scenario-container .scenario-content .meta-data .sections .meta-data-container.task-info {
  padding-top: 13px;
}
.scenario-module .scenario-container .scenario-content .meta-data .sections .meta-data-container.learning-aids {
  padding-bottom: 17px;
}
.scenario-module .scenario-container .scenario-content .meta-data .sections .meta-data-container.scenario-documents {
  padding-top: 20px !important;
  padding-bottom: 16px;
}
.scenario-module .scenario-container .scenario-content .meta-data .sections .meta-data-container > li {
  line-height: 1.2em;
}
.scenario-module .scenario-container .scenario-content .meta-data .sections .meta-data-container > li:not(:last-child) {
  margin-bottom: 10px !important;
}
.scenario-module .scenario-container .scenario-content .meta-data .sections .meta-data-container > li .skill-dialog,
.scenario-module .scenario-container .scenario-content .meta-data .sections .meta-data-container > li .method-dialog {
  vertical-align: top;
  border-bottom: 1px solid #c3c3c3;
}
.scenario-module .scenario-container .scenario-content .meta-data .sections .meta-data-container > li .skill-dialog .btn.dropdown-toggle,
.scenario-module .scenario-container .scenario-content .meta-data .sections .meta-data-container > li .method-dialog .btn.dropdown-toggle {
  -webkit-border-radius: 0px !important;
  -moz-border-radius: 0px !important;
  border-radius: 0px !important;
  box-shadow: none;
  -webkit-box-shadow: none;
}
.scenario-module .scenario-container .scenario-content .meta-data .sections .meta-data-container > li .skill-dialog .btn.dropdown-toggle .method-title-value:before,
.scenario-module .scenario-container .scenario-content .meta-data .sections .meta-data-container > li .method-dialog .btn.dropdown-toggle .method-title-value:before {
  content: "Live Methods: ";
  color: #777 !important;
}
.scenario-module .scenario-container .scenario-content .meta-data .sections .meta-data-container > li .skill-dialog .btn.dropdown-toggle .title-value:before,
.scenario-module .scenario-container .scenario-content .meta-data .sections .meta-data-container > li .method-dialog .btn.dropdown-toggle .title-value:before {
  content: "Skills: ";
  color: #777 !important;
}
.scenario-module .scenario-container .scenario-content .meta-data .sections .meta-data-container > li .skill-dialog .btn.dropdown-toggle .caret,
.scenario-module .scenario-container .scenario-content .meta-data .sections .meta-data-container > li .method-dialog .btn.dropdown-toggle .caret {
  color: #777 !important;
}
.scenario-module .scenario-container .scenario-content .meta-data .sections .meta-data-container > li .skill-dialog.open,
.scenario-module .scenario-container .scenario-content .meta-data .sections .meta-data-container > li .method-dialog.open {
  border-color: #205f9f !important;
}
.scenario-module .scenario-container .scenario-content .meta-data .sections .meta-data-container > li .skill-dialog.open .btn.dropdown-toggle,
.scenario-module .scenario-container .scenario-content .meta-data .sections .meta-data-container > li .method-dialog.open .btn.dropdown-toggle {
  color: #777 !important;
}
.scenario-module .scenario-container .scenario-content .meta-data .sections .meta-data-container > li .skill-dialog.open .btn.dropdown-toggle .caret,
.scenario-module .scenario-container .scenario-content .meta-data .sections .meta-data-container > li .method-dialog.open .btn.dropdown-toggle .caret {
  color: #205f9f !important;
}
.scenario-module .scenario-container .scenario-content .meta-data .sections .meta-data-container > li .skill-dialog .dropdown-menu,
.scenario-module .scenario-container .scenario-content .meta-data .sections .meta-data-container > li .method-dialog .dropdown-menu {
  width: 378px;
  box-shadow: 0 4px 5px #a6a6a6;
  border-top: 1px solid;
  border-color: #f3f3f3 !important;
}
.scenario-module .scenario-container .scenario-content .meta-data .sections .meta-data-container > li .skill-dialog .dropdown-menu .skill-dialog-title,
.scenario-module .scenario-container .scenario-content .meta-data .sections .meta-data-container > li .method-dialog .dropdown-menu .skill-dialog-title,
.scenario-module .scenario-container .scenario-content .meta-data .sections .meta-data-container > li .skill-dialog .dropdown-menu .method-dialog-title,
.scenario-module .scenario-container .scenario-content .meta-data .sections .meta-data-container > li .method-dialog .dropdown-menu .method-dialog-title {
  padding-bottom: 12px;
  font-weight: bold;
  line-height: 24px;
  padding-left: 25px;
}
.scenario-module .scenario-container .scenario-content .meta-data .sections .meta-data-container > li .skill-dialog .dropdown-menu .content,
.scenario-module .scenario-container .scenario-content .meta-data .sections .meta-data-container > li .method-dialog .dropdown-menu .content {
  border-top: 1px dashed;
  border-bottom: 1px dashed;
  border-color: #c3c3c3 !important;
  max-height: 200px;
  overflow-y: auto;
}
.scenario-module .scenario-container .scenario-content .meta-data .sections .meta-data-container > li .skill-dialog .dropdown-menu .content .skill-list,
.scenario-module .scenario-container .scenario-content .meta-data .sections .meta-data-container > li .method-dialog .dropdown-menu .content .skill-list {
  list-style-type: disc;
  padding-right: 10px !important;
}
.scenario-module .scenario-container .scenario-content .meta-data .sections .meta-data-container > li .skill-dialog .dropdown-menu .content .skill-list li,
.scenario-module .scenario-container .scenario-content .meta-data .sections .meta-data-container > li .method-dialog .dropdown-menu .content .skill-list li {
  padding-bottom: 12px;
}
.scenario-module .scenario-container .scenario-content .meta-data .sections .meta-data-container > li .skill-dialog .dropdown-menu .content .skill-list li:first-child,
.scenario-module .scenario-container .scenario-content .meta-data .sections .meta-data-container > li .method-dialog .dropdown-menu .content .skill-list li:first-child {
  padding-top: 12px;
}
.scenario-module .scenario-container .scenario-content .meta-data .sections .meta-data-container > li .skill-dialog .dropdown-menu .footer,
.scenario-module .scenario-container .scenario-content .meta-data .sections .meta-data-container > li .method-dialog .dropdown-menu .footer {
  padding: 14px 0;
  text-align: center;
}
.scenario-module .scenario-container .scenario-content .meta-data .sections .meta-data-container > li .skill-dialog .method-dropdown,
.scenario-module .scenario-container .scenario-content .meta-data .sections .meta-data-container > li .method-dialog .method-dropdown {
  width: 420px;
}
.scenario-module .scenario-container .scenario-content .meta-data .sections .meta-data-container > li .skill-dialog .method-dropdown .method-content,
.scenario-module .scenario-container .scenario-content .meta-data .sections .meta-data-container > li .method-dialog .method-dropdown .method-content {
  padding-left: 35px;
}
.scenario-module .scenario-container .scenario-content .meta-data .sections .meta-data-container > li i.fa-sort-desc {
  position: relative;
  bottom: 3px;
}
.scenario-module .scenario-container .scenario-content .meta-data .sections .meta-data-container > li .title {
  color: #777 !important;
}
.scenario-module .scenario-container .scenario-content .meta-data .sections .meta-data-container > li .title-value,
.scenario-module .scenario-container .scenario-content .meta-data .sections .meta-data-container > li .method-title-value {
  color: #9d9d9d !important;
}
.scenario-module .scenario-container .scenario-content .meta-data .sections .meta-data-container > li .title-value.eTextURL,
.scenario-module .scenario-container .scenario-content .meta-data .sections .meta-data-container > li .method-title-value.eTextURL,
.scenario-module .scenario-container .scenario-content .meta-data .sections .meta-data-container > li .title-value.videoURL,
.scenario-module .scenario-container .scenario-content .meta-data .sections .meta-data-container > li .method-title-value.videoURL,
.scenario-module .scenario-container .scenario-content .meta-data .sections .meta-data-container > li .title-value.timestamp,
.scenario-module .scenario-container .scenario-content .meta-data .sections .meta-data-container > li .method-title-value.timestamp,
.scenario-module .scenario-container .scenario-content .meta-data .sections .meta-data-container > li .title-value.document-name,
.scenario-module .scenario-container .scenario-content .meta-data .sections .meta-data-container > li .method-title-value.document-name {
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
  display: inline-block;
  max-width: 170px;
  vertical-align: bottom;
}
.scenario-module .scenario-container .scenario-content .meta-data .sections .meta-data-container > li .title-value.eTextURL,
.scenario-module .scenario-container .scenario-content .meta-data .sections .meta-data-container > li .method-title-value.eTextURL,
.scenario-module .scenario-container .scenario-content .meta-data .sections .meta-data-container > li .title-value.videoURL,
.scenario-module .scenario-container .scenario-content .meta-data .sections .meta-data-container > li .method-title-value.videoURL {
  color: #205f9f !important;
}
.scenario-module .scenario-container .scenario-content .meta-data .sections .meta-data-container > li .title-value.eTextURL:hover,
.scenario-module .scenario-container .scenario-content .meta-data .sections .meta-data-container > li .method-title-value.eTextURL:hover,
.scenario-module .scenario-container .scenario-content .meta-data .sections .meta-data-container > li .title-value.videoURL:hover,
.scenario-module .scenario-container .scenario-content .meta-data .sections .meta-data-container > li .method-title-value.videoURL:hover {
  text-decoration: underline;
}
.scenario-module .scenario-container .scenario-content .meta-data .sections .meta-data-container > li .title-value.timestamp,
.scenario-module .scenario-container .scenario-content .meta-data .sections .meta-data-container > li .method-title-value.timestamp {
  max-width: 183px;
}
.scenario-module .scenario-container .scenario-content .meta-data .sections .meta-data-container > li .title-value.document-name,
.scenario-module .scenario-container .scenario-content .meta-data .sections .meta-data-container > li .method-title-value.document-name {
  max-width: 172px;
}
.scenario-module .scenario-container .scenario-content .meta-data .sections .meta-data-container > li .title {
  color: #777 !important;
}
.scenario-module .scenario-container .scenario-content .meta-data .sections .meta-data-container > li .title.created-label,
.scenario-module .scenario-container .scenario-content .meta-data .sections .meta-data-container > li .title.last-updated-label,
.scenario-module .scenario-container .scenario-content .meta-data .sections .meta-data-container > li .title.steps-count-label,
.scenario-module .scenario-container .scenario-content .meta-data .sections .meta-data-container > li .title.document-label {
  float: left;
  line-height: 17px;
}
.scenario-module .scenario-container .scenario-content .meta-data .sections .meta-data-container > li .audio,
.scenario-module .scenario-container .scenario-content .meta-data .sections .meta-data-container > li .baloo-icon-audio {
  opacity: 0.3;
}
.scenario-module .scenario-container .scenario-content .meta-data .sections .meta-data-container > li i:not(.fa-sort-desc) {
  font-size: 24px;
}
.scenario-module .scenario-container .scenario-content .meta-data .sections .meta-data-container > li i:not(.fa-sort-desc):not(.baloo-icon-pencil) {
  vertical-align: middle;
}
.scenario-module .scenario-container .scenario-content .meta-data .sections .meta-data-container > li i.baloo-icon-msword,
.scenario-module .scenario-container .scenario-content .meta-data .sections .meta-data-container > li i.baloo-icon-audio,
.scenario-module .scenario-container .scenario-content .meta-data .sections .meta-data-container > li i.baloo-icon-exclamation {
  position: relative;
  bottom: 2px;
}
@media screen and (min-width: 1280px) {
  .scenario-module .scenario-container .scenario-content .meta-data .sections {
    border-right: 5px solid;
  }
}
.scenario-module .scenario-container .scenario-content .meta-data .sections:last-child {
  border-bottom: 5px solid;
}
.scenario-module #task-meta-data-modal .modal-dialog .modal-content .modal-header {
  background-color: #f3f3f3;
  border: none;
}
.scenario-module #task-meta-data-modal .modal-dialog .modal-content .modal-header .modal-title {
  font-weight: bold;
}
.scenario-module #task-meta-data-modal .modal-dialog .modal-content .modal-header .close {
  font-size: 26px;
}
.scenario-module #task-meta-data-modal .modal-dialog .modal-content .modal-header .close:hover {
  color: #205f9f !important;
  opacity: 1;
}
.scenario-module #task-meta-data-modal .modal-dialog .modal-content .modal-body {
  padding-top: 16px;
}
.scenario-module #task-meta-data-modal .modal-dialog .modal-content .modal-body .display-inline-block {
  display: inline-block;
}
.scenario-module #task-meta-data-modal .modal-dialog .modal-content .modal-body .scenario-meta-data-label {
  margin-left: 14px;
}
.scenario-module #task-meta-data-modal .modal-dialog .modal-content .modal-body .visual-clickstream-label {
  line-height: 1.2;
  width: 82%;
}
.scenario-module #task-meta-data-modal .modal-dialog .modal-content .modal-body .ml-8 {
  margin-left: 8px;
}
.scenario-module #task-meta-data-modal .modal-dialog .modal-content .modal-body .task-meta-data-label {
  margin-left: 5px !important;
}
.scenario-module #task-meta-data-modal .modal-dialog .modal-content .modal-body .baloo-icon-filled-star {
  font-size: 12px;
  vertical-align: super;
  color: #ffd203;
}
.scenario-module #task-meta-data-modal .modal-dialog .modal-content .modal-body tbody {
  border: none;
}
.scenario-module #task-meta-data-modal .modal-dialog .modal-content .modal-body .revision-dropdown,
.scenario-module #task-meta-data-modal .modal-dialog .modal-content .modal-body input[name='pageNo'],
.scenario-module #task-meta-data-modal .modal-dialog .modal-content .modal-body input[name='difficulty'] {
  width: 115px;
}
.scenario-module #task-meta-data-modal .modal-dialog .modal-content .modal-body input {
  padding-left: 4px;
}
.scenario-module #task-meta-data-modal .modal-dialog .modal-content .modal-body ::-webkit-input-placeholder,
.scenario-module #task-meta-data-modal .modal-dialog .modal-content .modal-body :-ms-input-placeholder,
.scenario-module #task-meta-data-modal .modal-dialog .modal-content .modal-body ::-moz-placeholder {
  color: #c3c3c3 !important;
}
.scenario-module #task-meta-data-modal .modal-dialog .modal-content .modal-body .meta-data-label {
  font-weight: bold;
}
.scenario-module #task-meta-data-modal .modal-dialog .modal-content .modal-body input:focus {
  border-color: #66afe9 !important;
  outline: none !important;
}
.scenario-module #task-meta-data-modal .modal-dialog .modal-content .modal-body input[name='pageNo'] {
  border: 1px solid;
}
.scenario-module #task-meta-data-modal .modal-dialog .modal-content .modal-body input[name='eTextURL'],
.scenario-module #task-meta-data-modal .modal-dialog .modal-content .modal-body input[name='videoURL'] {
  width: 445px;
  text-overflow: ellipsis;
  border: 1px solid;
}
.scenario-module #task-meta-data-modal .modal-dialog .modal-content .modal-body input[name='difficulty'] {
  border: 1px solid;
}
.scenario-module #task-meta-data-modal .modal-dialog .modal-content .modal-body input[name='difficulty'].ng-invalid {
  border-color: #ff0000 !important;
  box-shadow: 0 0 3px #D1293A;
}
.scenario-module #task-meta-data-modal .modal-dialog .modal-content .modal-body input[name='difficulty']::-webkit-inner-spin-button,
.scenario-module #task-meta-data-modal .modal-dialog .modal-content .modal-body input[name='difficulty']::-webkit-outer-spin-button {
  opacity: 1 !important;
}
.scenario-module #task-meta-data-modal .modal-dialog .modal-content .modal-body label {
  vertical-align: middle;
}
.scenario-module #task-meta-data-modal .modal-dialog .modal-content .modal-body .revision-dropdown .btn.dropdown-toggle {
  padding-top: 0 !important;
  padding-bottom: 0 !important;
  height: 24px;
  border-color: #c3c3c3 !important;
}
.scenario-module #task-meta-data-modal .modal-dialog .modal-content .modal-body .revision-dropdown .btn.dropdown-toggle .caret {
  right: 4px;
}
.scenario-module #task-meta-data-modal .modal-dialog .modal-content .modal-body .revision-dropdown.open .btn.dropdown-toggle {
  border-bottom-color: #205f9f !important;
}
.scenario-module #task-meta-data-modal .modal-dialog .modal-content .modal-body .revision-dropdown.open .caret {
  color: #205f9f !important;
}
.scenario-module #task-meta-data-modal .modal-dialog .modal-content .modal-footer {
  border-top: 1px solid;
  text-align: center;
}
.scenario-module .options-modal.modal .modal-dialog .modal-content .body .list .caption {
  display: inline-block;
  line-height: 1.2em;
  width: 134px;
  position: relative;
  left: -10px;
}
.scenario-module .options-modal.modal .modal-dialog .modal-content .body .list .search .box-shadow-two-sides[disabled] {
  opacity: 0.5 !important;
}
.scenario-module .create-scenario .scenario-container {
  text-align: center;
}
.scenario-module .create-scenario .scenario-container .scenario-content {
  display: inline-block;
}
.scenario-module .create-scenario .scenario-container .scenario-content .blank-scenario {
  display: inline-block;
  width: 264px;
}
.scenario-module .create-scenario .scenario-container .scenario-content .blank-scenario .blank-scenario-box {
  display: inline-block;
  height: 214px;
  width: 264px;
  border: 1px solid;
  box-shadow: inset 0px 0px 5px #000000;
  /*
                        box-shadow: 1px 1px 2px 0 #000000 !important;
            */
  cursor: pointer;
  -webkit-border-radius: 5px !important;
  -moz-border-radius: 5px !important;
  border-radius: 5px !important;
  opacity: 0.38;
}
.scenario-module .create-scenario .scenario-container .scenario-content .blank-scenario .blank-scenario-box:hover {
  border-color: #205f9f !important;
  opacity: 0.54;
}
.scenario-module .create-scenario .scenario-container .scenario-content .blank-scenario .blank-scenario-label {
  width: 140px;
}
.scenario-module .create-scenario .scenario-container .scenario-content .copy-scenario {
  display: inline-block;
  width: 264px;
}
.scenario-module .create-scenario .scenario-container .scenario-content .copy-scenario .copy-scenario-img {
  vertical-align: baseline !important;
  cursor: pointer;
  border: 1px solid;
  opacity: 0.64;
}
.scenario-module .create-scenario .scenario-container .scenario-content .copy-scenario .copy-scenario-img:hover {
  border-color: #205f9f !important;
  opacity: 0.88;
  -webkit-border-radius: 5px !important;
  -moz-border-radius: 5px !important;
  border-radius: 5px !important;
}
.scenario-module .create-scenario .scenario-container .scenario-content .copy-scenario .copy-scenario-label {
  width: 140px;
}
.scenario-header {
  padding-top: 20px !important;
  padding-bottom: 20px !important;
  padding-left: 20px !important;
  border-bottom: 1px solid;
}
.scenario-header .right-navbar .scenario-status {
  border-right: 1px solid;
  border-color: #f3f3f3 !important;
  bottom: 8px;
  height: 24px;
  position: relative;
}
.scenario-header .right-navbar .scenario-status:before {
  vertical-align: middle;
}
.scenario-header .right-navbar .scenario-status.active {
  color: #2e7d32;
}
.scenario-header .right-navbar .scenario-status.inactive {
  color: #ff5722;
}
.scenario-header .right-navbar .phase {
  font-weight: bold;
}
.scenario-header .right-navbar .bootstrap-select.phase-dropdown {
  bottom: 7px;
  border-right: 1px solid;
  border-color: #f3f3f3 !important;
  padding-right: 5px !important;
  width: 190px !important;
}
.scenario-header .right-navbar .bootstrap-select.phase-dropdown .btn.dropdown-toggle {
  padding-top: 0 !important;
  padding-bottom: 0 !important;
  height: 24px;
}
.scenario-header .right-navbar .bootstrap-select.phase-dropdown .btn {
  border-bottom: 1px solid #c3c3c3;
  padding-left: 3px !important;
}
.scenario-header .right-navbar .bootstrap-select.phase-dropdown .btn .caret {
  color: #777 !important;
  right: 7px;
}
.scenario-header .right-navbar .bootstrap-select.phase-dropdown.open .btn {
  border-color: #205f9f !important;
}
.scenario-header .right-navbar .bootstrap-select.phase-dropdown.open .btn .caret {
  color: #205f9f !important;
}
.scenario-header .right-navbar .bootstrap-select.phase-dropdown .filter-option:before {
  content: 'Phase: ';
  font-weight: bold;
}
.scenario-header .right-navbar .bootstrap-select.phase-dropdown li.disabled a {
  color: #c3c3c3;
}
.scenario-header .right-navbar .bootstrap-select.phase-dropdown li.disabled :hover {
  background-color: #ffffff;
}
.scenario-header .right-navbar .bootstrap-select.phase-dropdown .dropdown-menu li .text {
  font-size: 14px !important;
}
.scenario-header .right-navbar .header-icons {
  position: relative;
  top: -3px;
  display: inline-block;
}
.scenario-header .right-navbar .header-icons .baloo-font {
  font-size: 24px;
  cursor: default;
  padding-right: 20px !important;
  padding-left: 20px !important;
  color: #777 !important;
}
.scenario-header .right-navbar .header-icons .baloo-font.disabled {
  opacity: 0.3;
}
.scenario-header .right-navbar .header-icons .baloo-font:not(:last-child) {
  border-right: 1px solid;
  border-color: #f3f3f3 !important;
}
.scenario-header .right-navbar .header-icons .baloo-font.baloo-icon-copy,
.scenario-header .right-navbar .header-icons .baloo-font.baloo-icon-history,
.scenario-header .right-navbar .header-icons .baloo-font.baloo-icon-comments {
  cursor: pointer;
}
.scenario-header .right-navbar .header-icons .baloo-font.baloo-icon-copy:hover,
.scenario-header .right-navbar .header-icons .baloo-font.baloo-icon-history:hover,
.scenario-header .right-navbar .header-icons .baloo-font.baloo-icon-comments:hover {
  color: #205f9f !important;
}
.scenario-header .right-navbar .header-icons .baloo-font.baloo-icon-copy .plus-circle,
.scenario-header .right-navbar .header-icons .baloo-font.baloo-icon-history .plus-circle,
.scenario-header .right-navbar .header-icons .baloo-font.baloo-icon-comments .plus-circle {
  border-radius: 100%;
  border: 2px solid #c3c3c3;
  background-color: #f3f3f3;
  font-size: 12px !important;
  width: 16px;
  padding: 3px;
  padding-left: 4px;
  padding-right: 4px;
  text-align: center;
  cursor: pointer;
  color: red;
  font-weight: bold;
}
.scenario-header .right-navbar .header-icons .baloo-font.baloo-icon-copy .plus-circle:hover,
.scenario-header .right-navbar .header-icons .baloo-font.baloo-icon-history .plus-circle:hover,
.scenario-header .right-navbar .header-icons .baloo-font.baloo-icon-comments .plus-circle:hover {
  background-color: #f3f3f3;
  color: #205f9f !important;
  border: 2px solid #205f9f !important;
}
.scenario-header .right-navbar .header-icons .launch-simulation {
  display: inline-block;
}
.scenario-header .right-navbar .header-icons .simulation {
  top: -10px !important;
  width: 59px !important;
  border: 2px solid transparent;
}
.scenario-header .right-navbar .header-icons .simulation:focus {
  outline: none;
}
.scenario-header .right-navbar .header-icons .simulation .dropdown-menu.open {
  right: 0% !important;
  left: auto;
}
.scenario-header .right-navbar .header-icons .simulation .filter-option {
  font-size: 0px;
}
.scenario-header .right-navbar .header-icons .simulation .filter-option:before {
  content: "\0f04";
  font-family: Baloo;
  font-size: 24px;
}
.scenario-header .right-navbar .header-icons .simulation .caret {
  position: relative;
  top: 10px;
  right: -2px;
}
.scenario-header .right-navbar .header-icons .simulation .selectpicker {
  border: none;
}
.ng-pageslide {
  z-index: 2 !important;
  margin-top: 0%;
  /* top: 34px !important;
   height: ~"calc(100% - 34px)" !important;*/
  background: #f3f3f3;
  position: absolute !important;
  overflow-y: auto;
  overflow-x: hidden;
  border: 1px solid #ddd;
  border-left: none;
}
.ng-pageslide .nav-title {
  font-size: 28px;
  font-weight: bold;
  margin-left: 10px;
  margin-right: 5px;
  padding-bottom: 2px;
  border-bottom: 1px solid #D3D3D3;
}
.btn-nav-pane {
  position: absolute;
  top: 350px;
  border-right: 1px solid #ccc;
  border-top: 1px solid #ccc;
  border-bottom: 1px solid #ccc;
  background-color: #F3F3F3;
  border-top-right-radius: 10px;
  border-bottom-right-radius: 10px;
  transition: left 0.5s;
  -moz-transition: left 0.5s;
  -webkit-transition: left 0.5s;
  -o-transition: left 0.5s;
}
.btn-nav-pane.btn-show {
  left: 0px;
  z-index: 2;
  padding: 15px 5px 15px 5px;
}
.btn-nav-pane.btn-hide {
  left: 299px;
  z-index: 2;
  padding: 15px 10px 15px 3px;
}
#nav-tasks-pane {
  padding: 10px 3px;
}
#nav-tasks-pane .title p {
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
  cursor: pointer;
}
#nav-tasks-pane .title p:hover {
  text-decoration: underline;
}
#nav-tasks-pane .title p.selected {
  color: #477EB5;
  border-bottom: 2px solid #205F9F;
}
#nav-tasks-pane .title p i {
  margin-right: 6px;
  font-size: 0.7em;
  float: left;
  margin-top: 6px;
}
#nav-tasks-pane .panel-group .nav-project-item .panel-heading {
  padding: 2px;
  background-color: #e3e3e3;
}
#nav-tasks-pane .panel-group .nav-project-item .panel-heading h4 {
  font-size: 14px;
}
#nav-tasks-pane .panel-group .nav-project-item .panel-heading .panel-title .accordion-toggle {
  padding: 2px 2px 2px 7px;
}
#nav-tasks-pane .panel-group .nav-project-item .panel-heading .panel-title .accordion-toggle i {
  margin-top: 4px;
}
.upload-icon {
  font-weight: bold;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 16px;
  position: relative;
  bottom: 8px;
  cursor: pointer;
}
.file-upload-popup {
  top: 250px;
}
#Upload-popup-modal .modal-body {
  position: relative;
  -ms-flex: 1 1 auto;
  flex: 1 1 auto;
  padding: 20px;
  overflow-y: auto;
  max-height: 400px;
}
#Upload-popup-modal .modal-title {
  font-weight: bold;
  font-size: 15px;
  text-align: left;
}
#Upload-popup-modal .modal-header {
  background: #f3f3f3;
  border-top-right-radius: 10px;
  border-top-left-radius: 10px;
  border-bottom: none;
}
#Upload-popup-modal .modal-header .close:hover {
  color: #205f9f !important;
  opacity: 1;
}
#Upload-popup-modal .btn-secondary {
  color: #fff;
  background-color: #6c757d;
  border-color: #6c757d;
}
#Upload-popup-modal .modal-header .close {
  font-size: 26px;
}
#Upload-popup-modal .btn {
  min-width: 120px;
  font-size: 17px;
}
#file-browse {
  min-height: 38px;
  pointer-events: none;
}
.file-browse {
  padding: 10px 30px;
}
.btn-metadata {
  background: none;
}
.step-list-view .scenario-step {
  border: 1px solid transparent;
  border-bottom: 1px solid #f3f3f3;
  padding-top: 26px;
  padding-bottom: 26px !important;
  position: relative;
  margin: 0 5px 0  0;
}
.step-list-view .scenario-step:hover {
  background-color: #f3f3f3;
  cursor: pointer;
}
.step-list-view .scenario-step:hover .gripper-icon {
  display: inline !important;
}
.step-list-view .scenario-step .comments:hover {
  background-color: #f3f3f3;
}
.step-list-view .scenario-step .comments:hover .gripper-icon {
  display: inline !important;
}
.step-list-view .scenario-step .comments .stepPlaceHolder {
  border: 1px dashed #000;
  list-style-type: none;
  margin-right: 3px;
}
.step-list-view .scenario-step .badge {
  max-width: 20px!important;
}
.step-list-view .scenario-step .baloo-font,
.step-list-view .scenario-step .fa {
  position: absolute;
  top: 0;
  bottom: 0;
  line-height: 28px;
  margin: auto;
  height: 30px;
  width: 30px;
  text-align: center;
  font-size: 24px;
  color: #777 !important;
}
.step-list-view .scenario-step .baloo-font.baloo-icon-comments,
.step-list-view .scenario-step .fa.baloo-icon-comments {
  right: 48px;
}
.step-list-view .scenario-step .baloo-font.baloo-icon-comments:hover,
.step-list-view .scenario-step .fa.baloo-icon-comments:hover {
  color: #205f9f !important;
  cursor: pointer;
}
.step-list-view .scenario-step .baloo-font.wider-btn sup,
.step-list-view .scenario-step .fa.wider-btn sup {
  position: absolute;
  top: -0.0021em;
  right: -7px;
}
.step-list-view .scenario-step .baloo-font.wider-btn sup.readCommentsCount span,
.step-list-view .scenario-step .fa.wider-btn sup.readCommentsCount span {
  margin-top: 0;
  margin-right: 24px;
  background: #777 !important;
}
.step-list-view .scenario-step .baloo-font.gripper-icon,
.step-list-view .scenario-step .fa.gripper-icon {
  display: none;
  left: -5px;
  font-size: 45px !important;
  cursor: move;
}
.step-list-view .scenario-step .baloo-font.gripper-icon:hover,
.step-list-view .scenario-step .fa.gripper-icon:hover {
  color: #205f9f !important;
}
.step-list-view .scenario-step .baloo-font.tag-icon,
.step-list-view .scenario-step .fa.tag-icon {
  right: 80px;
}
.step-list-view .scenario-step .baloo-font.tag-icon:hover,
.step-list-view .scenario-step .fa.tag-icon:hover {
  color: #205f9f !important;
}
.step-list-view .scenario-step .baloo-font.fa-angle-right,
.step-list-view .scenario-step .fa.fa-angle-right {
  right: 20px;
}
.step-list-view .scenario-step .step-index {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  margin: auto 20px;
  height: 30px;
  border-radius: 100%;
  display: inline-block;
  border: 1px solid #c3c3c3;
  min-width: 30px;
  text-align: center;
  box-sizing: border-box;
  line-height: 40px;
  font-size: 12px !important;
  margin-right: 20px !important;
  margin-left: 20px !important;
  vertical-align: middle;
}
.step-list-view .scenario-step .step-index span {
  display: inline-block;
  height: 100%;
  line-height: 100%;
  margin: auto;
  position: relative;
  top: 1px;
  vertical-align: middle;
}
.step-list-view .scenario-step .step-index.step1 {
  border-color: #0A819C;
  color: #0A819C !important;
}
.step-list-view .scenario-step .step-index.step2 {
  border-color: #CCA32F;
  color: #CCA32F !important;
}
.step-list-view .scenario-step .step-index.step3 {
  border-color: #D1293A;
  color: #D1293A !important;
}
.step-list-view .scenario-step .step-index.step4 {
  border-color: #9351AD;
  color: #9351AD !important;
}
.step-list-view .scenario-step .step-index.step5 {
  border-color: #488C6C;
  color: #488C6C !important;
}
.step-list-view .scenario-step .step-index.step6 {
  border-color: #945f38;
  color: #945f38 !important;
}
.step-list-view .scenario-step .step-index.step7 {
  border-color: #ff6c00;
  color: #ff6c00 !important;
}
.step-list-view .scenario-step .step-index.step8 {
  border-color: #c33bbb;
  color: #c33bbb !important;
}
.step-list-view .scenario-step .step-index.step9 {
  border-color: #00c6a8;
  color: #00c6a8 !important;
}
.step-list-view .scenario-step .step-index.step10 {
  border-color: #808000;
  color: #808000 !important;
}
.step-list-view .scenario-step .step-content {
  vertical-align: middle;
  padding-right: 116px;
  padding-left: 70px;
}
.step-list-view .scenario-step .step-content .skills-method-container {
  overflow: auto;
}
.step-list-view .scenario-step .step-content .skills-method-container .skills-container {
  display: inline-block;
  border-right: 1px solid;
  border-color: #f3f3f3 !important;
  white-space: nowrap;
  max-width: calc(100% - 120px);
  max-width: -moz-calc(100% - 120px);
  max-width: -o-calc(100% - 120px);
  max-width: -webkit-calc(100% - 120px);
  overflow: hidden;
  text-overflow: ellipsis;
}
.step-list-view .scenario-step .step-content .skills-method-container .skills-container .attached-skills {
  display: inline;
}
.step-list-view .scenario-step .step-content .skills-method-container .method-count {
  display: inline-block;
}
.step-list-view .scenario-step .step-content .accessibility-container {
  overflow: auto;
}
.step-list-view .scenario-step .step-content .accessibility-container .simulation-accessible {
  border-right: 1px solid;
  border-color: #f3f3f3 !important;
  display: inline-block;
}
.step-list-view .scenario-step .step-content .accessibility-container .skill-accessible {
  display: inline-block;
}
.step-list-view .scenario-step .step-content .accessibility-container .linked-library .linked-library-icon {
  position: relative;
  font-size: 12px;
  width: auto;
  height: auto;
  color: #9d9d9d !important;
}
.step-list-view .scenario-step .step-content .accessibility-container .linked-library:hover {
  color: #337ab7 !important;
  text-decoration: none;
}
.step-list-view .scenario-step .step-content .accessibility-container .linked-library:hover .linked-library-icon {
  color: #337ab7 !important;
  text-decoration: none;
}
.step-list-view .scenario-step .step-content .accessibility-container .library-version {
  border-left: 1px solid;
}
.step-list-view .scenario-step .step-content .accessibility-container .library-step {
  border-color: #f3f3f3 !important;
  display: inline-block;
}
.step-list-view .scenario-step .step-content .step-text {
  line-height: 26px;
}
.step-list-view .scenario-step .gripper-icon-drag {
  color: #205f9f !important;
  left: -5px;
  font-size: 45px !important;
}
.step-list-view .stepDragEl {
  background-color: #f3f3f3;
  overflow: hidden !important;
  position: absolute;
  pointer-events: none;
  margin-right: 5px !important;
  z-index: 9999;
}
.step-list-view .stepPlaceHolder {
  border: 1px dashed #000;
  list-style-type: none;
  margin-right: 3px;
}
.step-list-view .available-latest-version {
  color: #1f96b1;
  margin-left: 5px;
  font-weight: 500;
}
.simulation li:first-child {
  display: none;
}
.simulation .selectpicker:hover {
  color: #205f9f !important;
}
.simulation.open .selectpicker {
  color: #205f9f !important;
}
.history {
  left: 0;
  height: 100%;
  position: fixed;
  top: 0;
  width: 100%;
  z-index: 10;
}
.history input[type="checkbox"],
.history input[type="radio"] {
  outline: none !important;
}
.history .history-label {
  display: inline-block;
  font-weight: bold;
  line-height: 34px;
}
.history button.header-btn {
  color: #ffffff !important;
  background-color: #205f9f;
}
.history button:hover {
  background-color: #194b7d;
}
.history .history-container {
  overflow-y: scroll;
}
.history .history-container .compare-header-container {
  position: relative;
}
.history .history-container .compare-header-container .version_radio_filters {
  float: right;
  position: absolute;
  right: 0;
  bottom: 0;
  top: 0;
  margin: auto;
  height: 18px;
}
.history .history-container .entity-metadata .publish-info-container {
  float: right;
}
.history .history-container .entity-metadata .publish-info-container .publish-icon {
  line-height: 18px;
  font-size: 16px !important;
}
.history .history-container .compare-btn-inactive,
.history .history-container .btn-inactive {
  opacity: 0.7;
  pointer-events: none;
  background-color: #c3c3c3;
  color: #f3f3f3 !important;
  cursor: default;
}
.history .history-container .compare-btn-inactive:hover,
.history .history-container .btn-inactive:hover {
  background-color: #c3c3c3;
}
.history .history-container .history-content table {
  border-color: #f3f3f3 !important;
  border-collapse: collapse;
}
.history .history-container .history-content table thead tr {
  border-color: #f3f3f3 !important;
}
.history .history-container .history-content table thead tr th {
  border-color: #f3f3f3 !important;
}
.history .history-container .history-content table tbody tr {
  border-color: #f3f3f3 !important;
}
.history .history-container .history-content table tbody tr td {
  border-color: #f3f3f3 !important;
}
.history .history-container .history-content .history-heading {
  background-color: #f3f3f3;
}
.history .history-container .history-content .version .select {
  float: left;
}
.history .history-container .history-content .version .version-no {
  color: #205f9f !important;
  cursor: pointer;
}
.history .history-container .history-content .version .version-no > a {
  color: #205f9f !important;
  margin-top: 2px;
  float: left;
}
.history .history-container .history-content .version .publish-icon {
  float: right;
  line-height: 20px;
  font-size: 16px !important;
}
.library-step-comparison .compare-view .library-step-view .option-horizontal-parent {
  border: 1px solid transparent;
  border-radius: 4px !important;
  display: inline-block;
  height: auto;
  width: auto;
}
.library-step-comparison .compare-view .library-step-view .option-horizontal-parent:hover {
  border-color: #f3f3f3 !important;
}
.library-step-comparison .compare-view .library-step-view .empty-section {
  font-style: italic;
}
.library-step-comparison .compare-view .library-step-view .header {
  font-weight: bold;
}
.library-step-comparison .compare-view .library-step-view .step-text-header {
  padding: 10px 10px 8px 10px;
}
.library-step-comparison .compare-view .library-step-view .methods {
  list-style-type: none;
}
.library-step-comparison .compare-view .library-step-view .methods .method {
  border: 0 !important;
  border-bottom: 1px solid !important;
  border-color: #f3f3f3 !important;
  position: relative;
  padding-bottom: 19px;
}
.library-step-comparison .compare-view .library-step-view .methods .method > .header {
  margin-right: -5px;
}
.library-step-comparison .compare-view .library-step-view .methods .method .colon {
  font-weight: bold;
  margin-left: -7px;
}
.library-step-comparison .compare-view .library-step-view .methods .method .primary-method-icon {
  color: #ffd203;
  position: absolute;
  top: -4px;
}
.library-step-comparison .compare-view .library-step-view .methods .method .primary-method-icon.now-secondary-icon {
  color: red;
}
.library-step-comparison .compare-view .library-step-view .methods .method .now-secondary {
  background-color: #febebe;
}
.library-step-comparison .compare-view .library-step-view .methods .actions {
  list-style-type: none;
  padding-left: 35px !important;
  counter-reset: item;
}
.library-step-comparison .compare-view .library-step-view .methods .actions .action {
  line-height: 19px;
  margin-top: 6px;
  text-indent: -65px;
  padding-left: 63px;
}
.library-step-comparison .compare-view .library-step-view .methods .actions .action .no-order {
  margin-right: 7px !important;
}
.library-step-comparison .compare-view .library-step-view .methods .now-primary-method {
  background-color: #ffea8b;
}
.history-comparison-view {
  left: 0;
  height: 100%;
  position: fixed;
  top: 0;
  width: 100%;
  z-index: 5;
}
.history-comparison-view .page-header .version {
  position: relative;
  top: -1px;
}
.history-comparison-view .page-header .legend {
  display: inline-block;
  margin-left: 20px !important;
}
.history-comparison-view .page-header .legend ul {
  list-style-type: none;
  padding: 0;
  font-size: 14px !important;
}
.history-comparison-view .page-header .legend ul li {
  margin-bottom: 2px;
}
.history-comparison-view .page-header .legend ul .diff-added {
  background-color: #ddfade;
}
.history-comparison-view .page-header .legend ul .diff-removed {
  background-color: #febebe;
  text-decoration: line-through;
}
.history-comparison-view .page-header .legend ul .diff-format-changed {
  background-color: #ffffb0;
}
.history-comparison-view .page-header .info .version-info {
  margin-bottom: 19px !important;
}
.history-comparison-view .box {
  margin: 0 20px;
}
.history-comparison-view .lt,
.history-comparison-view .gt {
  display: inline-block;
}
.history-comparison-view .view-item-header {
  margin: 10px 0;
}
.history-comparison-view .compare-view-box {
  overflow-y: scroll;
}
.history-comparison-view .view-item-header .loader {
  background-color: white;
  color: #a2a2a2;
  display: none;
  font-size: 20px;
  left: 0;
  margin: auto;
  position: absolute;
  right: 0;
  text-align: center;
  top: 70px;
  width: 200px;
  z-index: 5;
}
.history-comparison-view .view-item-header.loading .loader {
  display: block;
}
.history-comparison-view .view-item-content table {
  border-bottom: 1px solid !important;
  border-left: 1px solid !important;
  border-color: #f3f3f3 !important;
  table-layout: fixed;
}
.history-comparison-view .view-item-content table thead {
  background-color: #fcfcfc;
}
.history-comparison-view .view-item-content table thead .serial_no {
  width: 80px;
}
.history-comparison-view .view-item-content table thead .doc_type {
  width: 180px;
}
.history-comparison-view .view-item-content table thead .doc_name {
  width: 400px;
}
.history-comparison-view .view-item-content table thead .action {
  width: 120px;
}
.history-comparison-view .view-item-content table thead .parameter_name {
  width: 25%;
}
.history-comparison-view .view-item-content table thead .parameter_value {
  width: 25%;
}
.history-comparison-view .view-item-content table thead .serial {
  width: 11.5%;
}
.history-comparison-view .view-item-content table tbody .doc_name {
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}
.history-comparison-view .view-item-content table tr {
  border-color: #f3f3f3 !important;
}
.history-comparison-view .view-item-content table tr th,
.history-comparison-view .view-item-content table tr td {
  border-color: #f3f3f3 !important;
  vertical-align: middle;
}
.history-comparison-view .view-item-content th,
.history-comparison-view .view-item-content td {
  border-top: 1px solid !important;
  border-right: 1px solid !important;
}
.history-comparison-view .view-item-content .task-view .option-horizontal-parent {
  border: 1px solid transparent;
  -webkit-border-radius: 4px !important;
  -moz-border-radius: 4px !important;
  border-radius: 4px !important;
  display: inline-block;
  height: auto;
  width: auto;
}
.history-comparison-view .view-item-content .task-view .option-horizontal-parent:hover {
  border-color: #f3f3f3 !important;
}
.history-comparison-view .view-item-content .task-view .task-metadata .task-metadata-header {
  padding: 10px 10px 8px 10px;
}
.history-comparison-view .view-item-content .task-view .task-metadata .task-metadata-field {
  margin-bottom: 8px;
}
.history-comparison-view .view-item-content .task-view .task-metadata .task-metadata-field.visual-clickstream {
  margin-bottom: 0px !important;
}
.history-comparison-view .view-item-content .task-view .task-metadata .task-metadata-field.visual-clickstream .deleted-text,
.history-comparison-view .view-item-content .task-view .task-metadata .task-metadata-field.visual-clickstream .added-text {
  display: inline-block;
}
.history-comparison-view .view-item-content .task-view .documents .documents-header {
  padding: 10px 10px 8px 10px;
}
.history-comparison-view .view-item-content .task-view .steps {
  list-style-type: none;
}
.history-comparison-view .view-item-content .task-view .steps .step-text {
  line-height: 19px;
  text-indent: -60px;
  padding-left: 70px !important;
}
.history-comparison-view .view-item-content .task-view .steps .simulation-accessibility {
  margin-bottom: 10px;
}
.history-comparison-view .view-item-content .task-view .steps .simulation-accessibility .library-info {
  border-right: 1px solid;
}
.history-comparison-view .view-item-content .task-view .steps .skill-accessibility {
  margin-bottom: 10px;
}
.history-comparison-view .view-item-content .task-view .steps .step-parameter {
  margin-bottom: 8px;
}
.history-comparison-view .view-item-content .task-view .steps .methods {
  list-style-type: none;
}
.history-comparison-view .view-item-content .task-view .steps .methods .method {
  border-bottom: 1px solid;
  border-color: #f3f3f3 !important;
  position: relative;
  padding-bottom: 15px;
}
.history-comparison-view .view-item-content .task-view .steps .methods .method > .header {
  margin-right: -10px;
}
.history-comparison-view .view-item-content .task-view .steps .methods .method .colon {
  font-weight: bold;
  margin-left: -7px;
}
.history-comparison-view .view-item-content .task-view .steps .methods .method .primary-method-icon {
  color: #ffd203;
  position: absolute;
  top: -4px;
}
.history-comparison-view .view-item-content .task-view .steps .methods .method .primary-method-icon.now-secondary-icon {
  color: red;
}
.history-comparison-view .view-item-content .task-view .steps .methods .method .now-secondary {
  background-color: #febebe;
}
.history-comparison-view .view-item-content .task-view .steps .methods .actions {
  list-style-type: none;
  padding-left: 35px !important;
  counter-reset: item;
}
.history-comparison-view .view-item-content .task-view .steps .methods .actions .action {
  line-height: 19px;
  margin-top: 6px;
  text-indent: -65px;
  padding-left: 63px;
}
.history-comparison-view .view-item-content .task-view .steps .methods .actions .action .no-order {
  margin-right: 7px !important;
}
.history-comparison-view .view-item-content .task-view .steps .methods .now-primary-method {
  background-color: #ffea8b;
}
.history-comparison-view .view-item-content .task-view .header {
  font-weight: bold;
}
.history-comparison-view .bs-callout {
  -moz-border-bottom-colors: none;
  -moz-border-left-colors: none;
  -moz-border-right-colors: none;
  -moz-border-top-colors: none;
  border-color: #eee;
  border-image: none;
  border-radius: 3px;
  border-style: solid;
  border-width: 5px 1px 1px;
  margin: 20px 0;
  padding: 20px;
}
.history-comparison-view .bs-callout-warning {
  border-left-color: #aa6708;
  border-right-color: #aa6708;
}
.history-comparison-view .list-group-item > .badge {
  float: none;
}
.history-comparison-view .glyphicon-move {
  cursor: move;
  cursor: -webkit-grabbing;
}
.history-comparison-view .sortable-ghost {
  background-color: #f0dfc6;
}
.history-comparison-view .added-text {
  background-color: #ddfade;
}
.history-comparison-view .formatted-text {
  background-color: #ffffb0;
}
.history-comparison-view .deleted-text {
  background-color: #febebe;
  text-decoration: line-through;
}
.history-comparison-view .deleted-text,
.history-comparison-view .formatted-text,
.history-comparison-view .added-text {
  padding: 3px 0;
}
.history-comparison-view .diff-tag {
  background-color: #8e8e8e;
  border-radius: 8px;
  color: white;
  padding: 2px 8px;
  margin-left: 5px;
}
.history-comparison-view .scroll-top {
  background-color: black;
  border-radius: 50%;
  bottom: 15px;
  color: white;
  cursor: pointer;
  font-size: 21px;
  height: 40px;
  opacity: 0.33;
  padding: 7px 10px;
  position: fixed;
  right: 20px;
  width: 40px;
  display: none;
}
.history-comparison-view .added-label {
  color: green;
}
.history-comparison-view .deleted-label {
  color: red;
}
.history-comparison-view .default:before {
  color: #bbbbbb;
}
.history-comparison-view .supported:before {
  color: #2e7d32;
}
.history-comparison-view .unsupported:before {
  color: #ff5722;
}
.history-comparison-view .line-thru {
  border-left: 20px solid;
  color: #000;
  display: inline-block;
  height: 2px;
  margin-left: -18px;
  margin-bottom: 5px;
}
.skill-module .skill-module-popup {
  position: fixed;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  z-index: 4;
}
.skill-tagging .header {
  height: 58px;
}
.skill-tagging .header .navbar-header {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  width: 600px;
  cursor: default;
}
.skill-tagging .header .label-title {
  font-weight: bold !important;
}
.skill-tagging .container {
  width: 100%;
}
.skill-tagging .container .step-text {
  display: inline;
}
.skill-tagging .container .label-container {
  display: inline-block;
  height: 33px;
}
.skill-tagging .container .label-container .label-tagged,
.skill-tagging .container .label-container .separator-colon {
  line-height: 28px;
}
.skill-tagging .container .tagged-skill-value-container {
  display: inline-block;
  width: calc(100% - 110px);
  width: -moz-calc(100% - 110px);
  width: -o-calc(100% - 110px);
  width: -webkit-calc(100% - 110px);
}
.skill-tagging .container .tagged-skill-value-container .tagged-skill {
  display: inline-block;
  min-height: 34px;
  width: 99%;
  max-height: 61px;
  border-bottom: 1px dashed;
  overflow-y: auto;
}
.skill-tagging .container .tagged-skill-value-container .skill-pill-container {
  display: inline-block;
  border: 1px solid #f3f3f3;
  border-radius: 5px;
  position: relative;
}
.skill-tagging .container .tagged-skill-value-container .skill-pill-container .cross-icon {
  position: absolute;
  width: 18px;
  height: 20px;
  right: 0px;
  display: block;
  text-align: center;
  line-height: 21px;
}
.skill-tagging .container .grid-heading {
  line-height: 1;
  padding-top: 15px;
}
.skill-tagging .container .grid-heading .change-product {
  border-left: 1px solid #c3c3c3;
  display: inline-block;
  padding-left: 9px;
}
.skill-tagging .container .add-btn {
  padding: 360px;
}
.skill-tagging .container .ui-data-grid .ui-grid-row .tagging-column span {
  max-width: 90% !important;
  float: left;
  display: inline-block;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  margin-right: 10px !important;
}
.skill-tagging .container .ui-data-grid .ui-grid-row:hover .ui-grid-cell button {
  background-color: #246cb4;
  color: #ffffff !important;
  border-color: #205f9f;
}
.skill-tagging .container .ui-data-grid .ui-grid-row.ui-grid-row-selected .ui-grid-cell button {
  display: inline-block;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  line-height: 1;
  font-family: 'Baloo', sans-serif;
  font-size: inherit;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  transform: translate(0, 0);
  display: block;
  background-color: #246cb4 !important;
}
.skill-tagging .container .ui-data-grid .ui-grid-row.ui-grid-row-selected .ui-grid-cell button:before {
  content: "\0f00";
}
.skill-tagging .container .ui-data-grid .ui-grid-row.ui-grid-row-selected .ui-grid-cell button:before {
  font-size: 42px !important;
  line-height: 30px;
  height: 30px;
  background-color: #ffffff;
  color: #205f9f !important;
  position: relative;
  top: -2px;
  left: -1px;
}
.skill-import {
  position: relative;
}
.skill-import .heading {
  font-weight: bold;
}
.skill-import .container {
  width: 100%;
  height: 100%;
}
.skill-import .container .state-chooser-container {
  text-align: center;
}
.skill-import .container .legend-container {
  position: relative;
  top: 11px;
  right: 20px;
}
.skill-import .container .legend-container .indicator-color {
  width: 15px;
  height: 15px;
  border-width: 1px;
  border-style: solid;
  display: inline-block;
  vertical-align: sub;
}
.skill-import .container .legend-container .indicator-counter {
  display: inline-block;
  width: 25px;
}
.skill-import .container .grid-heading .change-product {
  display: inline-block;
  border-left: 1px solid #c3c3c3;
  padding-left: 9px;
}
.skill-import .container .views {
  position: relative;
  width: 100%;
}
.skill-import .container .views .state-view {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
}
.skill-import .container .views .state-view.active {
  visibility: visible;
}
.skill-import .container .views .state-view:not(.active) {
  visibility: hidden;
}
.skill-import .container .views .ui-data-grid .ui-grid-row .skill-column span {
  max-width: 76% !important;
  float: left;
  display: inline-block;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  margin-right: 10px !important;
}
.skill-import .container .views .ui-data-grid .ui-grid-row:hover .ui-grid-cell button {
  background-color: #f3f3f3;
}
.skill-import .footer-skill {
  position: absolute;
  height: 80px;
  width: 100%;
  bottom: 0px;
}
.skill-import .footer-skill button.footer-btn {
  color: #fff;
  background-color: #205f9f;
}
.skill-import .footer-skill button.footer-btn:hover {
  background-color: #194b7d;
}
.skill-browse .browse-view .import-grid-view .import-grid {
  padding-right: 0 !important;
  padding-left: 0 !important;
}
.skill-browse .cursor-shape {
  cursor: default !important;
}
.skill-browse .apply-cursor-pointer .cursor-shape {
  cursor: pointer !important;
}
.skill-browse .header-container {
  cursor: default;
}
.skill-browse .header-container .breadcrumb {
  border: none;
  background-color: transparent;
}
.skill-browse .header-container .breadcrumb li a {
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
  line-height: 20px;
  vertical-align: middle;
}
.skill-browse .header-container .breadcrumb li a:hover {
  text-decoration: underline;
}
.skill-browse .header-container .app-img-container {
  display: inline-block;
}
.skill-browse .header-container .app-img-container .img {
  height: 40px;
}
.skill-browse .header-container .legend-container {
  display: inline-block;
  position: relative;
}
.skill-browse .header-container .legend-container .indicator-color {
  width: 15px;
  height: 15px;
  border-width: 1px;
  border-style: solid;
  display: inline-block;
  vertical-align: sub;
}
.skill-browse .header-container .legend-container .indicator-color.border-indicator-blue {
  border-color: #0A819C;
}
.skill-browse .header-container .legend-container .indicator-color.bg-indicator-blue {
  background-color: #0A819C;
}
.skill-browse .header-container .legend-container .indicator-counter {
  display: inline-block;
}
.skill-browse .header-container .grid-header .legend-container {
  top: 10px;
}
.skill-browse .header-container .grid-header .app-name {
  display: inline-block;
  font-weight: bold;
  vertical-align: text-top;
  border-right: 1px solid;
  position: relative;
  top: 5px;
}
.skill-browse .header-container .grid-header .change-product {
  position: relative;
  top: 11px;
  display: inline-block;
}
.skill-browse .header-container .list-header .app-img-container {
  display: inline-block;
}
.skill-browse .header-container .list-header .app-img-container .img {
  height: 40px;
}
.skill-browse .header-container .list-header .legend-container {
  top: -20px;
}
.skill-browse .header-container .list-header .border-container {
  border-right: 1px solid #c3c3c3;
}
.skill-browse .header-container .list-header .skill-detail {
  display: inline-block;
  white-space: nowrap;
  width: 90%;
  overflow: hidden;
  text-overflow: ellipsis;
}
.skill-browse .header-container .list-header .skill-detail .skill-breadcrumb {
  font-weight: bold;
  display: inline;
}
.skill-browse .header-container .list-header .add-library-container {
  display: inline-block;
}
.skill-browse .header-container .list-header .add-library-container .add-library {
  position: relative;
  top: -9px;
  margin-bottom: 5px;
}
.skill-browse .import-grid {
  position: relative;
}
.skill-browse .import-grid .legend-container {
  position: absolute;
  top: -60px;
  right: 25px;
  border: none;
}
.skill-browse .import-grid .ui-data-grid .ui-grid-row:nth-child(odd) .ui-grid-cell {
  background-color: #f9f9f9;
}
.skill-browse .import-grid .ui-data-grid .ui-grid-row:nth-child(even) .ui-grid-cell {
  background-color: #fff;
}
.skill-browse .import-grid .ui-data-grid .ui-grid-row .browse-column span {
  max-width: 56% !important;
  float: left;
  display: inline-block;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  margin-right: 10px !important;
}
.skill-browse .import-grid .ui-data-grid .ui-grid-row .browse-column .pill {
  border: 1px solid;
  line-height: 12px;
  border-radius: 5px;
  border-color: #777777;
}
.skill-browse .import-grid .ui-data-grid .ui-grid-row .browse-column .step-count-container {
  border-right: 1px solid;
  height: 40px;
}
.skill-browse .import-grid .ui-data-grid .ui-grid-row .browse-column .add-step {
  font-size: 24px !important;
}
.skill-browse .import-grid .ui-data-grid .ui-grid-row .browse-column .add-step:hover {
  background-color: #CCA32F !important;
  color: #ffffff !important;
}
.skill-browse .import-grid .ui-data-grid .ui-grid-row:hover .ui-grid-cell button {
  background-color: #f3f3f3;
}
.skill-browse .import-list-view {
  position: relative;
  border-top: 7px solid #f3f3f3;
}
.skill-browse .import-list-view .steps-container {
  padding-top: 0 !important;
  padding-right: 0 !important;
  padding-bottom: 0 !important;
  padding-left: 0 !important;
}
.skill-browse .import-list-view .legend-container {
  position: absolute;
  top: -45px;
}
.skill-browse .ui-grid-render-container-body .ui-grid-viewport {
  height: 39vh !important;
}
.import-grid .ui-data-grid {
  margin-top: 20px !important;
}
.import-grid .ui-data-grid .grid .msg-block {
  top: 80px;
}
.import-grid .ui-data-grid .ui-grid-header-cell {
  cursor: default;
}
.import-grid .ui-data-grid .ui-grid-header-cell:last-child:after {
  content: "";
  background-color: #f3f3f3;
  width: 19px;
  height: 40px;
  position: absolute;
  right: -19px;
  top: 0px;
}
.import-grid .ui-data-grid .ui-grid-header-canvas .ui-grid-cell-contents {
  background-color: #f3f3f3;
  padding-top: 0 !important;
  padding-bottom: 0 !important;
}
.import-grid .ui-data-grid .ui-grid-header-canvas .ui-grid-filter-container {
  cursor: default;
}
.import-grid .ui-data-grid .ui-grid-header-canvas .ui-grid-filter-container .form-control {
  border: none;
  border-bottom: 1px solid;
  border-color: #777;
  border-radius: 0px !important;
}
.import-grid .ui-data-grid .ui-grid-header-canvas .ui-grid-filter-container .ui-grid-filter-input {
  font-weight: normal;
  width: 210px;
  height: 38px;
  border: none;
  border-bottom: 1px solid;
  border-color: #777;
  border-radius: 0px !important;
}
.import-grid .ui-data-grid .ui-grid-header-canvas .ui-grid-filter-container input[type="text"].ui-grid-filter-input:focus {
  border-right: 1px solid transparent;
  border-bottom: 1px solid;
}
.import-grid .ui-data-grid .ui-grid-header-canvas .ui-grid-filter-container .ui-grid-filter-button {
  position: relative;
}
.import-grid .ui-data-grid .ui-grid-header-canvas .ui-grid-filter-container .ui-grid-filter-button .search-icon {
  position: absolute;
  top: -28px;
}
.import-grid .ui-data-grid .ui-grid-header-canvas .ui-grid-filter-button [class^="ui-grid-icon"] {
  position: absolute;
  top: -21px;
  left: 200px;
  opacity: 0.66;
  width: 20px;
  height: 34px;
  cursor: pointer;
}
.import-grid .ui-data-grid .ui-grid-row:hover .ui-grid-cell button {
  background-color: #f3f3f3;
}
.import-grid .ui-data-grid .ui-grid-row .browse-column span {
  max-width: 48% !important;
  float: left;
  display: inline-block;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  margin-right: 10px !important;
}
.import-grid .ui-data-grid .ui-grid-row .browse-column .pill {
  border: 1px solid;
  line-height: 12px;
  border-radius: 5px;
  border-color: #777777;
}
.import-grid .ui-data-grid .ui-grid-row .browse-column .pill.pill-mos {
  border-color: #0A819C;
  color: #0A819C !important;
}
.import-grid .ui-data-grid .ui-grid-row .browse-column .step-count-container {
  border-right: 1px solid;
  height: 40px;
}
.import-grid .ui-data-grid .ui-grid-row:hover button {
  background-color: #f3f3f3;
}
.import-grid .ui-data-grid .ui-grid-cell .inline-display {
  display: inline !important;
}
.import-list-view .skill-label {
  display: inline-block;
  white-space: nowrap;
  width: 66%;
  overflow: hidden;
  text-overflow: ellipsis;
}
.import-list-view .steps-container {
  overflow-y: auto;
}
@media only screen and (min-width: 1024px) and (max-width: 1200px) {
  .import-list-view .left {
    width: 22% !important;
  }
  .import-list-view .right {
    width: 77% !important;
  }
}
.import-step-view .step-container {
  overflow: auto;
}
.import-step-view .step-container .step-container-child .method:not(:last-child) {
  border: none;
  border-bottom-width: 1px;
  border-bottom-style: solid;
  border-color: #f3f3f3 !important;
}
.import-step-view .step-container .step-container-child .method .method-index {
  font-weight: bold;
  color: #777 !important;
}
.import-step-view .step-container .step-container-child .step-text-div {
  position: relative;
  border: none;
  border-top: 1px solid;
  border-bottom: 1px solid;
  background: none;
  font-weight: 100;
}
.import-step-view .step-container .step-container-child .step-text-div .step-text:before {
  content: '';
}
.import-step-view .step-container .step-container-child .step-text-div .task-step-legend {
  border-width: 1px;
  border-style: solid;
  box-sizing: border-box;
  border-radius: 100%;
  left: 0;
  top: 25px;
  margin: auto 20px;
  display: inline-block;
  position: absolute;
  width: 14px;
  height: 14px;
  text-align: center;
  vertical-align: middle;
}
.import-step-view .method-container {
  overflow-y: scroll;
}
.import-step-view .method-container .method-heading {
  font-weight: bold;
}
@media screen and (max-height: 800px) {
  #document-module #dropzones .upload-drop-zone {
    height: 120px;
  }
  #document-module #dropzones .upload-drop-zone .document-paragraph {
    margin: 0;
    height: auto;
  }
  #document-module #dropzones .upload-drop-zone button {
    padding: 2px 5px;
  }
  #document-module #dropzones .upload-drop-zone .drop-files-label {
    font-size: 12px;
  }
}
#document-module .upload-drop-zone {
  float: left;
  width: 31%;
  color: #c3c3c3;
  border-style: dashed;
  border-color: #f3f3f3;
  text-align: center;
  height: 200px;
  border-width: 2px;
  margin: 5px 10px 20px 10px;
  background: url(../../modules/document/img/graphic_left.png) center left no-repeat, url(../../modules/document/img/graphic_right.png) center right no-repeat;
}
#document-module .upload-drop-zone .upload-alert .close span {
  color: #777;
}
#document-module .upload-drop-zone .upload-alert .close:hover span {
  color: #205f9f;
}
@media only screen and (max-width: 992px) {
  #document-module .upload-drop-zone {
    width: 46%;
  }
  #document-module .orig-filename {
    max-width: 190px;
  }
}
@media only screen and (max-width: 620px) {
  #document-module .orig-filename {
    max-width: 120px;
  }
}
@media only screen and (max-width: 550px) {
  #document-module .upload-drop-zone {
    width: 44%;
  }
}
@media only screen and (max-width: 380px) {
  #document-module .upload-drop-zone {
    width: 94%;
  }
}
#document-module .upload-drop-drop {
  color: #222;
  border-color: #222;
  border-style: dashed;
  text-align: center;
}
#document-module .upload-drop-drop button {
  display: none;
}
#document-module .upload-drop-drop .or-label {
  display: none;
}
#document-module .modal-title {
  font-weight: bold;
  color: #777;
}
#document-module .modal-header {
  background: #f3f3f3;
  border-top-right-radius: 10px;
  border-top-left-radius: 10px;
  border-bottom: none;
}
#document-module .modal-header .close {
  color: #205f9f;
  font-size: 26px;
  opacity: 0.2;
  cursor: not-allowed;
}
#document-module .modal-header .close:hover:enabled {
  color: #205f9f;
  opacity: 1;
  cursor: default;
}
#document-module .modal-body div.progress {
  clear: both;
}
#document-module .modal-body .progress {
  margin: 0;
}
#document-module .modal-body .upload-cancel {
  margin: 5px 0 20px 0;
}
#document-module .modal-body .upload-cancel:hover {
  background-color: #194b7d;
  color: #ffffff;
}
#document-module .modal-dialog {
  width: 900px;
}
#document-module .document-paragraph {
  display: block;
  color: #777;
  font-weight: bold;
  height: 50px;
  line-height: 20px;
  padding: 10px 0;
}
#document-module .drop-files-label {
  margin-bottom: 5px;
  color: #777;
}
.modal-content table.manage-files th {
  background: #f3f3f3;
}
.modal-content table.manage-files td {
  font-size: 13px;
  /*because @text-small varialbe not found*/
  border-bottom: 1px solid #f3f3f3;
}
.modal-content table.manage-files td .orig-filename {
  margin: 0;
  max-width: 340px;
  overflow: hidden;
  padding: 0;
  word-wrap: break-word;
}
.modal-content table.manage-files button {
  background: none;
  border: none;
}
.modal-content table.manage-files button:hover:enabled {
  color: #205f9f;
}
.modal-content table.manage-files tbody + tbody {
  border: none;
}
.modal-content table.manage-files-document th {
  background: #f3f3f3;
}
.modal-content table.manage-files-document td {
  font-size: 13px;
  /*because @text-small varialbe not found*/
  border-bottom: 1px solid #f3f3f3;
}
.modal-content table.manage-files-document td .orig-filename1 {
  margin: 0;
  max-width: 340px;
  overflow: hidden;
  padding: 0;
  word-wrap: break-word;
}
.modal-content table.manage-files-document button {
  background: none;
  border: none;
}
.modal-content table.manage-files-document button:hover {
  color: #205f9f;
}
.modal-content table.manage-files-document tbody + tbody {
  border: none;
}
.modal-content table.manage-files-document-progress th {
  background: #f3f3f3;
}
.modal-content table.manage-files-document-progress td {
  font-size: 12px;
  /*because @text-small varialbe not found*/
  border-bottom: 1px solid #f3f3f3;
}
.modal-content table.manage-files-document-progress td .orig-filename1 {
  margin: 0;
  max-width: 240px;
  overflow: hidden;
  padding: 0;
  word-wrap: break-word;
}
.modal-content table.manage-files-document-progress button:hover {
  color: #205f9f;
}
.modal-content a {
  cursor: pointer;
}
.modal-content a.glyphicon {
  margin-right: 3px;
  font-size: 16px;
}
.modal-content .baloo-icon-trash {
  font-size: 22px;
}
.modal-content .baloo-icon-trash:disabled {
  color: #c3c3c3;
}
#scenario-document-viewbox {
  padding-bottom: 10px;
}
#scenario-document-viewbox .sections {
  position: relative;
}
#scenario-document-viewbox .sections .headers .manage-button {
  font-size: 14px;
  cursor: pointer;
  font-weight: normal;
  color: #205f9f;
  padding: 10px 2px;
}
#scenario-document-viewbox .sections .headers .manage-button:hover {
  text-decoration: underline;
}
#scenario-document-viewbox .sections .scenario-documents .file-list-item {
  padding-bottom: 10px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  height: 35px;
}
#scenario-document-viewbox .sections .scenario-documents .file-list-item a.title:hover {
  text-decoration: underline;
}
#scenario-document-viewbox .sections .scenario-documents li {
  cursor: default;
  padding-bottom: 0;
  margin-bottom: 0px !important;
}
#scenario-document-viewbox .sections .scenario-documents li a {
  cursor: pointer;
}
#scenario-document-viewbox .sections .scenario-documents li a i {
  padding-right: 3px;
}
#scenario-document-viewbox .sections .expand-box {
  position: absolute;
  width: 100%;
  min-height: 25px;
  bottom: 0;
  left: 0;
  height: 28px;
  padding-top: 6px;
  text-align: center;
  cursor: pointer;
  border-left: 3px solid #fff;
  border-right: 3px solid #fff;
  border-bottom: 3px solid #fff;
  background: url(../../modules/document/img/show-more-bg.png) repeat-x bottom;
}
#scenario-document-viewbox section.collapsed {
  height: 260px;
  overflow: hidden;
}
#project-document-module .modal-title,
#add-new-parameter .modal-title {
  font-weight: bold;
  color: #777;
}
#project-document-module .modal-header,
#add-new-parameter .modal-header {
  background: #f3f3f3;
  border-top-right-radius: 10px;
  border-top-left-radius: 10px;
  border: none;
  padding-left: 20px;
}
#project-document-module .modal-header .close,
#add-new-parameter .modal-header .close {
  color: #777;
  font-size: 26px;
}
#project-document-module .modal-header .close:hover,
#add-new-parameter .modal-header .close:hover {
  color: #205f9f;
}
#project-document-module .modal-sub-header,
#add-new-parameter .modal-sub-header {
  padding: 10px 20px;
  color: #777;
}
#project-document-module .modal-nobody-footer,
#add-new-parameter .modal-nobody-footer {
  padding: 0 15px 20px 15px;
}
#project-document-module .modal-table tr th:first-child,
#add-new-parameter .modal-table tr th:first-child,
#project-document-module .modal-table tr td:first-child,
#add-new-parameter .modal-table tr td:first-child {
  padding-left: 20px;
}
#project-document-module .modal-table button,
#add-new-parameter .modal-table button {
  color: #777;
}
#project-document-module .modal-table button:disabled,
#add-new-parameter .modal-table button:disabled {
  color: #c3c3c3;
}
#project-document-module .modal-table button:hover:enabled,
#add-new-parameter .modal-table button:hover:enabled {
  color: #205f9f;
}
#project-document-module .nodoc-warning,
#add-new-parameter .nodoc-warning {
  color: #bf4346;
  font-size: 16px;
  text-align: center;
}
.manage-files-document-progress {
  width: 90%;
  margin: 0 auto;
  clear: both;
}
.manage-files-document-progress .orig-filename p {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.manage-files-document-progress .orig-filename .progress {
  width: 100%;
}
.alert-success {
  color: #3c763d;
}
/*Segmentation Section Styling */
.file-upload-section {
  margin-bottom: 16px;
}
.file-upload-container {
  display: flex;
  align-items: center;
  position: relative;
  left: -4px;
}
.choose-file-label {
  margin-right: 10px;
  margin-left: 8px;
}
.file-input {
  flex-grow: 1;
  margin-left: -14px;
  padding: 6px;
  text-overflow: ellipsis;
  border: none;
  border-left: none;
  border: solid 1px #ccc;
  border-top-right-radius: 4px;
  border-bottom-right-radius: 4px;
  caret-color: transparent;
}
#fileBrowse {
  display: none;
}
.sections {
  border-right: 5px solid;
}
.browse-button {
  padding: 8px;
  border: 1px solid #ccc;
  color: #ffffff;
  border-left: none;
  border-radius: 0 4px 4px 0;
  background-color: #205f9f;
  cursor: pointer;
}
.browse-button i {
  margin-right: 5px;
  color: #ffffff;
}
.watermark {
  font-size: 12px;
  margin-left: 6px;
}
.spacer {
  margin-bottom: 15px;
}
.action-buttons {
  display: flex;
  justify-content: flex-end;
}
.cancel-button,
.upload-button {
  position: relative;
  right: 4px;
  width: 88px;
  padding: 6px 15px;
  margin-left: 5px;
  border-radius: 4px;
  cursor: pointer;
  border: none;
}
.cancel-button {
  background-color: #205f9f;
  color: #ffffff;
}
.upload-button {
  background-color: #205f9f;
  color: white;
}
.upload-button i {
  position: relative;
  left: -5px;
}
.uploaded-file-info {
  display: flex;
  justify-content: space-between;
  align-items: center;
  width: 281px;
  position: relative;
  right: 6px;
  height: 39px;
  padding: 0px;
  border: 1px solid #ddd;
  border-radius: 5px;
  background-color: #f9f9f9;
  margin: 10px 10px;
}
.input-container {
  display: flex;
  align-items: center;
}
.button-download {
  margin-top: 2px;
}
.uploaded-file-name {
  border: none;
  background-color: transparent;
  font-size: 14px;
  text-overflow: ellipsis;
  outline: none;
  color: #333;
  padding: 5px;
  width: 202px;
  margin-right: 6px;
  margin-left: 3px;
  cursor: pointer;
  caret-color: transparent;
}
.icon-button {
  padding: 6px;
  font-size: 18px;
  transition: color 0.3s;
}
.icon-button:hover {
  color: #0056b3;
}
.btn .fa {
  font-size: 18px;
}
.btn-gray {
  color: #fff;
  background-color: #D8D8D8;
  border-color: #D8D8D8;
  cursor: not-allowed !important;
}
.btn-blue {
  border-color: #205f9f;
  background-color: #205f9f;
  color: white;
  cursor: pointer;
}
.btn-blue:hover,
.btn-blue:focus {
  background-color: #194b7d !important;
  border-color: #143b64;
}
.btn-link {
  color: inherit;
}
#segmentation-document-viewbox {
  margin: -16px 0px 2px 0px;
}
#file-upload:focus-visible {
  outline: none;
}
.modal-backdrop {
  bottom: 0px;
  position: fixed;
}
.table {
  border-collapse: initial;
  margin-bottom: 0px;
}
#publish-module.modal .modal-content {
  width: 847px;
}
#publish-module.modal .modal-title {
  font-size: 16px !important;
  color: #777 !important;
  font-weight: bold;
  background: #f3f3f3;
}
#publish-module .show-all-link {
  color: #205f9f;
  font-size: 14px !important;
}
#publish-module .show-all-link:hover {
  text-decoration: underline;
}
#publish-module .add-comment-button {
  background: #f3f3f3;
  color: #205f9f;
  font-size: 14px !important;
  font-weight: normal;
  float: right;
  border: none;
}
#publish-module .add-comment-button:hover {
  background: #c3c3c3;
  height: 27px;
  -webkit-border-radius: 2px !important;
  -moz-border-radius: 2px !important;
  border-radius: 2px !important;
}
#publish-module .plus-circle {
  border-radius: 100%;
  border: 1px solid #205f9f;
  font-size: 14px !important;
  width: 16px;
  padding: 3px;
  padding-left: 4px;
  padding-right: 4px;
  text-align: center;
  cursor: pointer;
}
#publish-module .text-field-color {
  font-size: 14px !important;
  color: #c3c3c3;
}
#publish-module .modal-header {
  background: #f3f3f3;
  border-top-right-radius: 10px;
  border-top-left-radius: 10px;
  border-bottom: none;
}
#publish-module .modal-header .close {
  opacity: 1;
  font-size: 10px;
  background-color: #c1c1c1;
  border-radius: 100%;
  color: white;
  padding: 6px;
}
#publish-module .modal-header .close:hover {
  opacity: 1;
  background-color: #c1c1c1;
  color: white;
}
#publish-module .modal-header .txt-head {
  color: #4e4343;
  font-weight: 600;
}
#publish-module .modal-body {
  overflow-y: auto;
  max-height: 400px;
  min-height: 400px;
}
#publish-module .publish-button-cancel {
  background-color: #3a434c;
  border-color: #3a434c;
  padding: 6px 40px;
}
#publish-module .publish-task-title {
  max-width: 480px;
  text-align: left;
}
#publish-module .publish-button-submit {
  background-color: #205f9f;
  border-color: #205f9f;
  margin: 0px 10px;
  padding: 6px 40px;
}
#publish-module .publish-error-msg {
  margin-top: 19%;
  text-align: center;
}
#publish-module .publish-margin {
  margin-right: 2%;
}
#publish-module .publish-margin-top {
  margin-top: 1%;
}
#publish-module .btn-resolved i {
  font-size: 1.35em;
  margin-top: 6px;
  margin-right: 4px;
}
#publish-module .btn-resolved .is-resolved {
  color: #36A736;
}
#comment-module {
  max-height: 600px;
  max-width: 420px;
}
#comment-module .modal-title {
  font-size: 16px !important;
  color: #777 !important;
  font-weight: bold;
  background: #f3f3f3;
}
#comment-module .show-all-link {
  color: #205f9f;
  font-size: 14px !important;
}
#comment-module .show-all-link:hover {
  text-decoration: underline;
}
#comment-module .add-comment-button {
  background: #f3f3f3;
  color: #205f9f;
  font-size: 14px !important;
  font-weight: normal;
  float: right;
  border: none;
}
#comment-module .add-comment-button:hover {
  background: #c3c3c3;
  height: 27px;
  -webkit-border-radius: 2px !important;
  -moz-border-radius: 2px !important;
  border-radius: 2px !important;
}
#comment-module .plus-circle {
  border-radius: 100%;
  border: 1px solid #205f9f;
  font-size: 14px !important;
  width: 16px;
  padding: 3px;
  padding-left: 4px;
  padding-right: 4px;
  text-align: center;
  cursor: pointer;
}
#comment-module .text-field-color {
  font-size: 14px !important;
  color: #c3c3c3;
}
#comment-module .modal-header {
  background: #f3f3f3;
  border-top-right-radius: 10px;
  border-top-left-radius: 10px;
  border-bottom: none;
}
#comment-module .modal-header .close {
  font-size: 26px;
}
#comment-module .modal-header .close:hover {
  color: #205f9f !important;
  opacity: 1;
}
#comment-module .modal-body {
  overflow-y: auto;
  max-height: 400px;
}
#comment-module .btn-resolved i {
  font-size: 1.35em;
  margin-top: 6px;
  margin-right: 4px;
}
#comment-module .btn-resolved .is-resolved {
  color: #36A736;
}
.modal-content table.manage-comment {
  overflow-y: auto;
  max-height: 400px;
  max-width: 420px;
  border: none;
}
.modal-content table.manage-comment tr {
  font-size: 14px !important;
  font-color: #777;
  /*#777777 !important;*/
  border: none;
  padding: 2px;
}
.modal-content table.manage-comment tbody {
  border: none;
}
.modal-content table.manage-comment td {
  font-size: 14px !important;
  font-color: #777;
  padding: 2px;
  border: none;
}
.modal-content table.manage-comment td .orig-filename {
  margin: 0;
  max-width: 299px;
  overflow: hidden;
  /* padding: 6px;*/
  white-space: pre-line;
  word-wrap: break-word;
  float: left;
}
.modal-content table.manage-comment td .orig-filename-full {
  margin: 0;
  max-width: 360px;
  overflow: hidden;
  /*  padding: 6px;*/
  white-space: pre-line;
  word-wrap: break-word;
  float: left;
  text-align: left;
}
.modal-content table.manage-comment td .username-text {
  font-size: 14px !important;
  font-color: #777;
  /*#777777 !important;*/
  border: none;
  font-weight: bold !important;
  float: left;
  text-align: left;
}
.modal-content table.manage-comment td .username-text .sup-text {
  color: red;
}
.modal-content table.manage-comment td .username-text .own-comment-flag {
  color: green;
}
.modal-content table.manage-comment td .time-ago {
  font-size: 12px !important;
  font-color: #c3c3c3;
  float: right;
  padding: 6px;
}
.modal-content table.manage-comment td .step-comment {
  color: #c3c3c3 !important;
  font-weight: bold;
}
.modal-content table.manage-comment td .step-comment1 {
  color: #0A819C !important;
  font-weight: bold;
}
.modal-content table.manage-comment td .step-comment2 {
  color: #CCA32F !important;
  font-weight: bold;
}
.modal-content table.manage-comment td .step-comment3 {
  color: #D1293A !important;
  font-weight: bold;
}
.modal-content table.manage-comment td .step-comment4 {
  color: #9351AD !important;
  font-weight: bold;
}
.modal-content table.manage-comment td .step-comment5 {
  color: #488C6C !important;
  font-weight: bold;
}
.modal-content table.manage-comment td .step-comment6 {
  color: #945f38 !important;
  font-weight: bold;
}
.modal-content table.manage-comment td .step-comment7 {
  color: #ff6c00 !important;
  font-weight: bold;
}
.modal-content table.manage-comment td .step-comment8 {
  color: #c33bbb !important;
  font-weight: bold;
}
.modal-content table.manage-comment td .step-comment9 {
  color: #00c6a8 !important;
  font-weight: bold;
}
.modal-content table.manage-comment td .step-comment10 {
  color: #808000 !important;
  font-weight: bold;
}
.modal-content table.manage-comment td .is-resolved-text {
  margin-left: 10px;
  float: left;
  font-size: 10px;
  padding: 2px 5px;
  border-radius: 5px;
  color: #fff;
}
.modal-content table.manage-comment td .is-resolved-text i {
  margin-right: 4px;
}
.modal-content table.manage-comment td .is-resolved-text.resolved {
  background: #070;
  border: 1px solid #020;
}
.modal-content table.manage-comment td .is-resolved-text.unresolved {
  background: #777;
  border: 1px solid #666;
}
.modal-content table.manage-comment td .is-resolved-text.is-lable {
  cursor: not-allowed;
}
.modal-content table.manage-comment-reply th {
  background: #f3f3f3;
  border: none;
}
.modal-content table.manage-comment-reply td {
  font-size: 14px !important;
  padding: 2px;
  border: none;
}
.modal-content table.manage-comment-reply td .orig-filename {
  margin: 0;
  max-width: 280px;
  overflow: hidden;
  /*  padding: 3px;*/
  white-space: pre-line;
  word-wrap: break-word;
  text-align: left;
  float: left !important;
}
.modal-content table.manage-comment-reply td .orig-filename-full {
  margin: 0;
  max-width: 340px;
  overflow: hidden;
  /* padding: 3px;*/
  white-space: pre-line;
  word-wrap: break-word;
  text-align: left;
  float: left !important;
}
.modal-content table.manage-comment-reply td .time-ago {
  font-size: 12px !important;
  font-color: #c3c3c3;
  float: right;
}
.modal-content table.manage-comment-reply td .username-text {
  font-size: 14px !important;
  font-color: #777;
  /*#777777 !important;*/
  border: none;
  max-width: 280px;
  font-weight: bold !important;
  float: left;
}
.modal-content table.manage-comment-reply td .username-text .sup-text {
  color: red;
}
.modal-content table.manage-comment-reply td .username-text .own-comment-flag {
  color: green;
}
.modal-content table.manage-comment-reply td tbody {
  border: none;
  border-top: none;
  padding: 10px;
}
.modal-content table.manage-comment-reply td .time-ago {
  font-size: 12px !important;
  max-width: 150px;
  font-color: #c3c3c3;
  float: right;
  padding: 3px;
}
.modal-content a {
  cursor: pointer;
}
.modal-footer {
  border-top: none;
}
.textArea {
  width: 365px;
  height: 60px;
  resize: none;
}
.textArea .wrap-comment {
  max-width: 340px;
  word-wrap: break-word;
}
.textArea:focus {
  outline: none !important;
  border: 1px solid #719ECE;
}
.textArea_reply {
  width: 355px;
  height: 60px;
  resize: none;
}
.textArea_reply .wrap-comment {
  max-width: 340px;
  word-wrap: break-word;
}
.textArea_reply:focus {
  outline: none !important;
  border: 1px solid #719ECE;
}
.btn-primary:disabled,
.btn-primary[disabled] {
  background: #c3c3c3;
  font-color: #f3f3f3;
  border-color: #c3c3c3;
}
.btn-primary:disabled:focus,
.btn-primary[disabled]:focus {
  background: #c3c3c3;
  font-color: #f3f3f3;
  border-color: #c3c3c3;
}
.large-Modal .modal-dialog {
  max-width: 420px;
  max-height: 600px;
  top: 320px;
}
.large-Modal-scenario .modal-dialog {
  max-width: 420px;
  max-height: 600px;
  top: 250px;
  left: 250px;
}
.new-comment-username-text {
  font-size: 14px !important;
  font-color: #777;
  /*#777777 !important;*/
  border: none;
  font-weight: bold !important;
  float: left;
}
.new-comment-category-text {
  font-size: 12px !important;
  font-color: #777;
  border: 1px #ccc solid;
  font-weight: bold !important;
  padding: 1px 5px 1px 5px;
  float: left;
  border-radius: 4px;
}
.headerDivider {
  /* border-left:1px solid #38546d;
  border-right:1px solid #16222c;*/
  font-size: 20px !important;
  font-color: #f3f3f3;
  /*right:249px;
  top:10px;*/
}
hr {
  display: block;
  border: 0;
  border-top: 2px solid #f3f3f3;
  margin: 1em 0;
  padding: 0px;
}
.delete-popup {
  padding: 10px;
  position: absolute;
  width: 100%;
  height: 50px;
  left: 0;
  background-color: grey;
  opacity: 0.9;
  z-index: 9999;
}
.modal-content .baloo-icon-pencil {
  font-size: 22px;
}
.padding-view-all {
  padding-bottom: 10px;
  padding-top: 3px;
}
.padding-no-comments {
  padding-bottom: 10px;
}
.mark-as-read {
  float: right;
}
.mark-as-read .fa {
  color: green;
  font-size: 20px;
}
.mark-as-read .fa:hover {
  color: #205f9f !important;
  cursor: pointer;
}
.step-launcher {
  position: fixed;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  z-index: 4;
}
.step-header-directive .navbar-brand {
  padding: 7px 8px;
  font-weight: bold;
  font-size: 24px;
  height: auto;
  line-height: 1.2;
}
.step-header-directive .navbar-brand .vertical-divider {
  display: inline;
}
.step-header-directive .navbar-brand .form-control {
  width: 24%;
  margin: 0;
}
.step-header-directive .navbar-brand .steps span {
  font-weight: normal;
}
.step-header-directive .step_switch_header {
  display: inline-block;
}
.step-header-directive .step_switch_header .steps_label {
  font-size: 24px;
  display: inline-block;
}
.step-header-directive .step_switch_header .steps {
  height: 30px;
  line-height: 40px;
}
.step-header-directive .step_switch_header .steps .step-index {
  border-radius: 100%;
  display: inline-block;
  border: 1px solid #c3c3c3;
  height: 100%;
  min-width: 30px;
  position: relative;
  text-align: center;
  cursor: pointer;
}
.step-header-directive .step_switch_header .steps .step-index span {
  display: inline-block;
  height: 100%;
  line-height: 100%;
  margin: auto;
  vertical-align: middle;
  position: relative;
  top: 1px;
  right: 1px;
}
.step-header-directive .step_switch_header .steps .step-index.selected {
  cursor: default;
}
.step-header-directive .step_switch_header .steps .step-index:nth-child(1) {
  border-color: #0A819C;
  color: #0A819C !important;
}
.step-header-directive .step_switch_header .steps .step-index:nth-child(1).selected,
.step-header-directive .step_switch_header .steps .step-index:nth-child(1):hover {
  background-color: #0A819C;
  color: #ffffff !important;
}
.step-header-directive .step_switch_header .steps .step-index:nth-child(2) {
  border-color: #CCA32F;
  color: #CCA32F !important;
}
.step-header-directive .step_switch_header .steps .step-index:nth-child(2):hover,
.step-header-directive .step_switch_header .steps .step-index:nth-child(2).selected {
  background-color: #CCA32F;
  color: #ffffff !important;
}
.step-header-directive .step_switch_header .steps .step-index:nth-child(3) {
  border-color: #D1293A;
  color: #D1293A !important;
}
.step-header-directive .step_switch_header .steps .step-index:nth-child(3):hover,
.step-header-directive .step_switch_header .steps .step-index:nth-child(3).selected {
  background-color: #D1293A;
  color: #ffffff !important;
}
.step-header-directive .step_switch_header .steps .step-index:nth-child(4) {
  border-color: #9351AD;
  color: #9351AD !important;
}
.step-header-directive .step_switch_header .steps .step-index:nth-child(4):hover,
.step-header-directive .step_switch_header .steps .step-index:nth-child(4).selected {
  background-color: #9351AD;
  color: #ffffff !important;
}
.step-header-directive .step_switch_header .steps .step-index:nth-child(5) {
  border-color: #488C6C;
  color: #488C6C !important;
}
.step-header-directive .step_switch_header .steps .step-index:nth-child(5):hover,
.step-header-directive .step_switch_header .steps .step-index:nth-child(5).selected {
  background-color: #488C6C;
  color: #ffffff !important;
}
.step-header-directive .step_switch_header .steps .step-index:nth-child(6) {
  border-color: #945f38;
  color: #945f38 !important;
}
.step-header-directive .step_switch_header .steps .step-index:nth-child(6).selected,
.step-header-directive .step_switch_header .steps .step-index:nth-child(6):hover {
  background-color: #945f38;
  color: #ffffff !important;
}
.step-header-directive .step_switch_header .steps .step-index:nth-child(7) {
  border-color: #ff6c00;
  color: #ff6c00 !important;
}
.step-header-directive .step_switch_header .steps .step-index:nth-child(7):hover,
.step-header-directive .step_switch_header .steps .step-index:nth-child(7).selected {
  background-color: #ff6c00;
  color: #ffffff !important;
}
.step-header-directive .step_switch_header .steps .step-index:nth-child(8) {
  border-color: #c33bbb;
  color: #c33bbb !important;
}
.step-header-directive .step_switch_header .steps .step-index:nth-child(8):hover,
.step-header-directive .step_switch_header .steps .step-index:nth-child(8).selected {
  background-color: #c33bbb;
  color: #ffffff !important;
}
.step-header-directive .step_switch_header .steps .step-index:nth-child(9) {
  border-color: #00c6a8;
  color: #00c6a8 !important;
}
.step-header-directive .step_switch_header .steps .step-index:nth-child(9):hover,
.step-header-directive .step_switch_header .steps .step-index:nth-child(9).selected {
  background-color: #00c6a8;
  color: #ffffff !important;
}
.step-header-directive .step_switch_header .steps .step-index:nth-child(10) {
  border-color: #808000;
  color: #808000 !important;
}
.step-header-directive .step_switch_header .steps .step-index:nth-child(10):hover,
.step-header-directive .step_switch_header .steps .step-index:nth-child(10).selected {
  background-color: #808000;
  color: #ffffff !important;
}
.step-header-directive .bootstrap-select.scenario-switcher {
  margin-top: 0px !important;
  width: 340px !important;
}
.step-header-directive .bootstrap-select.scenario-switcher .btn {
  padding-top: 0 !important;
  background-color: #f8f8f8 !important;
  border-bottom-color: #777;
  height: 37px;
  width: 340px;
}
.step-header-directive .bootstrap-select.scenario-switcher .btn .filter-option {
  font-size: 24px !important;
  font-weight: bold;
}
.step-header-directive .bootstrap-select.scenario-switcher .dropdown-menu .text {
  font-size: 20px !important;
  font-weight: bold;
}
.modal-content .primary-method-modal {
  color: #777 !important;
}
.modal .modal-dialog .modal-content {
  border-radius: 5px !important;
  margin: 55px auto !important;
}
.primary-method-modal.comp {
  padding-top: 55px auto !important;
}
.primary-method-modal.comp .comp-header {
  color: #777 !important;
  border-radius: 5px;
}
.primary-method-modal.comp .comp-header .comp-title {
  font-weight: bold;
  text-align: left;
}
.primary-method-modal.comp .comp-header .close {
  font-size: 26px !important;
}
.primary-method-modal.comp .comp-header .close:hover {
  background-color: inherit;
  opacity: 1;
}
.primary-method-modal.comp .comp-dialog {
  margin: 60px auto;
}
.primary-method-modal.comp .comp-body {
  overflow-y: auto;
  max-height: calc(100vh - 256px);
}
.primary-method-modal.comp .comp-body .description {
  border-bottom: 1px solid #ccc;
}
.primary-method-modal.comp .comp-body .border-bottom {
  border-bottom: 1px solid #dedede;
}
.primary-method-modal.comp .comp-body .comp-method-container .action-list-container .action-list {
  padding: 0;
}
.primary-method-modal.comp .comp-body .comp-method-container .action-list-container .action-list .action {
  position: relative;
  counter-increment: action;
  line-height: 20px;
  text-indent: -70px;
  margin-top: 0px !important;
  margin-right: 0px !important;
  margin-bottom: 0px !important;
  margin-left: 0px !important;
  padding-top: 8px !important;
  padding-bottom: 8px !important;
  padding-left: 118px;
  color: #bbb;
}
.primary-method-modal.comp .comp-body .comp-method-container .action-list-container .action-list .action .alternative-text {
  position: relative;
  margin-left: -2px;
  text-indent: 0;
  padding: 5px 0;
}
.primary-method-modal.comp .comp-body .comp-method-container .action-list-container .action-list .action .alternative-text:before {
  content: none;
}
.primary-method-modal.comp .comp-body .comp-method-container .action-list-container .action-list .action .action-text {
  display: table-cell;
  padding: 4px 6px;
  color: #444;
}
.primary-method-modal.comp .comp-body .comp-method-container .action-list-container .action-list .action .text-checkbox-container {
  text-indent: 0;
  position: relative;
  padding: 5px 0 5px 25px;
  cursor: pointer;
}
.primary-method-modal.comp .comp-body .comp-method-container .action-list-container .action-list .action input {
  display: none;
}
.primary-method-modal.comp .comp-body .comp-method-container .action-list-container .action-list .action input:checked + .comp-check {
  border: 1px solid #4f6563;
}
.primary-method-modal.comp .comp-body .comp-method-container .action-list-container .action-list .action input:checked + .comp-check:before {
  background: #1d5d9e;
}
.primary-method-modal.comp .comp-body .comp-method-container .action-list-container .action-list .action .comp-check {
  position: absolute;
  top: 11px;
  left: 0;
  border: 1px solid #82c5be;
  border-radius: 100%;
  height: 16px;
  width: 16px;
  cursor: pointer;
}
.primary-method-modal.comp .comp-body .comp-method-container .action-list-container .action-list .action .comp-check:before {
  display: block;
  position: absolute;
  content: '';
  border-radius: 100%;
  height: 8px;
  width: 8px;
  top: 3px;
  left: 3px;
  margin: auto;
  background: transparent;
  transition: background 0.25s linear;
  -webkit-transition: background 0.25s linear;
}
.primary-method-modal.comp .comp-body .comp-method-container .action-list-container .action-list .action:before {
  font-weight: bold;
  padding-right: 10px;
  content: "Action" counter(action) ":";
}
.primary-method-modal.comp .comp-body .comp-method-container .action-list-container .action-list input:checked ~ .action-text {
  background: #e4f5f3;
  color: #1d5d9e;
  border-radius: 2px;
  font-weight: bold;
}
.primary-method-modal.comp .comp-body .comp-method-container .action-list-container .action-list li {
  list-style-type: none;
}
.primary-method-modal.comp .comp-footer {
  border-top: 1px solid #ccc;
  text-align: center !important;
}
.primary-method-modal.comp .comp-footer .warning {
  font-weight: bold;
  font-size: 16px;
  margin-top: -7px;
}
.primary-method-modal.comp .comp-footer .warning .text-italic {
  font-style: italic;
}
.primary-method-modal .display-inline-table {
  display: inline-table;
}
.comp-method-index {
  font-weight: bold;
  color: #205f9f;
}
@media (min-width: 768px) {
  .primary-method-modal {
    width: 100% !important;
  }
}
.step-viewer-container .step-header {
  position: relative;
  background-color: #edecec;
  z-index: 5;
}
.step-viewer-container .step-header .btn-group a {
  cursor: pointer;
}
.step-viewer-container .step-header .method-count {
  display: inline-block;
  border-right: 1px solid #777;
  font-weight: normal;
}
.step-viewer-container .step-header button.header-btn {
  color: #fff;
  background-color: #205f9f;
}
.step-viewer-container .step-header button:hover {
  background-color: #194b7d;
}
.step-viewer-container .step-header button.active {
  background-color: #194b7d;
}
.step-viewer-container .step-header .update-btn {
  margin-right: 1px !important;
}
.step-viewer-container .step-header .toggle-btn-container {
  display: inline-block;
  border-right: 1px solid #999999;
}
.step-viewer-container .step-header .toggle-btn-container .toggle-btn {
  padding: 5px 7px;
}
.step-viewer-container .step-header .toggle-btn-container .toggle-icon {
  font-size: 21px;
}
.step-viewer-container .step-header .baloo-font {
  font-size: 24px;
  vertical-align: middle;
  display: inline-block;
  border-right: 1px solid #777;
  cursor: default;
  padding-right: 10px !important;
  padding-left: 0px !important;
  color: #777 !important;
}
.step-viewer-container .step-header .baloo-font.disabled {
  opacity: 0.3;
}
.step-viewer-container .step-header .baloo-font.baloo-icon-comments {
  cursor: pointer;
}
.step-viewer-container .step-header .baloo-font.baloo-icon-comments:hover {
  color: #205f9f !important;
}
.step-viewer-container .step-header .badge {
  max-width: 20px!important;
}
.step-viewer-container .step-header .parameter-values-toggle-icon {
  display: inline-block;
  position: relative;
  top: 3px;
  font-size: 22px !important;
}
.step-viewer-container .step-header .parameter-values-toggle-icon .baloo-icon-divider {
  padding-right: 10px !important;
  border-right: 1px solid #777;
}
.step-viewer-container .step-header .parameter-values-toggle-icon .toggle-parameter-container {
  cursor: pointer;
}
.step-viewer-container .step-header .parameter-values-toggle-icon .show-hide-parameter {
  color: #1e5a97;
  font-weight: 600;
  font-size: 14px ;
  position: relative;
  bottom: 2px;
}
.step-viewer-container .step-header .parameter-values-toggle-icon .show-hide-parameter.disabled-class {
  color: #c3c3c3 !important;
}
.step-viewer-container .step-header .parameter-values-toggle-icon .fa-toggle-on,
.step-viewer-container .step-header .parameter-values-toggle-icon .fa-toggle-off {
  font-size: 20px;
}
.step-viewer-container .step-header .parameter-values-toggle-icon .fa-toggle-on {
  color: #205f9f;
}
.step-viewer-container .step-header .parameter-values-toggle-icon .fa-toggle-off {
  color: #777777;
}
.step-viewer-container .step-header .parameter-values-toggle-icon .disabled-class .fa-toggle-on,
.step-viewer-container .step-header .parameter-values-toggle-icon .disabled-class .fa-toggle-off {
  color: #c3c3c3;
  cursor: default;
}
.step-viewer-container .parameterized-step-viewer .parameter-wrapper {
  background: #ffeea0;
  padding: 0;
  border-radius: 3px;
  word-wrap: break-word;
}
.step-container {
  font-family: arial, Helvetica, sans-serif;
  overflow-y: scroll;
  width: 100%;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.step-container .step-text-hidden-container {
  background-color: #f8f8f8;
  position: absolute;
  padding-top: 15px !important;
  padding-bottom: 15px !important;
  z-index: 4;
  left: 0px;
  top: -200px;
  -webkit-box-shadow: 0px 3px 7px 0px rgba(0, 0, 0, 0.26);
  -moz-box-shadow: 0px 3px 7px 0px rgba(0, 0, 0, 0.26);
  box-shadow: 0px 3px 7px 0px rgba(0, 0, 0, 0.26);
}
.step-container .step-text-hidden-container .step-text-hidden:before {
  content: 'Step Text: ';
  font-weight: bold;
}
.step-container .step-container-child {
  width: 100%;
}
.step-container .step-container-child.parameter-editor-open {
  width: calc(100% - 320px);
}
.step-container .step-container-child ul {
  list-style: none;
}
.step-container .step-container-child .step-text-div {
  position: relative;
  font-size: 18px;
  padding-left: 15px;
  border: 1px solid transparent;
  border-bottom: 1px solid #777777;
  background: #f7fbff;
  height: 110px;
  display: table;
  table-layout: fixed;
  width: 100%;
}
.step-container .step-container-child .step-text-div .step-text-skills-container {
  padding-right: 30px;
  display: table-cell;
  vertical-align: middle;
}
.step-container .step-container-child .step-text-div .step-text-skills-container .step-text-container {
  padding-bottom: 5px;
  outline: none;
}
.step-container .step-container-child .step-text-div .step-text-skills-container .skills-method-container {
  overflow: auto;
  font-weight: 100;
}
.step-container .step-container-child .step-text-div .step-text-skills-container .skills-method-container .skills-container {
  display: inline-block;
  border-right: 1px solid #a3bfdc;
  white-space: nowrap;
  max-width: calc(100% - 120px);
  max-width: -moz-calc(100% - 120px);
  max-width: -o-calc(100% - 120px);
  max-width: -webkit-calc(100% - 120px);
  overflow: hidden;
  text-overflow: ellipsis;
}
.step-container .step-container-child .step-text-div .step-text-skills-container .skills-method-container .skills-container .attached-skills {
  display: inline;
}
.step-container .step-container-child .step-text-div .step-text-skills-container .skills-method-container .method-count {
  display: inline-block;
}
.step-container .step-container-child .step-text-div .step-text-skills-container .linked-library {
  position: relative;
  top: 1px;
}
.step-container .step-container-child .step-text-div .step-text-skills-container .library-version {
  border-left: 1px solid;
}
.step-container .step-container-child .step-text-div .step-text-skills-container .available-latest-version {
  color: #1f96b1;
  margin-left: 5px;
  font-weight: 500;
}
.step-container .step-container-child .step-text-div .step-text-skills-container .library-step-container {
  font-weight: 100;
}
.step-container .step-container-child .step-text-div .step-text-skills-container .library-step-container .pill {
  border: 1px solid #777777;
  line-height: 12px;
  border-radius: 5px;
  font-style: italic;
}
.step-container .step-container-child .step-text-div .accessibility-container {
  display: table-cell;
  font-size: 14px;
  color: #205f9f;
  font-weight: 500;
  width: 340px;
  border-left: 1px solid #a3bfdc;
  vertical-align: middle;
}
.step-container .step-container-child .step-text-div .accessibility-container .bootstrap-select {
  padding-right: 5px !important;
  width: 120px !important;
}
.step-container .step-container-child .step-text-div .accessibility-container .bootstrap-select .btn.dropdown-toggle {
  padding-top: 0 !important;
  padding-bottom: 0 !important;
  height: 24px;
}
.step-container .step-container-child .step-text-div .accessibility-container .bootstrap-select .btn {
  border-bottom: 1px solid #c3c3c3;
  padding-left: 3px !important;
}
.step-container .step-container-child .step-text-div .accessibility-container .bootstrap-select .btn .caret {
  color: #777 !important;
  right: 7px;
}
.step-container .step-container-child .step-text-div .accessibility-container .bootstrap-select.open .btn {
  border-color: #205f9f !important;
}
.step-container .step-container-child .step-text-div .accessibility-container .bootstrap-select.open .btn .caret {
  color: #205f9f !important;
}
.step-container .step-container-child .step-text-div .accessibility-container .bootstrap-select .dropdown-menu li .text {
  font-size: 14px !important;
}
.step-container .step-container-child .step-text-div .skill-accessible,
.step-container .step-container-child .step-text-div .simulation-accessible {
  display: inline-block;
  min-width: 155px;
  height: 30px;
}
.step-container .step-container-child .step-text-div .skill-accessible label,
.step-container .step-container-child .step-text-div .simulation-accessible label {
  min-width: 145px;
}
.step-container .step-container-child .library-step-viewer {
  margin-top: 10px;
  position: relative;
  font-size: 14px;
  font-weight: 100;
  border: 1px solid transparent;
  border-bottom: 1px dashed grey;
  height: auto;
  background: white;
  display: inline-block;
}
.step-container .step-container-child .library-step-viewer .step-text {
  display: inline-block;
  color: #737373;
  padding: 5px;
  outline: none;
}
.step-container .step-container-child .library-step-viewer .step-text:before {
  content: 'Step Text: ';
  font-weight: bold;
}
.step-container .step-container-child .library-step-viewer .step-text-skills-container {
  width: 100%;
  position: unset;
}
.step-container .step-container-child .library-step-viewer .step-text-skills-container .step-text-container {
  height: auto;
}
.step-container .step-container-child .method {
  position: relative;
  font-size: 14px;
  border: 1px solid transparent;
}
.step-container .step-container-child .method:not(:last-child) {
  border-bottom: 1px dashed grey;
}
.step-container .step-container-child .method .method-index {
  font-weight: bold;
  color: #205f9f;
}
.step-container .step-container-child .method .method-name,
.step-container .step-container-child .method .method-count {
  color: #444;
}
.step-container .step-container-child .method .method-header {
  height: 40px;
  line-height: 30px;
}
.step-container .step-container-child .method .method-header .star-icon {
  position: absolute;
  left: 10px;
  top: 12px;
  line-height: 11px;
  font-size: 21px;
}
.step-container .step-container-child .method .method-header .star-icon.star-left-20 {
  left: 20px;
}
.step-container .step-container-child .method .method-header .primary-method-icon {
  color: #ffd203;
}
.step-container .step-container-child .method .action-list-container {
  outline: none;
  position: relative;
  z-index: 1;
}
.step-container .step-container-child .method .action-list-container .action-list {
  padding-top: 0 !important;
  padding-right: 0 !important;
  padding-bottom: 0 !important;
  padding-left: 0 !important;
  margin-top: 3px !important;
}
.step-container .step-container-child .method .action-list-container .action-list .action {
  position: relative;
  text-indent: -70px;
  margin-top: 0px !important;
  margin-right: 0px !important;
  margin-bottom: 0px !important;
  margin-left: 0px !important;
  padding-top: 5px !important;
  padding-bottom: 5px !important;
  padding-right: 0;
  padding-left: 70px;
  color: #444;
}
.step-container .step-container-child .method .action-list-container .action-list .action:before {
  color: #9e9e9e;
}
.step-container .step-container-child .method .action-list-container .action-list .action .alternative-text {
  text-indent: 0;
}
.step-container .step-container-child .method .action-list-container .action-list .action .alternative-text:before {
  margin-right: 5px !important;
  content: 'Alternatively';
  background: #989898;
  color: white;
  padding: 2px 4px;
  border-radius: 3px;
}
.step-container .step-container-child .method .action-list-container .action-list .action .audio-timing-data {
  position: absolute;
  top: 5px;
  right: 0px;
  text-indent: 0px;
  display: inline-block;
}
.step-container .step-container-child .method .action-list-container .action-list .action .audio-timing-data .time-container {
  border: 1px solid #777;
  -webkit-border-radius: 5px !important;
  -moz-border-radius: 5px !important;
  border-radius: 5px !important;
  padding: 0 5px;
  display: inline-block;
}
.step-container .step-container-child .method .action-list-container .action-list .action .audio-timing-data .start-time {
  min-width: 118px;
}
.step-container .step-container-child .method .action-list-container .action-list .action .audio-timing-data .end-time {
  min-width: 113px;
}
.step-container .step-container-child .method .action-list-container .action-list.primary-action-list .action {
  padding-right: 290px;
}
.step-container .step-container-child .action1:before {
  content: 'Action 1: \00a0\00a0\00a0';
}
.step-container .step-container-child .action2:before {
  content: 'Action 2: \00a0\00a0\00a0';
}
.step-container .step-container-child .action3:before {
  content: 'Action 3: \00a0\00a0\00a0';
}
.step-container .step-container-child .action4:before {
  content: 'Action 4: \00a0\00a0\00a0';
}
.step-container .step-container-child .action5:before {
  content: 'Action 5: \00a0\00a0\00a0';
}
.step-container .step-container-child .action6:before {
  content: 'Action 6: \00a0\00a0\00a0';
}
.step-container .step-container-child .action7:before {
  content: 'Action 7: \00a0\00a0\00a0';
}
.step-container .step-container-child .action8:before {
  content: 'Action 8: \00a0\00a0\00a0';
}
.step-container .step-container-child .action9:before {
  content: 'Action 9: \00a0\00a0\00a0';
}
.step-container .step-container-child .action10:before {
  content: 'Action 10:\00a0\00a0\00a0';
}
.step-container .step-container-child .action11:before {
  content: 'Action 11:\00a0\00a0\00a0';
}
.step-container .step-container-child .action12:before {
  content: 'Action 12:\00a0\00a0\00a0';
}
.step-container .step-container-child .action13:before {
  content: 'Action 13:\00a0\00a0\00a0';
}
.step-container .step-container-child .action14:before {
  content: 'Action 14:\00a0\00a0\00a0';
}
.step-container .step-container-child .action15:before {
  content: 'Action 15:\00a0\00a0\00a0';
}
.step-container .step-container-child .action16:before {
  content: 'Action 16:\00a0\00a0\00a0';
}
.step-container .step-container-child .action17:before {
  content: 'Action 17:\00a0\00a0\00a0';
}
.step-container .step-container-child .action18:before {
  content: 'Action 18:\00a0\00a0\00a0';
}
.step-container .step-container-child .action19:before {
  content: 'Action 19:\00a0\00a0\00a0';
}
.step-container .step-container-child .action20:before {
  content: 'Action 20:\00a0\00a0\00a0';
}
.step-container .step-container-child .action21:before {
  content: 'Action 21:\00a0\00a0\00a0';
}
.step-container .step-container-child .action22:before {
  content: 'Action 22:\00a0\00a0\00a0';
}
.step-container .step-container-child .action23:before {
  content: 'Action 23:\00a0\00a0\00a0';
}
.step-container .step-container-child .action24:before {
  content: 'Action 24:\00a0\00a0\00a0';
}
.step-container .step-container-child .action25:before {
  content: 'Action 25:\00a0\00a0\00a0';
}
.step-container .step-container-child .action26:before {
  content: 'Action 26:\00a0\00a0\00a0';
}
.step-container .step-container-child .action27:before {
  content: 'Action 27:\00a0\00a0\00a0';
}
.step-container .step-container-child .action28:before {
  content: 'Action 28:\00a0\00a0\00a0';
}
.step-container .step-container-child .action29:before {
  content: 'Action 29:\00a0\00a0\00a0';
}
.step-container .step-container-child .action30:before {
  content: 'Action 30:\00a0\00a0\00a0';
}
.step-container .step-container-child .action31:before {
  content: 'Action 31:\00a0\00a0\00a0';
}
.step-container .step-container-child .action32:before {
  content: 'Action 32:\00a0\00a0\00a0';
}
.step-container .step-container-child .action33:before {
  content: 'Action 33:\00a0\00a0\00a0';
}
.step-container .step-container-child .action34:before {
  content: 'Action 34:\00a0\00a0\00a0';
}
.step-container .step-container-child .action35:before {
  content: 'Action 35:\00a0\00a0\00a0';
}
.step-container .step-container-child .action36:before {
  content: 'Action 36:\00a0\00a0\00a0';
}
.step-container .step-container-child .action37:before {
  content: 'Action 37:\00a0\00a0\00a0';
}
.step-container .step-container-child .action38:before {
  content: 'Action 38:\00a0\00a0\00a0';
}
.step-container .step-container-child .action39:before {
  content: 'Action 39:\00a0\00a0\00a0';
}
.step-container .step-container-child .action40:before {
  content: 'Action 40:\00a0\00a0\00a0';
}
.step-container .step-container-child .parameterized-method .action1:before {
  content: 'Action 1: \00a0\00a0';
}
.step-container .step-container-child .parameterized-method .action2:before {
  content: 'Action 2: \00a0\00a0';
}
.step-container .step-container-child .parameterized-method .action3:before {
  content: 'Action 3: \00a0\00a0';
}
.step-container .step-container-child .parameterized-method .action4:before {
  content: 'Action 4: \00a0\00a0';
}
.step-container .step-container-child .parameterized-method .action5:before {
  content: 'Action 5: \00a0\00a0';
}
.step-container .step-container-child .parameterized-method .action6:before {
  content: 'Action 6: \00a0\00a0';
}
.step-container .step-container-child .parameterized-method .action7:before {
  content: 'Action 7: \00a0\00a0';
}
.step-container .step-container-child .parameterized-method .action8:before {
  content: 'Action 8: \00a0\00a0';
}
.step-container .step-container-child .parameterized-method .action9:before {
  content: 'Action 9: \00a0\00a0';
}
.step-container .step-container-child .parameterized-method .action10:before {
  content: 'Action 10:\00a0\00a0';
}
.step-container .step-container-child .parameterized-method .action11:before {
  content: 'Action 11:\00a0\00a0';
}
.step-container .step-container-child .parameterized-method .action12:before {
  content: 'Action 12:\00a0\00a0';
}
.step-container .step-container-child .parameterized-method .action13:before {
  content: 'Action 13:\00a0\00a0';
}
.step-container .step-container-child .parameterized-method .action14:before {
  content: 'Action 14:\00a0\00a0';
}
.step-container .step-container-child .parameterized-method .action15:before {
  content: 'Action 15:\00a0\00a0';
}
.step-container .step-container-child .parameterized-method .action16:before {
  content: 'Action 16:\00a0\00a0';
}
.step-container .step-container-child .parameterized-method .action17:before {
  content: 'Action 17:\00a0\00a0';
}
.step-container .step-container-child .parameterized-method .action18:before {
  content: 'Action 18:\00a0\00a0';
}
.step-container .step-container-child .parameterized-method .action19:before {
  content: 'Action 19:\00a0\00a0';
}
.step-container .step-container-child .parameterized-method .action20:before {
  content: 'Action 20:\00a0\00a0';
}
.step-container .step-container-child .parameterized-method .action21:before {
  content: 'Action 21:\00a0\00a0';
}
.step-container .step-container-child .parameterized-method .action22:before {
  content: 'Action 22:\00a0\00a0';
}
.step-container .step-container-child .parameterized-method .action23:before {
  content: 'Action 23:\00a0\00a0';
}
.step-container .step-container-child .parameterized-method .action24:before {
  content: 'Action 24:\00a0\00a0';
}
.step-container .step-container-child .parameterized-method .action25:before {
  content: 'Action 25:\00a0\00a0';
}
.step-container .step-container-child .parameterized-method .action26:before {
  content: 'Action 26:\00a0\00a0';
}
.step-container .step-container-child .parameterized-method .action27:before {
  content: 'Action 27:\00a0\00a0';
}
.step-container .step-container-child .parameterized-method .action28:before {
  content: 'Action 28:\00a0\00a0';
}
.step-container .step-container-child .parameterized-method .action29:before {
  content: 'Action 29:\00a0\00a0';
}
.step-container .step-container-child .parameterized-method .action30:before {
  content: 'Action 30:\00a0\00a0';
}
.step-container .step-container-child .parameterized-method .action31:before {
  content: 'Action 31:\00a0\00a0';
}
.step-container .step-container-child .parameterized-method .action32:before {
  content: 'Action 32:\00a0\00a0';
}
.step-container .step-container-child .parameterized-method .action33:before {
  content: 'Action 33:\00a0\00a0';
}
.step-container .step-container-child .parameterized-method .action34:before {
  content: 'Action 34:\00a0\00a0';
}
.step-container .step-container-child .parameterized-method .action35:before {
  content: 'Action 35:\00a0\00a0';
}
.step-container .step-container-child .parameterized-method .action36:before {
  content: 'Action 36:\00a0\00a0';
}
.step-container .step-container-child .parameterized-method .action37:before {
  content: 'Action 37:\00a0\00a0';
}
.step-container .step-container-child .parameterized-method .action38:before {
  content: 'Action 38:\00a0\00a0';
}
.step-container .step-container-child .parameterized-method .action39:before {
  content: 'Action 39:\00a0\00a0';
}
.step-container .step-container-child .parameterized-method .action40:before {
  content: 'Action 40:\00a0\00a0';
}
@media print {
  body * {
    visibility: hidden;
  }
  .baloo .main-container {
    overflow: visible !important;
  }
  .step-header .navbar {
    display: block;
  }
  .step-header .step-index {
    display: none !important;
  }
  .step-header .step-index.selected {
    display: block !important;
  }
  .step-header .navbar-right {
    display: none;
  }
  .step-launcher,
  .step-launcher * {
    visibility: visible;
  }
  .step-launcher {
    position: absolute;
  }
  .step-viewer-container .step-container {
    overflow-y: auto;
    height: auto !important;
  }
  .step-viewer-container .step-container .step-text-hidden-container {
    display: none !important;
  }
  .step-viewer-container .audio-timing-data {
    display: none !important;
  }
  .step-viewer-container .action {
    padding-right: 20px !important;
    padding-left: 40px !important;
  }
}
.methodDragEl {
  position: absolute;
  z-index: 9999;
  pointer-events: none;
  overflow-y: hidden !important;
}
.actionDragEl {
  position: absolute;
  pointer-events: none;
  z-index: 9999;
  list-style-type: none;
  background-color: #ffffff;
  margin-top: 0px !important;
  margin-right: 0px !important;
  margin-bottom: 0px !important;
  margin-left: 0px !important;
  padding-top: 5px !important;
  padding-bottom: 5px !important;
  padding-right: 65px !important;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.actionDragEl .actionButtonsContainer {
  position: absolute;
  right: 3px;
  top: 0;
}
.actionDragEl .actionButtonsContainer .actionDeleteButton {
  cursor: pointer;
  border-right: 1px solid grey;
  padding-right: 10px !important;
}
.actionDragEl .actionButtonsContainer .alternateDeleteButton {
  padding-right: 10px !important;
}
.actionDragEl .actionButtonsContainer span {
  font-size: 21px !important;
}
.step-editor-container .steps div.add-step-btn {
  background-color: #205f9f;
  color: #fff !important;
  border-color: #205f9f;
}
.step-editor-container .steps div.add-step-btn:hover {
  background-color: #194b7d;
}
.step-editor-container .steps div .create-step-load {
  position: relative;
  top: -6px;
}
.step-editor-container .steps.count div span {
  top: 1px;
}
.step-editor-container .vertical-divider {
  display: inline-block;
  height: 100%;
  border-left: 1px solid #c3c3c3;
}
.step-editor-container .scenario-list .cent-line-height {
  line-height: 100%;
}
.step-editor-container .scenario-list .header .breadcrumb {
  background-color: transparent;
}
.step-editor-container .scenario-list .header .breadcrumb a {
  line-height: 20px;
}
.step-editor-container .scenario-list .header .breadcrumb a:hover {
  text-decoration: underline;
}
.step-editor-container .scenario-list .header .breadcrumb > li + li:before {
  content: "";
}
.step-editor-container .scenario-list .header .header-label {
  display: inline-block;
  font-weight: bold;
}
.step-editor-container .scenario-list .header .tab-li {
  margin-right: 60px;
}
.step-editor-container .scenario-list .header .tab-li.active {
  border-bottom: 4px solid #205f9f !important;
}
.step-editor-container .scenario-list .header .tll-child > li {
  cursor: pointer;
}
.step-editor-container .scenario-list .header .breadcrumb li + li::before {
  content: "";
  padding: 0;
}
.step-editor-container .scenario-list .header .sidebar-arrow {
  position: absolute;
  left: 0;
}
.step-editor-container .scenario-list .header .color-indicators {
  vertical-align: middle;
}
.step-editor-container .scenario-list .header .color-indicators span {
  display: inline-block;
  vertical-align: middle;
}
.step-editor-container .scenario-list .header .color-indicators .indicator-color {
  border: 1px solid;
  min-height: 15px;
  min-width: 15px;
  border-radius: 100%;
}
.step-editor-container .scenario-list .header .color-indicators li:nth-child(1) .indicator-color {
  border-color: #0a819c;
  background-color: #0a819c;
}
.step-editor-container .scenario-list .header .color-indicators li:nth-child(2) .indicator-color {
  background-color: #cca32f;
  border-color: #cca32f;
}
.step-editor-container .scenario-list .header .color-indicators li:nth-child(3) .indicator-color {
  background-color: #d1293a;
  border-color: #d1293a;
}
.step-editor-container .scenario-list .copy-task-link {
  display: inline-block;
  line-height: 100%;
  padding: 4px 6px;
  border-left: 1px solid #999999;
}
.step-editor-container .scenario-list .copy-task-link:hover {
  text-decoration: underline;
  color: #636363;
  cursor: pointer;
}
.step-editor-container .scenario-list .thick-divider {
  border-width: 7px;
  max-width: 1226px;
}
.step-editor-container .scenario-list .border-bottom-line {
  border-bottom: 1px solid lightgrey;
}
.step-editor-container .scenario-list .tll-parent .tll-parent-li:not(:first-child) {
  border-top: 4px solid;
  border-color: #f3f3f3 !important;
}
.step-editor-container .scenario-list .tll-parent .tll-parent-li .tll-title {
  height: 40px;
  line-height: 40px;
  font-weight: bold;
  border-bottom: 1px solid;
}
.step-editor-container .scenario-list .tll-parent .tll-parent-li .tll-child .tll-child-li {
  height: 40px;
  line-height: 40px;
}
.step-editor-container .scenario-list .tll-parent .tll-parent-li .tll-child .tll-child-li:not(:last-child) {
  border-bottom: 1px solid;
  border-color: #f3f3f3 !important;
}
.step-editor-container .scenario-list .tll-parent .tll-parent-li .tll-child .tll-child-li:nth-child(2n+1) {
  background-color: #f3f3f3;
}
.step-editor-container .scenario-list .tll-parent .tll-parent-li .tll-child .scenario-index {
  border-right: 1px solid #999999;
}
.step-editor-container .scenario-list .tll-parent .tll-parent-li .metadata {
  opacity: 0.3;
}
.step-editor-container .scenario-list .tll-parent .tll-parent-li .metadata .glyphicon-comment {
  top: 3px;
}
.step-editor-container .editorHeader {
  position: relative;
  background-color: #edecec;
  z-index: 6;
}
.step-editor-container .editorHeader .stepname-container {
  white-space: nowrap;
  width: calc(100% - 530px);
  width: -moz-calc(100% - 530px);
  width: -o-calc(100% - 530px);
  width: -webkit-calc(100% - 530px);
}
.step-editor-container .editorHeader .step-name {
  display: inline-block;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  max-width: 100%;
}
.step-editor-container .editorHeader .btn-group a {
  cursor: pointer;
}
.step-editor-container .editorHeader .method-count {
  display: inline-block;
  vertical-align: middle;
  font-weight: normal;
}
.step-editor-container .editorHeader .highlight-pink {
  box-shadow: 0 0 3px #d1293a;
}
.step-editor-container .editorHeader .delete-step-container {
  display: inline-block;
  border-left: 1px solid #999999;
}
.step-editor-container .editorHeader .delete-step-container .delete-step {
  padding: 5px;
  cursor: pointer;
  font-size: 21px;
  vertical-align: middle;
  border-radius: 4px;
}
.step-editor-container .editorHeader .delete-step-container .delete-step:hover {
  color: #fff;
  background-color: #205f9f;
}
.step-editor-container .editorHeader .toggle-btn-container {
  display: inline-block;
  border-left: 1px solid #999999;
}
.step-editor-container .editorHeader .toggle-btn-container .toggle-btn {
  padding: 5px 7px;
}
.step-editor-container .editorHeader .toggle-btn-container .toggle-icon {
  font-size: 21px;
}
.step-editor-container .editorHeader .parameter-values-toggle-icon {
  display: inline-block;
  position: relative;
  cursor: pointer;
  top: 3px;
  font-size: 22px !important;
}
.step-editor-container .editorHeader .parameter-values-toggle-icon .baloo-icon-divider {
  padding-right: 10px !important;
  border-right: 1px solid #777;
}
.step-editor-container .editorHeader .parameter-values-toggle-icon .show-hide-pram {
  color: #1e5a97;
  font-weight: 600;
  font-size: 14px ;
  cursor: auto;
  position: relative;
  bottom: 2px;
}
.step-editor-container .editorHeader .parameter-values-toggle-icon .show-hide-pram.disabled-class {
  color: #c3c3c3 !important;
}
.step-editor-container .editorHeader .parameter-values-toggle-icon .fa-toggle-on,
.step-editor-container .editorHeader .parameter-values-toggle-icon .fa-toggle-off {
  font-size: 20px;
}
.step-editor-container .editorHeader .parameter-values-toggle-icon .fa-toggle-on {
  color: #205f9f;
}
.step-editor-container .editorHeader .parameter-values-toggle-icon .fa-toggle-off {
  color: #777777;
}
.step-editor-container .editorHeader .parameter-values-toggle-icon .disabled-class .fa-toggle-on,
.step-editor-container .editorHeader .parameter-values-toggle-icon .disabled-class .fa-toggle-off {
  color: #c3c3c3;
  cursor: default;
}
.step-editor-container .editorHeader .save-cancel-container {
  display: inline-block;
  border-left: 1px solid #999999;
}
.step-editor-container .editorHeader .save-cancel-container .cancel-link {
  cursor: pointer;
  color: #205f9f;
  padding: 5px 0px;
}
.step-editor-container .editorHeader .save-cancel-container .cancel-link:hover {
  text-decoration: underline;
}
.step-editor-container .editorHeader button.header-btn {
  color: #fff;
  background-color: #205f9f;
}
.step-editor-container .editorHeader button:hover {
  background-color: #194b7d;
}
.step-editor-container .editorHeader button.active {
  background-color: #194b7d;
}
.step-editor-container .editorHeader .header-btn.fidReplaceBandActive {
  color: #fff;
  background-color: #194b7d;
}
.step-editor-container .editorHeader .findReplaceBand {
  height: 0;
  overflow: hidden;
  background-color: #f8f8f8;
  border-bottom: 1px solid #e7e7e7;
  -webkit-transition: height 0.3s;
  transition: height 0.3s;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  z-index: 10;
}
.step-editor-container .editorHeader .findReplaceBand .findReplaceBox {
  padding-top: 10px !important;
  padding-bottom: 10px !important;
  height: 100%;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.step-editor-container .editorHeader .findReplaceBand .findReplaceBox .group {
  position: relative;
  margin-bottom: 45px;
}
.step-editor-container .editorHeader .findReplaceBand .findReplaceBox .group input {
  font-size: 14px;
  -webkit-appearance: none;
  display: block;
  color: #636363;
  width: 100%;
  border: none;
  border-radius: 0;
  border-bottom: 1px solid #e5e5e5 !important;
}
.step-editor-container .editorHeader .findReplaceBand .findReplaceBox .group input:focus {
  outline: none;
}
.step-editor-container .editorHeader .findReplaceBand .findReplaceBox .group label {
  color: #999999;
  font-size: 18px;
  font-weight: normal;
  position: absolute;
  pointer-events: none;
  left: 10px;
  top: 5px;
  transition: 0.2s ease all;
  -moz-transition: 0.2s ease all;
  -webkit-transition: 0.2s ease all;
}
.step-editor-container .editorHeader .findReplaceBand .findReplaceBox .group input:focus ~ label,
.step-editor-container .editorHeader .findReplaceBand .findReplaceBox .group input.used ~ label {
  top: -18px;
  font-size: 14px;
  left: 10px;
  color: #205f9f;
}
.step-editor-container .editorHeader .findReplaceBand .findReplaceBox .group .bar {
  position: relative;
  display: block;
  width: 100%;
}
.step-editor-container .editorHeader .findReplaceBand .findReplaceBox .group .bar:before {
  left: 50%;
}
.step-editor-container .editorHeader .findReplaceBand .findReplaceBox .group .bar:after {
  right: 50%;
}
.step-editor-container .editorHeader .findReplaceBand .findReplaceBox .group .bar:before,
.step-editor-container .editorHeader .findReplaceBand .findReplaceBox .group .bar:after {
  content: '';
  height: 2px;
  width: 0;
  bottom: 1px;
  position: absolute;
  background: #205f9f;
  transition: 0.2s ease all;
  -moz-transition: 0.2s ease all;
  -webkit-transition: 0.2s ease all;
}
.step-editor-container .editorHeader .findReplaceBand .findReplaceBox .group input:focus ~ .bar:before,
.step-editor-container .editorHeader .findReplaceBand .findReplaceBox .group input:focus ~ .bar:after {
  width: 50%;
}
.step-editor-container .editorHeader .findReplaceBand .findReplaceBox .group {
  display: inline-block;
  vertical-align: top;
  margin-top: -1px;
  margin-bottom: 0px !important;
}
.step-editor-container .editorHeader .findReplaceBand .findReplaceBox .group input {
  background-color: transparent !important;
  border-bottom-color: #d5d5d5 !important;
  width: 140px;
  -webkit-border-radius: 0 !important;
  -moz-border-radius: 0 !important;
  border-radius: 0 !important;
}
.step-editor-container .editorHeader .findReplaceBand .findReplaceBox .group input::-ms-clear {
  display: none;
}
.step-editor-container .editorHeader .findReplaceBand .findReplaceBox .match-case-input {
  vertical-align: top;
  margin-top: 9px;
}
.step-editor-container .editorHeader .findReplaceBand .findReplaceBox .match-case-text {
  display: inline-block;
  vertical-align: top;
  margin-top: 6px;
  cursor: pointer;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.step-editor-container .editorHeader .findReplaceBand .button {
  margin: 0;
  background: transparent;
  font-family: inherit;
  font-size: 1em;
  cursor: pointer;
  padding: 5px;
  vertical-align: top;
  outline: none;
  border: 1px solid transparent;
  border-radius: 3px;
}
.step-editor-container .editorHeader .findReplaceBand .button:hover {
  color: #fff;
  background-color: #205f9f;
}
.step-editor-container .editorHeader .findReplaceBand .button.disabled-button {
  color: #cccccc;
  cursor: default;
  background: transparent;
}
.step-editor-container .editorHeader .findReplaceBand.visible {
  height: 53px;
}
.step-editor-container .editorHeader .findReplaceBand #finderMessage {
  display: inline-block;
  margin-top: 6px;
  vertical-align: top;
  margin-left: 5px !important;
}
.step-editor-container .editorHeader .findReplaceBand .close:hover {
  color: #205f9f;
  opacity: 1;
}
.step-editor-container .parameterized-editor-container .step-container-parent .stepContainer {
  display: inline-block;
}
.step-editor-container .parameterized-editor-container .step-container-parent .stepContainer .stepContainerChild {
  width: calc(100% - 320px);
  width: -moz-calc(100% - 320px);
  width: -o-calc(100% - 320px);
  width: -webkit-calc(100% - 320px);
  line-height: 21px;
}
.step-editor-container .parameterized-editor-container .step-container-parent .stepContainer .stepContainerChild .non-editable-method {
  padding: 10px 0 !important;
}
.step-editor-container .parameterized-editor-container .step-container-parent .stepContainer .stepContainerChild .non-editable-method .methodHeader {
  line-height: 30px;
}
.step-editor-container .parameterized-editor-container .step-container-parent .stepContainer .stepContainerChild .non-editable-method .methodHeader .makePrimaryMethodIcon {
  color: #ccc;
  display: inline-block;
}
.step-editor-container .parameterized-editor-container .step-container-parent .stepContainer .stepContainerChild .non-editable-method .methodHeader .gripper-icon {
  color: #777 !important;
}
.step-editor-container .parameterized-editor-container .step-container-parent .stepContainer .stepContainerChild .non-editable-method .methodHeader .gripper-icon.hover {
  color: #444 !important;
}
.step-editor-container .parameterized-editor-container .step-container-parent .stepContainer .stepContainerChild .non-editable-method .methodHeader .star-icon {
  top: 22px;
}
.step-editor-container .parameterized-editor-container .step-container-parent .stepContainer .stepContainerChild .non-editable-method.focused {
  background-color: #eee;
  border: 1px solid transparent !important;
  border-bottom: 1px dashed grey !important;
  -webkit-border-radius: 0px !important;
  -moz-border-radius: 0px !important;
  border-radius: 0px !important;
  box-shadow: none !important;
}
.step-editor-container .parameterized-editor-container .step-container-parent .stepContainer .stepContainerChild .non-editable-method.focused .method-index {
  color: #205f9f;
}
.step-editor-container .parameterized-editor-container .step-container-parent .stepContainer .stepContainerChild .non-editable-method.focused .headerBand {
  background: none;
  color: white;
  height: 40px;
  width: 100%;
}
.step-editor-container .parameterized-editor-container .step-container-parent .stepContainer .stepContainerChild .non-editable-method.focused .methodHeader .makePrimaryMethodIcon {
  top: 22px;
}
.step-editor-container .parameterized-editor-container .step-container-parent .stepContainer .stepContainerChild .non-editable-method.focused .methodHeader .gripper-icon {
  line-height: 70px;
}
.step-editor-container .parameterized-editor-container .step-container-parent .stepContainer .stepContainerChild .non-editable-method .method-name {
  color: #444;
}
.step-editor-container .parameterized-editor-container .step-container-parent .parameter-wrapper {
  background: #ffeea0;
  padding: 0;
  border-radius: 3px;
  word-wrap: break-word;
}
.step-editor-container .parameterized-editor-container .step-container-parent .parameter-border {
  background: #318bf9;
  color: white;
}
.step-editor-container .parameterized-editor-container .step-container-parent .parameter-border .parameter {
  background: transparent;
}
.step-editor-container .parameterized-editor-container [contenteditable] {
  -webkit-user-select: auto!important;
  user-select: auto!important;
}
.step-editor-container .stepContainer {
  font-family: arial, Helvetica, sans-serif;
  overflow-y: scroll;
  width: 100%;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.step-editor-container .stepContainer .hidden {
  display: none;
}
.step-editor-container .stepContainer .step-text-hidden-container {
  background-color: #f8f8f8;
  position: absolute;
  z-index: 5;
  left: 0px;
  padding-top: 15px !important;
  padding-bottom: 15px !important;
  top: -200px;
  -webkit-box-shadow: 0px 3px 7px 0px rgba(0, 0, 0, 0.26);
  -moz-box-shadow: 0px 3px 7px 0px rgba(0, 0, 0, 0.26);
  box-shadow: 0px 3px 7px 0px rgba(0, 0, 0, 0.26);
}
.step-editor-container .stepContainer .step-text-hidden-container .step-text-hidden:before {
  content: 'Step Text: ';
  font-weight: bold;
}
.step-editor-container .stepContainer .insertMethod {
  border: 0 !important;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  color: #205f9f;
  cursor: pointer;
  -webkit-border-radius: 3px !important;
  -moz-border-radius: 3px !important;
  border-radius: 3px !important;
  background: transparent;
  margin-left: 25px !important;
}
.step-editor-container .stepContainer .insertMethod:hover {
  background-color: #c3c3c3;
}
.step-editor-container .stepContainer .insertMethod i {
  font-size: 16px;
}
.step-editor-container .stepContainerChild ul {
  list-style: none;
}
.step-editor-container .stepContainerChild .editor-toolbar {
  float: right;
  position: relative;
  display: none;
  font-size: 21px !important;
}
.step-editor-container .stepContainerChild .editor-toolbar .cke_top {
  background: #205f9f !important;
}
.step-editor-container .stepContainerChild .editor-toolbar .cke_button {
  margin: 0 5px;
  cursor: pointer;
  line-height: 20px;
}
.step-editor-container .stepContainerChild .editor-toolbar .cke_button:hover,
.step-editor-container .stepContainerChild .editor-toolbar .cke_button.cke_button_on {
  background: #fff;
  -webkit-border-radius: 4px !important;
  -moz-border-radius: 4px !important;
  border-radius: 4px !important;
}
.step-editor-container .stepContainerChild .editor-toolbar .cke_button:hover i,
.step-editor-container .stepContainerChild .editor-toolbar .cke_button.cke_button_on i {
  color: #205f9f;
}
.step-editor-container .stepContainerChild .editor-toolbar .cke_button:hover .cke_button_arrow,
.step-editor-container .stepContainerChild .editor-toolbar .cke_button.cke_button_on .cke_button_arrow {
  border-top-color: #205f9f;
}
.step-editor-container .stepContainerChild .editor-toolbar .cke_button .cke_button_arrow {
  margin: 11px 0 0 2px;
}
.step-editor-container .stepContainerChild .editor-toolbar .cke_button span i {
  color: #fff;
  cursor: pointer;
}
.step-editor-container .stepContainerChild .editor-toolbar .cke_button .cke_button_arrow {
  border-top-color: #fff;
}
.step-editor-container .stepContainerChild .editor-toolbar .cke_button.cke_button_on {
  background-color: #fff;
  box-shadow: none;
}
.step-editor-container .stepContainerChild .gripper-icon {
  display: none;
  color: #92b1d0 !important;
  font-size: 37px;
  line-height: 27px;
  left: 1px;
  position: absolute;
  cursor: move;
}
.step-editor-container .stepContainerChild .gripper-icon:hover {
  color: white !important;
}
.step-editor-container .stepContainerChild .custom-toolbar {
  display: none;
  font-size: 21px;
}
.step-editor-container .stepContainerChild .custom-toolbar .toolbar-icons-divider {
  display: inline;
  border-left: 1px solid white;
  margin-top: 5px !important;
  margin-bottom: 5px !important;
  margin-right: 10px !important;
  margin-left: 10px !important;
}
.step-editor-container .stepContainerChild .custom-toolbar span {
  padding-top: 3px !important;
  padding-right: 3px !important;
  padding-bottom: 3px !important;
  padding-left: 3px !important;
  margin-right: 5px !important;
}
.step-editor-container .stepContainerChild .custom-toolbar span:hover {
  background-color: #fff;
  -webkit-border-radius: 4px !important;
  -moz-border-radius: 4px !important;
  border-radius: 4px !important;
  color: #205f9f;
  cursor: pointer;
}
.step-editor-container .stepContainerChild .custom-toolbar .disabledIcon,
.step-editor-container .stepContainerChild .custom-toolbar .disabledIcon:hover {
  background-color: inherit;
  color: inherit;
  cursor: default;
  opacity: 0.5;
}
.step-editor-container .stepContainerChild .stepTextDiv.focused,
.step-editor-container .stepContainerChild .method.focused {
  background-color: #f5f9fd;
  border: 1px solid #205f9f;
  -webkit-border-radius: 5px !important;
  -moz-border-radius: 5px !important;
  border-radius: 5px !important;
  -webkit-box-shadow: 0 2px 2px 1px rgba(0, 0, 0, 0.15) !important;
  box-shadow: 0 2px 2px 1px rgba(0, 0, 0, 0.15) !important;
  padding-top: 0 !important;
  padding-bottom: 0 !important;
}
.step-editor-container .stepContainerChild .stepTextDiv.focused.partialFocus,
.step-editor-container .stepContainerChild .method.focused.partialFocus {
  border: 1px solid #808080;
  -webkit-box-shadow: none !important;
  box-shadow: none !important;
}
.step-editor-container .stepContainerChild .stepTextDiv.focused.partialFocus .headerBand,
.step-editor-container .stepContainerChild .method.focused.partialFocus .headerBand {
  background: #808080;
}
.step-editor-container .stepContainerChild .stepTextDiv.focused.partialFocus .cke_top,
.step-editor-container .stepContainerChild .method.focused.partialFocus .cke_top {
  background: #808080 !important;
}
.step-editor-container .stepContainerChild .stepTextDiv.focused .editor-toolbar,
.step-editor-container .stepContainerChild .method.focused .editor-toolbar,
.step-editor-container .stepContainerChild .stepTextDiv.focused .custom-toolbar,
.step-editor-container .stepContainerChild .method.focused .custom-toolbar {
  display: block !important;
}
.step-editor-container .stepContainerChild .stepTextDiv.focused .method-index,
.step-editor-container .stepContainerChild .method.focused .method-index {
  color: white;
}
.step-editor-container .stepContainerChild .stepTextDiv.focused .headerBand,
.step-editor-container .stepContainerChild .method.focused .headerBand {
  background: #205f9f;
  color: white;
  height: 40px;
  width: 100%;
}
.step-editor-container .stepContainerChild .stepTextDiv {
  margin-top: 10px;
  padding-top: 20px !important;
  padding-bottom: 20px !important;
  position: relative;
  font-size: 14px;
  border: 1px solid transparent;
  border-bottom: 1px dashed grey;
  -webkit-transition: padding 0.3s;
  transition: padding 0.3s;
}
.step-editor-container .stepContainerChild .stepTextDiv .stepText {
  color: #737373;
  padding: 5px;
  outline: none;
}
.step-editor-container .stepContainerChild .stepTextDiv .stepText:before {
  content: 'Step Text: ';
  font-weight: bold;
}
.step-editor-container .stepContainerChild .stepTextDiv .stepTextHeader {
  height: 0;
  -webkit-transition: height 0.3s;
  transition: height 0.3s;
}
.step-editor-container .stepContainerChild .stepTextDiv .stepTextHeader .editor-toolbar,
.step-editor-container .stepContainerChild .stepTextDiv .stepTextHeader .custom-toolbar {
  margin-top: 5px !important;
}
.step-editor-container .stepContainerChild .method {
  position: relative;
  font-size: 14px;
  border: 1px solid transparent;
  border-bottom: 1px dashed grey;
}
.step-editor-container .stepContainerChild .method:last-child {
  margin-bottom: 0 !important;
  margin-bottom: 20px !important;
}
.step-editor-container .stepContainerChild .method .method-index {
  font-weight: bold;
  color: #205f9f;
}
.step-editor-container .stepContainerChild .method .deleteMethod {
  display: none;
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  z-index: 1000;
  background-color: grey;
  -webkit-border-radius: 5px !important;
  -moz-border-radius: 5px !important;
  border-radius: 5px !important;
  opacity: 0.9;
}
.step-editor-container .stepContainerChild .method .deleteMethod .deleteMessage {
  position: relative;
  font-weight: bold;
  top: calc(50% - 10px);
  top: -webkit-calc(50% - 10px);
}
.step-editor-container .stepContainerChild .method .deleteMethod .confirmButtons {
  bottom: 5px;
  right: 10px;
  height: 50px;
  position: absolute;
}
.step-editor-container .stepContainerChild .method.focused .methodHeader .gripper-icon,
.step-editor-container .stepContainerChild .method.focused .methodHeader .makePrimaryMethodIcon {
  display: inline-block;
}
.step-editor-container .stepContainerChild .method.focused .methodHeader .btn-default {
  color: #fff;
}
.step-editor-container .stepContainerChild .method .bootstrap-select .btn {
  height: 30px;
  padding: 0 !important;
  padding-left: 10px;
  font-weight: normal;
}
.step-editor-container .stepContainerChild .method .bootstrap-select .btn:focus {
  border-bottom-color: #e5e5e5 !important;
}
.step-editor-container .stepContainerChild .method .bootstrap-select .selectpicker li a {
  font-size: 14px !important;
}
.step-editor-container .stepContainerChild .method .methodHeader {
  height: 40px;
}
.step-editor-container .stepContainerChild .method .methodHeader .star-icon {
  position: absolute;
  left: 20px;
  top: 12px;
  line-height: 11px;
  font-size: 21px;
}
.step-editor-container .stepContainerChild .method .methodHeader .primaryMethodIcon {
  color: #ffd203;
}
.step-editor-container .stepContainerChild .method .methodHeader .makePrimaryMethodIcon {
  color: #ffffff;
  cursor: pointer;
  display: none;
}
.step-editor-container .stepContainerChild .method .methodHeader .methodTypeDropDown.open .caret {
  color: #ffffff !important;
}
.step-editor-container .stepContainerChild .method .methodHeader .methodTypeDropDown.open .btn {
  border-color: #ffffff !important;
}
.step-editor-container .stepContainerChild .method .actionListContainer {
  outline: none;
  position: relative;
  z-index: 1;
}
.step-editor-container .stepContainerChild .method .actionListContainer .actionList {
  padding-top: 0 !important;
  padding-right: 0 !important;
  padding-bottom: 0 !important;
  padding-left: 0 !important;
  margin-top: 3px !important;
}
.step-editor-container .stepContainerChild .method .actionListContainer .actionList .action {
  text-indent: -70px;
  margin-top: 0px !important;
  margin-right: 0px !important;
  margin-bottom: 0px !important;
  margin-left: 0px !important;
  padding-top: 5px;
  padding-bottom: 5px;
  padding-right: 65px;
  padding-left: 70px;
  color: #444;
}
.step-editor-container .stepContainerChild .method .actionListContainer .actionList .action:before {
  color: #9e9e9e;
}
.step-editor-container .stepContainerChild .method .actionListContainer .actionList .action .action-text {
  display: inline;
}
.step-editor-container .stepContainerChild .method .actionListContainer .actionList .action .alternative-text {
  margin-left: -7px;
  text-indent: 0;
  padding-top: 10px !important;
}
.step-editor-container .stepContainerChild .method .actionListContainer .actionList .action .alternative-text .alternative-text-data {
  display: inline;
}
.step-editor-container .stepContainerChild .method .actionListContainer .actionList .actionPlaceHolder {
  border: 1px dashed #000000;
  list-style-type: none;
}
.step-editor-container .stepContainerChild .method div.fakeFocus {
  background-color: #ffffff;
  outline: 1px dashed #000000;
  position: absolute;
  z-index: 0;
  top: 0;
  left: 0;
  width: 100%;
  height: 0;
  overflow: hidden;
  display: none;
}
.step-editor-container .stepContainerChild .method .buttonContainerList {
  display: none;
  position: absolute;
  top: 43px;
  right: 0;
  z-index: 2;
}
.step-editor-container .stepContainerChild .method .buttonContainerList .actionDeleteButton {
  cursor: pointer;
  border-right: 1px solid grey;
  padding-right: 10px !important;
}
.step-editor-container .stepContainerChild .method .buttonContainerList .baloo-icon-gripper-sm {
  cursor: move;
  font-size: 19px !important;
  line-height: 17px;
}
.step-editor-container .stepContainerChild .method .buttonContainerList .baloo-icon-trash {
  font-size: 21px !important;
  line-height: 17px;
}
.step-editor-container .stepContainerChild .method .buttonContainerList ul {
  position: absolute;
}
.step-editor-container .stepContainerChild .method .buttonContainerList .actionAlternateButtonsContainer {
  position: relative;
  left: 36px;
  cursor: pointer;
}
.step-editor-container .stepContainerChild .method .alternateButtonContainerList {
  display: none;
  position: absolute;
  top: 43px;
  left: 123px;
  z-index: 2;
}
.step-editor-container .stepContainerChild .method .alternateButtonContainerList .alternateButtonContainer {
  position: relative;
}
.step-editor-container .stepContainerChild .editable-method .actionList {
  display: block;
}
.step-editor-container .stepContainerChild .editable-method .actionList .action {
  display: block;
}
.step-editor-container .stepContainerChild .addAction {
  border: 0 !important;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  color: #205f9f;
  cursor: pointer;
  -webkit-border-radius: 3px !important;
  -moz-border-radius: 3px !important;
  border-radius: 3px !important;
  background: transparent ;
  margin-left: 57px !important;
}
.step-editor-container .stepContainerChild .addAction:hover {
  background-color: #c3c3c3;
}
.step-editor-container .stepContainerChild .addAction i {
  font-size: 16px;
}
.step-editor-container .stepContainerChild .addAlternative {
  border: 0 !important;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  color: #205f9f;
  cursor: pointer;
  -webkit-border-radius: 3px !important;
  -moz-border-radius: 3px !important;
  border-radius: 3px !important;
  background: transparent ;
  text-indent: 0px;
  margin-left: -10px;
  width: 105px;
  outline: none;
  position: absolute;
  bottom: 4px;
  height: 35px;
}
.step-editor-container .stepContainerChild .addAlternative span {
  outline: none;
  font-family: 'Arial', 'Helvetica Neue', 'sans-serif';
  font-size: 14px;
  margin-left: 5px;
}
.step-editor-container .stepContainerChild .addAlternative:hover {
  background-color: #c3c3c3;
}
.step-editor-container .stepContainerChild .addAlternative .icon {
  font-size: 16px;
}
.step-editor-container .stepContainerChild .insertMethod {
  margin-left: 0 !important;
}
.step-editor-container .stepContainerChild .methodPlaceHolder {
  border: 1px dashed #000000;
  border-radius: 5px !important;
  list-style-type: none;
}
.step-editor-container .stepContainerChild .alternative-text:before {
  margin-right: 5px !important;
  content: 'Alternatively';
  background: #989898;
  color: white;
  padding: 2px 4px;
  border-radius: 3px;
}
.step-editor-container .stepContainerChild .action1:before {
  content: 'Action 1:  \00a0';
}
.step-editor-container .stepContainerChild .action2:before {
  content: 'Action 2: \00a0';
}
.step-editor-container .stepContainerChild .action3:before {
  content: 'Action 3: \00a0';
}
.step-editor-container .stepContainerChild .action4:before {
  content: 'Action 4: \00a0';
}
.step-editor-container .stepContainerChild .action5:before {
  content: 'Action 5: \00a0';
}
.step-editor-container .stepContainerChild .action6:before {
  content: 'Action 6: \00a0';
}
.step-editor-container .stepContainerChild .action7:before {
  content: 'Action 7: \00a0';
}
.step-editor-container .stepContainerChild .action8:before {
  content: 'Action 8: \00a0';
}
.step-editor-container .stepContainerChild .action9:before {
  content: 'Action 9: \00a0';
}
.step-editor-container .stepContainerChild .action10:before {
  content: 'Action 10: ';
}
.step-editor-container .stepContainerChild .action11:before {
  content: 'Action 11: ';
}
.step-editor-container .stepContainerChild .action12:before {
  content: 'Action 12: ';
}
.step-editor-container .stepContainerChild .action13:before {
  content: 'Action 13: ';
}
.step-editor-container .stepContainerChild .action14:before {
  content: 'Action 14: ';
}
.step-editor-container .stepContainerChild .action15:before {
  content: 'Action 15: ';
}
.step-editor-container .stepContainerChild .action16:before {
  content: 'Action 16: ';
}
.step-editor-container .stepContainerChild .action17:before {
  content: 'Action 17: ';
}
.step-editor-container .stepContainerChild .action18:before {
  content: 'Action 18: ';
}
.step-editor-container .stepContainerChild .action19:before {
  content: 'Action 19: ';
}
.step-editor-container .stepContainerChild .action20:before {
  content: 'Action 20: ';
}
.step-editor-container .stepContainerChild .action21:before {
  content: 'Action 21: ';
}
.step-editor-container .stepContainerChild .action22:before {
  content: 'Action 22: ';
}
.step-editor-container .stepContainerChild .action23:before {
  content: 'Action 23: ';
}
.step-editor-container .stepContainerChild .action24:before {
  content: 'Action 24: ';
}
.step-editor-container .stepContainerChild .action25:before {
  content: 'Action 25: ';
}
.step-editor-container .stepContainerChild .action26:before {
  content: 'Action 26: ';
}
.step-editor-container .stepContainerChild .action27:before {
  content: 'Action 27: ';
}
.step-editor-container .stepContainerChild .action28:before {
  content: 'Action 28: ';
}
.step-editor-container .stepContainerChild .action29:before {
  content: 'Action 29: ';
}
.step-editor-container .stepContainerChild .action30:before {
  content: 'Action 30: ';
}
.step-editor-container .stepContainerChild .action31:before {
  content: 'Action 31: ';
}
.step-editor-container .stepContainerChild .action32:before {
  content: 'Action 32: ';
}
.step-editor-container .stepContainerChild .action33:before {
  content: 'Action 33: ';
}
.step-editor-container .stepContainerChild .action34:before {
  content: 'Action 34: ';
}
.step-editor-container .stepContainerChild .action35:before {
  content: 'Action 35: ';
}
.step-editor-container .stepContainerChild .action36:before {
  content: 'Action 36: ';
}
.step-editor-container .stepContainerChild .action37:before {
  content: 'Action 37: ';
}
.step-editor-container .stepContainerChild .action38:before {
  content: 'Action 38: ';
}
.step-editor-container .stepContainerChild .action39:before {
  content: 'Action 39: ';
}
.step-editor-container .stepContainerChild .action40:before {
  content: 'Action 40: ';
}
.browser-warning {
  background-color: #fff1a8;
  text-align: center;
  position: relative;
  font-size: 12px;
  z-index: 7;
}
.browser-warning .dismiss {
  color: #4461df;
}
.browser-warning .dismiss:hover {
  color: blue;
  text-decoration: underline;
  cursor: pointer;
}
.sync-icon {
  margin-left: 7px;
}
.update-btn {
  margin-left: 5px;
}
.ui-data-grid {
  /* over writing bootstrap style */
}
.ui-data-grid .search {
  border: solid 1px !important;
  border-color: #f3f3f3 !important;
  margin-right: -2px;
  background-color: #f3f3f3;
  height: 55px;
}
.ui-data-grid .search .search-label {
  display: inline;
  line-height: 55px;
}
.ui-data-grid .search .search-div .icon-class {
  position: absolute;
  top: 0;
  bottom: 0;
  margin: auto;
}
.ui-data-grid .search .search-div .search-icon {
  left: 7px;
  height: 16px;
}
.ui-data-grid .search .search-div .clear-icon {
  right: 20px;
  height: 18px;
  cursor: pointer;
}
.ui-data-grid .search .search-box {
  height: 34px;
  width: 250px;
  border: solid 1px;
  border-color: #c3c3c3;
  outline: none;
}
.ui-data-grid .search .search-box:focus {
  border-color: #66afe9;
}
.ui-data-grid .search .search-box::-ms-clear {
  width: 0;
  height: 0;
}
.ui-data-grid .grid {
  height: 100% !important;
  width: 100% !important;
  border-color: #f3f3f3 !important;
}
.ui-data-grid .grid .msg-block {
  position: absolute;
  top: 40px;
}
.ui-data-grid .grid .msg-block span {
  display: inline-block;
}
.ui-data-grid .grid .ui-grid-header-viewport {
  overflow: inherit;
}
.ui-data-grid .grid .ui-grid-top-panel {
  overflow: inherit;
}
.ui-data-grid .grid .ui-grid-header {
  border: none !important;
  font-size: 14px !important;
  font-weight: bold;
  line-height: 40px;
}
.ui-data-grid .grid .ui-grid-header .ui-grid-top-panel {
  background: white !important;
  border-bottom: solid 1px !important;
  border-color: #f3f3f3 !important;
}
.ui-data-grid .grid .ui-grid-header .ui-grid-header-cell {
  border-color: #f3f3f3 !important;
}
.ui-data-grid .grid .ui-grid-header .ui-grid-header-cell .ui-grid-icon-down-dir:before,
.ui-data-grid .grid .ui-grid-header .ui-grid-header-cell .ui-grid-icon-up-dir:before {
  color: #205f9f !important;
  position: absolute;
  padding-left: 7px;
}
.ui-data-grid .grid .ui-grid-header .ui-grid-header-cell .ui-grid-icon-up-dir:before {
  top: 9px;
}
.ui-data-grid .grid .ui-grid-header .ui-grid-header-cell .ui-grid-icon-down-dir:before {
  top: 15px;
}
.ui-data-grid .grid .ui-grid-header .ui-grid-header-cell .sort-button {
  line-height: 40px;
  color: #777 !important;
  position: absolute;
  padding-left: 10px !important;
}
.ui-data-grid .grid .ui-grid-viewport {
  overflow-anchor: none;
  overflow-x: hidden !important;
  height: 700px;
  margin-top: -1px;
}
.ui-data-grid .grid .ui-grid-viewport .ui-grid-row:hover .ui-grid-cell {
  background-color: #e5e5e5 !important;
}
.ui-data-grid .grid .ui-grid-viewport .ui-grid-row .ui-grid-cell {
  border-bottom: solid 1px !important;
  border-color: #f3f3f3 !important;
  line-height: 40px;
  cursor: pointer;
}
.ui-data-grid .grid .ui-grid-viewport .ui-grid-row .ui-grid-cell button {
  background-color: #ffffff;
  border-radius: 50%;
  border-radius: 50% !important;
  font-size: 12px !important;
  padding-top: 0 !important;
  padding-right: 0 !important;
  padding-bottom: 0 !important;
  padding-left: 0 !important;
  overflow: hidden;
  border: 1px solid #777;
  text-align: center;
  outline: none !important;
  margin-top: 4px;
  display: block;
  width: 30px;
  height: 30px;
  line-height: 26px;
  margin-right: auto;
  margin-left: auto;
}
.ui-data-grid .grid .ui-grid-viewport .ui-grid-row .ui-grid-cell .show-ellipsis {
  max-width: 90%;
  float: left;
  display: inline-block;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.ui-data-grid .bootstrap-select.btn-group .btn .filter-option {
  text-overflow: ellipsis;
}
.dropdown-menu.selectpicker {
  overflow-x: hidden;
}
.bootstrap-select.btn-group .dropdown-menu li a {
  font-size: 14px;
}
.bootstrap-select.btn-group .dropdown-menu li a span.text {
  margin-right: 10px !important;
}
.bootstrap-select.btn-group.open .btn .caret {
  color: #205f9f !important;
}
.uiGridDropdownMenu.bootstrap-select.btn-group .dropdown-menu.inner {
  max-height: 38vh;
}
.state-chooser {
  display: inline-block;
}
.state-chooser .state-block {
  position: relative;
  display: inline-block !important;
  text-align: center;
}
.state-chooser .state-block .state {
  position: relative;
  height: 55px;
  width: 55px;
  border: 2px solid;
  border-color: #f3f3f3;
  line-height: 51px;
  margin-left: auto;
  margin-right: auto;
}
.state-chooser .state-block .state .state-icon {
  display: inline-block;
  height: 35px;
  width: 35px;
  line-height: 34px;
  background-color: #c3c3c3;
  text-align: center;
  margin-left: auto;
  margin-right: auto;
}
.state-chooser .state-block .state .status-line {
  width: 165px;
  height: 1px;
  top: 0px;
  bottom: 0px;
  margin-top: auto;
  margin-bottom: auto;
  position: absolute;
  display: inline-block;
  background-color: #c3c3c3;
  z-index: 2;
}
.state-chooser .state-block .state-info {
  width: 120px;
}
.state-chooser .state-block.focus-block:not(.selected-block) .state-icon {
  cursor: pointer;
}
.state-chooser .state-block.focus-block:not(.selected-block) .state-info {
  cursor: pointer;
}
.state-chooser .state-block.focus-block .state .state-icon {
  background-color: #205f9f !important;
  color: #fff !important;
  color: #ffffff !important;
}
.state-chooser .state-block.focus-block .state-info {
  color: #205f9f !important;
}
.state-chooser .state-block.selected-block .state {
  background-color: #ffffff;
  border: 2px solid;
  border-color: #205f9f !important;
  z-index: 2;
}
.state-chooser .state-block.selected-block .state-info {
  font-weight: bold;
}
.state-chooser .state-block.selected-block .status-line {
  width: 155px;
  margin-left: 10px !important;
}
.alert-modal.modal {
  padding-top: 200px;
}
.alert-modal.modal .modal-header {
  border-bottom: 1px solid;
  border-color: #f3f3f3 !important;
}
.alert-modal.modal .modal-header .modal-title {
  font-weight: bold;
  text-align: left;
}
.alert-modal.modal .modal-header .close {
  font-size: 26px !important;
}
.alert-modal.modal .modal-header .close:hover {
  color: #205f9f !important;
  background-color: inherit;
  opacity: 1;
}
.alert-modal.modal .modal-dialog {
  margin-top: 0;
}
.alert-modal.modal .modal-content .modal-header {
  border-top-right-radius: 5px !important;
  border-top-left-radius: 5px !important;
}
.alert-modal.modal .modal-content .modal-body {
  max-height: 320px;
  overflow-y: auto;
}
.alert-modal.modal .modal-content .modal-body .modal-body-content {
  display: inline-block;
  text-align: left;
  width: calc(100% - 52px);
  width: -moz-calc(100% - 52px);
  width: -o-calc(100% - 52px);
  width: -webkit-calc(100% - 52px);
}
.alert-modal.modal .modal-content .modal-body .modal-body-content .modal-body-message {
  display: inline-block;
  font-weight: bold !important;
  text-align: left;
}
.alert-modal.modal .modal-content .modal-body .modal-body-content .modal-body-message.no-text-bold {
  font-weight: normal !important;
}
.alert-modal.modal .modal-content .modal-body .modal-body-content .modal-body-message.custom-line-height {
  line-height: 1.2em;
}
.alert-modal.modal .modal-content .modal-body .error-icon-parent,
.alert-modal.modal .modal-content .modal-body .warning-icon-parent {
  background-color: #d1293a;
  -webkit-border-radius: 100% !important;
  -moz-border-radius: 100% !important;
  border-radius: 100% !important;
  display: inline-block;
  width: 36px;
  height: 36px;
  margin: 15px -5px 15px 20px;
  vertical-align: top;
}
.alert-modal.modal .modal-content .modal-body .error-icon-parent .error-icon,
.alert-modal.modal .modal-content .modal-body .warning-icon-parent .error-icon {
  font-size: 40px;
  left: 27px;
  position: absolute;
  top: 5px;
}
.alert-modal.modal .modal-content .modal-body .warning-icon-parent {
  background-color: #be9c37;
}
.alert-modal.modal .modal-content .modal-body .warning-icon-parent .error-icon {
  font-size: 21px;
  left: 28px;
  position: absolute;
  top: 21px;
}
.alert-modal.modal .modal-content .modal-body .item {
  list-style-type: decimal;
}
.alert-modal.modal .modal-content .modal-body .item .item-list-message {
  list-style-type: disc;
}
.alert-modal.modal .modal-footer {
  border-top: 1px solid;
  border-bottom-right-radius: 5px !important;
  border-bottom-left-radius: 5px !important;
  border-color: #f3f3f3 !important;
  text-align: center !important;
}
.alert-modal.modal .modal-footer .warning {
  font-weight: bold;
  font-size: 16px;
  margin-top: -6px;
  padding-bottom: 7px;
}
.alert-modal.modal .modal-footer .warning .text-italic {
  font-style: italic;
}
.import .import-module-popup {
  position: fixed;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  z-index: 4;
}
.import-task .import-header .navbar {
  height: 60px;
}
.import-task .import-header .navbar .heading {
  font-weight: bold;
}
.import-task .import-header .navbar .navbar-default,
.import-task .import-header .navbar .navbar-right .btn {
  border: 0 !important;
  padding: 0 12px;
}
.import-task .import-header .search-box {
  height: 150px;
}
.import-task .import-header .search-box .search {
  width: 245px;
  display: inline-block;
}
.import-task .import-header .search-box .search .rounded-box {
  border-radius: 20px !important;
}
.import-task .import-header .search-box .search .search-icon {
  display: block;
  padding-top: 4px;
  position: absolute;
  height: 28px;
  width: 28px;
  right: 6px;
}
.import-task .import-header .search-box .search .box-shadow-two-sides {
  box-shadow: 1px 1px 2px 0 rgba(0, 0, 0, 0.15) !important;
}
.import-task .import-header .search-box .search .search-task {
  height: 135px;
  text-align: center;
}
.import-task .import-header .search-box .search .search-task .input-textbox {
  width: 100%;
}
.import-task .import-header .search-box .search .search-task .input-textbox .input-icon {
  height: 35px;
  width: 200px;
  display: inline-block;
}
.import-task .import-header .search-box .search .search-task .input-textbox .input-icon .search-icon {
  line-height: 28px;
}
.import-task .import-container .step-viewer-container .steps_label {
  font-weight: normal;
}
.import-task .import-container .step-viewer-container .step-index span {
  right: 0;
}
.import-task .import-container .step-viewer-container .method-count {
  color: #777 !important;
  border: 0 !important;
}
.import-task .import-container .step-viewer-container .step-text-div .step-text {
  padding-top: 5px !important;
}
.import-task .import-container .step-viewer-container .method-header {
  margin-top: 7px !important;
}
.import-task .import-container .step-viewer-container .method-header .star-icon {
  top: 19px;
}
.import-task .import-container .step-list-view {
  overflow-y: scroll;
}
.import-task .import-footer {
  position: absolute;
  bottom: 0;
  height: 80px;
  width: 100%;
}
.import-task .import-footer .include-attachments {
  position: absolute;
  top: 27px;
}
.import-task .import-footer .include-attachments .include-label {
  position: relative;
  bottom: 3px;
}
.import-task .import-footer .include-attachments input[type="checkbox"] {
  width: 20px;
  height: 20px;
}
.import-task .import-footer button.header-btn {
  color: #fff;
  background-color: #205f9f;
}
.import-task .import-footer button.header-btn:hover {
  background-color: #194b7d;
}
.import-task .import-footer .copy-button-container,
.import-task .import-footer .import-button-container {
  display: inline-block;
}
.libraryStep .libraryStep-module-popup {
  position: fixed;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  z-index: 4;
}
.libraryStep .ui-grid-viewport .ui-grid-canvas {
  display: table;
}
.libraryStep .ui-grid-viewport .ui-grid-canvas .ui-grid-row {
  height: auto;
}
.libraryStep .ui-grid-viewport .ui-grid-canvas .ui-grid-row .ui-grid-cell {
  line-height: 20px;
  float: none;
  display: table-cell;
  vertical-align: middle;
  padding: 6px 0;
}
.libraryStep .ui-grid-viewport .ui-grid-canvas .ui-grid-row .ui-grid-cell .show-ellipsis {
  white-space: pre-wrap;
  overflow: inherit;
  float: none;
}
.libraryStep .ui-grid-viewport .ui-grid-canvas .ui-grid-row:hover .ui-grid-cell .show-ellipsis:after {
  background: #f3f3f3;
}
.libraryStep .skill-divider-color {
  border-top: 1px solid #dbdbdb;
}
.libraryStep .library-name-column .pill,
.libraryStep .library-skill-column .pill {
  border: 1px solid;
  line-height: 12px;
  border-radius: 5px;
}
.libraryStep .library-skill-column .pill-mos {
  border-color: #0A819C;
  color: #0A819C;
}
.libraryStep .library-name-column .pill-library-id {
  border-color: #996E1A;
  color: #996E1A;
}
.libraryStep .border-indicator-library {
  border-color: #996E1A !important;
}
.libraryStep .bg-indicator-library {
  background-color: #996E1A;
}
#library-step-module {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
#library-step-module .font-bold {
  font-weight: bold;
}
.libraryStep-import {
  position: relative;
}
.libraryStep-import .heading {
  font-weight: bold;
}
.libraryStep-import .library-step-text {
  display: inline-block;
  border-left: 2px solid #c3c3c3;
  padding-left: 9px;
  margin-left: 9px;
  font-size: 20px;
}
.libraryStep-import .container {
  width: 100%;
  height: 100%;
}
.libraryStep-import .container .legend-container {
  position: relative;
  top: 11px;
  right: 20px;
}
.libraryStep-import .container .legend-container .indicator-color {
  width: 15px;
  height: 15px;
  border-width: 1px;
  border-style: solid;
  display: inline-block;
  vertical-align: sub;
}
.libraryStep-import .container .legend-container .indicator-counter {
  display: inline-block;
  width: 25px;
}
.libraryStep-import .container .grid-heading .fw-bold {
  font-weight: bold;
}
.libraryStep-import .container .grid-heading .change-product {
  display: inline-block;
  border-left: 1px solid #c3c3c3;
  padding-left: 9px;
}
.libraryStep-import .container .views {
  position: relative;
}
.libraryStep-import .container .views .state-view {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
}
.libraryStep-import .container .views .ui-data-grid .ui-grid-row:nth-child(odd) .ui-grid-cell {
  background-color: #f9f9f9;
}
.libraryStep-import .container .views .ui-data-grid .ui-grid-row:nth-child(even) .ui-grid-cell {
  background-color: #fff;
}
.libraryStep-import .container .views .ui-data-grid .ui-grid-row .ui-grid-cell:last-child {
  text-align: center;
}
.libraryStep-import .container .views .ui-data-grid .ui-grid-row .skill-column span {
  max-width: 76% !important;
  float: left;
  display: inline-block;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  margin-right: 10px !important;
}
.libraryStep-import .container .views .ui-data-grid .ui-grid-row:hover .ui-grid-cell button {
  background-color: #f3f3f3;
}
.libraryStep-import .ui-data-grid .grid .ui-grid-viewport {
  max-height: 60vh;
}
.custom-min-height {
  min-height: 0 !important;
}
.library-step-browse .browse-view .import-grid-view .import-grid {
  padding-right: 0 !important;
  padding-left: 0 !important;
}
.library-step-browse .cursor-shape {
  cursor: default !important;
}
.library-step-browse .apply-cursor-pointer .cursor-shape {
  cursor: pointer !important;
}
.library-step-browse .header-container {
  cursor: default;
}
.library-step-browse .header-container .breadcrumb {
  border: none;
  background-color: transparent;
}
.library-step-browse .header-container .breadcrumb li a {
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
  line-height: 20px;
  vertical-align: middle;
}
.library-step-browse .header-container .breadcrumb li a:hover {
  text-decoration: underline;
}
.library-step-browse .header-container .app-img-container {
  display: inline-block;
}
.library-step-browse .header-container .app-img-container .img {
  height: 40px;
}
.library-step-browse .header-container .legend-container {
  display: inline-block;
  position: relative;
}
.library-step-browse .header-container .legend-container .indicator-color {
  width: 15px;
  height: 15px;
  border-width: 1px;
  border-style: solid;
  display: inline-block;
  vertical-align: sub;
}
.library-step-browse .header-container .legend-container .indicator-color.border-indicator-blue {
  border-color: #0A819C;
}
.library-step-browse .header-container .legend-container .indicator-color.bg-indicator-blue {
  background-color: #0A819C;
}
.library-step-browse .header-container .legend-container .indicator-counter {
  display: inline-block;
}
.library-step-browse .header-container .grid-header .legend-container {
  top: 10px;
}
.library-step-browse .header-container .grid-header .app-name {
  display: inline-block;
  font-weight: bold;
  vertical-align: text-top;
  border-right: 1px solid;
  position: relative;
  top: 5px;
}
.library-step-browse .header-container .grid-header .change-product {
  position: relative;
  top: 11px;
  display: inline-block;
}
.library-step-browse .import-grid {
  position: relative;
}
.library-step-browse .import-grid .legend-container {
  position: absolute;
  top: -60px;
  right: 25px;
  border: none;
}
.library-step-browse .import-grid .ui-data-grid .ui-grid-row:nth-child(odd) .ui-grid-cell {
  background-color: #f9f9f9;
}
.library-step-browse .import-grid .ui-data-grid .ui-grid-row:nth-child(even) .ui-grid-cell {
  background-color: #fff;
}
.library-step-browse .import-grid .ui-data-grid .ui-grid-row .ui-grid-cell:last-child {
  text-align: center;
}
.library-step-browse .import-grid .ui-data-grid .ui-grid-row .browse-column span {
  max-width: 100% !important;
  float: left;
  display: inline-block;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  margin-right: 10px !important;
}
.library-step-browse .import-grid .ui-data-grid .ui-grid-row .browse-column .pill {
  border: 1px solid;
  line-height: 12px;
  border-radius: 5px;
  border-color: #777777;
}
.library-step-browse .import-grid .ui-data-grid .ui-grid-row:hover .ui-grid-cell button {
  background-color: #f3f3f3;
}
.library-step-browse .ui-grid-render-container-body .ui-grid-viewport {
  height: 39vh !important;
}
.library-step-viewer .step-container-parent {
  overflow-y: scroll;
}
.library-step-viewer .parameter-editor {
  overflow: auto;
  display: none;
  border-left: solid 1px;
}
.library-step-viewer .parameter-editor .parameter-list .input-line {
  color: #999;
}
.library-step-viewer .parameter-editor {
  overflow: auto;
  display: none;
  border-left: solid 1px;
}
.library-step-viewer .parameter-editor .parameter-list .input-line1 {
  color: #999;
}
.library-step-viewer ul {
  list-style: none;
}
.library-step-viewer .step-text-div {
  position: relative;
  font-size: 18px;
  font-weight: bold;
  padding-left: 15px;
  border: 1px solid transparent;
  border-bottom: 1px solid #777777;
  background: #f7fbff;
  height: 110px;
  display: table;
  table-layout: fixed;
  width: 100%;
}
.library-step-viewer .step-text-div .step-text-skills-container {
  display: inline-block;
  vertical-align: middle;
  width: 100%;
}
.library-step-viewer .step-text-div .step-text-skills-container .step-text-container {
  display: table;
  padding-bottom: 5px;
  outline: none;
}
.library-step-viewer .step-text-div .step-text-skills-container .step-text-container .step-text {
  vertical-align: middle;
}
.library-step-viewer .step-text-div .step-text-skills-container .step-text-container .step-text-label {
  display: inline;
  font-weight: 600;
}
.library-step-viewer .step-text-div .step-text-skills-container .skills-method-container {
  color: #646464 !important;
  font-weight: 100;
}
.library-step-viewer .step-text-div .step-text-skills-container .skills-method-container .method-count,
.library-step-viewer .step-text-div .step-text-skills-container .skills-method-container .application-types,
.library-step-viewer .step-text-div .step-text-skills-container .skills-method-container .version,
.library-step-viewer .step-text-div .step-text-skills-container .skills-method-container .status,
.library-step-viewer .step-text-div .step-text-skills-container .skills-method-container .created,
.library-step-viewer .step-text-div .step-text-skills-container .skills-method-container .updated {
  display: inline-block;
}
.library-step-viewer .step-text-div .step-text-skills-container .skills-method-container .version,
.library-step-viewer .step-text-div .step-text-skills-container .skills-method-container .updated {
  border-left: 1px solid #999999;
}
.library-step-viewer .step-text-div .step-text-skills-container .skills-method-container .application-types {
  border-right: 1px solid #999999;
}
.library-step-viewer .step-text-div .step-text-skills-container .skills-method-container .skill-dialog .btn.dropdown-toggle {
  border-bottom: 1px solid #c3c3c3;
  -webkit-border-radius: 0px !important;
  -moz-border-radius: 0px !important;
  border-radius: 0px !important;
  box-shadow: none;
  -webkit-box-shadow: none;
}
.library-step-viewer .step-text-div .step-text-skills-container .skills-method-container .skill-dialog .btn.dropdown-toggle .caret {
  color: #777 !important;
}
.library-step-viewer .step-text-div .step-text-skills-container .skills-method-container .skill-dialog.open {
  border-color: #205f9f !important;
}
.library-step-viewer .step-text-div .step-text-skills-container .skills-method-container .skill-dialog.open .btn.dropdown-toggle {
  color: #777 !important;
}
.library-step-viewer .step-text-div .step-text-skills-container .skills-method-container .skill-dialog.open .btn.dropdown-toggle .caret {
  color: #205f9f !important;
}
.library-step-viewer .step-text-div .step-text-skills-container .skills-method-container .skill-dialog .dropdown-menu {
  width: 481px;
  right: auto;
  box-shadow: 0 4px 5px #a6a6a6;
  border-top: 1px solid;
  border-color: #f3f3f3 !important;
}
.library-step-viewer .step-text-div .step-text-skills-container .skills-method-container .skill-dialog .dropdown-menu .skill-dialog-title {
  padding: 20px 12px 12px 12px;
  font-weight: bold;
}
.library-step-viewer .step-text-div .step-text-skills-container .skills-method-container .skill-dialog .dropdown-menu .content {
  padding-left: 18px;
  border-top: 1px dashed;
  border-bottom: 1px dashed;
  border-color: #c3c3c3 !important;
  max-height: 300px;
  overflow-y: auto;
}
.library-step-viewer .step-text-div .step-text-skills-container .skills-method-container .skill-dialog .dropdown-menu .content .skill-list {
  line-height: 20px;
  padding-right: 10px !important;
}
.library-step-viewer .step-text-div .step-text-skills-container .skills-method-container .skill-dialog .dropdown-menu .content .skill-list .skill-titles {
  padding-bottom: 12px;
  text-indent: -26px;
}
.library-step-viewer .step-text-div .step-text-skills-container .skills-method-container .skill-dialog .dropdown-menu .content .skill-list .skill-titles:first-child {
  padding-top: 12px;
}
.library-step-viewer .step-text-div .step-text-skills-container .skills-method-container .skill-dialog .dropdown-menu .content .skill-list .skill-titles .mos-types {
  text-indent: 0;
}
.library-step-viewer .step-text-div .step-text-skills-container .skills-method-container .skill-dialog .dropdown-menu .content .skill-list .skill-titles .mos-types .pill-mos {
  border-color: #0A819C;
  color: #0A819C !important;
}
.library-step-viewer .step-text-div .step-text-skills-container .skills-method-container .skill-dialog .dropdown-menu .footer {
  padding: 14px 0;
  text-align: center;
}
.library-step-viewer .step-text-div .step-text-skills-container .library-step-container {
  font-weight: 100;
}
.library-step-viewer .step-text-div .accessibility-container {
  display: table-cell;
  font-size: 14px;
  color: #205f9f;
  font-weight: 500;
  width: 340px;
  border-left: 1px solid #a3bfdc;
  vertical-align: middle;
}
.library-step-viewer .step-text-div .accessibility-container .bootstrap-select {
  padding-right: 5px !important;
  width: 120px !important;
}
.library-step-viewer .step-text-div .accessibility-container .bootstrap-select .btn.dropdown-toggle {
  padding-top: 0 !important;
  padding-bottom: 0 !important;
  height: 24px;
}
.library-step-viewer .step-text-div .accessibility-container .bootstrap-select .btn {
  border-bottom: 1px solid #c3c3c3;
  padding-left: 3px !important;
}
.library-step-viewer .step-text-div .accessibility-container .bootstrap-select .btn .caret {
  color: #777 !important;
  right: 7px;
}
.library-step-viewer .step-text-div .accessibility-container .bootstrap-select.open .btn {
  border-color: #205f9f !important;
}
.library-step-viewer .step-text-div .accessibility-container .bootstrap-select.open .btn .caret {
  color: #205f9f !important;
}
.library-step-viewer .step-text-div .accessibility-container .bootstrap-select .dropdown-menu li .text {
  font-size: 14px !important;
}
.library-step-viewer .step-text-div .skill-accessible,
.library-step-viewer .step-text-div .simulation-accessible {
  display: inline-block;
  min-width: 155px;
  height: 30px;
}
.library-step-viewer .step-text-div .skill-accessible label,
.library-step-viewer .step-text-div .simulation-accessible label {
  min-width: 145px;
}
.library-step-viewer .pill {
  border: 1px solid;
  line-height: 12px;
  border-radius: 5px;
  border-color: #777777;
  margin: 0;
}
.library-step-viewer .method-count {
  display: inline-block;
  font-weight: normal;
}
.library-step-viewer .parameter {
  background: #ddd;
  padding: 1px 5px;
  border-radius: 3px;
  word-break: break-all;
}
.library-step-viewer .method {
  position: relative;
  font-size: 14px;
  border: 1px solid transparent;
}
.library-step-viewer .method:not(:last-child) {
  border-bottom: 1px dashed grey;
}
.library-step-viewer .method .method-index {
  font-weight: bold;
  color: #205f9f;
}
.library-step-viewer .method .method-name,
.library-step-viewer .method .method-count {
  color: #444;
}
.library-step-viewer .method .method-header {
  height: 40px;
  line-height: 30px;
}
.library-step-viewer .method .method-header .star-icon {
  position: absolute;
  left: 10px;
  top: 12px;
  line-height: 11px;
  font-size: 21px;
}
.library-step-viewer .method .method-header .star-icon.star-left-20 {
  left: 20px;
}
.library-step-viewer .method .method-header .primary-method-icon {
  color: #ffd203;
}
.library-step-viewer .method .action-list-container {
  outline: none;
  position: relative;
  z-index: 1;
}
.library-step-viewer .method .action-list-container .action-list {
  padding-top: 0 !important;
  padding-right: 0 !important;
  padding-bottom: 0 !important;
  padding-left: 0 !important;
  margin-top: 3px !important;
}
.library-step-viewer .method .action-list-container .action-list .action {
  position: relative;
  text-indent: -70px;
  margin-top: 0px !important;
  margin-right: 0px !important;
  margin-bottom: 0px !important;
  margin-left: 0px !important;
  padding-top: 5px !important;
  padding-bottom: 5px !important;
  padding-left: 70px;
  color: #444;
}
.library-step-viewer .method .action-list-container .action-list .action:before {
  color: #9e9e9e;
}
.library-step-viewer .method .action-list-container .action-list .action .alternative-text {
  text-indent: 0;
}
.library-step-viewer .method .action-list-container .action-list .action .alternative-text:before {
  margin-right: 5px !important;
  content: 'Alternatively';
  background: #989898;
  color: white;
  padding: 2px 4px;
  border-radius: 3px;
}
.library-step-viewer .method .action-list-container .action-list .action .audio-timing-data {
  position: absolute;
  top: 5px;
  right: 0px;
  text-indent: 0px;
  display: inline-block;
}
.library-step-viewer .method .action-list-container .action-list .action .audio-timing-data .time-container {
  border: 1px solid #777;
  -webkit-border-radius: 5px !important;
  -moz-border-radius: 5px !important;
  border-radius: 5px !important;
  padding: 0 5px;
  display: inline-block;
}
.library-step-viewer .method .action-list-container .action-list .action .audio-timing-data .start-time {
  min-width: 118px;
}
.library-step-viewer .method .action-list-container .action-list .action .audio-timing-data .end-time {
  min-width: 113px;
}
.library-step-viewer .action1:before {
  content: 'Action 1: \00a0\00a0';
}
.library-step-viewer .action2:before {
  content: 'Action 2: \00a0\00a0';
}
.library-step-viewer .action3:before {
  content: 'Action 3: \00a0\00a0';
}
.library-step-viewer .action4:before {
  content: 'Action 4: \00a0\00a0';
}
.library-step-viewer .action5:before {
  content: 'Action 5: \00a0\00a0';
}
.library-step-viewer .action6:before {
  content: 'Action 6: \00a0\00a0';
}
.library-step-viewer .action7:before {
  content: 'Action 7: \00a0\00a0';
}
.library-step-viewer .action8:before {
  content: 'Action 8: \00a0\00a0';
}
.library-step-viewer .action9:before {
  content: 'Action 9: \00a0\00a0';
}
.library-step-viewer .action10:before {
  content: 'Action 10:\00a0\00a0';
}
.library-step-viewer .action11:before {
  content: 'Action 11:\00a0\00a0';
}
.library-step-viewer .action12:before {
  content: 'Action 12:\00a0\00a0';
}
.library-step-viewer .action13:before {
  content: 'Action 13:\00a0\00a0';
}
.library-step-viewer .action14:before {
  content: 'Action 14:\00a0\00a0';
}
.library-step-viewer .action15:before {
  content: 'Action 15:\00a0\00a0';
}
.library-step-viewer .action16:before {
  content: 'Action 16:\00a0\00a0';
}
.library-step-viewer .action17:before {
  content: 'Action 17:\00a0\00a0';
}
.library-step-viewer .action18:before {
  content: 'Action 18:\00a0\00a0';
}
.library-step-viewer .action19:before {
  content: 'Action 19:\00a0\00a0';
}
.library-step-viewer .action20:before {
  content: 'Action 20:\00a0\00a0';
}
.library-step-viewer .action21:before {
  content: 'Action 21:\00a0\00a0';
}
.library-step-viewer .action22:before {
  content: 'Action 22:\00a0\00a0';
}
.library-step-viewer .action23:before {
  content: 'Action 23:\00a0\00a0';
}
.library-step-viewer .action24:before {
  content: 'Action 24:\00a0\00a0';
}
.library-step-viewer .action25:before {
  content: 'Action 25:\00a0\00a0';
}
.library-step-viewer .action26:before {
  content: 'Action 26:\00a0\00a0';
}
.library-step-viewer .action27:before {
  content: 'Action 27:\00a0\00a0';
}
.library-step-viewer .action28:before {
  content: 'Action 28:\00a0\00a0';
}
.library-step-viewer .action29:before {
  content: 'Action 29:\00a0\00a0';
}
.library-step-viewer .action30:before {
  content: 'Action 30:\00a0\00a0';
}
.library-step-viewer .action31:before {
  content: 'Action 31:\00a0\00a0';
}
.library-step-viewer .action32:before {
  content: 'Action 32:\00a0\00a0';
}
.library-step-viewer .action33:before {
  content: 'Action 33:\00a0\00a0';
}
.library-step-viewer .action34:before {
  content: 'Action 34:\00a0\00a0';
}
.library-step-viewer .action35:before {
  content: 'Action 35:\00a0\00a0';
}
.library-step-viewer .action36:before {
  content: 'Action 36:\00a0\00a0';
}
.library-step-viewer .action37:before {
  content: 'Action 37:\00a0\00a0';
}
.library-step-viewer .action38:before {
  content: 'Action 38:\00a0\00a0';
}
.library-step-viewer .action39:before {
  content: 'Action 39:\00a0\00a0';
}
.library-step-viewer .action40:before {
  content: 'Action 40:\00a0\00a0';
}
.library-step-viewer .method:not(:last-child) {
  border-bottom: 1px dashed grey;
}
.library-step-viewer .library-step-header {
  position: relative;
  z-index: 5;
}
.library-step-viewer .stepname-container {
  white-space: nowrap;
  width: calc(100% - 600px);
  width: -moz-calc(100% - 600px);
  width: -o-calc(100% - 600px);
  width: -webkit-calc(100% - 600px);
}
.library-step-viewer .step-name {
  display: inline-block;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  max-width: calc(100% - 75px);
  max-width: -moz-calc(100% - 75px);
  max-width: -o-calc(100% - 75px);
  max-width: -webkit-calc(100% - 75px);
}
.library-step-viewer .step-id {
  display: inline-block;
  position: relative;
  top: -9px;
  font-size: 16px !important;
}
.library-step-viewer .tag-container,
.library-step-viewer .delete-icon,
.library-step-viewer .history-icon,
.library-step-viewer .phase-container,
.library-step-viewer .parameter-values-toggle-icon {
  display: inline-block;
}
.library-step-viewer .tag-container {
  border-right: 1px solid #999999;
}
.library-step-viewer .tag-container .tag-icon {
  position: relative;
  cursor: pointer;
  padding: 4px;
}
.library-step-viewer .tag-container .tag-icon:hover {
  background-color: #205f9f;
  color: #fff !important;
  border-radius: 4px;
}
.library-step-viewer .delete-icon {
  height: 34px;
  width: 39px;
  border-left: 1px solid #999999;
}
.library-step-viewer .delete-icon .baloo-icon-trash {
  font-size: 24px;
}
.library-step-viewer .parameter-values-toggle-icon {
  position: relative;
  top: 4px;
}
.library-step-viewer .parameter-values-toggle-icon .toggle-parameter-container {
  cursor: pointer;
}
.library-step-viewer .parameter-values-toggle-icon .show-hide-parameter {
  color: #1e5a97;
  font-weight: 600;
  font-size: 14px ;
  position: relative;
  bottom: 3px;
}
.library-step-viewer .parameter-values-toggle-icon .show-hide-parameter.disabled-class {
  color: #c3c3c3 !important;
}
.library-step-viewer .parameter-values-toggle-icon .fa-toggle-on,
.library-step-viewer .parameter-values-toggle-icon .fa-toggle-off {
  font-size: 20px;
}
.library-step-viewer .parameter-values-toggle-icon .fa-toggle-on {
  color: #205f9f;
}
.library-step-viewer .parameter-values-toggle-icon .fa-toggle-off {
  color: #777777;
}
.library-step-viewer .parameter-values-toggle-icon .disabled-class .fa-toggle-on,
.library-step-viewer .parameter-values-toggle-icon .disabled-class .fa-toggle-off {
  color: #c3c3c3;
  cursor: default;
}
.library-step-viewer .history-icon {
  border-left: 1px solid #999999;
  height: 34px;
  margin-left: 14px;
  width: 39px;
}
.library-step-viewer .history-icon .baloo-icon-history {
  font-size: 23px;
}
.library-step-viewer .linked-task-steps {
  overflow: auto;
  width: 320px;
  position: fixed;
  border-left: solid 1px;
  display: none;
}
.library-step-viewer .linked-task-steps .task {
  position: relative;
  border-bottom: 2px solid #f3f3f3;
  color: #444;
}
.library-step-viewer .linked-task-steps .task:hover {
  background-color: #f3f3f3;
  cursor: pointer;
}
.library-step-viewer .linked-task-steps .linked-steps-header {
  width: 100%;
  background-color: #205f9f;
  height: 44px;
  display: inline-block;
}
.library-step-viewer .linked-task-steps .linked-steps-header .header-text,
.library-step-viewer .linked-task-steps .linked-steps-header .close-btn {
  line-height: 44px;
}
.library-step-viewer .linked-task-steps .launch-linked-step {
  position: absolute;
  right: 20px;
  top: 20px;
}
.library-step-viewer .header-btn.btn-primary.active {
  background-color: #143b64;
}
.library-step-viewer .pipe {
  display: inline-block;
  border-left: 1px solid #999;
  height: 34px;
  position: absolute;
  top: 15px;
}
.select-skill-modal.modal {
  padding-top: 200px;
}
.select-skill-modal.modal .modal-header {
  color: #333;
  padding: 15px;
  border-bottom: 1px solid;
  border-color: #f3f3f3 !important;
}
.select-skill-modal.modal .modal-header .modal-title {
  font-weight: bold;
  text-align: left;
}
.select-skill-modal.modal .modal-header .close {
  font-size: 26px;
}
.select-skill-modal.modal .modal-header .close:hover {
  color: #205f9f !important;
  background-color: inherit;
  opacity: 1;
}
.select-skill-modal.modal .modal-dialog {
  margin-top: 0;
}
.select-skill-modal.modal .modal-content .modal-header {
  border-top-right-radius: 5px !important;
  border-top-left-radius: 5px !important;
}
.select-skill-modal.modal .modal-content .modal-body {
  max-height: 320px;
  overflow-y: auto;
}
.select-skill-modal.modal .modal-content .modal-body .description {
  font-size: 16px;
  color: #333;
  padding: 15px;
  margin-bottom: 15px;
  border-bottom: 1px solid;
  border-color: #f3f3f3 !important;
}
.select-skill-modal.modal .modal-content .modal-body .modal-body-content {
  display: inline-block;
}
.select-skill-modal.modal .modal-content .modal-body .modal-body-content .modal-body-message {
  display: inline-block;
  text-align: left;
}
.select-skill-modal.modal .modal-content .modal-body .modal-body-content .modal-body-message.no-text-bold {
  font-weight: normal;
}
.select-skill-modal.modal .modal-content .modal-body .modal-body-content .modal-body-message.custom-line-height {
  line-height: 1.2em;
}
.select-skill-modal.modal .modal-content .modal-body .item {
  list-style-type: decimal;
}
.select-skill-modal.modal .modal-content .modal-body .item .item-list-message {
  list-style-type: disc;
}
.select-skill-modal.modal .modal-content .text-checkbox-container {
  position: relative;
  padding: 5px 0 5px 25px;
  cursor: pointer;
}
.select-skill-modal.modal .modal-content input {
  display: none;
}
.select-skill-modal.modal .modal-content .check {
  position: absolute;
  top: 7px;
  left: 0;
  border: 1px solid #82c5be;
  border-radius: 100%;
  height: 16px;
  width: 16px;
  cursor: pointer;
}
.select-skill-modal.modal .modal-content .check:before {
  display: block;
  position: absolute;
  content: '';
  border-radius: 100%;
  height: 8px;
  width: 8px;
  top: 3px;
  left: 3px;
  margin: auto;
  background: transparent;
  transition: background 0.25s linear;
  -webkit-transition: background 0.25s linear;
}
.select-skill-modal.modal .modal-content .pill {
  border: 1px solid;
  line-height: 12px;
  border-radius: 5px;
}
.select-skill-modal.modal .modal-content .pill-mos {
  border-color: #0A819C;
  color: #0A819C;
}
.select-skill-modal.modal .modal-content input:checked + .check {
  border: 1px solid #4f6563;
}
.select-skill-modal.modal .modal-content input:checked + .check:before {
  background: #1d5d9e;
}
.select-skill-modal.modal .modal-content:before {
  font-weight: bold;
}
.select-skill-modal.modal .modal-footer {
  border-top: 1px solid;
  border-bottom-right-radius: 5px !important;
  border-bottom-left-radius: 5px !important;
  border-color: #f3f3f3 !important;
  text-align: center;
}
.select-skill-modal.modal .modal-footer .librarystep-preview {
  position: absolute;
}
.select-skill-modal.modal .modal-footer .ok-cancel {
  text-align: right;
}
#reports-module .reports-header {
  border-bottom: 7px solid #f3f3f3;
}
#reports-module .reports-header .breadcrumb {
  background-color: #ffffff;
  border: none;
}
#reports-module .reports-header .reports-title {
  font-weight: bold;
}
#reports-module .reports-panel {
  border: 1px solid #205f9f;
}
#reports-module .series-options {
  display: inline-block;
  width: 400px;
}
#reports-module .catalog-options {
  display: inline-block;
  width: 400px;
}
#reports-module .product-options {
  display: inline-block;
  width: 400px;
}
#reports-module .content-download {
  text-align: center;
}
#reports-module .series-label {
  top: 3px;
  position: relative;
}
#reports-module .bootstrap-select .btn {
  border-bottom-color: #c3c3c3;
}
#reports-module .bootstrap-select .btn .caret {
  color: #c3c3c3 !important;
  border-left: 6px solid transparent;
  border-right: 6px solid transparent;
  border-top: 6px solid;
}
#reports-module .bootstrap-select.open .caret {
  color: #205f9f !important;
}
#reports-module .bootstrap-select.open .btn {
  border-bottom-color: #205f9f !important;
}
#reports-module .bootstrap-select.dropup .caret {
  border-bottom: 6px solid !important;
  border-top: none !important;
}
#reports-module .selectpicker {
  font-size: 14px !important;
}
#reports-module .selectpicker a {
  font-size: 14px !important;
}
#reports-module input[type="radio"] {
  outline: none;
}
#reports-module .task-ids {
  display: inline-block;
  width: 35%;
  border: 1px solid #ccc;
  border-radius: 5px;
  padding: 6px 12px;
  font-size: 14px;
  box-shadow: none;
}
#reports-module .task-ids:focus {
  outline: none !important;
}
#reports-module .task-ids.border-indicator-pink {
  box-shadow: 0 0 3px #d1293a;
}
#reports-module .focus-text-box {
  border-color: #66afe9;
}
#reports-module .input-box {
  display: block;
  width: 250px;
  height: 250px;
}
#reports-module .disable-button {
  pointer-events: none;
  opacity: 1;
}
#reports-module .default-cursor {
  cursor: default;
}
#reports-module .date-picker-container .date-picker-label {
  position: relative;
  top: -13px;
}
#reports-module .date-picker-container .date-picker-div {
  display: inline-block;
  width: 60%;
}
#reports-module .date-picker-container .date-picker-div .input-group-addon {
  cursor: pointer;
  border: 1px;
}
#reports-module .date-picker-container .date-picker-div .date-picker {
  background-color: #ffffff;
  cursor: pointer;
  width: 35%;
}
#reports-module .comment-report .input-row {
  display: inline-block;
}
#reports-module .exportScenarioErrorMsg {
  display: inline;
}
.daterangepicker {
  border: 1px solid #ccc;
  width: 547px;
  padding: 20px;
  height: 394px;
  color: #205f9f !important;
}
.daterangepicker .calendar {
  padding-top: 56px !important;
  margin: 0px !important;
}
.daterangepicker .calendar.second {
  padding-right: 18px;
  border-right: 1px solid #ddd;
}
.daterangepicker .calendar.first {
  padding-left: 18px;
}
.daterangepicker .ranges {
  position: absolute;
  width: 100%;
  left: 0px;
  top: 10px;
  text-align: center;
}
.daterangepicker .ranges .range_inputs .btn-sm {
  position: absolute;
  top: 330px;
}
.daterangepicker .ranges .range_inputs .applyBtn {
  left: 201px;
  width: 61px;
}
.daterangepicker .ranges .range_inputs .cancelBtn {
  right: 212px;
  width: 61px;
}
.daterangepicker .ranges .range_inputs .daterangepicker_start_input {
  margin-right: 24px;
  margin-left: 16px;
}
.daterangepicker .ranges label {
  font-size: 12px;
  width: 100%;
}
.daterangepicker .ranges .input-mini {
  padding: 0px;
  text-align: center;
  width: 235px !important;
  font-size: 12px;
  color: #205f9f !important;
}
.daterangepicker td.available.off {
  opacity: 0.4;
}
.daterangepicker td.off.disabled {
  opacity: 0.4;
}
.daterangepicker td.disabled {
  cursor: not-allowed;
}
#reports-module .bootstrap-select .dropdown-menu.open {
  max-height: 60vh;
  overflow-y: auto !important;
}
.metadata-export-div .btn .caret {
  border-top: none !important;
  border-bottom: 6px solid !important;
}
.app-product-chooser {
  padding-top: 100px;
}
.app-product-chooser .modal-dialog {
  line-height: 1;
  width: 828px!important;
}
.app-product-chooser .modal-dialog .modal-content {
  text-align: left;
}
.app-product-chooser .modal-dialog .modal-content .body {
  height: auto !important;
}
.app-product-chooser .modal-dialog .modal-content .body .content {
  padding-top: 0 !important;
  padding-right: 30px !important;
  padding-left: 30px !important;
  text-align: left!important;
  margin-bottom: 30px !important;
}
.app-product-chooser .modal-dialog .modal-content .body .content .list {
  margin-top: 30px !important;
  margin-left: 30px !important;
  border: 2px solid transparent;
  border-radius: 10px;
  box-shadow: 1px 1px 10px rgba(0, 0, 0, 0.2);
  background-color: #f3f3f3;
}
.app-product-chooser .modal-dialog .modal-content .body .content .list:hover {
  border: 2px solid;
  border-color: #75ace3 !important;
  -webkit-border-radius: 10px !important;
  -moz-border-radius: 10px !important;
  border-radius: 10px !important;
}
.app-product-chooser .modal-dialog .modal-content .body .content .list .list-item {
  margin-left: 0px !important;
  width: 150px;
}
.app-product-chooser .modal-dialog .modal-content .body .content .list .list-item .img {
  margin-top: 0px !important;
  margin-right: 0px !important;
  margin-bottom: 0px !important;
  margin-left: 0px !important;
  padding-right: 30px !important;
  padding-left: 30px !important;
  padding-top: 20px !important;
  padding-bottom: 20px !important;
  border-bottom: 2px solid #c3c3c3 !important;
}
.app-product-chooser .modal-dialog .modal-content .body .content .list .list-item .img:hover {
  border: 2px solid transparent!important;
  border-bottom: 2px solid #c3c3c3 !important;
}
.app-product-chooser .modal-dialog .modal-content .body .content .list .list-item .caption {
  padding-top: 20px !important;
  padding-bottom: 20px !important;
  display: block;
}
#search-module .ui-match {
  font-weight: bold;
  color: black;
}
#search-module .breadcrumb {
  background-color: #ffffff;
  border: none;
}
#search-module .padding-label {
  padding-right: 10px;
}
#search-module .search-header {
  border-bottom: 7px solid #f3f3f3;
  margin-bottom: 10px;
  overflow: visible;
}
#search-module .search-header .search-page-title {
  font-weight: 700;
}
#search-module .search-header .catalog {
  margin-top: 10px;
}
#search-module .search-header .catalog p {
  padding-left: 12px;
}
#search-module .search-header .catalog .selectpicker {
  border-bottom: 1px solid #c3c3c3;
  border-top: none;
  border-left: none;
  border-radius: 0 !important;
  border-right: none;
}
#search-module .search-header .search-box {
  margin-bottom: 10px;
}
#search-module .search-header .search-box .form-group {
  margin-left: auto;
}
#search-module .search-header .search-box .form-group .input-inline {
  width: 200px;
}
#search-module .search-header .search-box .form-group .margin-inline {
  margin-left: 65px;
}
#search-module .search-results {
  font-weight: bold;
}
#search-module .search-container .search-list-controllers .search-pagination ul {
  margin: 10px 0px;
}
#search-module .search-container .search-list-controllers .toggle {
  margin-top: 7px;
}
#search-module .search-container .search-list-controllers .toggle a {
  padding: 5px 5px 2px 5px;
  border-radius: 5px;
  border: 1px solid #777;
  margin-bottom: 10px;
}
#search-module .search-container .search-list-controllers .toggle a:hover,
#search-module .search-container .search-list-controllers .toggle a:active,
#search-module .search-container .search-list-controllers .toggle a:focus {
  border: 1px solid #205f9f;
}
#search-module .search-container .search-list-controllers .toggle a i {
  font-size: 1.3em;
}
#search-module .search-container .no-results {
  background: #fff url("../../modules/search/img/baloo.jpg") no-repeat center;
  background-size: 135px;
  height: 220px;
  width: auto;
  display: block;
  margin-top: 25px;
}
#search-module .search-container .no-results .text {
  display: block;
  text-align: center;
  font-size: 16px;
  font-weight: bold;
}
#search-module .search-container .search-list {
  list-style: none;
  padding-left: 0;
}
#search-module .search-container .search-list .result-text {
  color: #192BB9;
  display: inline-block;
  margin-right: 10px;
  font-weight: 700;
  border-right: 1px #ccc solid;
  min-width: 175px;
  padding-right: 10px;
  text-decoration: underline;
}
#search-module .search-container .search-list .nav-result-body {
  display: block;
  margin-top: 5px;
}
#search-module .search-container .search-list .nav-result-body .nav-result-body-element {
  overflow: auto;
}
#search-module .search-container .search-list .nav-result-body .nav-result-body-element + .nav-result-body-element {
  margin-top: 5px;
}
#search-module .search-container .search-list .nav-result-body .nav-result-body-element .step-number {
  border: solid #0a819c thin;
  color: #0a819c;
  border-radius: 50%;
  margin-right: 10px;
  padding: 0px 6px;
  float: left;
}
#search-module .search-container .search-list .nav-result-body .nav-result-body-element .content {
  margin-top: 1px;
  width: 97%;
  float: right;
}
#search-module .search-container .search-list li {
  border-bottom: 1px solid;
  border-color: #f3f3f3 !important;
  height: 40px;
  padding-left: 5px;
}
#search-module .search-container .search-list li:hover {
  background-color: #f4f4f4;
  cursor: pointer;
}
#search-module .search-container .search-list li .title {
  padding-top: 9px;
  display: inline-block;
}
#search-module .search-container .search-list li .step-text {
  display: inline-block;
  margin-top: -20px;
}
#search-module .search-container .search-list li:first-child {
  border-top: 1px solid;
}
#search-module .search-container .search-list li .scenario-btns a {
  border-radius: 100%;
  display: inline-block;
  border: 1px solid #c3c3c3;
  height: 30px;
  width: 30px;
  text-align: center;
  margin: 4px 10px;
  padding-top: 4px;
}
#search-module .search-container .search-list li .scenario-btns a.t1 {
  border-color: #0a819c;
  color: #0a819c;
}
#search-module .search-container .search-list li .scenario-btns a.t1:hover {
  background-color: #0a819c;
  color: #fff;
}
#search-module .search-container .search-list li .scenario-btns a.a1 {
  border-color: #cca32f;
  color: #cca32f;
}
#search-module .search-container .search-list li .scenario-btns a.a1:hover {
  background-color: #cca32f;
  color: #fff;
}
#search-module .search-container .search-list li .scenario-btns a.a2 {
  border-color: #d1293a;
  color: #d1293a;
}
#search-module .search-container .search-list li .scenario-btns a.a2:hover {
  background-color: #d1293a;
  color: #fff;
}
#search-module .nav-step-text .panel-heading {
  padding: 2px;
}
#search-module .nav-step-text .panel-heading h4 {
  font-size: 14px;
}
#search-module .nav-step-text .panel-heading .panel-title .accordion-toggle {
  padding: 10px 10px 10px 7px;
}
#search-module .nav-step-text .panel-heading .panel-title .accordion-toggle i {
  margin-top: 4px;
}
#upload-section input:required {
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
}
#upload-section .manage-header {
  border-bottom: 7px solid #f3f3f3;
}
#upload-section .manage-header .breadcrumb {
  background-color: #ffffff;
  border: none;
}
#upload-section .managing-content {
  margin-top: 20px;
  position: relative;
  display: inline-block;
  width: 100%;
}
#upload-section .managing-content .download-template-file button {
  margin-top: 10px;
}
#upload-section .managing-content .task-section {
  color: #c3c3c3;
  border-style: dashed;
  border-color: #f3f3f3;
  border-width: 2px;
  margin: 5px;
  height: 200px;
}
#upload-section .managing-content .task-section.upload-download {
  text-align: center;
  padding: 40px 10px;
}
#upload-section .managing-content .task-section .progressBar {
  margin-top: 20px;
}
#upload-section .managing-content .task-section .filename-label {
  text-align: left;
  color: #2E71B5;
  font-weight: 600;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}
#upload-section .managing-content .task-section .filename-label .name {
  font-weight: bold;
  color: #215C98;
}
#upload-section .managing-content .upload-drop-drop {
  color: #222;
  border-color: #222;
  border-style: dashed;
  text-align: center;
}
#upload-section .managing-content .upload-drop-drop button {
  display: none;
}
#upload-section .managing-content .upload-drop-drop .or-label {
  display: none;
}
#upload-section .managing-content .download-done-file .title {
  margin: 0;
  padding: 3px 0 3px 5px;
  color: #443939;
  text-align: center;
}
#upload-section .managing-content .download-done-file .file-list {
  overflow: auto;
  height: 167px;
}
#upload-section .managing-content .download-done-file .file-list ul {
  list-style: none;
  padding-left: 5px;
  margin: 2px;
}
#upload-section .managing-content .download-done-file .file-list ul li + li {
  margin-top: 4px;
}
#upload-section .managing-content .download-done-file .file-list ul li .download-icon {
  display: inline;
  float: right;
  padding: 5px;
  margin-top: 10px;
  margin-right: 10px;
  border: 1px solid;
  cursor: pointer;
}
#upload-section .managing-content .download-done-file .file-list ul li .names {
  border-left-style: solid;
  padding-left: 5px;
  color: #000;
  display: inline-block;
}
#upload-section .managing-content .download-done-file .file-list ul li .names.error {
  border-left-color: #9F2030;
}
#upload-section .managing-content .download-done-file .file-list ul li .names.success {
  border-left-color: #5CB85C;
}
#upload-section .managing-content .download-done-file .file-list ul li .names .file-name {
  margin-top: 10px;
  margin-bottom: 0;
  font-weight: bold;
  width: 285px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
#upload-section .managing-content .download-done-file .file-list ul li .names .uploader {
  font-size: 12px;
}
#upload-section .group input.used ~ label {
  top: -18px;
  font-size: 14px;
  left: 10px;
  color: #443939;
}
#upload-section .body-content {
  margin-top: 1% !important;
}
#upload-section .promote-button {
  margin-top: 5% !important;
  text-align: center;
  float: left;
}
#upload-section .input-label {
  top: -76%;
  font-size: 14px;
  left: 10px;
  color: #443939;
}
#upload-section .tag-id-input {
  padding-bottom: 2px !important;
}
#upload-section .modal-body div .mbn .mode-dropdown-title {
  top: -18px;
  font-size: 14px;
  left: 10px;
  color: #205f9f;
  margin-left: 3px;
}
.history-content table {
  border-color: #f3f3f3 !important;
  border-collapse: collapse;
}
.history-content table thead tr {
  border-color: #f3f3f3 !important;
}
.history-content table thead tr th {
  border-color: #f3f3f3 !important;
}
.history-content table tbody tr {
  border-color: #f3f3f3 !important;
}
.history-content table tbody tr td {
  border-color: #f3f3f3 !important;
}
.history-content .history-heading {
  background-color: #f3f3f3;
}
#manageGrid {
  height: 450px;
  margin-top: 11%;
  margin-bottom: 3%;
}
.is-success {
  margin-left: 10px;
  margin-top: 2%;
  float: left;
  font-size: 10px;
  padding: 2px 5px;
  border: 1px solid #020;
  border-radius: 5px;
  color: #fff;
  background: #070 !important;
}
.is-pending:hover,
.is-pending:focus {
  color: #fff;
}
.is-pending {
  margin-left: 10px;
  margin-top: 2%;
  float: left;
  font-size: 10px;
  padding: 2px 5px;
  border: 1px solid #020;
  border-radius: 5px;
  color: #fff;
  background: #ffbe00 !important;
}
.is-pending .cancel {
  padding: 4px 10px 4px 0px;
  position: relative;
  left: 28px;
  top: 1px;
  border-left: 1px solid #ffbe00 !important;
}
.pending {
  position: relative;
  left: 9px;
}
.is-failure {
  margin-left: 10px;
  margin-top: 2%;
  float: left;
  font-size: 10px;
  padding: 2px 5px;
  border: 1px solid #020;
  border-radius: 5px;
  color: #fff;
  background: #FF0000 !important;
}
.is-cancel {
  margin-left: 10px;
  margin-top: 2%;
  float: left;
  font-size: 10px;
  padding: 2px 5px;
  cursor: not-allowed !important;
  border-radius: 5px;
  color: #777;
  background: #DDD !important;
}
.is-scheduled {
  margin-left: 10px;
  margin-top: 2%;
  float: left;
  font-size: 10px;
  padding: 2px 5px;
  border: 1px solid #020;
  border-radius: 5px;
  color: #fff;
  background: #c3c3c3 !important;
}
.status {
  font-weight: 100;
  font-style: italic;
}
.status-text {
  font-size: 14px !important;
  font-color: #777;
  border: none;
  max-width: 280px;
  min-width: 140px;
  font-weight: bold !important;
  float: left;
  margin-left: 20%;
}
.method-status {
  top: -2px !important;
  left: 5px;
  width: 30px !important;
  border: 2px solid transparent;
  -webkit-border-radius: 5px !important;
  -moz-border-radius: 5px !important;
  border-radius: 5px !important;
}
.method-status:hover,
.method-status.open {
  border-color: #f3f3f3 !important;
}
.method-status .caret {
  border: none;
}
.method-status .dropdown-toggle.btn {
  padding-right: 5px !important;
  padding-left: 5px !important;
  padding-top: 0 !important;
  padding-bottom: 0 !important;
  border-color: #ffffff !important;
  height: 22px;
}
.method-status .dropdown-menu {
  text-transform: capitalize;
}
.method-status.bootstrap-select .dropdown-menu.open {
  margin-top: 2px !important;
}
.default {
  color: #bbbbbb;
}
.supported {
  color: #2e7d32;
}
.unsupported {
  color: #ff5722;
}
.faceted-search {
  width: 100%;
  /*@media only screen and (max-width: 1280px) {
    .left{
      .facet{
        font-size: 13px!important;
        .facet-name-left{
          width: 100px !important;
        }
      }
    }
    .right{
      .step-content{
        .step-text{
          font-size: 17px!important;
        }
      }
    }
  }*/
}
.faceted-search .left {
  display: inline-block;
  width: 20%;
  vertical-align: top;
}
.faceted-search .left .filter {
  position: relative;
  margin-left: 0px !important;
}
.faceted-search .left .filter .filter-name-heading {
  border-bottom: 2px solid;
  display: block;
}
.faceted-search .left .filter .clear-filter {
  padding: 4px;
  position: absolute;
  top: -9px;
  right: -5px;
  cursor: pointer;
  color: #aaa;
}
.faceted-search .left .filter .clear-filter .clear-icon {
  color: #aaa;
  position: relative;
  top: 3px;
  height: 15px;
  width: 15px;
  font-size: 22px;
  display: inline-block;
}
.faceted-search .left .filter .clear-filter:hover {
  color: #205f9f !important;
}
.faceted-search .left .filter .clear-filter:hover .clear-icon {
  color: #205f9f !important;
}
.faceted-search .left .filter .facet {
  padding-bottom: 3px;
}
.faceted-search .left .filter .facet .facet-name {
  position: relative;
  padding-left: 24px;
  margin-bottom: 5px;
  cursor: pointer;
  max-width: 86%;
  height: 20px;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.faceted-search .left .filter .facet .facet-name input {
  vertical-align: top;
  position: absolute;
  opacity: 0;
  cursor: pointer;
}
.faceted-search .left .filter .facet .facet-name .checkmark {
  position: absolute;
  top: 3px;
  left: 0;
  height: 14px;
  width: 14px;
  border: 1px solid #aaa;
  border-radius: 2px;
}
.faceted-search .left .filter .facet .facet-name input:checked ~ .checkmark {
  background-color: #205f9f;
  border: 2px solid #205f9f;
}
.faceted-search .left .filter .facet .facet-name .checkmark:after {
  content: "";
  position: absolute;
  display: none;
}
.faceted-search .left .filter .facet .facet-name input:checked ~ .checkmark:after {
  display: block;
}
.faceted-search .left .filter .facet .facet-name .checkmark:after {
  left: 3px;
  top: -1px;
  width: 5px;
  height: 10px;
  border: solid white;
  border-width: 0 2px 2px 0;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
}
.faceted-search .left .filter .facet .facet-name:hover input ~ .checkmark {
  border: 2px solid #205f9f;
}
.faceted-search .left .filter .facet .facet-name .facet-name-left {
  white-space: nowrap;
  display: inline-block;
}
.faceted-search .left .filter .facet .facet-count {
  float: right;
}
.faceted-search .right {
  display: inline-block;
  width: 79%;
  margin-left: 1%;
}
.faceted-search .right .steps-container {
  overflow-y: auto;
  border-left: 7px solid #f3f3f3;
}
.faceted-search .right .steps-container .task-step,
.faceted-search .right .steps-container .library-step {
  border-bottom: 1px solid;
  min-height: 110px;
  position: relative;
  line-height: 1.3;
}
.faceted-search .right .steps-container .task-step .task-step-legend,
.faceted-search .right .steps-container .library-step .task-step-legend,
.faceted-search .right .steps-container .task-step .library-step-legend,
.faceted-search .right .steps-container .library-step .library-step-legend {
  border-width: 1px;
  border-style: solid;
  box-sizing: border-box;
  border-radius: 100%;
  left: 0;
  top: 25px;
  margin: auto 20px;
  display: inline-block;
  position: absolute;
  width: 14px;
  height: 14px;
  text-align: center;
  vertical-align: middle;
}
.faceted-search .right .steps-container .task-step:first-child,
.faceted-search .right .steps-container .library-step:first-child {
  padding-top: 15px;
}
.faceted-search .right .steps-container .task-step:first-child .task-step-legend,
.faceted-search .right .steps-container .library-step:first-child .task-step-legend {
  top: 25px;
}
.faceted-search .right .steps-container .task-step:hover,
.faceted-search .right .steps-container .library-step:hover {
  cursor: pointer;
  background-color: #f3f3f3;
}
.faceted-search .right .steps-container .library-step:first-child .library-step-legend {
  top: 35px;
}
.faceted-search .right .steps-container .step-content,
.faceted-search .right .steps-container .skill-list,
.faceted-search .right .steps-container .info {
  width: calc(100% - 100px);
  width: -moz-calc(100% - 100px);
  width: -o-calc(100% - 100px);
  width: -webkit-calc(100% - 100px);
  vertical-align: middle;
}
.faceted-search .right .steps-container .step-content label + label:before,
.faceted-search .right .steps-container .skill-list label + label:before,
.faceted-search .right .steps-container .info label + label:before {
  content: ", ";
}
.faceted-search .right .steps-container .step-content .attached-skills,
.faceted-search .right .steps-container .skill-list .attached-skills,
.faceted-search .right .steps-container .info .attached-skills {
  display: inline;
}
.faceted-search .right .steps-container .icon {
  bottom: 0;
  height: 30px;
  line-height: 30px;
  margin: auto;
  position: absolute;
  right: 30px;
  text-align: center;
  top: 0;
  width: 30px;
  font-size: 28px;
}
.faceted-search .right .steps-container .baloo-icon-export:hover,
.faceted-search .right .steps-container .baloo-icon-copy:hover {
  color: #205f9f !important;
}
@media only screen and (min-width: 1201px) {
  .faceted-search .left .facet {
    font-size: 14px!important;
  }
  .faceted-search .left .facet .facet-name-left {
    width: 180px;
  }
  .faceted-search .right .step-content .step-text {
    font-size: 18px!important;
  }
}
@media only screen and (min-width: 1024px) and (max-width: 1200px) {
  .faceted-search .left {
    width: 21%;
  }
  .faceted-search .left .facet {
    font-size: 13px!important;
  }
  .faceted-search .left .facet .facet-name-left {
    width: 155px;
  }
  .faceted-search .left .facet .facet-count {
    position: relative;
    left: 10px;
  }
  .faceted-search .right {
    width: 78%;
  }
  .faceted-search .right .step-content .step-text {
    font-size: 17px!important;
  }
}