body {
  font-family: 'Roboto', 'Helvetica Neue', Helvetica, Arial, sans-serif;
  font-weight: 300;
}
h1,
h2,
h3,
h4,
h5,
h6,
.h1,
.h2,
.h3,
.h4,
.h5,
.h6 {
  font-family: 'Roboto', sans-serif;
  font-weight: 400;
}
html,
body {
  height: 100%;
}
.wrap {
  min-height: 100%;
  height: auto;
  margin: 0 auto -60px;
  padding: 0 0 60px;
}
.wrap > .container {
  padding: 70px 15px 20px;
}
.center-screen {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  display: flex;
  flex-wrap: wrap;
  flex-direction: column;
  align-items: center;
  min-width: 320px;
}
.center-screen .bg-white {
  min-width: 320px;
}
.login-page .nav-tabs {
  border: none;
}
.login-page .login-logo {
  margin-bottom: 30px;
  display: flex;
  align-items: center;
}
.login-page .login-logo img {
  width: 80px;
  margin-right: 10px;
}
.login-page .login-logo span {
  font-size: 32px;
  font-weight: 400;
}
.max-width {
  max-width: 1000px;
}
.margin-center {
  max-width: 700px;
  margin: auto;
}
.flex {
  display: flex;
}
.flex-row {
  flex-direction: row;
}
.flex-column {
  flex-direction: column;
}
.justify-content--space-between {
  justify-content: space-between;
}
.align-items--center {
  align-items: center !important;
}
.align-items--start {
  align-items: flex-start !important;
}
.align-items--end {
  align-items: flex-end !important;
}
.flex-left {
  flex: 1;
}
.flex-center {
  flex: 0.5;
}
.flex-right {
  white-space: nowrap;
}
.list-view .summary {
  margin-top: 2em;
}
.main-sidebar {
  position: fixed;
  top: 0;
  left: 0;
  bottom: 0;
  padding: 10px 0;
  min-height: 100%;
  width: 230px;
  z-index: 810;
  background: #222;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  -webkit-transition: -webkit-transform 0.3s ease-in-out, width 0.3s ease-in-out;
  -moz-transition: -moz-transform 0.3s ease-in-out, width 0.3s ease-in-out;
  -o-transition: -o-transform 0.3s ease-in-out, width 0.3s ease-in-out;
  transition: transform 0.3s ease-in-out, width 0.3s ease-in-out;
}
@media (max-width: 767px) {
  .main-sidebar {
    padding-top: 100px;
  }
}
@media (max-width: 767px) {
  .main-sidebar {
    -webkit-transform: translate(-230px, 0);
    -ms-transform: translate(-230px, 0);
    -o-transform: translate(-230px, 0);
    transform: translate(-230px, 0);
  }
}
@media (min-width: 768px) {
  .sidebar-collapse .main-sidebar {
    -webkit-transform: translate(-230px, 0);
    -ms-transform: translate(-230px, 0);
    -o-transform: translate(-230px, 0);
    transform: translate(-230px, 0);
  }
}
@media (max-width: 767px) {
  .sidebar-open .main-sidebar {
    -webkit-transform: translate(0, 0);
    -ms-transform: translate(0, 0);
    -o-transform: translate(0, 0);
    transform: translate(0, 0);
  }
}
.main-sidebar a,
.main-sidebar a:hover,
.main-sidebar a:focus {
  text-decoration: none !important;
}
.main-sidebar section {
  overflow: hidden;
}
.main-sidebar .logo {
  display: flex;
  align-items: center;
  height: 50px;
  padding: 0 15px;
  margin-bottom: 30px;
  width: 100%;
  overflow: hidden;
  -webkit-transition: -webkit-transform 0.3s ease-in-out, padding 0.3s ease-in-out;
  -moz-transition: -moz-transform 0.3s ease-in-out, padding 0.3s ease-in-out;
  -o-transition: -o-transform 0.3s ease-in-out, padding 0.3s ease-in-out;
  transition: transform 0.3s ease-in-out, padding 0.3s ease-in-out;
}
.main-sidebar .logo img {
  max-height: 50px;
  max-width: 50px;
}
.main-sidebar .logo .title {
  color: #fff;
  margin-left: 10px;
  font-size: 24px;
  font-weight: 300;
}
.main-sidebar .sidebar-menu li {
  border-left: 3px solid transparent;
}
.main-sidebar .sidebar-menu li.header {
  color: #888888;
  margin-top: 10px;
}
.main-sidebar .sidebar-menu li a {
  font-size: 1.1em;
  color: #bbbbbb;
  text-decoration: none;
}
.main-sidebar .sidebar-menu li a:hover {
  color: #fff;
}
.main-sidebar .sidebar-menu li.active {
  border-left-color: #fff;
  background: #000000;
}
.main-sidebar .sidebar-menu li.active a {
  color: #fff;
}
.main-sidebar .sidebar-menu .btn-expand i::before,
.main-sidebar .sidebar-menu .btn-collapse i::before {
  font-size: 16px;
}
.main-sidebar .sidebar-menu .btn-expand {
  display: none;
}
.sidebar-form input:focus {
  border-color: transparent;
}
.user-panel {
  position: relative;
  width: 100%;
  padding: 10px;
  overflow: hidden;
  margin-bottom: 20px;
}
.user-panel:before,
.user-panel:after {
  content: " ";
  display: table;
}
.user-panel:after {
  clear: both;
}
.user-panel span,
.user-panel small {
  display: block;
  overflow: hidden;
  text-overflow: ellipsis;
  color: #bbbbbb;
}
.user-panel small {
  margin-top: 5px;
  display: block;
  color: #888888;
}
.user-panel .image img {
  width: 100%;
  max-width: 40px;
  height: auto;
}
.user-panel .info {
  padding: 5px 5px 5px 10px;
  line-height: 1;
  position: absolute;
  left: 50px;
  max-width: calc(230px - 60px);
}
.user-panel .info p {
  font-weight: 400;
  margin-bottom: 9px;
}
.user-panel .info a {
  text-decoration: none;
}
.sidebar-menu {
  list-style: none;
  margin: 0;
  padding: 0;
}
.sidebar-menu > li {
  position: relative;
  margin: 0;
  padding: 0;
}
.sidebar-menu > li > a {
  padding: 7px 5px 7px 15px;
  display: block;
}
.sidebar-menu > li > a > .fa,
.sidebar-menu > li > a > .glyphicon,
.sidebar-menu > li > a > .ion {
  width: 20px;
}
.sidebar-menu > li .label,
.sidebar-menu > li .badge {
  margin-right: 5px;
}
.sidebar-menu > li .badge {
  margin-top: 3px;
}
.sidebar-menu li.header {
  padding: 10px 25px 10px 15px;
  font-size: 12px;
}
.sidebar-menu li > a > .fa-angle-left,
.sidebar-menu li > a > .pull-right-container > .fa-angle-left {
  width: auto;
  height: auto;
  padding: 0;
  margin-right: 10px;
  -webkit-transition: transform 0.5s ease;
  -o-transition: transform 0.5s ease;
  transition: transform 0.5s ease;
}
.sidebar-menu li > a > .fa-angle-left {
  position: absolute;
  top: 50%;
  right: 10px;
  margin-top: -8px;
}
.sidebar-menu .menu-open > a > .fa-angle-left,
.sidebar-menu .menu-open > a > .pull-right-container > .fa-angle-left {
  -webkit-transform: rotate(-90deg);
  -ms-transform: rotate(-90deg);
  -o-transform: rotate(-90deg);
  transform: rotate(-90deg);
}
.sidebar-menu .active > .treeview-menu {
  display: block;
}
/*
 * Component: Sidebar Mini
 */
