/*----------------------------------------------------------------------------------*/
/*-----------------------------> RESET DEFAULT STYLES <-----------------------------*/
/*----------------------------------------------------------------------------------*/
html,body                       { width:100%; height:100%; padding:0; margin:0; }
body                            { font-family: Open Sans; color: #2C2C2C; }

div,p,a,span,em,strong,img,
/*h1,h2,h3,h4,h5,h6,*/
ul,ol,li,
dl,dt,dd,
table,td,tr,
form,fieldset,label,select,checkbox,input,textarea {
  padding:0;
  margin:0;
  outline:none;
  list-style:none;
}
/*----------------------------------------------------------------------------------*/
/*-----------------------------> Bootstrap migration styles <-----------------------*/
/*----------------------------------------------------------------------------------*/
:root {
  --bs-body-font-size: 14px;
}
button,
input,
select,
textarea {
  color: inherit;
}
.hidden {
  display: none !important;
  visibility: hidden !important;
}
.ui-button {
  vertical-align: initial;
}
/*----------------------------------------------------------------------------------*/
/*----------------------------> Main layout structure <-----------------------------*/
/*----------------------------------------------------------------------------------*/
.main-wrap {
  min-width: 1288px;
  min-height: 100%;
  position: relative;
}
.sidebar-wrap {
  overflow: hidden;
  position: absolute;
  left: 0;
  top: 0;
  width: 100px;
  height: 100%;
  background: #EFEBE0;
  border-right: 1px solid #CBC8BF;
  z-index: 1;
}

.sidebar-wrap__admin {
  background: #EAE9EA;
}

.sidebar-scroll {
  padding-top: 78px;
  overflow-x: hidden;
  overflow-y: scroll;
  width: 150px;
  height: 100%;
}
.sidebar {
  width: 100px;
}
.header {
  height: 78px;
  background: #2E2E2E;
  position: relative;
  z-index: 101;
}
.content-wrap {
  position: relative;
  padding-left: 100px;
}

.lockui {
  display: block;
  width: 100%;
  height: 100%;
  position: fixed;
  left: 0;
  top: 0;
  z-index: 10000;
  background: url('/static/img/spinner.gif') center center no-repeat rgba(0,0,0,0.5);
  background-size: 64px 64px;
}

.lockui-sec {
  display: block;
  width: 100%;
  height: 100%;
  position: fixed;
  left: 0;
  top: 0;
  z-index: 100000;
  background: url('data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iODBweCIgIGhlaWdodD0iODBweCIgIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgdmlld0JveD0iMCAwIDEwMCAxMDAiIHByZXNlcnZlQXNwZWN0UmF0aW89InhNaWRZTWlkIiBjbGFzcz0ibGRzLWVjbGlwc2UiIHN0eWxlPSJiYWNrZ3JvdW5kOiBub25lOyI+PHBhdGggbmctYXR0ci1kPSJ7e2NvbmZpZy5wYXRoQ21kfX0iIG5nLWF0dHItZmlsbD0ie3tjb25maWcuY29sb3J9fSIgc3Ryb2tlPSJub25lIiBkPSJNNSA1MEE0NSA0NSAwIDAgMCA5NSA1MEE0NSA0NyAwIDAgMSA1IDUwIiBmaWxsPSIjOTNiZGU2IiB0cmFuc2Zvcm09InJvdGF0ZSgyMzEuODYxIDUwIDUxKSI+PGFuaW1hdGVUcmFuc2Zvcm0gYXR0cmlidXRlTmFtZT0idHJhbnNmb3JtIiB0eXBlPSJyb3RhdGUiIGNhbGNNb2RlPSJsaW5lYXIiIHZhbHVlcz0iMCA1MCA1MTszNjAgNTAgNTEiIGtleVRpbWVzPSIwOzEiIGR1cj0iMS41cyIgYmVnaW49IjBzIiByZXBlYXRDb3VudD0iaW5kZWZpbml0ZSI+PC9hbmltYXRlVHJhbnNmb3JtPjwvcGF0aD48L3N2Zz4=') center center no-repeat rgba(0,0,0,0.5);
  background-size: 64px 64px;
}

.lockui-sec:before {
  content: 'Please wait, your updated list is being pulled directly from our database...';
  position: absolute;
  color: #fff;
  top: 39%;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: 100000;
}

.template-inline {
  display: flex;
  flex-direction: row;
}

.template-inline ul {
  display: flex;
  width: 100%;
  flex-direction: row-reverse;
  justify-content: space-between;
}

.element-list {
  min-width: 42%;
}

.element-download {
  min-width: 10%;
}

.element-download-last {
  min-width: 10%;
}

.element-download-start {
  min-width: 8%;
}

.element-download-expire {
  min-width: 12%;
}

@media (max-width: 1540px) {
  .element-download-start {
    min-width: 9%;
  }

  .element-download-expire {
    min-width: 13%;
  }
}

@media (max-width: 1400px) {
  .element-download-start {
    min-width: 10%;
  }

  .element-download-expire {
    min-width: 14%;
  }
}

.elements-headers {
  display: flex !important;
  align-items: center;
  justify-content: space-between;
}

.element-last-download {
  min-width: 13%;
  display: flex;
  justify-content: flex-start;
}


.element-number {
  display: flex;
  justify-content: flex-start;
  min-width: 12%;
}


.element-context {
  min-width: 45%;
  max-width: 45%;
}


.margin-bottom {
  margin-bottom: 15px;
}


.svg-block {
  overflow: hidden;
  position: relative;
  height: 43px;
  width: 43px;
}

.svg-block-main {
  position: relative;
}

.svg-block-main:after {
  content: 'Download CSV';
  opacity: 0;
  position: absolute;
  top: 9px;
  left: 55px;
  padding: 2px 4px;
  color: #ffffff;
  background: #000000;
  border-radius: 4px;
  text-decoration: none;
  text-align: center;
  -webkit-transition: opacity 500ms;
  -moz-transition: opacity 500ms;
  -o-transition: opacity 500ms;
  transition: opacity 500ms;
}

.svg-block-main:hover:after {
  opacity: 0.8;
}



.csv-icon-download {
  position: absolute;
  top: -55px;
  left: -55px;
  width: 127px;
}


/*----------------------------------------------------------------------------------*/
/*------------------------------------> Sidebar <-----------------------------------*/
/*----------------------------------------------------------------------------------*/
.sidebar-list {
  text-align: center;
  padding-bottom: 30px;
}
.sidebar-list a {
  position: relative;
  display: block;
  background: #EAE9EA;
  border-bottom: 1px solid #DAD7CF;
  height: 100px;
  padding-top: 28px;
  color: inherit;
  text-decoration: none;
}
.sidebar-list .active a,
.sidebar-list a:hover {
  background: #FDFDFD;
}
.sidebar-list .icon {
  display: block;
  font-size: 32px;
  margin-bottom: 4px;
}
.sidebar-list .title {
  display: block;
  font-weight: 600;
}
.sidebar-list .counter {
  display: block;
  height: 22px;
  position: absolute;
  right: 7px;
  top: 15px;
  background: #FF4D4D;
  font-size: 12px;
  color: #FFF;
  padding: 2px 8px 0;
  border-radius: 11px;
}


/*----------------------------------------------------------------------------------*/
/*---------------------------------> Main header <----------------------------------*/
/*----------------------------------------------------------------------------------*/
.header {
  color: #FFF;
}
.header a {
  color: inherit;
}
.header .logo-block {
  float: left;
  display: block;
  font-weight: 600;
  margin: 13px 40px 0 30px;
}
.header .logo-block img {
  width: 128.25px;
}

.header-admin {
  position: relative;
}

.header-admin .logo-block img {
  width: 337.25px;
  left: -80px;
  margin-right: -170px;
  top: -135px;
  position: relative;
}

.header-admin div a {
  margin-right: 37px;
  width: 160px;
}

.header-admin a {
  overflow: hidden;
  height: 65px;
}

.header .search-block {
  border: 1px solid #555;
  border-radius: 3px;
  padding: 5px;
  width: 450px;
  height: 32px;
  float: left;
  margin-top: 23px;
  position: relative;
}

.header .search-block input {
  background: transparent;
  border: 0;
  width: 180px;
  padding: 0 5px;
  float: left;
}
.header .search-block input::-moz-placeholder {
  color: #555;
  font-style: italic;
  opacity: 1;
}
.header .search-block input:-ms-input-placeholder {
  color: #555;
  font-style: italic;
}
.header .search-block input::-webkit-input-placeholder {
  color: #555;
  font-style: italic;
}

.header .search-block .search-option {
  float: left;
  width: 230px;
  position: relative;
}
.header .search-block .search-option .ui-selectmenu-menu {
  /*width: 200px !important;*/
  font-size: 12px;
}
.header .search-block .search-option .ui-menu-item:not(:first-child) {
  padding-left: 20px;
}
.header .search-block .search-btn {
  float: right;
  background: transparent;
  border: 0;
  padding: 0 0 0 5px;
  width: 26px;
  height: 100%;
  border-left: 1px solid #E6E7E8;
}

.header .search-block .ui-selectmenu-text {
  padding: 0 20px 0 5px;
  text-align: right;
}

.header .user-block {
  float: right;
  margin: 23px 20px 0 0;
}

.header .user-block-admin {
  margin-right: 40px;
}
.header .user-block .logout-link {
  display: block;
  width: 32px;
  height: 32px;
  background: #EAC163;
  float: right;
  border-radius: 50%;
  text-align: center;
  padding-top: 6px;
  margin-left: 8px;
}

.header .user-block .admin-logout {
  background: #393939;
}

.header .user-block .info-block {
  float: right;
  text-align: right;
}
.header .user-block .name {
  margin: -2px 0 -4px;
}
.header .user-block .name,
.header .user-block .position {
  display: block;
  max-width: 300px;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
}
.header .user-block .position {
  font-size: 12px;
  color: #999;
}

/*----------------------------------------------------------------------------------*/
/*---------------------------> Custom select dropdowns <----------------------------*/
/*----------------------------------------------------------------------------------*/
.custom-select-block {
  position: relative;
  z-index: inherit;
}
.custom-select-block .ui-selectmenu-button,
.custom-select-block .ui-selectmenu-menu,
.custom-select-block .ui-menu,
.custom-select-block .menu-scroll-wrap,
.custom-select-block .overview,
.multiple-select-block .overview,
.default-skin .overview {
  width: 100% !important;
}
.custom-select-block .ui-selectmenu-menu,
.multiple-select-block .chosen-drop {
  margin-top: 6px;
  top: 100% !important;
  border-radius: 3px;
  background: #FFF;
  color: #2C2C2C;
  -webkit-box-shadow: inset 0 0 1px #D6D6D6, 0 2px 4px rgba(0,0,0,0.25);
          box-shadow: inset 0 0 1px #D6D6D6, 0 2px 4px rgba(0,0,0,0.25);
}
.custom-select-block.appear-on-top .ui-selectmenu-menu,
.multiple-select-block.appear-on-top .chosen-drop {
  top: auto !important;
  bottom: 100%;
  margin-bottom: 6px;
  margin-top: 0;
  -webkit-box-shadow: inset 0 0 1px #D6D6D6, 0 -2px 4px rgba(0,0,0,0.25);
          box-shadow: inset 0 0 1px #D6D6D6, 0 -2px 4px rgba(0,0,0,0.25);
}
.custom-select-block .ui-selectmenu-menu .ui-menu {
  padding: 0;
}
.custom-select-block .ui-selectmenu-menu .ui-menu-item,
.multiple-select-block .chosen-drop li {
  border-radius: 3px;
  border: 1px solid transparent;
  margin: 0;
  padding: 3px 6px;
}
.custom-select-block .ui-selectmenu-menu .ui-menu-item:hover,
.multiple-select-block .chosen-drop .active-result:hover {
  background: #EAC163;
  border-color: #C9A655;
}

.custom-select-block .ui-selectmenu-menu .ui-menu-item-admin:hover {
  background: #5484B3;
  color: #fff;
  border: 1px solid #2E4986;
}

.custom-select-block-admin .ui-selectmenu-menu .ui-menu-item:hover {
  background: #5484B3;
  color: #fff;
  border: 1px solid #2E4986;
}

.custom-select-block .ui-selectmenu-menu a:not(.fa) {
  display: block;
  text-decoration: none;
  color: inherit;
}
.custom-select-block .ui-selectmenu-button .ui-icon.fa {
  margin-top: -9px;
}
.custom-select-block .ui-selectmenu-button .ui-selectmenu-text {
  padding-right: 1.5em;
}

.custom-select-block.with-labels .ui-selectmenu-menu .group-option {
  padding-left: 18px;
}

/* Styles for scroll bars of the selectmenu */
.custom-select-block .menu-scroll-wrap,
.multiple-select-block .menu-scroll-wrap {
  max-height: 160px;
}
.custom-select-block:not(.with-delete-btn) .menu-scroll-wrap .ui-menu-item {
  padding-right: 10px;
}
.custom-select-block.with-delete-btn .menu-scroll-wrap .ui-menu .fa {
  margin-right: 10px;
}

.ui-front-admin .ui-selectmenu-menu .ui-menu .ui-menu-item:hover {
  background: #5484B3;
  color: #fff;
  border: 1px solid #2E4986;
}

.ui-front-admin .chosen-drop .chosen-results .active-result:hover {
  background: #5484B3;
  color: #fff;
  border: 1px solid #2E4986;
}

.scrollable.default-skin {
  padding: 0;
}
.default-skin .scroll-bar {
  z-index: 1;
  background: rgba(68,68,68,0.1);
  border-radius: 0 3px 3px 0;
}
.default-skin .scroll-bar .thumb {
  cursor: pointer;
}

/* Styles for dropdowns that have a Delete button */
.custom-select-block.with-delete-btn .ui-menu .fa {
  float: right;
  padding: 4px 5px 5px;
  border-radius: 3px;
  margin: 3px 3px 0;
}
.custom-select-block.with-delete-btn .ui-menu .fa:hover {
  background: #EEE;
}
.custom-select-block.with-delete-btn .ui-menu a {
  overflow: hidden;
}
.custom-select-block.with-delete-btn .ui-menu .active .fa {
  display: none;
}
.custom-select-block.with-delete-btn .ui-menu > li:first-child {
  border-color: transparent;
  background: transparent;
  border-bottom: 1px solid #D6D6D6;
  border-radius: 0;
  cursor: inherit;
}

/* Styles for dropdowns with truncated options */
.custom-select-block.with-truncated-options .ui-menu-item,
.custom-select-block.with-truncated-options .ui-menu a {
  display: block;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}

.custom-select-block .ui-menu-admin .ui-menu-item:hover {
  background: #5484B3;
  color: #fff;
  border: 1px solid #2E4986;
}

/* Styles for dropdown of Saving options (gold button of the Control bar) */
.custom-select-block.with-action-controls {
  width: 24px;
  margin-left: 0;
}
.custom-select-block.with-action-controls .custom-btn {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}
.custom-select-block.with-save-controls .sort-icon-holder,
.custom-select-block.with-action-controls .sort-icon-holder {
  display: block;
  width: 24px;
  height: 100%;
  position: absolute;
  right: 0;
  top: 0;
  border-left: 1px solid #C8A555;
}
.custom-select-block.with-save-controls .ui-selectmenu-text {
  padding-right: 2.4em;
}
.custom-select-block.with-save-controls .ui-selectmenu-menu,
.custom-select-block.with-action-controls .ui-selectmenu-menu {
  width: 170px !important;
  left: auto;
  right: 0;
}

.with-left-group-btn .custom-btn {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}

/* Styles for Color preview options */
.color-preview {
  vertical-align: bottom;
  display: inline-block;
  width: 24px;
  height: 19px;
  margin-right: 5px;
  border: 1px solid rgba(0,0,0,0.15);
  position: relative;
}
.color-preview.no-color {
  background: url(/static/img/no_color.png) no-repeat;
  background-size: 100% 100%;
}

.multiple-select-block .chosen-container {
  position: relative;
  width: 100% !important;
}
.multiple-select-block .chosen-drop {
  display: none;
  position: absolute;
  left: 0;
  width: 100%;
  z-index: 100;
  font-size: 13px;
}
.multiple-select-block .chosen-drop .active-result {
  cursor: pointer;
}
.multiple-select-block .chosen-drop .result-selected {
  color: #CCC;
}
.multiple-select-block .chosen-drop .disabled-result {
  color: #888;
  background: #F4F4F4;
  border-color: #CCC;
}
.multiple-select-block .chosen-drop em {
  background: #333;
  color: #FFF;
  font-style: normal;
}
.multiple-select-block .chosen-container-active .chosen-drop,
.multiple-select-block .chosen-with-drop .chosen-drop {
  display: block;
}
.multiple-select-block .chosen-choices {
  display: block;
  height: auto;
  min-height: 32px;
  width: 100%;
  padding: 3px 8px 0;
}
.multiple-select-block .chosen-choices > li {
  float: left;
}
.multiple-select-block .chosen-choices .search-field input {
  font-style: italic;
  color: #C0C0C0;
}
.multiple-select-block .chosen-choices .search-choice {
  border-radius: 3px;
  border: 1px solid #CBCBCB;
  background: #EEE;
  padding: 1px 4px;
  margin: 0 5px 3px 0;
  font-size: 13px;
}
.multiple-select-block .search-choice-close {
  color: #999;
  text-decoration: none;
  margin-left: 4px;
}
.multiple-select-block .search-choice-close:hover {
  color: inherit;
}
.multiple-select-block .chosen-choices input {
  border: 0;
  padding: 0;
  height: 1.7em;
  color: #CCC;
}
.multiple-select-block .chosen-results {
  overflow-x: hidden;
  overflow-y: auto;
}
.multiple-select-block.with-labels .group-result {
  font-weight: bold;
  line-height: 1.5;
  margin: 0.5em 0 0;
  padding: 2px 0.4em;
}
.multiple-select-block.with-labels .group-option {
  padding-left: 18px;
}

.ajax-select-block .custom-btn {
  display: block;
}
.ajax-select-block .custom-btn > span {
  display: block;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.ajax-select-block .chosen-search {
  padding: 10px;
}


/*----------------------------------------------------------------------------------*/
/*--------------------------------> Controls bar <----------------------------------*/
/*----------------------------------------------------------------------------------*/
.control-bar {
  padding: 20px 30px;
  background: #FFF;
  position: relative;
  z-index: 10;
}
.control-bar-wrap {
  min-height: 72px;
}
.fixed-control-bar .control-bar {
  min-height: 52px;
  position: fixed;
  left: 0;
  right: 0;
  top: -72px;
  padding: 10px 30px 10px 130px;
  z-index: 105;
  -webkit-box-shadow: 0 2px 30px rgba(0,0,0,0.25);
          box-shadow: 0 2px 30px rgba(0,0,0,0.25);
  -webkit-transition: top ease-in-out .15s;
       -o-transition: top ease-in-out .15s;
          transition: top ease-in-out .15s;
}
.fixed-control-bar.control-bar-transition .control-bar {
  top: 0;
}
.control-bar .scroll-up {
  display: none;
  width: 100px;
  height: 100%;
  background: #EEE;
  position: absolute;
  left: 0;
  top: 0;
  color: #EAC163;
  cursor: pointer;
}
.control-bar .scroll-up .fa {
  display: block;
  text-align: center;
  position: relative;
  top: 50%;
  margin-top: -9px;
}
.fixed-control-bar .scroll-up {
  display: block;
}


.breadcrumbs-list {
  float: left;
  font-size: 18px;
  padding-top: 2px;
  margin-right: 20px;
}

.breadcrumbs-list .fa {
  font-size: 14px;
  padding: 0 10px;
}
.breadcrumbs-list > li {
  float: left;
}
.breadcrumbs-list > li:first-child .fa {
  display: none;
}
.breadcrumbs-list a {
  color: #B28624;
  text-decoration: none;
}
.breadcrumbs-list .copy-link {
  position: relative;
  float: right;
}
.breadcrumbs-list .copy-link-img {
  display: block;
  height: 22px;
  margin: 2px 0 0 14px;
  cursor: pointer;
}
.breadcrumbs-list .copy-link .popup-text {
  font-size: 11px;
  visibility: hidden;
  background-color: #555;
  color: #fff;
  text-align: center;
  border-radius: 6px;
  padding: 2px 8px;
  position: absolute;
  z-index: 1;
  bottom: 100%;
  left: 50%;
  margin-left: -18px;
}
.breadcrumbs-list .copy-link .popup-text.show {
  visibility: visible;
}

.breadcrumbs-list__admin a {
  color: #5484B3;
}

.breadcrumbs-list .id-marker {
  text-transform: uppercase;
  background: #EFEBE0;
  color: #666;
  border-radius: 3px;
  padding: 1px 5px;
  margin: 2px 0 0 10px;
  float: right;
  font-size: 14px;
  display: block;
}

.control-bar .buttons-block .btn-filter {
  width: 32px;
  text-align: center;
}
.control-bar .info-text {
  color: #A4A4A4;
}

.control-bar .filter-bar-pointer-wrap {
  display: none;
  overflow: hidden;
  position: absolute;
  bottom: -11px;
  left: 0;
  text-align: center;
  width: 100%;
  height: 11px;
  line-height: 0;
}
.control-bar .active .filter-bar-pointer-wrap {
  display: block;
}
.control-bar .filter-bar-pointer {
  display: block;
  font-size: 16px;
  color: #FFF;
  margin-top: 8px;
  line-height: 0;
  text-shadow: 0 -1px 1px #D6D6D6, 0 -2px 4px rgba(0,0,0,0.15);
}
.filter-bar {
  display: none;
  height: 52px;
  border: 1px solid #D6D6D6;
  border-radius: 3px;
  margin-top: 10px;
  padding: 9px 10px 0;
  -webkit-box-shadow: 0 0 4px rgba(0,0,0,0.15);
          box-shadow: 0 0 4px rgba(0,0,0,0.15);
}
.filter-bar.active {
  display: block;
}
.filter-bar .buttons-block {
  position: relative;
}


/*----------------------------------------------------------------------------------*/
/*-----------------------------> All sorts of Buttons <-----------------------------*/
/*----------------------------------------------------------------------------------*/
.buttons-block {
  float: right;
}
.buttons-block.left-aligned,
.buttons-block > li.left-aligned {
  float: left;
}
.buttons-block > li {
  float: right;
  margin-left: 10px;
  position: relative;
}
.buttons-block > li.left-aligned {
  margin-left: 0;
  margin-right: 10px;
}
.buttons-block.left-aligned > li {
  float: left;
  margin-left: 0;
  margin-right: 10px;
}
.buttons-block.left-aligned > li:last-child {
  margin-right: 0;
}
.buttons-block .custom-btn {
  display: block;
}
.buttons-block .divider {
  width: 1px;
  height: 50px;
  margin-top: -9px;
  margin-bottom: -9px;
  background: #D6D6D6;
}
.buttons-block .date-conjunction {
  margin: 0 -5px 0 5px;
}
.buttons-block.center-aligned {
  text-align: center;
}
.buttons-block.center-aligned,
.buttons-block.center-aligned > li {
  float: none;
}
.buttons-block.center-aligned > li {
  display: inline-block;
  margin: 0 10px;
}

.width-6 {
  width: 60px;
}
.width-8 {
  width: 80px;
}
.width-10 {
  width: 100px;
}
.width-12 {
  width: 120px;
}
.width-14 {
  width: 140px;
}
.width-16 {
  width: 160px;
}
.width-18 {
  width: 180px;
}
.width-20 {
  width: 200px;
}
.width-22 {
  width: 220px;
}
.width-24 {
  width: 240px;
}
.width-26 {
  width: 260px;
}
.width-28 {
  width: 280px;
}
.width-30 {
  width: 300px;
}
.max-width-22 {
  max-width: 220px;
}
.buttons-block .text-shifted {
  padding-top: 6px;
}

.fa,
a.fa {
  text-decoration: none;
}
.ui-icon.fa {
  text-indent: 0;
}

.icon-gray,
a.icon-gray {
  color: #A2A2A2;
}
.icon-yellow,
a.icon-yellow {
  color: #EAC163;
}

.icon-admin,
a.icon-admin {
  color: #5484B3;
}

.icon-red,
a.icon-red {
  color: #FF4D4D;
}
.icon-maroon,
a.icon-maroon {
  color: #D00000;
}
.icon-green,
a.icon-green {
  color: #6DD900;
}

.custom-btn,
a.custom-btn {
  display: inline-block;
  height: 32px;
  border: 1px solid transparent;
  background: transparent;
  outline: none;
  line-height: 1.4em;
  padding: 0.4em 8px;
  border-radius: 3px;
  color: inherit;
  text-decoration: none;
  cursor: pointer;
}
.custom-btn .icon,
.custom-select-block .icon {
  padding-right: 6px;
}

.custom-btn.color-white,
a.custom-btn.color-white {
  color: #FFF;
}
.custom-btn.color-red,
a.custom-btn.color-red {
  color: #A53130;
}
.custom-btn.color-yellow,
a.custom-btn.color-yellow {
  color: #EAC163;
}

.custom-btn.btn-bold,
a.custom-btn.btn-bold {
  font-weight: bold;
}

.custom-btn.ui-selectmenu-button {
  display: block;
  padding: 0;
}
.custom-btn.ui-selectmenu-button .ui-selectmenu-text {
  padding-left: 8px;
}

.btn-disabled,
a.btn-disabled {
  cursor: inherit;
}

.btn-gray,
a.btn-gray {
  background: #EEE;
  border-color: #CBCBCB;
}
.btn-gray.active,
.btn-gray:hover:not(.btn-disabled) {
  background: #AAA;
  border-color: #919191;
  color: #FFF;
}
.btn-white,
a.btn-white {
  background: #FFF;
  border-color: #E6E6E6;
}

.btn-gold,
a.btn-gold {
  background: #EAC163;
  border-color: #C8A555;
}
.btn-gold.active,
.btn-gold:hover {
  background: #E4B036;
  border-color: transparent;
}

a.btn-admin, .btn-admin {
  background: #5484B3;
  color: #fff;
  border: 1px solid #2E4986;
}

.btn-admin.active,
.btn-admin:hover {
  background: #5484B3;
  border-color: transparent;
  opacity: 0.8;
}


.btn-transparent-gold,
a.btn-transparent-gold {
  color: #B28524;
}

.btn-transparent-admin,
.btn-transparent-admin span,
a.btn-transparent-admin {
  color: #5484B3;
}


.btn-transparent-bordered,
a.btn-transparent-bordered,
.btn-transparent:hover,
a.btn-transparent:hover {
  border-color: #CBCBCB;
}

.btn-transparent-bordered:hover,
a.btn-transparent-bordered:hover,
.btn-transparent.color-red:hover,
a.btn-transparent.color-red:hover {
  border-color: #92161A;
}


.custom-btn-group .custom-btn {
  float: left;
}
.custom-btn-group .custom-btn:not(:last-child) {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}
.custom-btn-group .custom-btn:not(:first-child) {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
  margin-left: -1px;
}
.custom-btn-group .custom-btn.active {
  background: #EEE;
  border-color: #CBCBCB;
  position: relative;
  z-index: 1;
  cursor: default;
}


/*----------------------------------------------------------------------------------*/
/*---------------------------> Form blocks and elements <---------------------------*/
/*----------------------------------------------------------------------------------*/
.ui-datepicker {
  padding: 0;
  border: 1px solid #D6D6D6;
  border-radius: 3px;
  background: #FFF;
  width: 15em;
  z-index: 1002 !important; /* when we have datepicker in a popup it should be over the popup */
  -webkit-box-shadow: 0 2px 4px rgba(0,0,0,0.25);
          box-shadow: 0 2px 4px rgba(0,0,0,0.25);
}
.ui-datepicker .ui-datepicker-header {
  background: #EEE;
  padding: 0;
  height: 47px;
  border-bottom: 1px solid #D6D6D6;
}
.ui-datepicker .ui-datepicker-prev,
.ui-datepicker .ui-datepicker-next {
  cursor: pointer;
  top: 0;
  width: 32px;
  height: 46px;
  padding-top: 16px;
  color: inherit;
  font-size: 16px;
  text-align: center;
  text-decoration: none;
}
.ui-datepicker .ui-datepicker-prev,
.ui-datepicker .ui-datepicker-next,
.multiple-select-block .search-choice-close {
  font: normal normal normal 14px/1 FontAwesome;
  font-size: inherit;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  transform: translate(0, 0);
}
.multiple-select-block .search-choice-close:before {
  content: "\f00d";
}
.ui-datepicker .ui-datepicker-prev {
  border-right: 1px solid #D6D6D6;
  left: 0;
}
.ui-datepicker .ui-datepicker-prev:before {
  content: "\f104";
}

.ui-datepicker .ui-datepicker-next {
  border-left: 1px solid #D6D6D6;
  right: 0;
}
.ui-datepicker .ui-datepicker-next:before {
  content: "\f105";
}
.ui-datepicker .ui-datepicker-title {
  padding-top: 10px;
}

.ui-datepicker .ui-datepicker-calendar {
  font-size: 1em;
}
.ui-datepicker td span,
.ui-datepicker td a {
  text-align: center;
  color: #444;
  width: 26px;
  margin: 0 auto;
  border-radius: 3px;
}
.ui-datepicker td a:hover,
.ui-datepicker td .ui-state-active {
  color: #FFF;
  background: #444;
}
.ui-datepicker .ui-state-disabled {
  opacity: 0.5;
}

.date-block {
  position: relative;
  width: 110px;
}
.date-block .fa {
  position: absolute;
  right: 7px;
  top: 9px;
}
.date-block input {
  padding-right: 24px;
}


.custom-check,
.custom-radio {
  font-weight: normal;
  cursor: pointer;
}
.custom-check input,
.custom-radio input {
  display: none;
}
.custom-check .icon-holder,
.custom-radio .icon-holder {
  display: block;
  float: left;
  width: 20px;
  height: 20px;
  border: 1px solid #DADADA;
  margin-right: 5px;
  background: #FFF;
}
.custom-check .icon-holder {
  border-radius: 3px;
}
.custom-radio .icon-holder {
  border-radius: 10px;
}

.custom-check .icon-holder .fa {
  display: none;
  font-size: 16px;
  margin: 1px 0 0 2px;
}
.custom-radio .icon-holder .icon {
  display: none;
  width: 10px;
  height: 10px;
  border-radius: 5px;
  margin: 4px 0 0 4px;
  background: #000;
}

.custom-check.active .icon-holder .fa {
  display: block;
}
.custom-radio.active .icon-holder .icon {
  display: block;
}
.custom-check.disabled .icon-holder {
  background-color: #bebebe;
}
.custom-check.disabled .icon-holder .fa:before {
  color: #ffffff;
}


.toggle-block {
  height: 32px;
  position: relative;
}
.custom-toggle {
  display: block;
  cursor: pointer;
  height: 100%;
  border-radius: 3px;
  border-width: 1px;
  border-style: solid;
  border-color: #9E9E9E #B5B5B5 #C2C2C2;
  background: #D6D6D6;
  -webkit-box-shadow: inset 0 2px 2px rgba(0,0,0,.21);
          box-shadow: inset 0 2px 2px rgba(0,0,0,.21);
}
.custom-toggle input {
  display: none;
}
.custom-toggle .icon-holder {
  display: block;
  float: left;
  width: 50%;
  height: 100%;
  text-align: center;
  font-weight: bold;
  color: #FFF;
  line-height: 2.1em;
}

.custom-toggle .icon-holder-admin {
  background: #5484B3;
  border: none;
}

.custom-toggle .handle-wrap {
  position: absolute;
  left: 0;
  top: 0;
  display: block;
  width: 100%;
  height: 100%;
  overflow: hidden;
}
.custom-toggle .toggle-handle {
  display: block;
  position: absolute;
  left: 0;
  top: 0;
  width: 50%;
  height: inherit;
  background: #FFF;
  border-radius: 3px;
  border: 1px solid rgba(0,0,0,0.5);
  -webkit-box-shadow: 0 0 3px rgba(0,0,0,.21);
          box-shadow: 0 0 3px rgba(0,0,0,.21);
}
.custom-toggle .toggle-icon {
  display: block;
  width: 1px;
  height: 14px;
  position: absolute;
  left: 50%;
  top: 50%;
  margin-top: -7px;
}
.custom-toggle .toggle-icon,
.custom-toggle .toggle-icon:before,
.custom-toggle .toggle-icon:after {
  background: #E7E7E7;
}
.custom-toggle .toggle-icon:before,
.custom-toggle .toggle-icon:after {
  display: block;
  content: '';
  position: absolute;
  top: 0;
  width: 1px;
  height: 100%;
}
.custom-toggle .toggle-icon:before {
  left: -3px;
}
.custom-toggle .toggle-icon:after {
  right: -3px;
}
.custom-toggle.active .toggle-handle {
  left: 50%;
}
.custom-toggle.active {
  background: #EAC163;
  border-color: #AD8F49 #C6A454 #D4AF5A;
}

.custom-toggle-admin.active {
  background: #5484B3;
  border-color: #2E4986 #2E4986 #2E4986;
}


.input-block input,
.input-block textarea {
  border: 1px solid #DADADA;
  width: 100%;
  height: 32px;
  padding: 4px 8px;
  border-radius: 3px;
}
.input-block input:focus,
.input-block textarea:focus,
.custom-btn.ui-selectmenu-button.ui-selectmenu-button-open {
  border-color: #66AFE9;
  box-shadow: 0 1px 1px rgba(0,0,0,0.075) inset, 0 0 8px rgba(102,175,233,0.6);
}
.input-block textarea {
  resize: vertical;
  height: 140px;
}
.input-block .disabled {
  background: #eae9ea;
}

.input-block input::-moz-placeholder {
  color: #C0C0C0;
  font-style: italic;
  opacity: 1;
}
.input-block textarea::-moz-placeholder {
  color: #C0C0C0;
  font-style: italic;
  opacity: 1;
}
.input-block input:-ms-input-placeholder {
  color: #C0C0C0;
  font-style: italic;
}
.input-block textarea:-ms-input-placeholder {
  color: #C0C0C0;
  font-style: italic;
}
.input-block input::-webkit-input-placeholder {
  color: #C0C0C0;
  font-style: italic;
}
.input-block textarea::-webkit-input-placeholder {
  color: #C0C0C0;
  font-style: italic;
}


.file-upload-block {
  position: relative;
}
.file-upload-block input[type="file"] {
  overflow: hidden;
  width: 0;
  height: 0;
}
.file-upload-block .preview-holder {
  float: left;
  width: 140px;
  height: 140px;
  margin-right: 15px;
  border-radius: 3px;
  border: 1px solid #C4C4C4;
  position: relative;
  background-color: #F0F0F0;
  background: -webkit-radial-gradient(50% 50%, circle contain, #ffffff 0%, #f0f0f0 100%);
  background: -moz-radial-gradient(50% 50%, circle contain, #ffffff 0%, #f0f0f0 100%);
  background: -ms-radial-gradient(50% 50%, circle contain, #ffffff 0%, #f0f0f0 100%);
  background: -o-radial-gradient(50% 50%, circle contain, #ffffff 0%, #f0f0f0 100%);
  background: radial-gradient(50% 50%, circle contain, #ffffff 0%, #f0f0f0 100%);
}
.file-upload-block .preview-holder .no-text {
  display: block;
  line-height: 140px;
  vertical-align: middle;
  color: #A6A6A6;
  text-transform: uppercase;
  text-align: center;
  font-weight: bold;
}
.file-upload-block .preview-holder .canvas,
.file-upload-block .preview-holder .image {
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
}
.file-upload-block .preview-holder .image[src=""] {
  display: none;
}
.file-upload-block .info-block {
  overflow: hidden;
  height: 140px;
  position: relative;
}
.file-upload-block .browse-info {
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
}
.file-upload-block .browse-info .custom-btn {
  float: left;
  margin-right: 15px;
}
.file-upload-block .browse-info .label {
  font-style: italic;
  color: #444;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
  font-size: 12px;
  padding-top: 8px;
}

.form-list.no-bottom-border > li:last-child {
  border-bottom: 0;
}
.form-list > li {
  padding-top: 10px;
  padding-bottom: 10px;
  border-bottom: 1px solid #D6D6D6;
}
.form-list.no-dividers > li {
  border-bottom: 0;
  padding-top: 0;
}
.form-list.no-dividers > li:last-child {
  padding-bottom: 0;
}
.form-list .label {
  display: block;
  text-align: left;
  color: inherit;
  padding: 6px 0 0;
  font-size: inherit;
  font-weight: inherit;
  border-radius: 0;
  line-height: inherit;
  min-height: 32px;
  white-space: normal;
}
.form-list .check-block {
  padding-top: 6px;
}
.form-list .hint {
  display: block;
  color: #C0C0C0;
  font-size: 12px;
  margin-top: 2px;
}
.form-list .custom-col {
  float: left;
  margin-right: 10px;
  padding-left: 0;
  padding-right: 0;
}
.form-list .custom-col.extended-shift {
  margin-right: 20px;
}
.form-list .custom-col.extended-shift > .custom-col.extended-shift {
  margin-right: 10px;
}

.form-list .custom-col .label {
  white-space: normal;
}
.form-list .custom-col .label.align-right {
  float: left;
  text-align: right;
  padding-right: 10px;
}
.form-list .with-multirow {
  margin-bottom: -10px;
}
.form-list .with-multirow .multirow {
  margin-bottom: 10px;
}
.form-list .with-multirow .error-block {
  margin-top: -5px;
}
.form-list .link {
  color: #996b20;
}

.form-list .link-admin {
  color: #5484B3;
  text-decoration: none;
}

.form-list .link-admin:hover {
  text-decoration: none;
}


.form-list .reset-shifts {
  padding-left: 0;
  padding-right: 0;
  margin-left: 0;
  margin-right: 0;
}

.required-mark:after {
  content: '*';
  color: #FF4D4D;
}

.error-block {
  display: block;
  font-size: 13px;
  font-weight: bold;
  margin-top: 5px;
}


/*----------------------------------------------------------------------------------*/
/*-------------------------------> Pagination styles <------------------------------*/
/*----------------------------------------------------------------------------------*/
.custom-pagination {
  text-align: center;
  font-size: 0;
  margin: 20px 0 0;
}
.custom-pagination > li {
  display: inline-block;
  font-size: 14px;
  margin: 0 4px;
}
.custom-pagination .item {
  min-width: 32px;
}
.custom-pagination .btn-disabled {
  opacity: 0.3;
}
.custom-pagination .custom-btn.active {
  background: #2E2E2E;
  border-color: #2E2E2E;
  cursor: inherit;
}


/*----------------------------------------------------------------------------------*/
/*----------------------> General styles for sortable lists <-----------------------*/
/*----------------------------------------------------------------------------------*/
.ui-sortable .icon-move {
  cursor: pointer;
}
.ui-sortable > li,
.ui-sortable .icon-move {
  cursor: -moz-grab;
  cursor: -webkit-grab;
}
.ui-sortable.query-list li {
  cursor: inherit;
}
.ui-sortable .ui-sortable-placeholder {
  visibility: inherit !important;
}


/*----------------------------------------------------------------------------------*/
/*---------------------------> General styles for pages <---------------------------*/
/*----------------------------------------------------------------------------------*/
.truncated {
  display: block;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.no-float {
  float: none !important;
}
.no-margin {
  margin: 0 !important;
}
.uppercase {
  text-transform: uppercase !important;
}
.align-c {
  text-align: center !important;
}

.heading-3 {
  font-size: 18px;
  font-weight: bold;
}
.page-wrap {
  padding: 0 30px 30px;
}
.page-wrap .section-block {
  padding-bottom: 20px;
}
.page-wrap .section-buttons {
  padding-top: 20px;
  float: none;
}

.section-wrap {
  border-radius: 3px;
  border: 1px solid #D6D6D6;
}
.section-wrap:not(:last-of-type) {
  margin-bottom: 20px;
}

.caption-block {
  padding-top: 25px;
  padding-bottom: 20px;
}
.caption-block.with-hint .hint {
  display: block;
}
.caption-block .heading-3 {
  margin: 0;
}


/*----------------------------------------------------------------------------------*/
/*------------------------------> Query builder page <------------------------------*/
/*----------------------------------------------------------------------------------*/
.page-builder .subscription-list > li {
  margin-bottom: 10px;
}
.page-builder .subscription-block .name {
  white-space: inherit;
}

.page-builder .table-composition .buttons-block {
  padding-top: 0;
}
.page-builder .info-list > li {
  background: #FFF;
}
.page-builder .info-list .btn-remove {
  float: right;
}
.page-builder .info-list .ui-sortable-helper {
  border: 1px solid #D6D6D6;
  -webkit-box-shadow: 0 0 2px rgba(0,0,0,0.25);
          box-shadow: 0 0 2px rgba(0,0,0,0.25);
}


.page-builder .query-list {
  border-top: 1px solid #D6D6D6;
}
.page-builder .query-list .info-list {
  background: #FCFCFC;
  border: 1px solid #9A9A9A;
  border-bottom: 0;
  min-height: 106px;
  -webkit-box-shadow: inset 0 -1px 0 #9A9A9A;
          box-shadow: inset 0 -1px 0 #9A9A9A;
}
.page-builder .query-list .info-list > li:last-child:not(.active-row):not(:first-child) {
  border-bottom-color: #9A9A9A;
}
.page-builder .query-list .col-12 > [class*=col-] {
  padding-left: 0;
  padding-right: 10px;
}
.page-builder .query-list .icon-move {
  position: absolute;
  left: -10px;
  top: 50%;
  margin-top: -10px;
  width: 20px;
  height: 20px;
  background: #EEE;
  border: 1px solid #D6D6D6;
  border-radius: 50%;
  color: #888;
  text-align: center;
  line-height: 1em;
  padding-top: 2px;
  opacity: 0.5;
}
.page-builder .query-list .active-row > .icon-move,
.page-builder .query-list .icon-move:hover {
  opacity: 1;
}
.page-builder .query-list li {
  display: flex;
  position: relative;
  justify-content: space-between;
}
.page-builder .query-list li .btn-remove {
  order: 1;
  margin-left: auto;
}
.page-builder .query-list .active-row {
  background: #F8F5F0;
  border-bottom-color: transparent;
}
.page-builder .query-list .active-row:after {
  display: block;
  content: '';
  width: 100%;
  height: 1px;
  position: absolute;
  left: 0;
  bottom: 0;
  background-image: -webkit-linear-gradient(90deg, #FF2525 70%, transparent 70%, transparent);
  background-image:      -o-linear-gradient(90deg, #FF2525 70%, transparent 70%, transparent);
  background-image:         linear-gradient(90deg, #FF2525 70%, transparent 70%, transparent);
  -webkit-background-size: 12px 1px;
          background-size: 12px 1px;
}

.page-builder .query-block {
  position: relative;
}
.page-builder .query-block .query-block{
  margin: 10px 5px;
  width: 100%;
}
.page-builder .query-block .query-block .operator-block {
  left: 10px;
}
.page-builder .operator-block {
  width: 60px;
  position: absolute;
  left: -5px;
  top: -10px;
}
.page-builder .operator-block .custom-btn {
  border: 1px solid transparent;
  height: 20px;
  border-radius: 10px;
  color: rgba(0,0,0,0.5);
}
.page-builder .operator-block .operator-and {
  background: #C7E3BF;
}
.page-builder .operator-block .operator-or {
  background: #73B9FF;
}
.page-builder .operator-block .ui-selectmenu-text {
  padding: 0 16px 0 4px;
  text-align: center;
  line-height: 18px;
}

.table-composition .table-wrap {
  border: 1px solid #D6D6D6;
  border-radius: 3px;
  margin: -5px 0 10px;
  min-height: 92px;
}
.table-composition .table-list {
  display: table;
}
.table-composition .table-list > li {
  display: table-cell;
  width: 150px;
  min-width: 150px;
  padding: 25px 0 15px;
  vertical-align: middle;
}
.table-composition .table-list .ui-sortable-helper {
  border-right: 1px dotted #000;
}
.table-composition .table-list > li:not(:first-child) {
  border-left: 1px dotted #000;
}
.table-composition .table-header {
  border-top: 1px solid #C8A555;
  border-bottom: 1px solid #C8A555;
  background: #EAC163;
  text-align: center;
  color: #444;
  position: relative;
  height: 50px;
  padding-top: 7px;
}

.table-composition .table-header-admin {
  background: #5484B3;
  color: #fff;
  border-top: 1px solid #2E4986;
  border-bottom: 1px solid #2E4986;
}

.table-composition .table-header-admin a {
  color: #fff;
}


.table-composition .table-header .table-label {
  display: block;
  line-height: 1.2em;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
  padding: 0 6px;
}
.table-composition .table-header .fa {
  position: absolute;
  right: 6px;
  top: 0;
  padding: 4px;
}

.order-list .icon-desc,
.order-list .sort-desc .icon-asc {
  display: none;
}
.order-list .sort-desc .icon-desc {
  display: inline-block;
}


/*----------------------------------------------------------------------------------*/
/*-------> Info tables (lists of various items that have table-like view) <---------*/
/*----------------------------------------------------------------------------------*/
.table-scroll-wrap,
.double-scroll-bar {
  overflow-x: auto;
}
.scroll-block-fix {
  padding-top: 1px;
}
.double-scroll-bar.with-inside {
  margin-top: -1px;
}
.double-scroll-line {
  height: 1px;
}
.info-table {
  display: table;
  width: 100%;
}
.info-table .table-row {
  display: table-row;
}
.info-table .table-row,
.info-check-list .table-row {
  background: #F9F7F2;
  height: 50px;
  color: inherit;
}

.info-table .table-row__admin,
.info-check-list .table-row__admin {
  background: #EAE9EA;
}

.info-table .table-row:nth-child(even),
.info-check-list .table-row:nth-child(even) {
  background: #FFF;
}
.info-table .table-row:hover,
.info-check-list .table-row:hover {
  text-decoration: none;
}
.info-table .table-row:hover,
.info-check-list .table-row:hover:not(.row-disabled) {
  background: #F4EACE;
}

.info-table .table-row__admin:hover,
.info-check-list .table-row__admin:hover:not(.row-disabled) {
  background: #E7E9EF;
}


.info-check-list .table-row.row-disabled .icon-holder {
  background: #F4F4F4;
}
.info-check-list .table-row.row-disabled .icon-holder .fa {
  opacity: 0.5;
}
.info-check-list .table-row.row-disabled .custom-check {
  cursor: default;
}
.info-check-list .table-row.row-disabled .author-info {
  color: #999;
}
.info-check-list .table-row.row-disabled .check-text,
.info-check-list .table-row.row-disabled .no-results-text {
  font-style: italic;
  color: #999;
}
.info-check-list .table-row.row-disabled .no-results-text {
  display: block;
  text-align: center;
  padding: 15px 15px 0;
}

.info-table .cell {
  position: relative;
  display: table-cell;
  border-top: 1px solid #D6D6D6;
  vertical-align: middle;
  padding: 0 10px;

  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.info-table .cell.border-red {
  border-top: 2px solid red;
  border-bottom: 2px solid red;
}
.info-table .with-link {
  text-align: left;
}
.info-table .with-link .link {
  color: #996B20;
  font-weight: bold;
}

.info-table .with-link .link-admin {
  color: #5484B3;
  text-decoration: none;
}


.info-table .with-link.with-icon {
  padding-right: 2.5em;
}
.info-table .with-link.with-icon-2 {
  padding-right: 5em;
}

.info-table .table-row.table-header {
  background: #EEE;
}
.info-table .table-header .cell {
  border-top: 0;
}
.info-table .table-header .cell:not(:first-child) {
  border-left: 1px solid #D6D6D6;
}
.info-table .table-header .sort {
  color: inherit;
  text-decoration: none;
  border-bottom: 1px dashed #2C2C2C;
}
.info-table .table-header .sort .fa {
  margin-left: 5px;
}

.info-table .icons-list {
  position: absolute;
  right: 10px;
  top: 50%;
  margin-top: -10px;
}
.info-table .icons-list .icon {
  margin-left: 1px;
  padding: 4px;
  cursor: default;
}
.info-table .custom-check {
  padding: 5px 10px;
}
.info-table .custom-check .fa {
  vertical-align: middle;
}
.info-table .custom-check .fa-toggle-on,
.info-table .custom-check.active .fa-toggle-off {
  display: none;
}
.info-table .custom-check.active .fa-toggle-on {
  display: inline;
}


.info-check-list .table-row {
  padding: 0;
}
.info-check-list .custom-check {
  display: block;
  padding: 15px 20px 10px 15px;
  height: 50px;
}
.info-check-list .icon-holder {
  margin-right: 15px;
}
.info-check-list .author-info {
  float: right;
  margin-left: 10px;
}

/*----------------------------------------------------------------------------------*/
/*------------------------------> School edit page <--------------------------------*/
/*----------------------------------------------------------------------------------*/
.page-school-edit .form-list > li {
  border-bottom: 0;
}
.page-school-edit .form-list .label {
  font-weight: bold;
}
.page-school-edit .form-list .label .icon-maroon,
.page-school-edit .form-list .browse-info .label {
  font-weight: normal;
}
.page-school-edit .has-changes {
  background: #CAF795 !important;
}

.page-school-edit .school-grid-label {
  width: 188px !important;
}
.page-school-edit .school-grid-field {
  width: calc(100% - 188px) !important;
}

.page-school-edit .position-grid-label {
  width: 124px !important;
}
.page-school-edit .position-grid-field {
  width: calc(100% - 124px) !important;
}
.page-school-edit .open-new-tab {
  width: 20px;
  height: 100%;
}
.page-school-edit .input-block-with-image {
  display: flex;
  align-items: center;
}

.school-position-block .caption-block .custom-btn {
  margin-top: -8px;
}
.school-position-block .buttons-block .custom-btn,
.school-position-block .custom-btn.color-white {
  font-weight: bold;
}
.school-position-block .position-list {
  margin-bottom: 20px;
}
.school-position-block.no-position .buttons-block {
  display: none;
}
.school-position-block.no-position .position-list {
  margin-bottom: 0;
}

.position-list .btn-small {
  height: 24px;
  padding-top: 0.1em;
  padding-bottom: 0.1em;
}
/*.position-list > li,*/
.person-list > li {
  margin-bottom: 10px;
  border: 1px solid #D6D6D6;
  padding: 0 20px 10px;
}
/*.position-list > li {
  background: #F9F9F9;
}*/
.person-list > li {
  background: #FFF;
  -webkit-box-shadow: 0 1px 2px rgba(0,0,0,0.15);
          box-shadow: 0 1px 2px rgba(0,0,0,0.15);
}
.position-list .title-block {
  padding: 0 10px;
  margin: 0 -20px;
}
.position-list.with-admin-design .title-block {
  padding-top: 10px;
  padding-bottom: 10px;
  color: #FFF;
  border-bottom: 0;
  background: #707070;
}
.position-list.with-admin-design .title-block .title-holder {
  padding-top: 3px;
  cursor: default;
}
.position-list.with-admin-design > li {
  border-color: #D6D6D6;
}

.position-list .title-holder {
  display: inline-block;
  cursor: pointer;
}
/*.position-list .title-block .fa-angle-down,
.position-list .active > .title-block .fa-angle-right,*/
.position-list .title-block .buttons-block,
.position-list .person-list {
  display: none;
}
.position-list .active > .title-block .fa-angle-down {
  display: inline;
}
.position-list .title-holder .title {
  font-weight: bold;
}
.position-list .title-holder .icon {
  margin-right: 10px;
  float: left;
  line-height: inherit;
}
.position-list .active > .title-block .buttons-block,
/*.person-list .active > .title-block .toggle-block-holder,*/
.position-list .active > .person-list {
  display: block;
}
.position-list .title-holder .status,
.position-list .title-holder .date {
  margin-left: 10px;
}
.position-list .title-holder .status {
  text-transform: uppercase;
}
.position-list .title-holder .date {
  color: #777;
}
.position-list .open-shield {
  display: none;
}
.position-list .enable-open-shield .open-shield {
  display: block;
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background: rgba(255,255,255,0.7);
  z-index: 10;
}
.position-list.with-admin-design .not-added .person-list .person-info,
.position-list.with-admin-design .btn-add,
.position-list.with-admin-design .not-added .title-block .buttons-block {
  display: none;
}
.position-list.with-admin-design .btn-add {
  margin-right: 10px;
}
.position-list.with-admin-design .not-added .title-block .date {
  display: none;
}
.position-list.with-admin-design .not-added .btn-add {
  display: inline-block;
}
.position-list.with-admin-design .not-added .title-block {
  background: #F9F9F9;
  color: #2C2C2C;
}
.position-list.with-admin-design .not-added .custom-btn {
  border-color: #2C2C2C;
  color: #2C2C2C;
}
.position-list.with-admin-design .not-added .person-list > li {
  padding-bottom: 0;
  border-color: #F9F9F9;
}
.position-list.with-admin-design > li:not(.not-added) .title-block .custom-btn:hover {
  border-color: #CBCBCB;
  color: #2C2C2C;
  background: #EEE;
}
.position-list.with-admin-design .person-list > li {
  margin-bottom: 5px;
}
.position-list.with-admin-design .person-list {
  margin-top: 5px;
}
.position-list.with-admin-design .title-holder .date {
  color: #CBCBCB;
}

.person-list {
  margin-top: 10px;
}
.person-list > li:not(:first-child) {
  margin-left: 80px;
}
.person-list > li:not(:first-child):last-child {
  margin-bottom: 20px;
}
.person-list .form-list {
  padding-top: 10px;
  padding-left: 10px;
}
.person-list .form-list > li {
  border-bottom: 0;
  padding-top: 0;
}
.person-list .person-info {
  position: relative;
  display: none;
}
.person-list .active > .person-info {
  display: flex;
}
.person-list .toggle-block-holder {
  /*display: none;
  border-bottom: 1px solid #D6D6D6;
  margin: 0 -10px;
  padding: 9px 30px 6px;*/
  padding: 0 0 0 30px;
  margin: -2px 0 0;
  float: left;
  position: relative;
  z-index: 10;
}
.person-list .open-block {
  width: 51px;
  height: 25px;
}
.person-list .open-block .icon-holder {
  line-height: 1.7em;
}
.person-list .open-block .custom-toggle:not(.active) {
  background: #FF4D4D;
}
.person-list .open-block .status-text {
  position: absolute;
  left: 100%;
  top: 4px;
  margin-left: 10px;
  font-size: 12px;
  font-weight: normal;
  white-space: nowrap;
}
.person-list .open-block .status-filled,
.person-list .open-block .active ~ .status-open {
  display: none;
}
.person-list .open-block .active ~ .status-filled {
  display: block;
}

.input-changed {
  background-color: #b1d2f2;
}


/*----------------------------------------------------------------------------------*/
/*--------------------------------> User edit page <--------------------------------*/
/*----------------------------------------------------------------------------------*/
.page-user-edit .empty-code {
  text-transform: uppercase;
  color: #C0C0C0;
}
.page-user-edit .position-block .type-block {
  margin: 10px 0;
}
.page-user-edit .position-block .additional-type-block {
  margin: 10px 0;
}
.page-user-edit .staff-block,
.page-user-edit .position-block .position-name-block {
  display: none;
}
.page-user-edit .staff-selected .staff-block,
.page-user-edit .position-block.position-name-visible .position-name-block {
  display: block;
}

.page-user-edit .filter-section.with-shift {
  margin-bottom: 20px;
}
.page-user-edit .filter-section.with-divider {
  border-bottom: 1px dotted #D6D6D6;
}
.page-user-edit .filter-section.with-shift.with-divider {
  margin-bottom: 25px;
}

.page-user-edit .filter-section .level-row {
  padding-bottom: 5px;
}
.page-user-edit .filter-section .input-block.with-shift {
  margin-bottom: 10px;
}

.page-user-edit .state-check-list > li {
  margin-top: 5px;
}

.page-user-edit .state-check-list .label {
  float: left;
}



/*----------------------------------------------------------------------------------*/
/*---------------------------------> Login page <-----------------------------------*/
/*----------------------------------------------------------------------------------*/
.page-login {
  padding-top: 130px;
}
.page-login .logo-block {
  display: block;
  margin: 0 auto 30px;
  width: 133px;
  height: 53px;
}
.page-login .login-header {
  background: #2E2E2E;
  text-align: center;
  height: 78px;
  padding-top: 20px;
}
.page-login .caption {
  font-size: 18px;
  font-weight: bold;
  color: #FFF;
  margin: 0;
}
.page-login .hint {
  font-weight: bold;
}

.page-login .form-block {
  width: 380px;
  margin: 0 auto;
  border-radius: 0 0 3px 3px;
  -webkit-box-shadow: 0 2px 10px rgba(0,0,0,0.15);
          box-shadow: 0 2px 10px rgba(0,0,0,0.15);
}
.page-login .form-list {
  padding: 20px;
}
.page-login .form-list > li:not(last-child) {
  padding-bottom: 20px;
}
.page-login .form-list .label {
  width: 120px;
  float: left;
  font-weight: bold;
}
.page-login .form-list .input-block {
  width: 220px;
  float: left;
}
.page-login .login-footer {
  border-top: 1px solid #D6D6D6;
  padding: 15px 20px 25px 140px;
}
.page-login .login-footer .custom-btn {
  min-width: 100px;
}


/*----------------------------------------------------------------------------------*/
/*------------------------------------> Popups <------------------------------------*/
/*----------------------------------------------------------------------------------*/
.popup-overlay.active-popup,
.popup-block.active-popup {
  display: block;
}
.popup-overlay {
  display: none;
  overflow: hidden;
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  background: rgba(0,0,0,0.5);
  z-index: 999;
  cursor: pointer;
}
.popup-block {
  display: none;
  position: absolute;
  left: 50%;
  top: 50%;
  z-index: 1000;
  background: #FFF;
  border-radius: 4px 4px 3px 3px;
  -webkit-box-shadow: 0 0 4px rgba(0,0,0,0.45);
          box-shadow: 0 0 4px rgba(0,0,0,0.45);
}
.popup-block.with-footer {
  padding-bottom: 72px;
}
.popup-block.with-footer .popup-footer {
  display: block;
}
.popup-block .popup-header {
  background: #EEE;
  height: 50px;
  padding: 10px 20px;
  position: relative;
  border-radius: 3px 3px 0 0;
  border-bottom: 1px solid #D6D6D6;
}
.popup-block .popup-header .popup-title {
  font-size: inherit;
  font-weight: bold;
  margin: 0;
  padding: 10px 0 0;
}
.popup-block .popup-header .popup-draggable-handle {
  display: inline-block;
  cursor: pointer;
}
.popup-block .popup-header .btn-remove {
  position: absolute;
  right: 10px;
  top: 10px;
  color: inherit;
}

.popup-block .popup-footer {
  border-top: 1px solid #D6D6D6;
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  padding: 20px;
  display: none;
}

.popup-block .popup-content {
  padding: 20px;
}

.padding-none {
  padding: 0 !important;
}

.history-center {
  text-align: left !important;
  padding: 20px 10px 20px 20px!important;
  font-family: 'Open Sans';
  font-size: 14px;
  font-weight: 700;
  color: #888888;
}

.history-verify {
  font-family: 'Open Sans';
  font-size: 14px;
  font-weight: 700;
  color: #444444;
}

.history-button {
  border-radius: 3px;
  border: 1px solid #dbdbdb;
  background-color: #ffffff;
  font-size: 14px;
  font-weight: 700;
  padding: 8px 25px;
  outline: none;
}

.history-email {
  opacity: 0.5;
  color: #444444;
  font-family: 'Open Sans';
  line-height: 1;
  font-size: 14px;
  font-weight: 400;
}

.history-width {
  min-width: 500px;
}

.history-table {
  height: 45%;
}
.inner-scroll {
  height: 200px;
  overflow-y: scroll;
  scroll-behavior: smooth;
  display: block;
}

.history-center-button {
  text-align: center;
  bottom: -6px!important;
}
.history-data {
  display: flex;
  align-items: center;
}

.results-center {
  text-align: center !important;
  padding-left: 0 !important;
  background: #fff;
  padding-top: 75px !important;
}

.popup-add-position {
  width: 340px;
  height: auto !important;
}
.popup-add-report {
  width: 800px;
  height: auto !important;
}
.popup-add-report .popup-content {
  padding: 0;
}
.popup-add-report .report-filter-bar {
  padding: 20px 20px 20px 15px;
  border-bottom: 1px solid #D6D6D6;
}
.popup-add-report .report-filter-bar .error-block {
  margin-bottom: -10px;
}
.popup-add-report .popup-footer {
  padding-left: 15px;
}
.popup-add-report .info-check-block {
  height: 350px;
}


.popup-block.ajax-result {
  width: 400px;
}
.popup-block.popup-preset-name {
  width: 300px;
}
.popup-block.confirm-action {
  width: 420px;
}


.popup-password {
  width: 260px;
}
.popup-password .popup-footer .custom-btn {
  width: 105px;
}

/*----------------------------------------------------------------------------------*/
/*----------------------------------------------------------------------------------*/
/*----------------------------------------------------------------------------------*/

.online-text {
  /*max-width: 800px;*/
  width: 100%;
  margin-bottom: 30px;
}

.online-yellow {
  color: #f57523;
  font-weight: bold;
}

.online-prices {
  display: flex;
  flex-wrap: wrap;
}

.online-prices__section {
  display: flex;
  flex-direction: column;
  flex-basis: 29%;
  margin: 0 4% 4% 0;
}

.online-prices__section__title,
.online-prices__section__title a {
  display: flex;
  flex-basis: 100%;
  font-size: 24px;
  line-height: 1.3;
  color: #5484b3;
  font-family: 'Open Sans', Helvetica, Arial, sans-serif;
  white-space: pre-wrap;
}

.online-prices__section__title a {
  text-decoration: none;
}

.online-prices__block {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  margin-top: 5px;
}

.online-prices__icon {
  width: 36px;
  height: 30px;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 2px;
  background: #e48b37;
  margin-right: 10px;
}

.online-prices__icon i {
  color: #ffffff;
  font-size: 18px;
}

.online-prices__price {
  font-weight: bold;
}

.online-prices__link {
  font-size: 24px;
  max-width: 235px;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.08;
  letter-spacing: normal;
  color: #5484b3;
  text-decoration: none;
}

.online-prices__link:hover {
  color: #5484b3;
  text-decoration: none;
  opacity: 0.8;
}

.online-line {
  height: 1px;
  display: block;
  background: #e0e0e0;
  margin-top: 8px;
}