@media (min-width: 768px) {
  .sidebar-mini.sidebar-collapse .content-wrapper,
  .sidebar-mini.sidebar-collapse .right-side,
  .sidebar-mini.sidebar-collapse .main-footer {
    margin-left: 50px !important;
    z-index: 840;
  }
  .sidebar-mini.sidebar-collapse .logo {
    padding: 5px;
  }
  .sidebar-mini.sidebar-collapse .logo img {
    width: 100%;
  }
  .sidebar-mini.sidebar-collapse .usage-bar {
    display: none;
  }
  .sidebar-mini.sidebar-collapse .main-sidebar {
    -webkit-transform: translate(0, 0);
    -ms-transform: translate(0, 0);
    -o-transform: translate(0, 0);
    transform: translate(0, 0);
    width: 50px !important;
    z-index: 850;
  }
  .sidebar-mini.sidebar-collapse .main-sidebar .btn-collapse {
    display: none;
  }
  .sidebar-mini.sidebar-collapse .main-sidebar .btn-expand {
    display: block;
  }
  .sidebar-mini.sidebar-collapse .main-sidebar section {
    overflow: inherit;
  }
  .sidebar-mini.sidebar-collapse .sidebar-menu > li {
    position: relative;
  }
  .sidebar-mini.sidebar-collapse .sidebar-menu > li > a {
    margin-right: 0;
  }
  .sidebar-mini.sidebar-collapse .sidebar-menu > li > a > span {
    border-top-right-radius: 4px;
  }
  .sidebar-mini.sidebar-collapse .sidebar-menu > li:not(.treeview) > a > span {
    border-radius: 4px;
  }
  .sidebar-mini.sidebar-collapse .sidebar-menu > li > .treeview-menu {
    padding-top: 5px;
    padding-bottom: 5px;
    border-bottom-right-radius: 4px;
  }
  .sidebar-mini.sidebar-collapse .main-sidebar .user-panel > .info,
  .sidebar-mini.sidebar-collapse .sidebar-form,
  .sidebar-mini.sidebar-collapse .sidebar-menu > li > a > span,
  .sidebar-mini.sidebar-collapse .sidebar-menu > li > .treeview-menu,
  .sidebar-mini.sidebar-collapse .sidebar-menu > li > a > .pull-right,
  .sidebar-mini.sidebar-collapse .sidebar-menu > li > a > span > .pull-right,
  .sidebar-mini.sidebar-collapse .sidebar-menu li.header {
    display: none !important;
    -webkit-transform: translateZ(0);
  }
  .sidebar-mini.sidebar-collapse .main-header .navbar {
    margin-left: 50px;
  }
}
@media (min-width: 768px) {
  .sidebar-mini:not(.sidebar-mini-expand-feature).sidebar-collapse .sidebar-menu > li:hover > a {
    overflow: visible;
  }
  .sidebar-mini:not(.sidebar-mini-expand-feature).sidebar-collapse .sidebar-menu > li:hover > a > span:not(.pull-right) {
    display: block !important;
    position: absolute;
    left: 50px;
  }
  .sidebar-mini:not(.sidebar-mini-expand-feature).sidebar-collapse .sidebar-menu > li:hover > .treeview-menu {
    display: block !important;
    position: absolute;
    width: 180px;
    left: 50px;
  }
  .sidebar-mini:not(.sidebar-mini-expand-feature).sidebar-collapse .sidebar-menu > li:hover > a > span {
    top: 5px;
    margin-left: 3px;
    padding: 5px 12px;
    background-color: rgba(0, 0, 0, 0.5);
  }
  .sidebar-mini:not(.sidebar-mini-expand-feature).sidebar-collapse .sidebar-menu > li:hover > a > .pull-right-container {
    position: relative !important;
    float: right;
    width: auto !important;
    left: 180px !important;
    top: -22px !important;
    z-index: 900;
  }
  .sidebar-mini:not(.sidebar-mini-expand-feature).sidebar-collapse .sidebar-menu > li:hover > a > .pull-right-container > .label:not(:first-of-type) {
    display: none;
  }
  .sidebar-mini:not(.sidebar-mini-expand-feature).sidebar-collapse .sidebar-menu > li:hover > .treeview-menu {
    top: 44px;
    margin-left: 0;
  }
}
.sidebar-expanded-on-hover .main-footer,
.sidebar-expanded-on-hover .content-wrapper {
  margin-left: 50px;
}
.sidebar-menu,
.main-sidebar .user-panel,
.sidebar-menu > li.header {
  white-space: nowrap;
  overflow: hidden;
}
.sidebar-menu:hover {
  overflow: visible;
}
.sidebar-form,
.sidebar-menu > li.header {
  overflow: hidden;
  text-overflow: clip;
}
.sidebar-menu li > a {
  position: relative;
}
.sidebar-menu li > a > .pull-right-container {
  position: absolute;
  right: 10px;
  top: 50%;
  margin-top: -7px;
}
.hold-transition .content-wrapper,
.hold-transition .right-side,
.hold-transition .main-footer,
.hold-transition .main-sidebar,
.hold-transition .left-side,
.hold-transition .main-header .navbar,
.hold-transition .main-header .logo,
.hold-transition .menu-open .fa-angle-left {
  /* Fix for IE */
  -webkit-transition: none;
  -o-transition: none;
  transition: none;
}
.content-wrapper {
  background-color: #fff;
  z-index: 820;
  margin-left: 230px;
  -webkit-transition: -webkit-transform 0.3s ease-in-out, margin 0.3s ease-in-out;
  -moz-transition: -moz-transform 0.3s ease-in-out, margin 0.3s ease-in-out;
  -o-transition: -o-transform 0.3s ease-in-out, margin 0.3s ease-in-out;
  transition: transform 0.3s ease-in-out, margin 0.3s ease-in-out;
}
@media (max-width: 767px) {
  .content-wrapper {
    margin-left: 0;
  }
}
.content-header {
  background-color: #f7f7f7 !important;
  padding: 20px 30px 15px;
  border-bottom: 1px solid #ddd;
}
@media (max-width: 480px) {
  .content-header {
    padding: 15px;
  }
}
.content-header .nav-tabs {
  margin-top: 15px;
  margin-bottom: -15px;
  border-bottom: none;
}
.content-header .nav-tabs > li {
  margin-right: 15px;
  border-bottom: 4px solid transparent;
  font-size: 1.1em;
}
.content-header .nav-tabs > li a {
  color: #777777;
}
.content-header .nav-tabs > li a:hover {
  color: #333333;
}
.content-header .nav-tabs > li.active {
  border-bottom-color: #ccc;
}
.content-header .nav-tabs > li.active a {
  color: #333333;
}
.content-header .nav-tabs > li > a {
  padding: 10px 0;
  background: transparent;
  border: none;
}
.content-header .nav-tabs > li > a:hover,
.content-header .nav-tabs > li > a:active,
.content-header .nav-tabs > li > a:focus {
  background: transparent;
  border: none;
}
.content-header h1 {
  margin: 0;
  font-size: 24px;
}
.content-header .breadcrumb {
  float: right;
  background: transparent;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 12px;
  padding: 7px 5px;
  position: absolute;
  top: 15px;
  right: 10px;
  border-radius: 2px;
}
.content {
  min-height: 250px;
  padding: 30px;
}
@media (max-width: 480px) {
  .content {
    padding: 15px;
  }
}
.usage-bar {
  border: 1px solid #ddd;
  margin: 0 15px 0 15px;
  padding: 0 15px 0 15px;
  color: white;
  min-width: 200px;
}
.usage-bar .progress {
  height: 5px;
}
.accordion .panel-title a {
  outline: none;
  text-align: left;
  font-size: 21px;
  position: relative;
  padding: 17px 20px 15px 20px;
  display: inline-block;
  width: 100%;
}
.accordion .panel-title,
.accordion .panel-heading {
  padding: 0;
}
.accordion .panel-title a:hover,
.accordion #accordion .panel-title a:focus {
  text-decoration: none;
}
.accordion .panel-title i.fa {
  float: right;
  transition: all 0.5s;
  position: absolute;
  right: 20px;
  font-size: 32px;
}
.form-advanced {
  display: none;
}
label[for="show_advanced"] {
  font-weight: 400;
  color: #777777;
  margin-left: 0.2em;
}
.dropdown-menu i {
  display: inline-block;
  min-width: 1em;
  margin-right: 0.5em;
  text-align: center;
}
.button-back {
  float: left;
  color: #777777;
  display: inline-block;
  width: 20px;
  height: 1em;
  margin-top: 0.3em;
}
.panel-item {
  padding: 0.7em 1em;
  display: flex;
  justify-content: space-between;
  align-content: center;
  box-shadow: 0 0 1px 1px rgba(0, 0, 0, 0.1);
  margin-top: 1em;
  margin-bottom: 0.5em;
  border-radius: 4px;
}
.panel-item:first-child {
  margin-top: 0;
}
.panel-item:hover {
  background: #fafafa;
}
.panel-item > div {
  display: flex;
  align-items: center;
}
.panel-item > div small {
  color: #777777;
}
.panel-item > div small span {
  margin-right: 1em;
}
.panel-item > div small span i {
  margin-right: 0.2em;
}
.panel-item > div small a {
  color: #777777;
}
.panel-item > div:first-child {
  flex: 1;
  min-width: 50%;
  margin-right: 1em;
}
.panel-item > div:last-child {
  margin-left: 1em;
}
.panel-item h4 {
  margin: 0;
}
.panel-item a {
  color: #333333;
  text-decoration: none;
}
.panel-item a:hover {
  color: #0d0d0d;
  text-decoration: none;
}
.switch {
  height: 0.9em;
  width: 25px;
}
.switch > input[type="checkbox"] {
  display: none;
}
.switch > input[type="checkbox"]:disabled + label {
  opacity: 0.5;
  cursor: default;
}
.switch > input[type="checkbox"]:checked + label::before {
  background: inherit;
  opacity: 0.5;
}
.switch > input[type="checkbox"]:checked + label::after {
  background: inherit;
  left: 15px;
}
.switch > label {
  cursor: pointer;
  height: 0px;
  position: relative;
  width: 25px;
}
.switch > label::before {
  background: #000000;
  box-shadow: inset 0px 0px 10px rgba(0, 0, 0, 0.5);
  border-radius: 8px;
  content: '';
  height: 8px;
  margin-top: -8px;
  position: absolute;
  opacity: 0.3;
  transition: all 0.4s ease-in-out;
  width: 25px;
}
.switch > label::after {
  background: #fefefe;
  border-radius: 16px;
  box-shadow: 0px 0px 2px rgba(0, 0, 0, 0.7);
  content: '';
  height: 16px;
  width: 16px;
  left: -4px;
  margin-top: -8px;
  position: absolute;
  top: -4px;
  transition: all 0.3s ease-in-out;
}
.jumbotron {
  text-align: center;
  background-color: transparent;
}
.jumbotron .btn {
  font-size: 21px;
  padding: 14px 24px;
}
.not-set {
  color: #c55;
  font-style: italic;
}
/* add sorting icons to gridview sort links */
a.asc:after,
a.desc:after {
  position: relative;
  top: 1px;
  display: inline-block;
  font-family: 'Glyphicons Halflings';
  font-style: normal;
  font-weight: normal;
  line-height: 1;
  padding-left: 5px;
}
a.asc:after {
  content: "\e151";
}
a.desc:after {
  content: "\e152";
}
.sort-numerical a.asc:after {
  content: "\e153";
}
.sort-numerical a.desc:after {
  content: "\e154";
}
.sort-ordinal a.asc:after {
  content: "\e155";
}
.sort-ordinal a.desc:after {
  content: "\e156";
}
.grid-view td {
  white-space: nowrap;
}
.grid-view .filters input,
.grid-view .filters select {
  min-width: 50px;
}
.hint-block {
  display: block;
  margin-top: 5px;
  color: #999;
}
.error-summary {
  color: #a94442;
  background: #fdf7f7;
  border-left: 3px solid #eed3d7;
  padding: 10px 20px;
  margin: 0 0 15px 0;
}
/* align the logout "link" (button in form) of the navbar */
.nav li > form > button.logout {
  padding: 15px;
  border: none;
}
@media (max-width: 767px) {
  .nav li > form > button.logout {
    display: block;
    text-align: left;
    width: 100%;
    padding: 10px 15px;
  }
}
.nav > li > form > button.logout:focus,
.nav > li > form > button.logout:hover {
  text-decoration: none;
}
.nav > li > form > button.logout:focus {
  outline: none;
}
.table.account-list td {
  vertical-align: middle;
}
.table.account-list em {
  top: -8px;
  padding: 0 2px;
  width: 24px;
}
@keyframes blink {
  from {
    opacity: 0.5;
  }
  to {
    opacity: 0;
  }
}
@-webkit-keyframes blink {
  from {
    opacity: 0.5;
  }
  to {
    opacity: 0;
  }
}
.account-widget {
  font-size: 1em;
  display: inline-flex;
  flex-direction: row;
  align-items: center;
}
.account-widget a,
.account-widget div {
  position: relative;
}
.account-widget-disabled {
  opacity: 0.3;
}
.account-widget-error figure:before {
  content: '';
  position: absolute;
  background: red;
  display: block;
  top: 0;
  left: 0;
  width: 2em;
  height: 2em;
  border-radius: 50%;
  opacity: 0;
  animation: blink 2s cubic-bezier(1, 0, 0, 1) infinite;
  -webkit-animation: blink 2s cubic-bezier(1, 0, 0, 1) infinite;
}
.account-widget-paused figure:before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 2em;
  height: 2em;
  border-radius: 50%;
  background-color: rgba(0, 0, 0, 0.2);
  background-size: 85%;
  background-repeat: no-repeat;
  background-position: center;
  background-image: url("data:image/svg+xml,%3Csvg version='1.1' fill='%23fff' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' viewBox='0 0 512 512'%3E%3Cpath d='M256,0C114.842,0,0,114.842,0,256s114.842,256,256,256s256-114.842,256-256S397.158,0,256,0z M256,465.455c-115.493,0-209.455-93.961-209.455-209.455S140.507,46.545,256,46.545S465.455,140.507,465.455,256S371.493,465.455,256,465.455z '/%3E%3Cpath d='M318.061,139.636c-12.853,0-23.273,10.42-23.273,23.273v186.182c0,12.853,10.42,23.273,23.273,23.273 c12.853,0,23.273-10.42,23.273-23.273V162.909C341.333,150.056,330.913,139.636,318.061,139.636z'/%3E%3Cpath d='M193.939,139.636c-12.853,0-23.273,10.42-23.273,23.273v186.182c0,12.853,10.42,23.273,23.273,23.273 c12.853,0,23.273-10.42,23.273-23.273V162.909C217.212,150.056,206.792,139.636,193.939,139.636z'/%3E%3C/svg%3E");
}
.account-widget figure {
  width: 2em;
  height: 2em;
  background-color: #bd9dc4;
  background-size: cover;
  background-position: center;
  border-radius: 50%;
  box-shadow: 0 0 0.2em rgba(0, 0, 0, 0.3);
  margin-right: 0.5em;
  user-select: none;
}
.account-widget.post-status figure:after {
  position: absolute;
  bottom: -0.3em;
  right: 0.1em;
  content: '';
  width: 1em;
  height: 1em;
  border-radius: 50%;
  border: 0.2em solid #f5f5f5;
  background-color: #eee;
}
.account-widget.post-default figure:after {
  background-color: #ccc;
}
.account-widget.post-warning figure:after {
  background-color: #f0ad4e;
}
.account-widget.post-success figure:after {
  background-color: #5cb85c;
}
.account-widget.post-danger figure:after {
  background-color: #d9534f;
}
.account-widget.big {
  font-size: 2em;
}
.account-widget a:hover figure {
  box-shadow: 0 0 0.4em rgba(0, 0, 0, 0.3);
}
.account-widget b {
  position: absolute;
  top: 0.3em;
  left: 0.5em;
  width: 1em;
  text-align: center;
  color: #fff;
  font-weight: normal;
  user-select: none;
  white-space: nowrap;
}
.account-widget span {
  margin-left: 0.2em;
}
.account-widget i.provider {
  width: 1em;
  height: 1em;
  position: absolute;
  bottom: -0.2em;
  left: -0.2em;
  border: 0.05em solid #eee;
}
.panel-body table tr td {
  padding-left: 15px;
}
.panel-body .table {
  margin-bottom: 0;
}
.btn-connect {
  border-radius: 50%;
  padding: 0;
  border: 1px solid #fff;
  outline: none;
}
.btn-connect img {
  border-radius: 50%;
}
.btn-connect:focus,
.btn-connect:active:focus {
  outline: none;
}
.btn-connect:hover {
  border: 1px solid #eee;
  box-shadow: 0 0 0.4em rgba(0, 0, 0, 0.3);
}
.tooltip p {
  margin: 0.2em 0;
}
.tooltip small {
  color: #ccc !important;
}
pre.snippet {
  background: #f0f0f0;
}
i.provider {
  background-color: #eee;
  border-radius: 50%;
  background-size: 0.7em;
  background-repeat: no-repeat;
  background-position: center;
}
.provider.rss {
  background-color: #F4B459;
  background-size: 0.5em;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' fill='%23fff' viewBox='0 0 24 24'%3E%3Cpath d='M6.503 20.752c0 1.794-1.456 3.248-3.251 3.248-1.796 0-3.252-1.454-3.252-3.248 0-1.794 1.456-3.248 3.252-3.248 1.795.001 3.251 1.454 3.251 3.248zm-6.503-12.572v4.811c6.05.062 10.96 4.966 11.022 11.009h4.817c-.062-8.71-7.118-15.758-15.839-15.82zm0-3.368c10.58.046 19.152 8.594 19.183 19.188h4.817c-.03-13.231-10.755-23.954-24-24v4.812z'/%3E%3C/svg%3E");
}
.provider.telegram {
  background-color: #0088CC;
  background-size: 0.6em;
  background-image: url("data:image/svg+xml,%3Csvg version='1.1' id='Layer_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' fill='%23fff' viewBox='0 0 300 300' style='enable-background:new 0 0 300 300;' xml:space='preserve'%3E%3Cg id='XMLID_496_'%3E%3Cpath id='XMLID_497_' d='M5.299,144.645l69.126,25.8l26.756,86.047c1.712,5.511,8.451,7.548,12.924,3.891l38.532-31.412 c4.039-3.291,9.792-3.455,14.013-0.391l69.498,50.457c4.785,3.478,11.564,0.856,12.764-4.926L299.823,29.22 c1.31-6.316-4.896-11.585-10.91-9.259L5.218,129.402C-1.783,132.102-1.722,142.014,5.299,144.645z M96.869,156.711l135.098-83.207 c2.428-1.491,4.926,1.792,2.841,3.726L123.313,180.87c-3.919,3.648-6.447,8.53-7.163,13.829l-3.798,28.146 c-0.503,3.758-5.782,4.131-6.819,0.494l-14.607-51.325C89.253,166.16,91.691,159.907,96.869,156.711z'/%3E%3C/g%3E%3C/svg%3E%0A");
}
.provider.odnoklassniki {
  background-color: #EE8208;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' version='1.1' fill='%23fff' viewBox='0 0 24 24' xml:space='preserve'%3E%3Cpath d='M12 13c3.584 0 6.5-2.916 6.5-6.5S15.584 0 12 0 5.5 2.917 5.5 6.5 8.416 13 12 13zm0-9c1.379 0 2.5 1.122 2.5 2.5S13.379 9 12 9 9.5 7.879 9.5 6.5 10.621 4 12 4z'/%3E%3Cpath d='M18.367 16.081a2.52 2.52 0 0 0 1.133-2.102c0-.718-.38-1.336-1.016-1.655a1.9 1.9 0 0 0-2.003.188c-2.605 1.948-6.357 1.948-8.963 0a1.9 1.9 0 0 0-2.002-.188A1.815 1.815 0 0 0 4.5 13.979c0 .845.424 1.631 1.133 2.102.904.601 1.89 1.071 2.931 1.398.176.054.357.104.544.151l-3.021 2.957A1.98 1.98 0 0 0 5.5 22c0 .534.208 1.036.586 1.414.779.78 2.049.78 2.834-.006L12 20.22l3.086 3.194c.39.391.902.586 1.414.586s1.024-.195 1.414-.585c.378-.378.586-.88.586-1.415s-.208-1.037-.59-1.418l-3.018-2.953c.188-.047.37-.098.547-.152a11.507 11.507 0 0 0 2.928-1.396z'/%3E%3C/svg%3E");
}
.provider.vkontakte {
  background-color: #4A76A8;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='%23fff'%3E%3Cpath class='st0' d='M13.162 18.994c.609 0 .858-.406.851-.915-.031-1.917.714-2.949 2.059-1.604 1.488 1.488 1.796 2.519 3.603 2.519h3.2c.808 0 1.126-.26 1.126-.668 0-.863-1.421-2.386-2.625-3.504-1.686-1.565-1.765-1.602-.313-3.486 1.801-2.339 4.157-5.336 2.073-5.336h-3.981c-.772 0-.828.435-1.103 1.083-.995 2.347-2.886 5.387-3.604 4.922-.751-.485-.407-2.406-.35-5.261.015-.754.011-1.271-1.141-1.539-.629-.145-1.241-.205-1.809-.205-2.273 0-3.841.953-2.95 1.119 1.571.293 1.42 3.692 1.054 5.16-.638 2.556-3.036-2.024-4.035-4.305-.241-.548-.315-.974-1.175-.974h-3.255c-.492 0-.787.16-.787.516 0 .602 2.96 6.72 5.786 9.77 2.756 2.975 5.48 2.708 7.376 2.708z'/%3E%3C/svg%3E");
}
.provider.facebook {
  background-color: #4267B2;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' fill='%23fff' viewBox='0 0 24 24'%3E%3Cpath d='M9 8h-3v4h3v12h5v-12h3.642l.358-4h-4v-1.667c0-.955.192-1.333 1.115-1.333h2.885v-5h-3.808c-3.596 0-5.192 1.583-5.192 4.615v3.385z'/%3E%3C/svg%3E");
}
.provider.instagram {
  background-color: #6A443B;
  background-size: 0.55em;
  background-image: url("data:image/svg+xml,%3Csvg version='1.1' viewBox='0 0 512 512' fill='%23fff' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3Cpath class='st0' d='M257.2,54.6c65.7,0,73.5,0.3,99.4,1.4c24,1.1,37,5.1,45.7,8.5c11.5,4.5,19.7,9.8,28.3,18.4 c8.6,8.6,13.9,16.8,18.4,28.3c3.4,8.7,7.4,21.7,8.5,45.7c1.2,25.9,1.4,33.7,1.4,99.4s-0.3,73.5-1.4,99.4c-1.1,24-5.1,37-8.5,45.7 c-4.5,11.5-9.8,19.7-18.4,28.3c-8.6,8.6-16.8,13.9-28.3,18.4c-8.7,3.4-21.7,7.4-45.7,8.5c-25.9,1.2-33.7,1.4-99.4,1.4 s-73.5-0.3-99.4-1.4c-24-1.1-37-5.1-45.7-8.5c-11.5-4.5-19.7-9.8-28.3-18.4c-8.6-8.6-13.9-16.8-18.4-28.3 c-3.4-8.7-7.4-21.7-8.5-45.7c-1.2-25.9-1.4-33.7-1.4-99.4s0.3-73.5,1.4-99.4c1.1-24,5.1-37,8.5-45.7c4.5-11.5,9.8-19.7,18.4-28.3 c8.6-8.6,16.8-13.9,28.3-18.4c8.7-3.4,21.7-7.4,45.7-8.5C183.8,54.8,191.5,54.6,257.2,54.6 M257.2,10.3 c-66.8,0-75.2,0.3-101.4,1.5c-26.2,1.2-44.1,5.4-59.7,11.4c-16.2,6.3-29.9,14.7-43.6,28.4C38.8,65.2,30.4,79,24.1,95.1 c-6.1,15.6-10.2,33.5-11.4,59.7c-1.2,26.2-1.5,34.6-1.5,101.4c0,66.8,0.3,75.2,1.5,101.4c1.2,26.2,5.4,44.1,11.4,59.7 c6.3,16.2,14.7,29.9,28.4,43.6c13.7,13.7,27.4,22.1,43.6,28.4c15.6,6.1,33.5,10.2,59.7,11.4c26.2,1.2,34.6,1.5,101.4,1.5 s75.2-0.3,101.4-1.5c26.2-1.2,44.1-5.4,59.7-11.4c16.2-6.3,29.9-14.7,43.6-28.4c13.7-13.7,22.1-27.4,28.4-43.6 c6.1-15.6,10.2-33.5,11.4-59.7c1.2-26.2,1.5-34.6,1.5-101.4s-0.3-75.2-1.5-101.4c-1.2-26.2-5.4-44.1-11.4-59.7 C484,79,475.6,65.2,462,51.6c-13.7-13.7-27.4-22.1-43.6-28.4c-15.6-6.1-33.5-10.2-59.7-11.4C332.4,10.6,324,10.3,257.2,10.3 L257.2,10.3z'/%3E%3Cpath class='st0' d='M257.2,130c-69.8,0-126.3,56.6-126.3,126.3s56.6,126.3,126.3,126.3s126.3-56.6,126.3-126.3S327,130,257.2,130 z M257.2,338.3c-45.3,0-82-36.7-82-82s36.7-82,82-82s82,36.7,82,82S302.5,338.3,257.2,338.3z'/%3E%3Ccircle class='st0' cx='388.6' cy='125' r='29.5'/%3E%3C/svg%3E");
}
.provider.zp {
  background-color: #F0B537;
  background-image: url("/image/provider/zp.svg");
}
.provider.hh {
  background-color: #F0B537;
  background-image: url("/image/provider/hh.png");
}
.provider.twitter {
  background-color: #F0B537;
  background-image: url("/image/provider/twitter.png");
}
.provider.yvl {
  background-color: #FFF;
  background-image: url("/image/provider/yvl.png");
}
.project-icon {
  width: 20px;
  height: 20px;
  margin-right: 30px;
  margin-left: 10px;
}
.project-title {
  min-width: 60% !important;
}
.project-count {
  font-size: 1.2em;
  font-weight: 400;
  flex: 1;
}
.user-avatar {
  width: 40px;
  height: 40px;
  object-fit: contain;
  margin-left: -20px;
  border: 2px solid #f0f0f0;
}
.user-avatar:first-child {
  margin: 0;
}
.panel-scenario.status-default {
  border-left: 5px solid #ddd;
}
.panel-scenario.status-info {
  border-left: 5px solid #5bc0de;
}
.panel-scenario.status-warning {
  border-left: 5px solid #f0ad4e;
}
.panel-scenario.status-danger {
  border-left: 5px solid #d9534f;
}
.panel-scenario.status-success {
  border-left: 5px solid #5cb85c;
}
.scenario-apps {
  min-width: 80px;
  display: flex;
}
.scenario-apps .app-icon {
  width: 40px;
  height: 40px;
  object-fit: contain;
  margin-left: -20px;
  margin-right: 0;
  border: 2px solid #f0f0f0;
}
.scenario-apps .app-icon:first-child {
  margin: 0;
}
.scenario-title {
  overflow: hidden;
  display: flex;
  flex-direction: column;
  position: relative;
}
.scenario-title a {
  color: #333333;
  font-weight: 400;
}
.scenario-title h4 {
  margin: 0;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.scenario-title small {
  color: #777777;
}
.scenario-title small span {
  margin-right: 1em;
}
.scenario-title small span i {
  margin-right: 0.2em;
}
.scenario-title small a {
  color: #777777;
}
.scenario-switch,
.scenario-action {
  margin-right: 1.5em;
  min-width: 1em;
}
.scenario-action {
  text-align: right;
  font-size: 1.3em;
}
.scenario-state {
  font-size: 0.8em;
  line-height: 1em;
  padding: 0.3em 1em;
}
.scenario-time {
  color: #777777;
  margin-right: 1.5em;
}
.scenario-time i {
  margin-right: 0.5em;
}
.scenario-actions {
  display: flex;
  align-items: center;
}
.scenario-actions > button {
  margin-right: 0.5em;
}
.scenario-node {
  border: 1px solid #ddd;
  border-radius: 4px;
}
.scenario-node:first-child {
  margin-top: 2em;
}
.scenario-node h3 {
  margin-top: 0;
}
.scenario-node .panel-heading {
  border-bottom: 1px solid #ddd;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.scenario-node .panel-footer {
  background: transparent;
}
.scenario-node--icon {
  width: 64px;
  height: 64px;
  object-fit: contain;
  border: 3px solid #f0f0f0;
}
.scenario-node--title {
  display: flex;
  align-items: center;
}
.scenario-node--title h4 {
  margin: 0;
}
.scenario-node--title img {
  margin-right: 1em;
}
.scenario-node--valid {
  display: block;
  width: 24px;
  height: 24px;
  text-align: center;
  position: absolute;
  border-radius: 50%;
  color: #fff;
  font-weight: bold;
  margin: -48px 0 0 -4px;
  border: 2px solid #f0f0f0;
}
.scenario-node--valid:hover {
  border: 2px solid #f0f0f0;
}
.scenario-node form .gap-label {
  padding-top: 24px;
}
.scenario-add {
  text-align: center;
  margin-bottom: 15px;
}
.scenario-connection--use {
  margin-bottom: 10px;
}
.scenario-connection--choose {
  margin-bottom: 20px;
}
.scenario-connection--choose a {
  font-size: 1.2em;
}
.scenario-searchform .help-block {
  display: none;
}
.connection-title h4 {
  margin: 0;
  display: block;
}
.connection-title small {
  color: #777777;
}
.connection-panel:first-child {
  margin-top: 1em;
}
.connection-panel .flex-center {
  min-width: 40%;
}
.app-icon {
  width: 40px;
  height: 40px;
  margin-right: 20px;
  object-fit: contain;
  border: 2px solid #f0f0f0;
}
.collection-data-vacancy .t2s-title {
  font-size: 1.2em;
  font-weight: 400;
}
.collection-data-vacancy .t2s-address {
  margin: 0.5em 0;
}
.collection-data-vacancy .t2s-requirements {
  font-size: 0.9em;
  color: #777777;
}
.widgets-preview {
  border: 1px solid #ccc;
  padding: 1em;
}
/*# sourceMappingURL=site.css.map */