.error {
  color: red;
}

form.ng-submitted input.ng-invalid {
  border-color: red;
}

html body {
    background-color: #fff;
}

hr {
    margin-top: 20px;
    margin-bottom: 20px;
    border: 0;
    border-top: 1px solid #eee;
}

.overlay {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: #000000;
    opacity: 0.5;
    z-index: 10;
    display: none;
}

.overlay-text {
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    margin: auto;
    width: 100%;
    height: 20px;
    position: absolute;
    text-align: center;
    color: #FFFFFF;
}

.cursor-pointer{
    cursor: pointer;
}

#ghx-header {
  margin: 20px;
}

#manage-boards-page {
    margin: 0px;
}

#manage-boards-page .aui.table tr td {
    vertical-align: middle;
}

.test-img {
    background: url("/assets/images/projectavatar.png") no-repeat;
    width: 48px;
    height: 48px;
}

.project-config-icon-128-report{
    background: transparent url(/assets/images/report-128.png) no-repeat 0 0;
    margin: 10px;
    padding: 0 0 0 150px;
    min-height: 128px;
}

.report-element section {
    padding: 0;
}

#report-element {
    overflow: hidden;
}

.report-element-table {
    width: 100%;
}

.report-element-table-chart {
    width: 30%;
    border-right: 1px solid #cccccc;
    vertical-align: top;
}

.report-element-table-sprint .aui.table.table-sprint tr td,
.report-element-table-sprint .aui.table.table-sprint tr th {
    padding: 5px;
}

.report-element-table-sprint {
    vertical-align: top;
}

.report-element-chart {
    box-sizing: border-box;
    padding: 32px 20px 20px;
}

.report-element-sprint-table {
    box-sizing: border-box;
}

.aui.table.table-sprint thead tr th {
    vertical-align: middle;
    text-align: center;
    border-bottom: inherit;
    border-top: inherit;
}

.aui.table.table-sprint tr td,
.aui.table.table-sprint tr th {
    vertical-align: middle;
}

.aui.table.table-sprint tr td.text-left,
.aui.table.table-sprint tr th.text-left {
    text-align: left;
}

.aui.table.table-sprint tr td.text-center,
.aui.table.table-sprint tr th.text-center {
    text-align: center;
}

.aui.table.table-sprint tr td.text-right,
.aui.table.table-sprint tr th.text-right {
    text-align: right;
}

.aui.table.table-sprint tr td.indicators,
.aui.table.table-sprint tr th.indicators{
    padding-right: 0;
}

.aui.table.table-sprint tr td.indicators span,
.aui.table.table-sprint tr th.indicators span{
    float: right;
}

.aui.table.table-sprint tr td.indicators span.circle ,
.aui.table.table-sprint tr th.indicators span.circle {
    margin-right: 3px;
}

.report-element-table-sprint .aui.table.table-sprint tr td.td-for-sprint-team {
    padding: 0px;
    border-right: 1px solid #dddddd;
}

.report-element-table-sprint .aui.table.table-sprint tr td.td-for-sprint-team .dev-name{
    /*white-space: nowrap; /!* Отменяем перенос текста *!/*/
    overflow: hidden; /* Обрезаем содержимое */
    /*padding: 5px; /!* Поля *!/*/
    text-overflow: ellipsis; /* Многоточие */
    /*position: absolute;*/
    /*margin-top: -10px;*/
}

.sprint-id {
    border-right: 1px solid #cccccc;
}

.sprint-id.open {
    background-color: #D1E9FF;
    color: #000000;
}

.sprint-closed {
    border-left: 4px solid #14B578;
    background-color: #EFEFEF;
}

.sprint-additional-blue {
    background-color: #205081;
    color: #ffffff;
}

.sprint-additional-red {
    background-color: #d04437;
    color: #ffffff;
}

.sprint-total {
    border-left: 1px solid #cccccc;
    background-color: #ffffff;
}

.sprint-closed.total {
    background-color: inherit;
}

.sprint-active {
    border-left: 4px solid #ffe79e;
}

.sprint-future {
    border-left: 4px solid #e27005;
}

#report-not-found {
    text-align: center;
    margin: 15px 0;
    font-weight: bold;
}

.glyphicon.green {
    color: #11B477;
}

.glyphicon.yellow {
    color: #F4DB00;
}

.glyphicon.red {
    color: #E31400;
}

.circle {
    width: 14px;
    height: 14px;
    border-radius: 10px;
    display: block;
    margin: 0 auto;
}

.circle.green {
    background-color: #11B477;
}

.circle.yellow {
    background-color: #F4DB00;
}

.circle.red {
    background-color: #E31400;
}

.star-five {
    /*margin: 50px 0;*/
    position: relative;
    display: block;
    color: #11B477;
    width: 0px;
    height: 0px;
    border-right:  10px solid transparent;
    border-bottom: 7px  solid #11B477;
    border-left:   10px solid transparent;
    -moz-transform:    rotate(35deg);
    -webkit-transform: rotate(35deg);
    -ms-transform:     rotate(35deg);
    -o-transform:      rotate(35deg);
}

.star-five:before {
    border-bottom: 8px solid #11B477;
    border-left: 3px solid transparent;
    border-right: 3px solid transparent;
    position: absolute;
    height: 0;
    width: 0;
    top: -4px;
    left: -6px;
    display: block;
    content: '';
    -webkit-transform: rotate(-35deg);
    -moz-transform:    rotate(-35deg);
    -ms-transform:     rotate(-35deg);
    -o-transform:      rotate(-35deg);

}

.star-five:after {
    position: absolute;
    display: block;
    color: #11B477;
    top: 0px;
    left: -10px;
    width: 0px;
    height: 0px;
    border-right: 10px solid transparent;
    border-bottom: 7px solid #11B477;
    border-left: 10px solid transparent;
    -webkit-transform: rotate(-70deg);
    -moz-transform:    rotate(-70deg);
    -ms-transform:     rotate(-70deg);
    -o-transform:      rotate(-70deg);
    content: '';
}

.note {
    padding-left: 0px;
}

.note li {
    display: inline-block;
    list-style-type: none;
    padding: 5px 0;
}

.note .star-five,
.note .circle {
    float: left;
}

.note-name {
    font-weight: bold;
    margin-top: 20px;
    text-transform: none;
}

.note-descr {
    position: relative;
    top: -2px;
    padding: 0 15px 0 5px;
}

.note-descr:after {
    content: ';';
}

.circle-for-chart {
    display: inline-block;
    width: 15px;
    height: 15px;
    -webkit-border-radius: 15px;
    -moz-border-radius: 15px;
    border-radius: 15px;
}

.circle-for-chart.black {
    background-color: #000;
    margin-left: 10px;
}

.circle-for-chart.green {
    background-color: #009E0F;
}

.circle-for-chart.red {
    background-color: red;
}

.show-config-dialog {
    color: #000;
}

.for-example {
    color: #CCCCCC;
    font-size: 11px;
    font-style: italic;
    margin-top: 0px;
}

.team-not-configured {
    text-align: center;
    font-weight: bold;
    padding: 15px 0;
}

.sync-label-box {
    float: right;
    padding: 10px;
}

.progress-bar-portfolio {
    margin-top: 15px;
}

.task-start:before {
    font-size: 24px;
    margin-top: -12px;
    cursor: pointer;
}

/*====================================================================================================================*/
/*PROGRESS BAR*/
/*====================================================================================================================*/
table.aui .tr-for-progress-bar {
    position: relative;
    border-left: 1px solid #dddddd;
    border-right: 1px solid #dddddd;
    padding: 0;
    color: #000000;
}

.progress-bar-box {
    position: relative;
    width: 100%;
    overflow: hidden;
    background-color: #f5f5f5;
    /*background: url("images/bg1.png") repeat-x;*/
}

.progress-bar-box .progress-bar {
    color: black;
    background-color: #6699ff;
    background-image: inherit;
    position: relative;
    font-style: italic;
    font-weight: bold;
    text-align: left;
    box-shadow: none;
    -webkit-box-shadow: none;
    /*padding-left: 5px;*/
}

.progress-bar-box .progress-bar.progress-bar-light {
  background-color: #9dbcfa;
}

.progress-bar-content {
    padding-left: 10px;
}

.progress-bar-content::after{
    content: '';
    position: absolute;
    right: -20px;
    top: 0px;
    border: 10px solid transparent;
    border-left: 10px solid #6699ff;
}

.progress-bar-light .progress-bar-content::after{
  border-left: 10px solid #9dbcfa;
}

#points-progress-bar-total,
#hours-progress-bar-total {
    position: absolute;
    top: 2px;
    right: 0;
    font-style: italic;
    font-weight: bold;
    font-size: 12px;
    padding-right: 10px;
}

#points-progress-bar-percent,
#hours-progress-bar-percent {
    position: absolute;
    top: 2px;
    font-style: italic;
    font-weight: bold;
    font-size: 12px;
    padding-left: 10px;
}

/*====================================================================================================================*/
/*CONFIGURE*/
/*====================================================================================================================*/
#sprint-team-data-box .sprint-type {
    margin-top: -5px;
}

.configure-dev-row {

}

.configure-dev-row .dev-data {
    display: inline-block;
    margin-right: 10px;
    padding-right: 10px;
    border-right: 2px solid #424242;
    width: 300px;
}

.configure-dev-row .dev-value {
    display: inline-block;
    margin-right: 10px;
    padding-right: 10px;
    border-right: 2px solid #424242;
    width: 150px;
}

.configure-dev-row .dev-value:last-child {
    border: none;
}

.configure-dev-row .dev-value:last-child input {
    margin: 0;
}

.aui .configure-dev-row div.developer-name {
    display: inline-block;
    width: 175px;
    margin: 27px 5px 15px 0;
    position: relative;
    top: -5px;
}

.aui .configure-dev-row select.developer-name {
    display: inline-block;
    width: 175px;
    margin: 21px 0 15px 0;
}

.aui .configure-dev-row .engineer-lvl,
.aui .configure-dev-row .participation-lvl,
.aui .configure-dev-row .days-in-sprint {
    display: inline-block;
    width: 145px;
    margin: 21px 0 15px 0;
}

.table-preview-details tr td.text-center,
.table-preview-details tr th.text-center {
    text-align: center;
}

.aui .table-preview-details thead {
    border-bottom: inherit;
    border-top: inherit;
}

.table-preview-details thead tr th {
    vertical-align: middle;
    text-align: center;
    border-bottom: inherit;
    border-top: inherit;
    /*color: #71787F;*/
}

.table-preview-details .border-right-2 {
    border-right: 2px solid black;
}

.aui .table-preview-details .table-preview-details-row,
.aui .table-preview-details tbody tr,
.aui .table-preview-details tbody tr td,
.aui .table-preview-details tbody tr:first-child > td {
    border-bottom: inherit;
    border-top: inherit;
    color: #71787F;
}

.aui .table-preview-details .table-preview-details-row-total td {
    border-top: 1px solid #cccccc;
    color: #000000;
    font-weight: bold;
}

.uat-element.hide {
    display: none;
}

.autofill-box {
    text-align: right;
}

.sprint-note-text {
    font-size: 12px;
    color: #71787F;
    font-style: italic;
}

.capitalize::first-letter {
    text-transform: uppercase;
}

/*====================================================================================================================*/
/*PORTFOLIO*/
/*====================================================================================================================*/
#report-box table.aui > thead > tr > th,
#report-box table.aui > tbody > tr > th,
#report-box table.aui > thead > tr > td,
#report-box table.aui > tbody > tr > td,
#report-box table.aui > tfoot > tr > td {
    box-sizing: border-box;
}

#report-box .report-element-table-chart {
    width: 25%;
}

/*====================================================================================================================*/
/*PORTFOLIO*/
/*====================================================================================================================*/
.comments {
    padding: 20px;
}

.comments-title {
    font-weight: bold;
    padding: 10px 20px;
    margin: 0;
    background-color: #e1e4eb;
    cursor: pointer;
    text-transform: none;
}

.comments-box {
    border-left: 1px solid #e1e4eb;
    border-right: 1px solid #e1e4eb;
    border-bottom: 1px solid #e1e4eb;
}

.comments-box md-input-container {
    margin: 15px 0 10px !important;
}

.comments-box md-input-container textarea {
    margin-left: 0;
}

.comments-date {
    font-style: italic;
    font-size: 12px;
    color: #cccccc;
}

.comments-creator {
    font-weight: bold;
}

.comments-txt {

}

.comments-data {
    max-width: 99%;
    height: 50px;
    margin: 5px;

    border: 1px solid #cccccc;
    border-radius: 3px;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    width: 100%;
}

.add-comment {
    margin: 0 5px;
}

.comments-not-found {
    text-align: center;
    font-weight: bold;
    font-style: italic;
    font-size: 13px;
    padding: 10px 0;
}

.comments-ul {
    padding: 0 20px;
}

.comments-ul li {
    list-style-type: none;
    border-bottom: 1px solid #eaeaea;
    margin-bottom: 10px;
}

.comments-ul li:last-child {
    border-bottom: none;
}

.ban-circle-size-100 {
    font-size: 100px;
}

/*====================================================================================================================*/
/*SPRINT TEAM ACTIVITY AND ISSUE*/
/*====================================================================================================================*/
.aui.table.activity-table tr th,
.aui.table.activity-table tr td,
.aui.table.issue-table tr th,
.aui.table.issue-table tr td {
    vertical-align: middle;
    box-sizing: border-box;
}

.aui.table.activity-table tr th.width-100,
.aui.table.activity-table tr td.width-100,
.aui.table.issue-table tr th.width-100,
.aui.table.issue-table tr td.width-100 {
    width: 130px;
}

/*.aui.table.activity-table tr th.text-center,*/
/*.aui.table.activity-table tr td.text-center {*/
    /*text-align: center;*/
/*}*/

.aui.table.issue-table tr {
    border-bottom: none;
}

.aui.table.issue-table tr:hover {
    background-color: #FFFFFF;
}

.aui.table.issue-table tr td {
    border-top: none;
    border-bottom: none;
}

.aui.table.issue-table tr td .aui-icon{
    cursor: pointer;
    margin-left: 5px;
}

.issue-param-box {
    padding: 5px 0;
}

.issue-param-box input {
    width: 100px;
    padding: 5px;
}

.issue-param-box select {
    width: 180px;
    padding: 5px;
}

.issue-param-box-label {
    display: inline-block;
    width: 150px;
    font-weight: bold;
}

.issue-param-box-measure {
    padding-left: 10px;
    color: #424242;
}

.issue-not-found {
    font-size: 12px;
    font-weight: bold;
    font-style: italic;
    padding-left: 25px;
}

.estimate-box {
    display: block;
}

.estimate-box.hide {
    display: none;
}

/*====================================================================================================================*/
/*PROFILE*/
/*====================================================================================================================*/
.profile-block {
    width: 600px;
    padding: 20px;
}

.profile-block form {
    margin-top: 20px;
}

/*====================================================================================================================*/
/*NAV BAR*/
/*====================================================================================================================*/
.nav-block {
    width: 1024px;
}

/*====================================================================================================================*/
/*LOADING*/
/*====================================================================================================================*/
#veil {
    position: absolute;
    top: 0;
    left: 0;
    height:100%;
    width:100%;
    cursor: not-allowed;
    filter: alpha(opacity=60);
    opacity: 0.6;
    background: #000000;
}
#feedLoading {
    position: absolute;
    top:200px;
    width:100%;
    text-align: center;
    font-size: 4em;
    color:white;
    text-shadow: 2px 2px 2px #021124;
}

.resource-loader-box {
    overflow-x: auto;
    overflow-y: auto;
    position: absolute;
    width: 100%;
    height: 100%;
    background: #000000;
    opacity: 0.5;
    z-index: 10;
}

.resource-loader-msg {
    position: absolute;
    height: 30px;
    text-align: center;
    font-size: 2em;
    color: white;
    text-shadow: 2px 2px 2px #021124;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
    z-index: 15;
}

/*====================================================================================================================*/
/*DUE DATE ISSUES*/
/*====================================================================================================================*/
.due-date-issues-red {
    color: #FF0000;
}
.due-date-issues-grey {
    color: #808080;
}
.due-date-issues-black {
    color: #000000;
}
.summary-short {
    display: -webkit-box;
    height: 60px;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    cursor: pointer;
}
.summary-short.full{
    height: 100%;
    -webkit-line-clamp: inherit;
}

/*====================================================================================================================*/
/*MENU*/
/*====================================================================================================================*/
.menu-dropdown-item {
    cursor: pointer;
}

.dropdown-menu li a.active{
    color: #262626;
    text-decoration: none;
    background-color: #f5f5f5;
}

/*====================================================================================================================*/
/*DICTIONARY*/
/*====================================================================================================================*/
#dictionary-table {
    width: 800px;
    margin: 0 auto;
}

/* Typography */
.text-12 {
  font-size: 12px
}

.text-16 {
  font-size: 16px
}

.text-18 {
  font-size: 18px
}

.nowrap {
  white-space: nowrap;
}

.nowrap-ellipsis {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}

.overflow-ellipsis {
  overflow: hidden;
  text-overflow: ellipsis;
}

/* Margin */
.m-0 { margin: 0; }
.m-t-0 { margin-top: 0; }
.m-b-0 { margin-bottom: 0; }
.m-l-0 { margin-left: 0; }
.m-r-0 { margin-right: 0; }

.m-5 { margin: 5px; }
.m-t-5 { margin-top: 5px; }
.m-b-5 { margin-bottom: 5px; }
.m-l-5 { margin-left: 5px; }
.m-r-5 { margin-right: 5px; }

.m-10 { margin: 10px; }
.m-t-10 { margin-top: 10px; }
.m-b-10 { margin-bottom: 10px; }
.m-l-10 { margin-left: 10px; }
.m-r-10 { margin-right: 10px; }

.m-15 { margin: 15px; }
.m-t-15 { margin-top: 15px; }
.m-b-15 { margin-bottom: 15px; }
.m-l-15 { margin-left: 15px; }
.m-r-15 { margin-right: 15px; }

.m-20 { margin: 20px; }
.m-t-20 { margin-top: 20px; }
.m-b-20 { margin-bottom: 20px; }
.m-l-20 { margin-left: 20px; }
.m-r-20 { margin-right: 20px; }

/* Padding */
.p-0 { padding: 0; }
.p-t-0 { padding-top: 0; }
.p-b-0 { padding-bottom: 0; }
.p-l-0 { padding-left: 0; }
.p-r-0 { padding-right: 0; }

.p-5 { padding: 5px; }
.p-t-5 { padding-top: 5px; }
.p-b-5 { padding-bottom: 5px; }
.p-l-5 { padding-left: 5px; }
.p-r-5 { padding-right: 5px; }

.p-10 { padding: 10px; }
.p-t-10 { padding-top: 10px; }
.p-b-10 { padding-bottom: 10px; }
.p-l-10 { padding-left: 10px; }
.p-r-10 { padding-right: 10px; }

.p-15 { padding: 15px; }
.p-t-15 { padding-top: 15px; }
.p-b-15 { padding-bottom: 15px; }
.p-l-15 { padding-left: 15px; }
.p-r-15 { padding-right: 15px; }

.p-20 { padding: 20px; }
.p-t-20 { padding-top: 20px; }
.p-b-20 { padding-bottom: 20px; }
.p-l-20 { padding-left: 20px; }
.p-r-20 { padding-right: 20px; }

/* lg - Large Devices, Wide Screens */
@media (min-width : 1200px) {
  .text-center-lg {
    text-align: center;
  }

  .pull-right-lg {
    float: right;
  }

  .pull-left-lg {
    float: left;
  }

  .float-none-lg {
    float: left;
  }
}

/* md -  Medium Devices, Desktops */
@media (min-width : 992px) {
  .text-center-md {
    text-align: center;
  }

  .pull-right-md {
    float: right;
  }

  .pull-left-md {
    float: left;
  }

  .float-none-md {
    float: left;
  }
}

/* sm - Small Devices, Tablets */
@media (min-width : 768px) {
  .text-center-sm {
    text-align: center;
  }

  .pull-right-sm {
    float: right;
  }

  .pull-left-sm {
    float: left;
  }

  .float-none-sm {
    float: left;
  }
}

/* xs - Extra Small Devices, Phones */
@media (max-width : 767px) {
  .text-center-xs {
    text-align: center;
  }

  .pull-right-xs {
    float: right;
  }

  .pull-left-xs {
    float: left;
  }

  .float-none-xs {
    float: left;
  }
}


.browsehappy {
  margin: 0.2em 0;
  background: #ccc;
  color: #000;
  padding: 0.2em 0;
}

body {
  padding: 0;
}

.for-example {
  color: #ccc;
  font-size: 11px;
  font-style: italic;
  margin-top: 0;
}

/* Everything but the jumbotron gets side spacing for mobile first views */
.header,
.marketing,
.footer {
  padding-left: 15px;
  padding-right: 15px;
}

/* Custom page header */
.header {
  border-bottom: 1px solid #e5e5e5;
  margin-bottom: 10px;
}

/* Make the masthead heading the same height as the navigation */
.header h3 {
  margin-top: 0;
  margin-bottom: 0;
  line-height: 40px;
  padding-bottom: 19px;
}

/* Custom page footer */
.footer {
  padding-top: 19px;
  color: #777;
  border-top: 1px solid #e5e5e5;
}

.container-narrow > hr {
  margin: 30px 0;
}

/* Main marketing message and sign up button */
.jumbotron {
  text-align: center;
  border-bottom: 1px solid #e5e5e5;
}

.jumbotron .btn {
  font-size: 21px;
  padding: 14px 24px;
}

/* Supporting marketing content */
.marketing {
  margin: 40px 0;
}

.marketing p, .marketing h4 {
  margin-top: 28px;
}

.navbar-header .logo {
  float: left;
  width: 55px;
  height: 55px;
}

.header-container ul li a {
  padding-left: 10px;
  padding-right: 10px;
}

a.image_button {
  padding: 35px 5px 5px 5px;
  cursor: pointer;
  text-decoration: none;
  color: #3078b6;
}

a.image_button:hover {
  color: #3078b6;
}

a.image_button.reload {
  background: url("/assets/images/favicon/reload_active.png") top center no-repeat;
  position: absolute;
  top: -10px;
}

/* Responsive: Portrait tablets and up */
@media screen and (min-width: 768px) {
  .container {
    max-width: 100%;
  }

  /* Remove the padding we set earlier */
  .header,
  .marketing,
  .footer {
    padding-left: 0;
    padding-right: 0;
  }
  /* Space out the masthead */
  .header {
    margin-bottom: 30px;
  }
  /* Remove the bottom border on the jumbotron for visual effect */
  .jumbotron {
    border-bottom: 0;
  }
}

.paragraph {
  white-space: pre-wrap !important;
}

#configure-page-link {
  margin-left: 4px;
}

.select2-drop-active {
  z-index: 10000 !important;
}

.forgot-password-link {
  float: right;
  margin-top: 5px;
  cursor: pointer;
}

.linear-progress-bar .md-container {
  background-color: #e1e4eb;
}

.linear-progress-bar .md-bar {
  background-color: #5489eb;
}

/*====================================================================================================================*/
/*GENERAL LEFT*/
/*====================================================================================================================*/

.res {
  height: calc(100vh - 200px);
  width: 100%;
  box-sizing: border-box;
  position: relative;
  display: flex;
}

.res-left {
  height: 100%;
  width: 100%;
  float: left;
  box-sizing: border-box;
  transition: width 1s;
  outline: none;
}

.res-left-head {
  border-bottom: 1px solid black;
  margin: 5px;
}

.res-left-content {
  width: 100%;
  height: 100%;
  overflow-x: auto;
  overflow-y: auto;
}

.res-left-content-top .count-users {
  font-size: 12px;
  font-style: italic;
  color: #424242;
}

.res-left-content-center {
  width: 100%;
  height: calc(100% - 60px);
}

.res-left-content-center .aui-icon.aui-icon-wait {
  margin-top: 25px;
}

.res-left-content ul.main {
  overflow: hidden;
  padding: 0 40px 0 0;
  margin: 0;
  box-sizing: content-box;
}

.res-left-content li.main.grey {
  background: #eeeeee;
}

.res-left-content li.main.grey.project-box .selected {
  background-color: #dff0d8 !important;
}

.res-left-content li.main {
  display: inline-block;
  float: left;
  vertical-align: top;
  width: 220px;
  margin: 0 10px;
}

.res-left-content li.main.dndDragging {
  opacity: 0.8;
}

.res-left-content li.main.dndDraggingSource {
  display: none;
}

.res-left-content ul.main > li.dndPlaceholder {
  background-color: #ddd !important;
  display: inline-block;
  float: left;
  vertical-align: top;
  width: 220px;
  margin: 0 10px;
  min-height: 75px;
}

.main h4 {
  margin-bottom: 0;
  background-color: #ffffff;
  padding: 10px 0;
  position: relative;
  white-space: normal;
  overflow: hidden;
  font-size: 15px;
}

.cards-header {
  position: relative;
  margin: 15px 10px;
  padding-left: 5px;
}

.cards-header .controls {
  position: absolute;
  top: 0;
  padding: 3px;
  background: rgb(160, 191, 255);
  right: -48px;
  transition: right 0.5s ease-out 0.5s;
  border-radius: .25em;
}

.cards-header:hover .controls {
  right: 0;
}

.main h4 .controls span {
  cursor: pointer;
}

.main h4 .control-icon {
  float: right;
  font-size: 14px;
  margin: 0 5px;
  cursor: pointer;
  color: #ffffff;
}

.main h4 .member-count {
  font-size: 12px;
  font-weight: bold;
  font-style: italic;
  color: #a9a8a8;
}

.res-left-content ul.item {
  height: 100%;
  min-width: 100%;
  white-space: nowrap;
  padding: 10px;
  border: 1px solid #cccccc;
}

.res-left-content ul.item.moved {
  border-top: 25px;
}

.res-left-content ul.item:empty {
  padding: 25px 5px;
}

.res-left-content ul.item li {
  background: #ffffff;
  border: 1px solid #cccccc;
  list-style-type: none;
  margin: 0 0 10px 0;
  padding: 2px;
  cursor: pointer;
  min-height: 75px;
}

.res-left-content ul.item li:last-child {
  margin: 0;
}

.res-left-content ul.item li.dndDragging {
  opacity: 0.8;
}

.res-left-content ul.item li.dndDraggingSource,
.experience-item ul.member-info-ul li.dndDraggingSource {
  display: none;
}

.member-info-ul li {
  cursor: pointer;
}

.res-left-content ul.item > li.dndPlaceholder {
  background-color: #ffffff;
}

.res-left-content ul.item li.resource-box.selected {
  color: #3c763d;
  background-color: #dff0d8;
}

.avatar {
  text-align: center;
  font-size: 25px;
  margin: 5px 0;
}

.avatar img.avatar {
  width: 40px;
  margin: 0;
  border-radius: 20px;
}

.avatar-member-info {
  width: 48px;
  border-radius: 50%;
  box-sizing: content-box;
}

.avatar-label {
  padding-top: 5px;
}

@media (max-width: 1250px) {
  .avatar-label {
    margin-left: 1px;
    padding-left: 0;
    padding-bottom: 5px;
  }
}

ul.item.projects .avatar img.avatar {
  width: 25px;
}

.name-label {
  text-align: left;
  margin-top: 5px;
  overflow: hidden;
  text-overflow: ellipsis;
}

.engineer-lvl-label {
  text-align: left;
  font-weight: bold;
}

.technologies-label, .label-label {
  text-align: left;
  margin-left: 10px;
  overflow: hidden;
  text-overflow: ellipsis;
  min-height: 20px;
}

.column-empty {
  text-align: center;
  font-style: italic;
  font-size: 12px;
  padding-top: 10px;
}

/*====================================================================================================================*/
/*GENERAL RIGHT*/
/*====================================================================================================================*/

.res-right {
  width: 1px;
  height: 100%;
  float: right;
  background: #e1e4eb;
  border: none;
  box-sizing: border-box;
  overflow-x: auto;
  overflow-y: auto;
  transition: width 1s;
}

/*====================================================================================================================*/
/*MEMBER INFO BLOCK*/
/*====================================================================================================================*/

.member-info-block-content {
  padding: 25px;
}

.row.margin-0 {
  margin: 0;
}

.control-icon-right {
  float: right;
}

.member-info-block-content-subtitle {
  display: block;
  text-align: left;
  font-size: 16px;
  font-weight: bold;
  margin: 10px 0;
}

.member-info-ul {
  padding-left: 30px;
}

.member-info-ul.without-list-style-type li {
  list-style-type: none;
}

.member-info-divider {
  border-bottom: 2px dashed #cccccc;
  margin: 10px 0;
}

.empty-items {
  text-align: center;
  font-style: italic;
}

.editable-member-text .editable-buttons,
.editable-controls .editable-buttons {
  display: block;
  text-align: right;
  margin-top: 10px;
}

.editable-member-text .editable-textarea,
.editable-member-url .editable-url,
.editable-member-text .editable-controls,
.editable-member-text .editable-wrap .editable-controls > textarea {
  width: 100%;
}

.editable-member-url {
  color: #000000;
  border-bottom: none;
}

.attached-link-edit-mode {
  text-align: right;
}

.attachments {
  word-break: break-all;
}

@media (min-width: 1650px) {
  .attached-link-edit-mode .editable-buttons {
    display: inline-block;
    margin-top: 0;
  }
}

.editable-field {
  width: 100%;
  white-space: normal;
  word-break: normal;
}

.not-show-circles-checkbox {
  position: relative;
  top: 2px;
}

.not-show-circles-label {
  font-size: 12px;
  font-style: italic;
}

#flagInput {
  display: inline-block;
  width: 70%;
  border: none;
}

#flag .form-inline {
  width: 70%;
}

#flagColorPicker {
  float: right;
  padding-top: 5px;
}

/*====================================================================================================================*/
/*PROJECTS*/
/*====================================================================================================================*/

.res-left-content ul.item.projects li {
  min-height: 30px;
  margin: 0 0 2px 0;
}

.projects-item-box .avatar,
.projects-item-box .name-box,
.projects-item-box .circle-box {
  margin: 0 5px;
}

.projects-item-box .avatar {
  float: left;
  font-size: 20px;
}

.projects-item-box .avatar img.avatar {
  margin: 3px 0 2px 0;
}

.projects-item-box .no-avatar {
  margin: 3px;
}

.projects-item-box .name-box {
  overflow: hidden;
}

.projects-item-box .circle-box {
  float: right;
}

.projects-item-box .circle-box .circle-item {
  width: 20px;
  height: 20px;
  -webkit-border-radius: 15px;
  -moz-border-radius: 15px;
  border-radius: 15px;
  margin-top: 5px;
  display: inline-block;
}

/*====================================================================================================================*/
/*CONTEXT MENU*/
/*====================================================================================================================*/

.context-menu-item {
  padding-right: 8px;
}

/* Search close button */

#rightToolbar {
  width: 44px;
  height: 44px;
  border: none;
  border-radius: 2px;
  background-color: #6699ff;
  box-shadow: 0 0 2px 0 rgba(0, 0, 0, 0.3);
  cursor: pointer;
  transition: all 1s ease-out;
  outline: none;
  position: absolute;
  margin-left: -44px;
  top: 0;
}

#showRightPanelBtn {
  width: 30px;
  height: 30px;
  display: block;
  background: url('/assets/images/arrow-in-circle.svg') no-repeat bottom;
  margin: 7px;
  transition: all 1s ease-out;
}

/*
  siTheme - SWAN Intranet Theme

  A design theme created for SWAN Intranet products.

  SWAN Software Solutions, 2017
*/

html {
  background-color: #ffffff;
}

/* Buttons */

.si-btn-blue {
  color: #ffffff;
  background-color: #6699ff;
  border-color: #6699ff;
}

.si-btn-blue:hover, .si-btn-blue:active, .si-btn-blue:focus {
  color: #ffffff;
  background-color: #5489eb;
  border-color: #5489eb;
}

.si-btn-red {
  color: #ffffff;
  background-color: #d9534f;
  border-color: #d43f3a;
}

.si-btn-red:hover, .si-btn-red:active, .si-btn-red:focus {
  color: #ffffff;
  background-color: #c9302c;
  border-color: #ac2925;
}

.si-btn-green {
  color: #ffffff;
  background-color: #5cb85c;
  border-color: #4cae4c;
}

.si-btn-green:hover, .si-btn-green:active, .si-btn-green:focus {
  color: #ffffff;
  background-color: #449d44;
  border-color: #398439;
}

.si-btn-yellow {
  color: #ffffff;
  background-color: #f0ad4e;
  border-color: #eea236;
}

.si-btn-yellow:hover, .si-btn-yellow:active, .si-btn-yellow:focus {
  color: #ffffff;
  background-color: #ec971f;
  border-color: #d58512;
}

.si-btn-white {
  color: #6699ff;
  background-color: transparent;
  border-color: #6699ff;
}

.si-btn-white:hover, .si-btn-white:active, .si-btn-white:focus {
  color: #ffffff;
  background-color: #5489eb;
  border-color: #5489eb;
}

.si-btn-link {
  color: #838194;
}

.si-btn-link:hover, .si-btn-link:active, .si-btn-link:focus {
  color: #709fff;
}

.si-btn-expand {
  border: 1px solid #6699ff;
  background: transparent;
  padding: 2px 12px;
}

.si-btn-icon {
  color: #6699ff;
  background-color: #e1e4eb;
  border-color: #e1e4eb;
}

.si-btn-icon:hover, .si-btn-icon:active, .si-btn-icon:focus {
  border-color: #5489eb;
}

.si-btn-xs {
  padding: 1px 5px;
  font-size: 12px;
}

.si-btn-sm {
  padding: 5px 10px;
  font-size: 14px;
}

.si-btn-md {
  padding: 6px 12px;
  font-size: 16px;
  line-height: 25px;
}

.si-btn-lg {
  padding: 10px 16px;
  font-size: 18px;
}

.si-btn-xs, .si-btn-sm, .si-btn-md, .si-btn-lg {
  transition: all 0.3s;
  border-radius: 2px;
}

.btn img.icon {
  margin-right: 5px;
}

.btn:focus {
  outline: none !important;
}

.si-btn-md > .si-icon {
  height: 18px !important;
  width: 18px !important;
  vertical-align: text-bottom;
}

a {
  color: #709fff;
}

/* Modal dialogs */

.si-modal .modal-header {
  text-align: center;
}

.si-modal .modal-content {
  border-radius: 4px
}

.si-modal .modal-content .modal-header,
.si-modal .modal-content .modal-body,
.si-modal .modal-content .modal-footer {
  padding: 25px;
}

.si-modal .modal-content .modal-header {
  position: relative;
  color: #ffffff;
  background-color: #384359;
  border-bottom: none;
}

.si-modal .modal-content .modal-footer {
  border-top: 1px solid rgba(0, 0, 0, 0.12);
  margin: 0;
}

.si-modal .modal-footer {
  border-top: 1px solid #2d3647;
}

.modal-open .si-modal-backdrop {
  background-color: #384359;
  opacity: 0.77;
}

/* Material components */

md-input-container.si-input-container {
  margin: 30px 0 10px 0;
}

md-input-container.si-input-container.si-text-input > .md-errors-spacer {
  min-height: 0;
}

md-input-container.header-text-input {
  margin: 10px 0 16px 0;
  display: inline-block;
}

md-input-container.header-text-input .md-errors-spacer {
  display: none;
}

md-input-container.header-text-input.md-icon-right {
  padding-right: 30px;
}

md-input-container.header-text-input input {
  color: #838194;
  border-color: #838194;
}

md-input-container.header-text-input md-icon {
  color: #838194;
  top: 5px;
}

md-input-container.header-text-input md-icon svg rect.a {
  stroke: #838194;
}

md-input-container.header-text-input md-icon svg line.a {
  stroke: #838194;
}

.si-switch > input[type="checkbox"] {
  display: none;
}

.si-switch > label {
  cursor: pointer;
  height: 0;
  position: relative;
  width: 40px;
}

.si-switch > label::before {
  background: #818181;
  border-radius: 8px;
  content: '';
  height: 14px;
  margin-top: -9px;
  position: absolute;
  opacity: 1;
  transition: all 0.4s ease-in-out;
  width: 36px;
}

.si-switch > label::after {
  background: #f1f1f1;
  border-radius: 16px;
  box-shadow: 0 0 5px rgba(0, 0, 0, 0.3);
  content: '';
  height: 20px;
  left: -4px;
  margin-top: -8px;
  position: absolute;
  top: -4px;
  transition: all 0.3s ease-in-out;
  width: 20px;
}

.si-switch > input[type="checkbox"]:checked + label::before {
  background: #4f76c5;
  opacity: 1;
}

.si-switch > input[type="checkbox"]:checked + label::after {
  background: inherit;
  left: 20px;
}

md-radio-group.md-primary.si-radio > md-radio-button.md-checked .md-off {
  border-color: #384359;
}

md-radio-group.md-primary.si-radio > md-radio-button.md-checked .md-on {
  background-color: #384359;
}

md-radio-group.md-primary.si-radio .md-checked .md-ink-ripple {
  color: #384359;
}

.select-search-box {
  border: none;
  outline: none;
  height: 100%;
  width: 100%;
  padding: 0;
}

.search-header {
  box-shadow: 0 1px 0 0 rgba(0, 0, 0, 0.1), 0 0 0 0 rgba(0, 0, 0, 0.14), 0 0 0 0 rgba(0, 0, 0, 0.12);
  padding-left: 10px;
  height: 48px;
  cursor: pointer;
  display: flex;
  align-items: center;
  width: auto;
  position: sticky;
  top: 0;
  z-index: 1000;
}

md-content._md {
  max-height: 240px;
}

.with-search md-content._md {
  margin-top: 48px;
}

.with-search md-content._md .search-header {
  position: fixed;
  width: 100%;
  top: 0;
  z-index: 100;
  background-color: #fff;
}

@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
  .with-search md-content._md {
    margin-top: 0;
  }

  .with-search md-content._md .search-header {
    position: relative;
    width: auto;
  }
}

md-input-container.md-input-focused:not(.md-input-invalid) .md-input {
  border-color: #6699ff;
}

md-select:focus:not([disabled]) .md-select-value {
  border-bottom-color: #6699ff;
}

md-chips .md-chips.md-focused {
  box-shadow: 0 2px #6699ff;
}

md-checkbox.md-primary.md-checked:not([disabled]) .md-icon,
.md-checkbox-enabled[selected] .md-icon {
  background-color: #6699ff;
}

md-select-menu md-content md-option[selected] {
  color: #6699ff;
}

.si-hint {
  position: absolute;
  left: 2px;
  right: auto;
  bottom: 7px;
  font-size: 12px;
  line-height: 14px;
  transition: all 0.3s cubic-bezier(0.55, 0, 0.55, 0.2);
  color: #808080;
}

.md-headline {
  color: #4d576b;
}

.si-actions-select {
  float: right;
}

.si-actions-select, .si-actions-select md-select .md-select-value.md-select-placeholder,
.si-actions-select md-select .md-select-icon, .si-actions-select md-select:focus:not([disabled]) .md-select-value {
  color: #9595a9;
}

.si-actions-select md-select .md-select-value, .si-actions-select md-select:focus:not([disabled]) .md-select-value {
  border-bottom: none;
}

.si-loader-box {
  overflow-x: auto;
  overflow-y: auto;
  position: absolute;
  width: 100%;
  height: 100%;
  margin-left: -15px;
  background: #384359;
  opacity: 0.77;
  z-index: 10;
}

.si-chips .md-chips md-chip {
  border-radius: 4px;
}

.si-chips .md-chips.md-removable md-chip {
  padding-right: 30px;
}

.si-chips .md-chips.md-removable md-chip .md-chip-remove-container button.md-chip-remove.si-chip-remove .si-icon {
  width: 15px;
  height: 15px;
  margin-top: 6px;
}

/* Navbar */

.navbar {
  border: none;
  border-radius: 0;
}

.navbar-default {
  background-color: #384359;
}

.navbar-default .navbar-nav > .active > a,
.navbar-default .navbar-nav > .active > a:hover,
.navbar-default .navbar-nav > .active > a:focus {
  color: #dedfe4;
  background-color: #4c566a;
  border-bottom: 2px solid #9dbcfa;
}

.navbar-default .navbar-nav > .open > a,
.navbar-default .navbar-nav > .open > a:hover,
.navbar-default .navbar-nav > .open > a:focus {
  color: #dedfe4;
  background-color: #4c566a;
  border-bottom: none;
}

.navbar-default .navbar-nav > li > a {
  color: #9595a9;
  border-bottom: 2px solid transparent;
  line-height: 55px;
}

.navbar-default .navbar-nav > li > a:hover,
.navbar-default .navbar-nav > li > a:focus {
  color: #dedfe4;
  background-color: #545f73;
}

.dropdown-menu {
  color: #dedfe4;
  background-color: #4c566a;
  border-top: 1px solid transparent;
  z-index: 1001;
}

.dropdown-menu > li > a {
  color: #9595a9;
  padding: 10px 10px;
}

.dropdown-menu > li > a:hover,
.dropdown-menu > li > a:focus {
  color: #c7c8cd;
  background-color: inherit;
}

.dropdown-menu li a.active,
.dropdown-menu > li > a.active:hover,
.dropdown-menu > li > a.active:focus {
  color: #dedfe4;
  background-color: transparent;
}

.navbar-default .navbar-brand {
  color: #9595a9;
  line-height: 55px;
  height: inherit;
}

.navbar-default .navbar-brand:hover,
.navbar-default .navbar-brand:focus {
  color: #dedfe4;
  background-color: transparent;
}

li.dropdown.active.open {
  border-bottom: 2px solid #9dbcfa;
}

li.dropdown.active.open > ul.dropdown-menu {
  margin-top: 2px;
}

.divider {
  height: 45px;
  margin: 20px 9px;
  border-right: 1px solid #9595a9;
}

.si-nav-panel {
  min-height: 60px;
  margin-top: -20px;
  margin-bottom: 20px;
  background-color: #2d3647;
  border: none;
  border-radius: 0;
  box-shadow: 0 0 5px rgba(0, 0, 0, 0.2);
}

.si-nav-panel h3 {
  color: #f3f4f4;
  padding-top: 21px;
  padding-bottom: 21px;
  margin: 0;
}

.si-nav-panel h4 {
  color: #f3f4f4;
  padding-top: 24px;
  padding-bottom: 24px;
  margin: 0;
}

.si-nav-panel .nav-panel-button {
  margin: 10px 0;
}

.si-settings-content {
  margin-top: -20px;
}

.hidden {
  display: none;
}

.res.full-screen-mode {
  height: calc(100vh - 40px);
}

/* Accordion */

.panel.panel-item {
  -webkit-box-shadow: none;
  box-shadow: none;
  outline: none;
}

.panel-default.panel-item {
  border: none;
  background-color: inherit;
}

.panel-default.panel-item > .panel-heading.collapsed {
  border-bottom: 2px solid #a0bfff !important;
}

.panel-default.panel-item > .panel-heading {
  border-bottom: 2px solid #6699ff !important;
}

.panel-default.panel-item > .panel-heading a:after {
  content: url('../../assets/images/minus-icon.svg');
  width: 25px;
  height: 25px;
  float: right;
  color: #607ebc;
  margin-top: 2px;
}

.panel-default.panel-item > .panel-heading.collapsed a:after {
  content: url('../../assets/images/plus-icon.svg');
  width: 25px;
  height: 25px;
  float: right;
  color: #607ebc;
  margin-top: 2px;
}

.panel-default.panel-item > .panel-heading {
  background-color: inherit;
}

.panel-default.panel-item > .panel-heading:hover {
  background-color: #f4f5fa;
}

/* Details panel */

.panel.panel-details {
  -webkit-box-shadow: none;
  box-shadow: none;
  outline: none;
}

.panel-default.panel-details {
  border: none;
  background-color: inherit;
}

.panel-default.panel-details > .panel-heading a:after {
  font-family: Roboto, "Helvetica Neue", sans-serif !important;
  content: "\2212" !important;
  float: right;
  color: #607ebc !important;
}

.panel-default.panel-details > .panel-heading.collapsed a:after {
  content: "\2b" !important;
}

.panel-default.panel-details > .panel-heading {
  background-color: inherit;
}

.panel-default.panel-details > .panel-body {
  background-color: #fff;
  border-radius: 2px;
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.3);
}

/* List panel */

.panel.list-panel .panel-heading {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  flex-wrap: wrap;
}

.panel.list-panel .panel-heading .title {
  flex-direction: row;
}

.panel.list-panel .panel-heading .title-edit {
  margin-left: 45px;
}

.panel.list-panel .panel-heading .actions {
  flex-direction: row;
  margin-left: auto;
}

.panel.list-panel .panel-heading .actions .si-icon {
  position: relative;
  top: calc(50% - 10px);
}

.panel.list-panel {
  -webkit-box-shadow: none;
  box-shadow: none;
  outline: none;
  background-color: #e1e4eb;
  border-radius: 2px;
}

.panel.list-panel .panel-body {
  padding: 0 5px;
}

.panel.list-panel .panel-heading {
  background-color: inherit;
  border: none;
}

.panel.list-panel .panel-body .item-container {
  background-color: white;
  border-radius: 2px;
  margin: 5px auto;
  padding-right: 15px;
  padding-left: 15px;
}

.panel.list-panel .panel-body .container-fluid {
  margin: 5px auto;
}

.panel.list-panel .panel-body .item-container:first-of-type {
  margin: 0 auto 5px;
  box-shadow: 0 0 2px 0 rgba(72, 72, 72, 0.3);
}

.panel.list-panel md-input-container {
  width: 80%;
  margin-bottom: 0;
}

.panel.list-panel .title-error {
  font-size: 12px;
  line-height: 14px;
  overflow: hidden;
  margin-top: 0;
  padding-top: 5px;
}

.panel.list-panel .item-container .row,
.panel.list-panel .container-fluid .row {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  flex-wrap: wrap;
}

.panel.list-panel .item-container .row > [class*='col-'],
.panel.list-panel .container-fluid .row > [class*='col-'] {
  display: flex;
  flex-direction: column;
}

.panel.list-panel .item-container .row > [class*='col-'].with-delimiter,
.panel.list-panel .container-fluid .row > [class*='col-'].with-delimiter {
  border-right: 5px solid #e1e4eb;
}

.panel.list-panel .view-section, .edit-section {
  height: 100%;
}

.panel.list-panel .title-view, .title-edit {
  width: 100%;
}

.panel.list-panel .item-container .view-section.with-delimiter, .edit-section.with-delimiter {
  border-left: 1px solid #6699ff;
}

.panel.list-panel .item-container .si-icon {
  top: calc(50% - 7px);
  position: relative;
}

.si-panel-block {
  padding: 5px;
  margin-bottom: 10px;
  background-color: #e1e4eb;
  border-radius: 3px;
}

.si-panel-block .si-panel-heading {
  color: #384359;
  padding: 10px;
}

.si-panel-block .si-panel-body {
  padding: 10px;
  background-color: #fff;
  border-radius: 2px;
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.3);
}

.searchbar {
  position: relative;
}

.searchbar input {
  padding-right: 33px;
}

.searchbar:after {
  content: '';
  display: inline-block;
  background: url(../../assets/images/search.svg) no-repeat;
  position: absolute;
  height: 20px;
  width: 20px;
  right: 10px;
  top: 5px;
}

.searchbar .md-errors-spacer {
  display: none;
}

.searchbar.searchbar-lite md-input-container .md-input {
  color: #9595a9;
  border-color: #9595a9;
}

.searchbar.searchbar-lite md-input-container .md-input::-webkit-input-placeholder {
  color: #9595a9;
}

.searchbar.searchbar-lite md-input-container .md-input:-moz-placeholder {
  color: #9595a9;
  opacity: 1;
}

.searchbar.searchbar-lite md-input-container .md-input::-moz-placeholder {
  color: #9595a9;
  opacity: 1;
}

.searchbar.searchbar-lite md-input-container .md-input:-ms-input-placeholder {
  color: #9595a9;
}

.searchbar.searchbar-lite:after {
  background: url(../../assets/images/search-grey.svg) no-repeat;
}

/* Expandable sections */

.si-sections {
  background-color: #e1e4eb;
  border-radius: 2px;
}

.si-sections .si-sections-header {
  padding-left: 25px;
  padding-top: 15px;
}

.si-sections .si-sections-body {
  padding: 5px
}

.si-sections .si-sections-body .si-header.highlight:hover,
.si-sections .si-sections-body .si-header.highlight:active,
.si-sections .si-sections-body .si-header.highlight:focus {
  background-color: #eff4ff;
}

.si-sections .si-sections-body .si-header, .si-sections .si-sections-body .si-section-item {
  border-radius: 2px;
  background-color: #ffffff;
  -webkit-box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.16);
  -moz-box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.16);
  box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.16);
  padding: 12px;
  margin-bottom: 5px;
}

.si-header-actions {
  position: absolute;
  right: 25px;
  top: 50%;
  transform: translateY(-50%);
}

.section-expanded {
  background: url('../../assets/images/strel-up.svg') no-repeat center;
  width: 20px;
  height: 20px;
}

.section-collapsed {
  background: url('../../assets/images/strel.svg') no-repeat center;
  width: 20px;
  height: 20px;
}

p.section-title, p.si-section-item-name {
  word-break: break-all;
  margin: 0;
}

/* Avatar */

.si-avatar {
  width: 100%;
  border-radius: 50%;
}

/* Sidebar */

body {
  overflow-x: hidden;
}

#wrapper {
  padding-left: 0;
  -webkit-transition: all 0.5s ease;
  -moz-transition: all 0.5s ease;
  -o-transition: all 0.5s ease;
  transition: all 0.5s ease;
}

#wrapper.toggled {
  padding-left: 250px;
}

#sidebar-wrapper {
  z-index: 1000;
  position: absolute;
  left: 250px;
  width: 0;
  min-height: calc(100% - 155px);
  margin-left: -250px;
  overflow-y: auto;
  background: #2d3647;
  -webkit-transition: all 0.5s ease;
  -moz-transition: all 0.5s ease;
  -o-transition: all 0.5s ease;
  transition: all 0.5s ease;
}

#wrapper.toggled #sidebar-wrapper {
  width: 250px;
}

#page-content-wrapper {
  width: 100%;
  position: absolute;
  padding: 15px;
  background-color: white;
}

#wrapper.toggled #page-content-wrapper {
  position: absolute;
  margin-right: -250px;
}

.sidebar-nav {
  top: 0;
  width: 250px;
  margin: 0;
  padding: 0;
  list-style: none;
}

.sidebar-nav li {
  text-indent: 20px;
  line-height: 40px;
}

.sidebar-nav li .badge {
  text-indent: initial;
}

.sidebar-nav li a {
  display: block;
  text-decoration: none;
  color: #9595a9;
}

.sidebar-nav li a:hover {
  text-decoration: none;
  color: #dedfe4;
}

.sidebar-nav li.active > a {
  color: #dedfe4;
  text-decoration: none;
  background-color: #4c566a;
  border-left: 2px solid #9dbcfa;
}

.sidebar-nav > .sidebar-brand {
  height: 65px;
  font-size: 18px;
  line-height: 60px;
}

.sidebar-nav > .sidebar-brand a {
  color: #999999;
}

.sidebar-nav > .sidebar-brand a:hover {
  color: #fff;
  background: none;
}

@media (min-width: 768px) {
  #wrapper {
    padding-left: 250px;
  }

  #wrapper.toggled {
    padding-left: 0;
  }

  #sidebar-wrapper {
    width: 250px;
  }

  #wrapper.toggled #sidebar-wrapper {
    width: 0;
  }

  #page-content-wrapper {
    padding: 20px;
    position: relative;
  }

  #wrapper.toggled #page-content-wrapper {
    position: relative;
    margin-right: 0;
  }
}

/* Matrix panel TODO: refactor to something layout-wide */

.navbar.matrix-panel .actions {
  float: left;
  padding-left: 14px;
}

.navbar.matrix-panel .actions > li {
  float: left;
}

.navbar.matrix-panel .actions a,
.navbar.matrix-panel .actions label {
  line-height: 38px;
  color: #9595a9;
}

.navbar.matrix-panel .actions a:hover,
.navbar.matrix-panel .actions a:focus {
  color: #dedfe4;
  text-decoration: none;
  background-color: #4c566a;
}

.navbar.matrix-panel .actions a.si-link-disabled,
.navbar.matrix-panel .actions a.si-link-disabled:hover,
.navbar.matrix-panel .actions a.si-link-disabled:focus {
  color: #9595a9;
  cursor: not-allowed;
  background-color: transparent !important;
}

.navbar.matrix-panel .actions .select-all label {
  margin: 0;
  padding: 15px;
  font-weight: normal;
}

.navbar.matrix-panel .actions .select-all md-checkbox.left-side-label {
  padding: 15px;
}

.navbar.matrix-panel .actions .select-all md-checkbox {
  margin: 0;
}

.navbar.matrix-panel .nav .open > a,
.navbar.matrix-panel .nav .open > a:hover,
.navbar.matrix-panel .nav .open > a:focus {
  background-color: #4c566a;
}

.navbar.matrix-panel md-input-container {
  margin: 5px 0 0;
  color: #9595a9;
}

.navbar.matrix-panel md-input-container span {
  color: #9595a9;
}

.navbar.matrix-panel md-select.md-default-theme .md-select-value {
  border-bottom-color: #9595a9;
}

/* Template container */

.template-container {
  background-color: #fff;
}

/* SVG Icons */

.si-icon {
  width: 20px;
  height: 20px;
  transition: 0.5s;
  display: inline-block;
  background-repeat: no-repeat;
}

.si-icon.hover-icon {
  cursor: pointer;
}

.si-icon.hover-icon:hover {
  -webkit-filter: brightness(50%);
  filter: brightness(50%);
}

.si-icon.icon-xs {
  width: 15px;
  height: 15px;
}

.si-icon.icon-bottom {
  vertical-align: bottom;
}

.si-icon.icon-sub {
  vertical-align: sub;
}

.si-icon.icon-middle {
  vertical-align: middle;
}

.si-icon.apply-icon {
  background-image: url(../../assets/images/ok.svg);
}

.si-icon.apply-icon-white {
  background-image: url(../../assets/images/ok-white.svg);
}

.si-icon.arrow-right-icon {
  background-image: url(../../assets/images/arrow.svg);
  height: 14px;
}

.si-icon.arrow-left-icon {
  background-image: url(../../assets/images/arrow.svg);
  transform: rotate(180deg);
  height: 14px;
}

.si-icon.arrow-right-white-icon {
  background-image: url(../../assets/images/arrow-white.svg);
  height: 14px;
}

.si-icon.arrow-left-white-icon {
  background-image: url(../../assets/images/arrow-white.svg);
  transform: rotate(180deg);
  height: 14px;
}

.si-icon.copy-icon {
  background-image: url(../../assets/images/copy.svg);
}

.si-icon.doc-icon {
  height: 50px;
  width: 50px;
  background-image: url(../../assets/images/file.svg);
}

.doc-bg {
  position: absolute;
  background: url(../../assets/images/file.svg) no-repeat;
  display: block;
  height: 154px;
  width: 154px;
}

.si-icon.approve-icon {
  background-image: url(../../assets/images/like.svg);
}

.si-icon.disapprove-icon {
  background-image: url(../../assets/images/like2.svg);
}

.si-icon.drag-icon {
  background-image: url(../../assets/images/drop.svg);
}

.si-icon.delete-icon {
  background-image: url(../../assets/images/close.svg);
}

.si-icon.delete-icon-white {
  background-image: url(../../assets/images/close-white.svg);
}

.si-icon.edit-icon {
  background-image: url(../../assets/images/pencil.svg);
}

.si-icon.edit-icon-white {
  background-image: url(../../assets/images/pencil-white.svg);
}

.si-icon.expand-icon {
  background-image: url(../../assets/images/strel.svg);
  height: 11px;
}

.si-icon.collapse-icon {
  background-image: url(../../assets/images/strel.svg);
  height: 11px;
  transform: rotate(-180deg);

}

.si-icon.export-icon {
  background-image: url(../../assets/images/export.svg);
}

.si-icon.export-icon-white {
  background-image: url(../../assets/images/export-button.svg);
}

.si-icon.trash-icon {
  background-image: url(../../assets/images/delete.svg);
}

.si-icon.plus-icon {
  background-image: url(../../assets/images/plus-icon.svg);
}

.si-icon.link-icon {
  background-image: url(../../assets/images/link.svg);
}

.si-icon.document-icon {
  background-image: url(../../assets/images/document.svg);
}

.si-icon.edit-vertical-icon {
  background-image: url(../../assets/images/edit-vertical.svg);
}

.si-icon.edit-horizontal-icon {
  background-image: url(../../assets/images/edit-horizontal.svg);
  height: 6px;
}

.si-icon.calendar-icon {
  background-image: url(../../assets/images/calendar-icon.svg);
}

.si-icon.to-left {
  background-image: url(../../assets/images/strel.svg);
  transform: rotate(90deg);
}

.si-icon.to-right {
  background-image: url(../../assets/images/strel.svg);
  transform: rotate(-90deg);
}

.si-icon.eye-icon {
  background-image: url(../../assets/images/eye-on.svg);
  transition: visibility 0s;
  height: 14px;
}

.si-icon.eye-closed-icon {
  background-image: url(../../assets/images/eye-close.svg);
  transition: visibility 0s;
}

/* Tables */

.si-table {
  color: #4d576b;
  background-color: #e1e4eb;
  border-radius: 2px;
  border: 5px solid transparent;
  border-top: none;
  border-bottom: none;
  border-spacing: 0 5px;
  border-collapse: separate;
}

.si-table-with-caption {
  border-radius: 0 0 2px 2px;
}

.si-table caption {
  color: #2d3647;
  background-color: #e1e4eb;
  border-radius: 2px 2px 0 0;
  padding-left: 16px;
}

.si-table caption h4 {
  padding-top: 4px;
  margin-bottom: 0;
}

.si-table thead tr td, .si-table thead tr th {
  border: none;
  background-color: #384359;
  color: #ffffff;
  padding: 8px 12px;
}

.si-table thead tr td:first-child {
  border-top-left-radius: 2px;
  border-bottom-left-radius: 2px;
}

.si-table thead tr td:last-child {
  border-top-right-radius: 2px;
  border-bottom-right-radius: 2px;
}

.si-table > tbody > tr {
  height: 50px;
}

.si-table > tbody > tr > td {
  border: none;
  background-color: #ffffff;
  vertical-align: middle;
  padding: 12px;
  box-shadow: inset 0 11px 1px -10px rgba(72, 72, 72, 0.3),
  inset 0 -11px 1px -10px rgba(72, 72, 72, 0.3);
}

.si-table > tbody > tr > td:first-child {
  border-top-left-radius: 2px;
  border-bottom-left-radius: 2px;
  box-shadow: inset 0 11px 1px -10px rgba(72, 72, 72, 0.3),
  inset 0 -11px 1px -10px rgba(72, 72, 72, 0.3),
  inset 11px 0 1px -10px rgba(72, 72, 72, 0.3);
}

.si-table > tbody > tr > td:last-child {
  border-top-right-radius: 2px;
  border-bottom-right-radius: 2px;
  box-shadow: inset 0 11px 1px -10px rgba(72, 72, 72, 0.3),
  inset 0 -11px 1px -10px rgba(72, 72, 72, 0.3),
  inset -11px 0 1px -10px rgba(72, 72, 72, 0.3);
}

.si-table.si-table-separated {
  border-spacing: 0 5px;
  border-collapse: separate;
}

.si-table.si-table-separated > tbody > tr {
  box-shadow: none;
}

.si-table.si-table-separated > tbody > tr > td {
  background-color: #ffffff;
  border-right: 2px solid #e1e4eb;
  border-left: 2px solid #e1e4eb;
  border-radius: 5px;
}

.si-table.si-table-separated > tbody > tr > td.filled {
  color: #ffffff;
  background-color: #384359;
}

.si-table.si-table-separated > thead > tr > td.space-right {
  border-right: 2px solid #e1e4eb;
  border-top-right-radius: 4px;
  border-bottom-right-radius: 4px;
}

.si-table.si-table-separated > thead > tr > td.space-left {
  border-left: 2px solid #e1e4eb;
  border-top-left-radius: 4px;
  border-bottom-left-radius: 4px;
}

.si-table.si-table-separated {
  border-spacing: 0 5px;
  border-collapse: separate;
}

.si-table.si-table-separated > tbody > tr {
  box-shadow: none;
}

.si-table.si-table-separated > tbody > tr > td {
  background-color: #ffffff;
  border-right: 2px solid #e1e4eb;
  border-left: 2px solid #e1e4eb;
  border-radius: 5px;
}

.si-table.si-table-separated > tbody > tr > td.filled {
  color: #ffffff;
  background-color: #384359;
}

/* Following styles are required for tables with fixed header and column. The magic starts here */

.productivity-table .fht-table.table.si-table.si-table-separated > thead > tr > td {
  padding-right: 12px !important;
}

.productivity-table .fht-table-wrapper.fht-default .fht-fixed-column .fht-tbody {
  margin-top: -5px !important;
  height: 552px !important;
}

@supports (-webkit-appearance:none) {
  .productivity-table .fht-table-wrapper.fht-default .fht-fixed-column .fht-tbody {
    height: 546px !important;
  }
}

.productivity-table .fht-table-wrapper.fht-default .fht-fixed-column {
  width: 547px !important;
}

.productivity-table table.si-table.si-table-separated.fht-table.fht-table-init tbody tr td:first-child {
  width: 542px !important;
}

.productivity-table .fht-table-wrapper.fht-default .fht-fixed-body .fht-tbody .table.si-table.si-table-separated.fht-table.fht-table-init thead tr td:first-child .fht-cell {
  width: 516px !important;
}

.productivity-table .fht-table-wrapper.fht-default .fht-fixed-body .fht-thead table.fht-table.table.si-table.si-table-separated thead tr td:first-child .fht-cell {
  width: 516px !important;
}

.productivity-table .fht-table-wrapper.fht-default .fht-fixed-body .fht-tbody {
  height: 554px !important;
}

.productivity-table .fht-table-wrapper.fht-default .fht-fixed-body .fht-thead .fht-table.table.si-table.si-table-separated thead tr td:first-child {
  width: 518px !important;
}

.productivity-table .fht-table-wrapper.fht-default .fht-fixed-body .fht-thead .fht-table.table.si-table.si-table-separated thead tr td .fht-cell {
  width: auto !important;
  min-width: 46px;
}

.productivity-table .fht-table-wrapper.fht-default .fht-fixed-body .fht-tbody .table.si-table.si-table-separated.fht-table.fht-table-init thead tr td .fht-cell {
  width: auto !important;
  min-width: 46px;
}

.productivity-table .fht-table-wrapper.fht-default .fht-fixed-column .fht-tbody .fht-table.table.si-table.si-table-separated {
  border-right: none !important;
}

/* Keep calm - at this point the magic is over */

.si-table svg {
  display: block;
  margin-left: auto;
  margin-right: auto;
  width: 20px;
  height: 20px;
}

/* TODO: Change svg declarations by elements with si-icon class */
.si-table svg .si-icon {
  transition: 0.3s;
}

a svg:hover .si-icon {
  fill: #2d3647;
}

table.si-issue-table {
  margin-bottom: 0;
}

table.si-issue-table tbody tr td {
  border: none;
}

/* Candidate details page */

.si-progress-bar {
  display: flex;
  flex-wrap: nowrap;
  flex-direction: row;
  align-content: stretch;
  justify-content: space-around;
}

.si-progress-bar-item {
  width: 100%;
  text-align: center;
  -webkit-clip-path: polygon(70% 0, 100% 50%, 70% 100%, 0 100%, 0 0);
  clip-path: polygon(70% 0, 100% 50%, 70% 100%, 0 100%, 0 0);
}

.si-progress-bar-item.active {
  background-color: #2d3647;
  color: white;
}

.si-workflow-progress-bar {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: space-around;
  background-color: #e1e4eb;
}

.si-workflow-progress-bar > div {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap-reverse;
  justify-content: center;
  position: relative;
  align-items: center;
  width: 100%;
  background: #fff;
  text-align: center;
  padding: 30px 75px;
  margin-left: -55px;
  font-family: "Open Sans", Helvetica, Arial, sans-serif;
  font-size: 20px;
  text-decoration: none;
  color: #2d3647;
  -webkit-clip-path: polygon(calc(100% - 70px) 0, 100% 50%, calc(100% - 70px) 100%, 0 100%, 70px 50%, 0 0);
  clip-path: polygon(calc(100% - 70px) 0, 100% 50%, calc(100% - 70px) 100%, 0 100%, 70px 50%, 0 0);
}

.si-workflow-progress-bar > div.is-active {
  background-color: #2d3647;
  margin-right: -15px;
  padding-left: 90px;
  color: #fff;
}

.si-workflow-progress-bar > div.is-active:after {
  content: '';
  width: 85px;
  height: 100%;
  position: absolute;
  background-color: #6699ff;
  top: 0;
  right: 0;
  -webkit-clip-path: polygon(15px 0, 100% 50%, 15px 100%, 0 100%, 70px 50%, 0 0);
  clip-path: polygon(15px 0, 100% 50%, 15px 100%, 0 100%, 70px 50%, 0 0);
}

.si-workflow-progress-bar > div:first-of-type {
  margin-left: 0;
  -webkit-clip-path: polygon(calc(100% - 70px) 0, 100% 50%, calc(100% - 70px) 100%, 0 100%, 0 0);
  clip-path: polygon(calc(100% - 70px) 0, 100% 50%, calc(100% - 70px) 100%, 0 100%, 0 0);
  padding-left: 35px;
}

.si-workflow-progress-bar > div:last-of-type {
  -webkit-clip-path: polygon(100% 0, 100% 100%, 0 100%, 70px 50%, 0 0);
  clip-path: polygon(100% 0, 100% 100%, 0 100%, 70px 50%, 0 0);
  padding-right: 35px;
}

.si-workflow-progress-bar > div:last-of-type.is-active,
.si-workflow-progress-bar > div:only-of-type.is-active {
  margin-right: 0;
  padding-left: 70px;
  border-right: 15px solid #6699ff;
}

.si-workflow-progress-bar > div:last-of-type:after {
  -webkit-clip-path: none;
  clip-path: none;
  content: none;
}

.si-workflow-progress-bar > div:only-of-type {
  -webkit-clip-path: none;
  clip-path: none;
}

.si-workflow-progress-bar > div > .si-icon.checked-icon {
  background-image: url(../../assets/images/chek.svg);
}

.si-workflow-progress-bar > div.is-active > .si-icon.checked-icon {
  background-image: url(../../assets/images/chek-white.svg);
}

.si-workflow-progress-bar > div > .si-icon.unchecked-icon {
  width: 20px;
  height: 18px;
  margin-top: 5px;
  background-image: url(../../assets/images/chek2.svg);
}

.si-workflow-progress-bar > div.is-active > .si-icon.unchecked-icon {
  background-image: url(../../assets/images/chek2-white.svg);
}

.si-panel {
  border: none;
}

.si-panel .panel-heading {
  background-color: #e1e4eb;
  border: none;
}

.si-panel .panel-body {
  background-color: #fff;
  border: 5px solid #e1e4eb;
  padding: 15px;
}

.si-panel .panel-body > .panel-content-wrapper {
  background-color: #fff;
}

/* Checkbox */

md-checkbox.left-side-label .md-container {
  right: 16px;
  left: auto;
}

md-checkbox.left-side-label .md-label {
  margin-left: 0;
  margin-right: 30px;
}

md-checkbox.md-default-theme:not([disabled]).grey-border.md-primary:not(.md-checked) .md-icon,
md-checkbox:not([disabled]).md-primary:not(.md-checked).grey-border .md-icon {
  border-color: #8787a0;
}

md-checkbox.md-default-theme:not([disabled]).light-blue.md-primary.md-checked .md-icon,
md-checkbox:not([disabled]).light-blue.md-primary.md-checked .md-icon {
  background-color: #6699ff;
}

label.si-checkbox {
  margin-bottom: 0;
  vertical-align: middle;
}

.si-checkbox input {
  position: relative;
  display: none;
}

.si-checkbox span {
  color: #fff;
  width: 20px;
  height: 20px;
  display: block;
  cursor: pointer;
  border-radius: 2px;
  position: relative;
  background: transparent;
  transition: background-color .3s ease;
  border: 2px solid #8787a0;
}

.si-checkbox input:checked + span:after {
  position: absolute;
  font-family: 'Glyphicons Halflings';
  content: "\e013";
  font-size: 10px;
  width: 20px;
  height: 20px;
  left: 4px;
  font-weight: 100;
  top: 3px;
}

.si-checkbox input:checked + span {
  background-color: rgb(102, 153, 255);
  border: none;
  color: white;
}

/* Text labels */

.si-text-default {
  color: #777;
}

.si-text-success {
  color: #008000;
}

.si-text-danger {
  color: #FF0000;
}

/* Badges */

.si-badge {
  font-size: 14px;
}

.badge.si-badge.blue {
  background-color: #69f;
}

/* Labels */

.label.label-blue {
  background-color: #a0bfff;
}

label.label-gray {
  color: rgba(0, 0, 0, 0.38)
}

.si-color-label {
  width: 25px;
  height: 25px;
  border: none;
  border-radius: 50%;
}

.si-label {
  font-size: 12px;
  font-weight: bold;
  color: #777;
}

.si-status-label {
  text-transform: uppercase;
  color: #4d576b;
  background-color: #e1e4eb;
  padding: 4px;
  border-radius: 2px;
}

.si-label-green {
  color: #14892c;
}

.si-label-red {
  color: #f47e7d;
}

/* Fields with edit action */

.si-fields-with-edit .show-field {
  padding-left: 3px;
}

.si-label-alt {
  background-color: #e1e4eb;
  padding: 5px;
}

.si-label-alt.label-green {
  color: green;
}

.si-label-alt.label-red {
  color: red;
}

/* Text link */

a.si-text-link {
  cursor: pointer;
  font-size: 32px;
  transition: all 0.5s;
  text-decoration: none;
}

a.si-text-link.si-link-blue {
  color: #6699ff;
}

a.si-text-link.si-link-blue:hover {
  color: #334d80;
}

.si-progress-linear {
  position: relative;
  height: 4px;
  display: block;
  width: 100%;
  background-color: #e1e4eb;
  border-radius: 2px;
  background-clip: padding-box;
  overflow: hidden;
}

.si-progress-linear .determinate {
  position: absolute;
  top: 0;
  bottom: 0;
  background-color: #2d3647;
  transition: width .3s linear;
}

/* Do not display arrows for number fields */

md-input-container input[type="number"]::-webkit-inner-spin-button,
md-input-container input[type="number"]::-webkit-outer-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

md-input-container input[type="number"] {
  -moz-appearance: textfield;
}

/* Member info block */

.si-member-block-header {
  background-color: #e1e4eb;
  max-width: 376px;
  margin: 0;
  padding: 10px 10px 0 10px;
}

.si-member-block-icon {
  padding-right: 0;
  text-align: right;
}

.si-member-block-body {
  padding: 5px;
  margin-bottom: 0;
}

ul.si-member-info-list, ul[dnd-list].si-member-info-list {
  padding-left: 15px;
}

ul.si-member-info-list li {
  list-style-type: none;
  padding-bottom: 10px;
  font-size: 18px;
}

ul.si-member-info-list li::before {
  content: '\2022';
  display: block;
  position: relative;
  max-width: 0;
  max-height: 0;
  left: -15px;
  top: -1px;
  color: #6699ff;
  font-size: 20px;
}

ul.si-attachments-list {
  padding-left: 0;
}

ul.si-attachments-list li {
  list-style-type: none;
  padding-bottom: 10px;
}

.si-member-description {
  padding: 0 15px;
}

/* Pagination controls */

.si-pagination-control ul.pagination > li > a,
.si-pagination-control ul.pagination > li.disabled > a {
  color: #384359;
  border: 1px solid transparent;
  margin: 0 2px;
}

.si-pagination-control ul.pagination > li.active > a,
.si-pagination-control ul.pagination > li.active:hover > a,
.si-pagination-control ul.pagination > li > a:focus,
.si-pagination-control ul.pagination > li > a:active {
  color: #ffffff;
  background-color: #384359;
  border: 1px solid #384359;
  border-radius: 2px;
}

.si-pagination-control ul.pagination > li > a:hover {
  color: #384359;
  background-color: #e1e4eb;
  border: 1px solid #e1e4eb;
  border-radius: 2px;
}

.si-pagination-control ul.pagination > li.disabled > a:hover {
  color: #384359;
  background-color: transparent;
  border: 1px solid transparent;
}

/* Tabs */

.si-tabs .md-tab {
  text-transform: none;
}

md-tabs.si-tabs {
  border-radius: 0;
}

md-tabs.si-tabs md-tabs-wrapper {
  background-color: #384359;
}

md-tabs.si-tabs md-tab-item {
  color: #77768a;
}

md-tabs.si-tabs .md-tab.md-active {
  color: #ffffff;
  background-color: #4c566a;
  border-bottom: 2px solid #a0bfff;
}

.si-tabs md-content {
  background-color: transparent;
}

.si-tabs md-content._md {
  min-height: 380px;
  max-height: 100%;
}

/* Date-picker */

.si-date-picker table.uib-monthpicker, .si-date-picker table.uib-yearpicker {
  border-spacing: 15px;
  border-collapse: separate;
  width: 100%;
  outline: none;
}

.si-date-picker table.uib-monthpicker thead tr th button.uib-title {
  color: #6699ff;
  background-color: transparent;
  border-color: #6699ff;
}

.si-date-picker table.uib-yearpicker thead tr th button.uib-title {
  border-color: transparent;
}

.si-date-picker table.uib-monthpicker thead tr th button.uib-title:hover,
.si-date-picker table.uib-monthpicker thead tr th button.uib-title:active,
.si-date-picker table.uib-monthpicker thead tr th button.uib-title:focus {
  color: #ffffff;
  background-color: #5489eb;
  border-color: #5489eb;
}

.si-date-picker table.uib-monthpicker thead tr th button.uib-left,
.si-date-picker table.uib-monthpicker thead tr th button.uib-right,
.si-date-picker table.uib-yearpicker thead tr th button.uib-left,
.si-date-picker table.uib-yearpicker thead tr th button.uib-right {
  color: #6699ff;
  background-color: #e1e4eb;
  border-color: #e1e4eb;
}

.si-date-picker table.uib-monthpicker thead tr th button.uib-left:hover,
.si-date-picker table.uib-monthpicker thead tr th button.uib-right:hover,
.si-date-picker table.uib-monthpicker thead tr th button.uib-left:active,
.si-date-picker table.uib-monthpicker thead tr th button.uib-right:active,
.si-date-picker table.uib-monthpicker thead tr th button.uib-left:focus,
.si-date-picker table.uib-monthpicker thead tr th button.uib-right:focus,
.si-date-picker table.uib-yearpicker thead tr th button.uib-left:hover,
.si-date-picker table.uib-yearpicker thead tr th button.uib-right:hover,
.si-date-picker table.uib-yearpicker thead tr th button.uib-left:active,
.si-date-picker table.uib-yearpicker thead tr th button.uib-right:active,
.si-date-picker table.uib-yearpicker thead tr th button.uib-left:focus,
.si-date-picker table.uib-yearpicker thead tr th button.uib-right:focus {
  border-color: #5489eb;
}

.si-date-picker table.uib-monthpicker tbody tr.uib-months td.uib-month button,
.si-date-picker table.uib-yearpicker tbody tr.uib-years td.uib-year button {
  color: #6699ff;
  background-color: transparent;
  border-color: #6699ff;
}

.si-date-picker table.uib-monthpicker tbody tr.uib-months td.uib-month button:hover,
.si-date-picker table.uib-monthpicker tbody tr.uib-months td.uib-month button:active,
.si-date-picker table.uib-monthpicker tbody tr.uib-months td.uib-month button:focus,
.si-date-picker table.uib-monthpicker tbody tr.uib-months td.uib-month button.active,
.si-date-picker table.uib-yearpicker tbody tr.uib-years td.uib-year button:hover,
.si-date-picker table.uib-yearpicker tbody tr.uib-years td.uib-year button:active,
.si-date-picker table.uib-yearpicker tbody tr.uib-years td.uib-year button:focus,
.si-date-picker table.uib-yearpicker tbody tr.uib-years td.uib-year button.active {
  color: #ffffff;
  background-color: #5489eb;
  border-color: #5489eb;
}

.si-date-picker table.uib-monthpicker tbody tr.uib-months td.uib-month button.active .text-info,
.si-date-picker table.uib-monthpicker tbody tr.uib-months td.uib-month button:hover .text-info,
.si-date-picker table.uib-monthpicker tbody tr.uib-months td.uib-month button:active .text-info,
.si-date-picker table.uib-monthpicker tbody tr.uib-months td.uib-month button:focus .text-info,
.si-date-picker table.uib-yearpicker tbody tr.uib-years td.uib-year button.active .text-info,
.si-date-picker table.uib-yearpicker tbody tr.uib-years td.uib-year button:hover .text-info,
.si-date-picker table.uib-yearpicker tbody tr.uib-years td.uib-year button:active .text-info,
.si-date-picker table.uib-yearpicker tbody tr.uib-years td.uib-year button:focus .text-info {
  color: #ffffff;
}

/* Date picker */

input.date-picker.si-date-picker {
  border: none;
  outline: none;
  cursor: pointer;
  min-width: 185px;
  background: inherit;
  padding-right: 15px;
  border-bottom: 1px solid #69f;
}

.range-picker-panel {
  position: relative;
}

.range-picker-panel:after {
  width: 21px;
  height: 21px;
  top: -2px;
  right: 0;
  content: '';
  background-image: url(../../assets/images/calendar-icon.svg);
  position: absolute;
}

/* Loader screen */
.si-loader-screen.row > [class*='col-'] {
  position: relative;
  min-height: 200px;
}

.si-loader-screen .resource-loader-box {
  left: 0;
  opacity: 1;
  background: white;
}

.si-loader-screen .resource-loader-msg {
  height: 45px;
}

.si-loader-spinner {
  background: url(../../assets/images/spinner.gif) no-repeat;
  position: absolute;
  left: calc(50% - 25px);
  top: 50%;
  height: 18px;
  width: 50px;
  z-index: 50;
}

/* Tooltip */

.md-tooltip.user-details-tooltip {
  color: #646464;
  background-color: #e1e4eb;
  font-size: 1em;
  opacity: 1;
  height: auto;
  box-shadow: 0 0 5px rgba(0, 0, 0, 0.3);
}

.md-tooltip.user-details-tooltip ul {
  padding-left: 0;
}

.md-tooltip.user-details-tooltip ul li .head-item {
  margin-top: 5px;
  margin-bottom: 5px;
  padding-left: 5px;
  padding-right: 5px;
  border-radius: 2px;
}

.si-svg-mask-bg {
  clip-path: url(#clip-triangle);
}

/*====================================================================================================================*/
/*SYSTEM AT PRIORITY*/
/*====================================================================================================================*/
.system-at-priority ul[dnd-list],
.system-at-priority ul[dnd-list] > li {
    position: relative;
}

.system-at-priority ul[dnd-list] {
    min-height: 42px;
    padding-left: 0px;
}

.system-at-priority ul[dnd-list] .dndDraggingSource {
    display: none;
}

.system-at-priority ul[dnd-list] .dndPlaceholder {
    display: block;
    background-color: #ddd;
    min-height: 42px;
}

.system-at-priority ul[dnd-list] li {
    background-color: #fff;
    border: 1px solid #ddd;
    /*border-top-right-radius: 4px;*/
    /*border-top-left-radius: 4px;*/
    display: block;
    padding: 10px 15px;
    margin-bottom: -1px;
    cursor: pointer;
}

.system-at-priority ul[dnd-list] li.selected {
    background-color: #dff0d8;
    color: #3c763d;
}

#rolesLabel {
    display: block;
    margin-left: 10px;
}

#role {
    margin-right: 8px;
}
/*
	Icon font
*/
@font-face {
  font-family: 'RedactorFont';
  src: url('../fonts/redactor-font.eot');
}
@font-face {
  font-family: 'RedactorFont';
  src: url(data:application/x-font-ttf;charset=utf-8;base64,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) format('truetype'), url(data:application/font-woff;charset=utf-8;base64,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) format('woff');
  font-weight: normal;
  font-style: normal;
}
/*
	Box
*/
.redactor-box {
  position: relative;
  overflow: visible;
  margin-bottom: 24px;
}
.redactor-box iframe,
.redactor-box textarea {
  display: block;
  position: relative;
  margin: 0;
  padding: 0;
  width: 100%;
}
.redactor-box iframe {
  border: 1px solid #eee;
}
.redactor-box textarea {
  overflow: auto;
  outline: none;
  border: none;
  background-color: #111;
  box-shadow: none;
  color: #ccc;
  font-size: 13px;
  font-family: Menlo, Monaco, monospace, sans-serif;
  resize: none;
}
.redactor-box textarea:focus {
  outline: none;
}
/*
	Z-index setup
*/
.redactor-editor,
.redactor-box {
  background: rgba(255, 255, 255, 0.2);
  min-height: 300px
}
.redactor-editor,
.redactor-box,
.redactor-box textarea {
  z-index: auto !important;
}
.redactor-box-fullscreen {
  z-index: 1052 !important;
}
.redactor-toolbar,
.redactor-dropdown {
  z-index: 1053 !important;
}
#redactor-modal-overlay,
#redactor-modal-box,
#redactor-modal {
  z-index: 1054 !important;
}
/*
	Resize
*/
.redactor-resize {
  background: #f4f4f4;
  padding: 4px 0 3px 0;
  cursor: move;
  border: 1px solid #e3e3e3;
  border-top: none;
}
.redactor-resize div {
  width: 30px;
  margin: auto;
  border-top: 1px solid #bbb;
  border-bottom: 1px solid #fff;
}
/*
	Fullscreen
*/
body .redactor-box-fullscreen {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
}
/*
	Utils
*/
.body-hidden {
  overflow: hidden;
}
/*
	Editor
*/
.redactor-editor {
  position: relative;
  overflow: auto;
  margin: 0 !important;
  padding: 20px;
  outline: none;
  white-space: normal;
  border: 1px solid #eee;
  font-family: Arial, Helvetica, Verdana, Tahoma, sans-serif;
  font-size: 14px;
  line-height: 1.6em;
}
.redactor-editor:focus {
  outline: none;
}
/*
	Placeholder
*/
.redactor-placeholder {
  position: relative;
}
.redactor-placeholder:after {
  position: absolute;
  top: 20px;
  left: 20px;
  content: attr(placeholder);
  color: #999 !important;
  font-weight: normal !important;
}
/* Placeholder in linebreaks mode */
.redactor-linebreaks.redactor-placeholder:after {
  top: 20px;
  left: 20px;
}
/*
	Toolbar
*/
.redactor-toolbar {
  position: relative;
  top: 0;
  left: 0;
  margin: 0 !important;
  padding: 0 !important;
  list-style: none !important;
  font-size: 14px !important;
  line-height: 1 !important;
  background: #fff;
  border: none;
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2);
}
.redactor-toolbar:after {
  content: "";
  display: table;
  clear: both;
}
.redactor-toolbar.redactor-toolbar-overflow {
  overflow-y: auto;
  height: 29px;
  white-space: nowrap;
}
.redactor-toolbar.redactor-toolbar-external {
  z-index: 999;
  box-shadow: none;
  border: 1px solid rgba(0, 0, 0, 0.1);
}
.redactor-toolbar li {
  vertical-align: top;
  display: inline-block;
  margin: 0 !important;
  padding: 0 !important;
  outline: none;
  list-style: none !important;
  -webkit-box-sizing: content-box;
  -moz-box-sizing: content-box;
  box-sizing: content-box;
}
.redactor-toolbar li a {
  display: block;
  color: #333;
  text-align: center;
  padding: 9px 10px;
  outline: none;
  border: none;
  text-decoration: none;
  cursor: pointer;
  zoom: 1;
  -webkit-box-sizing: content-box;
  -moz-box-sizing: content-box;
  box-sizing: content-box;
}
.redactor-toolbar li a:hover {
  outline: none;
  background-color: #1f78d8;
  color: #fff;
}
.redactor-toolbar li a:hover i:before {
  color: #fff;
}
.redactor-toolbar li a:active,
.redactor-toolbar li a.redactor-act {
  outline: none;
  background-color: #ccc;
  color: #444;
}
.redactor-toolbar li a.redactor-btn-image {
  width: 14px;
  height: 14px;
  background-position: center center;
  background-repeat: no-repeat;
}
.redactor-toolbar li a.fa-redactor-btn {
  display: inline-block;
  padding: 9px 10px 8px 10px;
  line-height: 1;
}
.redactor-toolbar li a.redactor-button-disabled {
  filter: alpha(opacity=30);
  -moz-opacity: 0.3;
  opacity: 0.3;
}
.redactor-toolbar li a.redactor-button-disabled:hover {
  color: #333;
  outline: none;
  background-color: transparent !important;
  cursor: default;
}
/*
	Icons
*/
.re-icon {
  font-family: 'RedactorFont';
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.re-icon i:before {
  position: relative;
  font-size: 14px;
}
.re-video:before {
  content: "\e600";
}
.re-unorderedlist:before {
  content: "\e601";
}
.re-undo:before {
  content: "\e602";
}
.re-underline:before {
  content: "\e603";
}
.re-textdirection:before {
  content: "\e604";
}
.re-fontcolor:before {
  content: "\e605";
}
.re-table:before {
  content: "\e606";
}
.re-redo:before {
  content: "\e607";
}
.re-quote:before {
  content: "\e608";
}
.re-outdent:before {
  content: "\e609";
}
.re-orderedlist:before {
  content: "\e60a";
}
.re-link:before {
  content: "\e60b";
}
.re-horizontalrule:before {
  content: "\e60c";
}
.re-italic:before {
  content: "\e60d";
}
.re-indent:before {
  content: "\e60e";
}
.re-image:before {
  content: "\e60f";
}
.re-fullscreen:before {
  content: "\e610";
}
.re-normalscreen:before {
  content: "\e611";
}
.re-formatting:before {
  content: "\e612";
}
.re-fontsize:before {
  content: "\e613";
}
.re-fontfamily:before {
  content: "\e614";
}
.re-deleted:before {
  content: "\e615";
}
.re-html:before {
  content: "\e616";
}
.re-clips:before {
  content: "\e617";
}
.re-bold:before {
  content: "\e618";
}
.re-backcolor:before {
  content: "\e619";
}
.re-file:before {
  content: "\e61a";
}
.re-alignright:before {
  content: "\e61b";
}
.re-alignment:before,
.re-alignleft:before {
  content: "\e61c";
}
.re-alignjustify:before {
  content: "\e61d";
}
.re-aligncenter:before {
  content: "\e61e";
}
.re-gallery:before {
  content: "\e61f";
}
/*
	Toolbar tooltip
*/
.redactor-toolbar-tooltip {
  position: absolute;
  z-index: 1054;
  text-align: center;
  top: 0;
  left: 0;
  background: #000;
  color: #fff;
  padding: 5px 8px;
  line-height: 1;
  font-family: Arial, Helvetica, Verdana, Tahoma, sans-serif;
  font-size: 12px;
  border-radius: 2px;
}
/*
	Dropdown
*/
.redactor-dropdown {
  position: absolute;
  top: 28px;
  left: 0;
  padding: 0;
  min-width: 220px;
  max-height: 254px;
  overflow: auto;
  background-color: #fff;
  box-shadow: 0 1px 7px rgba(0, 0, 0, 0.25);
  font-size: 14px;
  font-family: Arial, Helvetica, Verdana, Tahoma, sans-serif;
  line-height: 1.6em;
}
.redactor-dropdown a {
  display: block;
  padding: 10px 15px;
  color: #000;
  text-decoration: none;
  border-bottom: 1px solid rgba(0, 0, 0, 0.07);
}
.redactor-dropdown a:last-child {
  border-bottom: none;
}
.redactor-dropdown a:hover {
  background-color: #1f78d8;
  color: #fff !important;
  text-decoration: none;
}
/*
	IMAGE BOX
*/
#redactor-image-box {
  position: relative;
  max-width: 100%;
  display: inline-block;
  line-height: 0;
  outline: 1px dashed rgba(0, 0, 0, 0.6);
}
#redactor-image-editter {
  position: absolute;
  z-index: 5;
  top: 50%;
  left: 50%;
  margin-top: -11px;
  margin-left: -18px;
  line-height: 1;
  background-color: #000;
  color: #fff;
  font-size: 11px;
  padding: 7px 10px;
  cursor: pointer;
}
#redactor-image-resizer {
  position: absolute;
  z-index: 2;
  line-height: 1;
  cursor: nw-resize;
  bottom: -4px;
  right: -5px;
  border: 1px solid #fff;
  background-color: #000;
  width: 8px;
  height: 8px;
}
/*
	LINK TOOLTIP
*/
.redactor-link-tooltip {
  position: absolute;
  z-index: 49999;
  padding: 10px;
  line-height: 1;
  display: inline-block;
  background-color: #000;
  color: #555 !important;
}
.redactor-link-tooltip,
.redactor-link-tooltip a {
  font-size: 12px;
  font-family: Arial, Helvetica, Verdana, Tahoma, sans-serif;
}
.redactor-link-tooltip a {
  color: #ccc;
  margin: 0 5px;
  text-decoration: none;
}
.redactor-link-tooltip a:hover {
  color: #fff;
}
/*
	DROPAREA
*/
#redactor-droparea {
  position: relative;
  overflow: hidden;
  padding: 140px 20px;
  border: 3px dashed rgba(0, 0, 0, 0.1);
}
#redactor-droparea.drag-hover {
  background: rgba(200, 222, 250, 0.75);
}
#redactor-droparea.drag-drop {
  background: rgba(250, 248, 200, 0.5);
}
#redactor-droparea-placeholder {
  text-align: center;
  font-size: 12px;
  color: rgba(0, 0, 0, 0.7);
}
/*
	PROGRESS
*/
#redactor-progress {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  z-index: 1000000;
  height: 10px;
}
#redactor-progress span {
  display: block;
  width: 100%;
  height: 100%;
  background-color: #3d58a8;
  background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.2) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.2) 50%, rgba(255, 255, 255, 0.2) 75%, transparent 75%, transparent);
  background-image: -o-linear-gradient(45deg, rgba(255, 255, 255, 0.2) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.2) 50%, rgba(255, 255, 255, 0.2) 75%, transparent 75%, transparent);
  background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.2) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.2) 50%, rgba(255, 255, 255, 0.2) 75%, transparent 75%, transparent);
  -webkit-animation: progress-bar-stripes 2s linear infinite;
  -o-animation: progress-bar-stripes 2s linear infinite;
  animation: progress-bar-stripes 2s linear infinite;
  background-size: 40px 40px;
}
@-webkit-keyframes progress-bar-stripes {
  from {
    background-position: 40px 0;
  }
  to {
    background-position: 0 0;
  }
}
@-o-keyframes progress-bar-stripes {
  from {
    background-position: 40px 0;
  }
  to {
    background-position: 0 0;
  }
}
@keyframes progress-bar-stripes {
  from {
    background-position: 40px 0;
  }
  to {
    background-position: 0 0;
  }
}
/*
	MODAL
*/
#redactor-modal-overlay {
  position: fixed;
  top: 0;
  left: 0;
  margin: auto;
  overflow: auto;
  width: 100%;
  height: 100%;
  background-color: #000 !important;
  filter: alpha(opacity=30);
  -moz-opacity: 0.3;
  opacity: 0.3;
}
#redactor-modal-box {
  position: fixed;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  overflow-x: hidden;
  overflow-y: auto;
}
#redactor-modal {
  position: relative;
  margin: auto;
  margin-bottom: 20px;
  padding: 0;
  background: #fff;
  color: #000;
  font-size: 14px !important;
  font-family: Arial, Helvetica, Verdana, Tahoma, sans-serif;
  box-shadow: 0 1px 70px rgba(0, 0, 0, 0.5);
}
#redactor-modal header {
  padding: 30px 40px 5px 40px;
  font-size: 18px;
  font-weight: bold;
}
#redactor-modal section {
  padding: 30px 40px 50px 40px;
}
#redactor-modal label {
  display: block;
  float: none !important;
  margin: 15px 0 3px 0 !important;
  padding: 0;
}
#redactor-modal input[type="radio"],
#redactor-modal input[type="checkbox"] {
  position: relative;
  top: -1px;
}
#redactor-modal select {
  width: 100%;
}
#redactor-modal input[type="text"],
#redactor-modal input[type="password"],
#redactor-modal input[type="email"],
#redactor-modal input[type="url"],
#redactor-modal textarea {
  position: relative;
  z-index: 2;
  margin: 0;
  padding: 5px 4px;
  height: 28px;
  border: 1px solid #ccc;
  border-radius: 1px;
  background-color: white;
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2) inset;
  color: #333;
  width: 100%;
  font-size: 14px;
  font-family: Arial, Helvetica, Verdana, Tahoma, sans-serif;
  -moz-transition: border 0.3s ease-in;
  transition: border 0.3s ease-in;
}
#redactor-modal input[type="text"]:focus,
#redactor-modal input[type="password"]:focus,
#redactor-modal input[type="email"]:focus,
#redactor-modal input[type="url"]:focus,
#redactor-modal textarea:focus {
  outline: none;
  border-color: #5ca9e4;
  box-shadow: 0 0 0 2px rgba(70, 161, 231, 0.3), 0 1px 2px rgba(0, 0, 0, 0.2) inset;
}
#redactor-modal input[type="text"].redactor-input-error,
#redactor-modal input[type="password"].redactor-input-error,
#redactor-modal input[type="email"].redactor-input-error,
#redactor-modal input[type="url"].redactor-input-error,
#redactor-modal textarea.redactor-input-error {
  border-color: #e82f2f;
  box-shadow: 0 0 0 2px rgba(232, 47, 47, 0.3), 0 1px 2px rgba(0, 0, 0, 0.2) inset;
}
#redactor-modal textarea {
  display: block;
  margin-top: 4px;
  line-height: 1.4em;
}
/*
	Tabs in Modal
*/
#redactor-modal-tabber {
  margin-bottom: 15px;
  font-size: 12px;
}
#redactor-modal-tabber a {
  border: 1px solid #ddd;
  line-height: 1;
  padding: 8px 15px;
  margin-right: -1px;
  text-decoration: none;
  color: #000;
}
#redactor-modal-tabber a:hover {
  background-color: #1f78d8;
  border-color: #1f78d8;
  color: #fff;
}
#redactor-modal-tabber a.active {
  cursor: default;
  background-color: #ddd;
  border-color: #ddd;
  color: rgba(0, 0, 0, 0.6);
}
/*
	List in Modal
*/
#redactor-modal #redactor-modal-list {
  margin-left: 0;
  padding-left: 0;
  list-style: none;
  max-height: 250px;
  overflow-x: scroll;
}
#redactor-modal #redactor-modal-list li {
  border-bottom: 1px solid #ddd;
}
#redactor-modal #redactor-modal-list li:last-child {
  border-bottom: none;
}
#redactor-modal #redactor-modal-list a {
  padding: 10px 5px;
  color: #000;
  text-decoration: none;
  font-size: 13px;
  display: block;
  position: relative;
}
#redactor-modal #redactor-modal-list a:hover {
  background-color: #eee;
}
#redactor-modal-close {
  position: absolute;
  top: 10px;
  right: 10px;
  width: 30px;
  height: 30px;
  text-align: right;
  color: #bbb;
  font-size: 30px;
  font-weight: 300;
  cursor: pointer;
}
#redactor-modal-close:hover {
  color: #000;
}
#redactor-modal footer button {
  position: relative;
  width: 100%;
  padding: 14px 16px;
  margin: 0;
  outline: none;
  border: none;
  background-color: #ddd;
  color: #000;
  text-align: center;
  text-decoration: none;
  font-weight: normal;
  font-size: 12px;
  font-family: Arial, Helvetica, Verdana, Tahoma, sans-serif;
  line-height: 1;
  cursor: pointer;
}
#redactor-modal footer button:hover {
  color: #777;
  background: none;
  background: #bbb;
  text-decoration: none;
}
#redactor-modal footer button.redactor-modal-delete-btn {
  background: none;
  color: #fff;
  background-color: #b52525;
}
#redactor-modal footer button.redactor-modal-delete-btn:hover {
  color: rgba(255, 255, 255, 0.6);
  background-color: #881b1b;
}
#redactor-modal footer button.redactor-modal-action-btn {
  background: none;
  color: #fff;
  background-color: #2461b5;
}
#redactor-modal footer button.redactor-modal-action-btn:hover {
  color: rgba(255, 255, 255, 0.6);
  background-color: #1a4580;
}
/*
	##############################################

	DROPDOWN FORMATTING

	##############################################
*/
.redactor-dropdown .redactor-formatting-blockquote {
  color: rgba(0, 0, 0, 0.4);
  font-style: italic;
}
.redactor-dropdown .redactor-formatting-pre {
  font-family: monospace, sans-serif;
}
.redactor-dropdown .redactor-formatting-h1 {
  font-size: 36px;
  line-height: 36px;
  font-weight: bold;
}
.redactor-dropdown .redactor-formatting-h2 {
  font-size: 24px;
  line-height: 36px;
  font-weight: bold;
}
.redactor-dropdown .redactor-formatting-h3 {
  font-size: 21px;
  line-height: 30px;
  font-weight: bold;
}
.redactor-dropdown .redactor-formatting-h4 {
  font-size: 18px;
  line-height: 26px;
  font-weight: bold;
}
.redactor-dropdown .redactor-formatting-h5 {
  font-size: 16px;
  line-height: 23px;
  font-weight: bold;
}
/*
	##############################################

	 CONTENT STYLES

	##############################################
*/
.redactor-editor code,
.redactor-editor pre {
  font-family: Menlo, Monaco, monospace, sans-serif;
}
.redactor-editor div,
.redactor-editor p,
.redactor-editor ul,
.redactor-editor ol,
.redactor-editor table,
.redactor-editor dl,
.redactor-editor blockquote,
.redactor-editor pre {
  font-size: 14px;
  line-height: 1.6em;
}
.redactor-editor a {
  color: #15c;
  text-decoration: underline;
}
.redactor-editor object,
.redactor-editor embed,
.redactor-editor video,
.redactor-editor img {
  max-width: 100%;
  width: auto;
}
.redactor-editor video,
.redactor-editor img {
  height: auto;
}
.redactor-editor div,
.redactor-editor p,
.redactor-editor ul,
.redactor-editor ol,
.redactor-editor table,
.redactor-editor dl,
.redactor-editor figure,
.redactor-editor blockquote,
.redactor-editor pre {
  margin: 0;
  margin-bottom: 15px;
  border: none;
  background: none;
  box-shadow: none;
}
.redactor-editor iframe,
.redactor-editor object,
.redactor-editor hr {
  margin-bottom: 15px;
}
.redactor-editor iframe {
  width: auto;
}
.redactor-editor blockquote {
  margin-left: 1.6em !important;
  padding-left: 0;
  color: #777;
  font-style: italic;
}
.redactor-editor ul,
.redactor-editor ol {
  padding-left: 2em;
}
.redactor-editor ul ul,
.redactor-editor ol ol,
.redactor-editor ul ol,
.redactor-editor ol ul {
  margin: 2px;
  padding: 0;
  padding-left: 2em;
  border: none;
}
.redactor-editor dl dt {
  font-weight: bold;
}
.redactor-editor dd {
  margin-left: 1em;
}
.redactor-editor table {
  border-collapse: collapse;
  font-size: 1em;
  width: 100%;
}
.redactor-editor table td,
.redactor-editor table th {
  padding: 5px;
  border: 1px solid #ddd;
  vertical-align: top;
}
.redactor-editor table thead td,
.redactor-editor table th {
  font-weight: bold;
  border-bottom-color: #888;
}
.redactor-editor code {
  background-color: #d8d7d7;
}
.redactor-editor pre {
  overflow: auto;
  padding: 1em;
  border: 1px solid #ddd;
  border-radius: 3px;
  background: #f8f8f8;
  white-space: pre;
  font-size: 90%;
}
.redactor-editor hr {
  display: block;
  height: 1px;
  border: 0;
  border-top: 1px solid #ccc;
}
.redactor-editor h1,
.redactor-editor h2,
.redactor-editor h3,
.redactor-editor h4,
.redactor-editor h5,
.redactor-editor h6 {
  font-weight: bold;
  color: #000;
  padding: 0;
  background: none;
  text-rendering: optimizeLegibility;
  margin: 0 0 .5em 0;
}
.redactor-editor h1,
.redactor-editor h2,
.redactor-editor h3,
.redactor-editor h4 {
  line-height: 1.3;
}
.redactor-editor h1 {
  font-size: 36px;
}
.redactor-editor h2 {
  font-size: 24px;
  margin-bottom: .7em;
}
.redactor-editor h3 {
  font-size: 21px;
}
.redactor-editor h4 {
  font-size: 18px;
}
.redactor-editor h5 {
  font-size: 16px;
}
.redactor-editor h6 {
  font-size: 12px;
  text-transform: uppercase;
}

/* MATERIALS COMPONENTS START*/

.matrix-material-switch > input[type="checkbox"] {
  display: none;
}

.matrix-material-switch > label {
  cursor: pointer;
  height: 0;
  position: relative;
  width: 40px;
}

.matrix-material-switch > label::before {
  background: #818181;
  border-radius: 8px;
  content: '';
  height: 14px;
  margin-top: -9px;
  position: absolute;
  opacity: 1;
  transition: all 0.4s ease-in-out;
  width: 36px;
}

.matrix-material-switch > label::after {
  background: #f1f1f1;
  border-radius: 16px;
  box-shadow: 0 0 5px rgba(0, 0, 0, 0.3);
  content: '';
  height: 20px;
  left: -4px;
  margin-top: -8px;
  position: absolute;
  top: -4px;
  transition: all 0.3s ease-in-out;
  width: 20px;
}

.matrix-material-switch > input[type="checkbox"]:checked + label::before {
  background: #4f76c5;
  opacity: 1;
}

.matrix-material-switch > input[type="checkbox"]:checked + label::after {
  background: inherit;
  left: 20px;
}

.matrix-label-primary {
  background-color: #6699ff;
  display: block;
  margin: 5% auto;
}

.md-select-menu-container {
  z-index: 1070;
}

md-backdrop.md-select-backdrop {
  z-index: 1069;
}

.md-chips .md-chip-input-container, .md-input {
  width: 100%;
}

/* MATERIALS COMPONENTS END */

/* MARGIN & PADDING START */

.p-xxs {
  padding: 5px;
}

.p-xs {
  padding: 10px;
}

.p-sm {
  padding: 15px;
}

.p-m {
  padding: 20px;
}

.p-md {
  padding: 25px;
}

.p-lg {
  padding: 30px;
}

.p-xl {
  padding: 40px;
}

.p-w-xs {
  padding: 0 10px;
}

.p-w-sm {
  padding: 0 15px;

}

.p-w-m {
  padding: 0 20px;

}

.p-w-md {
  padding: 0 25px;

}

.p-w-lg {
  padding: 0 30px;

}

.p-w-xl {
  padding: 0 40px;

}

.m-xxs {
  margin: 2px 4px;
}

.m-xs {
  margin: 5px;
}

.m-sm {
  margin: 10px;
}

.m {
  margin: 15px;
}

.m-md {
  margin: 25px;
}

.m-lg {
  margin: 30px;
}

.m-xl {
  margin: 50px;
}

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

.m-l-none {
  margin-left: 0;
}

.m-l-xs {
  margin-left: 5px;
}

.m-l-sm {
  margin-left: 10px;
}

.m-l {
  margin-left: 15px;
}

.m-l-md {
  margin-left: 25px;
}

.m-l-lg {
  margin-left: 30px;
}

.m-l-xl {
  margin-left: 40px;
}

.m-l-n-xxs {
  margin-left: -1px;
}

.m-l-n-xs {
  margin-left: -5px;
}

.m-l-n-sm {
  margin-left: -10px;
}

.m-l-n {
  margin-left: -15px;
}

.m-l-n-md {
  margin-left: -25px;
}

.m-l-n-lg {
  margin-left: -30px;
}

.m-l-n-xl {
  margin-left: -40px;
}

.m-t-none {
  margin-top: 0;
}

.m-t-xxs {
  margin-top: 1px;
}

.m-t-xs {
  margin-top: 5px;
}

.m-t-sm {
  margin-top: 10px;
}

.m-t {
  margin-top: 15px;
}

.m-t-md {
  margin-top: 25px;
}

.m-t-lg {
  margin-top: 30px;
}

.m-t-xl {
  margin-top: 40px;
}

.m-t-n-xxs {
  margin-top: -1px;
}

.m-t-n-xs {
  margin-top: -5px;
}

.m-t-n-sm {
  margin-top: -10px;
}

.m-t-n {
  margin-top: -15px;
}

.m-t-n-md {
  margin-top: -25px;
}

.m-t-n-lg {
  margin-top: -30px;
}

.m-t-n-xl {
  margin-top: -40px;
}

.m-r-none {
  margin-right: 0;
}

.m-r-xxs {
  margin-right: 1px;
}

.m-r-xs {
  margin-right: 5px;
}

.m-r-sm {
  margin-right: 10px;
}

.m-r {
  margin-right: 15px;
}

.m-r-md {
  margin-right: 25px;
}

.m-r-lg {
  margin-right: 30px;
}

.m-r-xl {
  margin-right: 40px;
}

.m-r-n-xxs {
  margin-right: -1px;
}

.m-r-n-xs {
  margin-right: -5px;
}

.m-r-n-sm {
  margin-right: -10px;
}

.m-r-n {
  margin-right: -15px;
}

.m-r-n-md {
  margin-right: -25px;
}

.m-r-n-lg {
  margin-right: -30px;
}

.m-r-n-xl {
  margin-right: -40px;
}

.m-b-none {
  margin-bottom: 0;
}

.m-b-xxs {
  margin-bottom: 1px;
}

.m-b-xs {
  margin-bottom: 5px;
}

.m-b-sm {
  margin-bottom: 10px;
}

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

.m-b-md {
  margin-bottom: 25px;
}

.m-b-lg {
  margin-bottom: 30px;
}

.m-b-xl {
  margin-bottom: 40px;
}

.m-b-n-xxs {
  margin-bottom: -1px;
}

.m-b-n-xs {
  margin-bottom: -5px;
}

.m-b-n-sm {
  margin-bottom: -10px;
}

.m-b-n {
  margin-bottom: -15px;
}

.m-b-n-md {
  margin-bottom: -25px;
}

.m-b-n-lg {
  margin-bottom: -30px;
}

.m-b-n-xl {
  margin-bottom: -40px;
}

.space-15 {
  margin: 15px 0;
}

.space-20 {
  margin: 20px 0;
}

.space-25 {
  margin: 25px 0;
}

.space-30 {
  margin: 30px 0;
}

/* MARGINS & PADDINGS END */

/* BUTTONS START */
.btn.matrix-btn-blue, .btn.matrix-btn-white {
  padding: 10px 15px;
  font-size: 18px;
}

.matrix-btn-blue {
  color: #ffffff;
  background-color: #6699ff;
  border-color: #6699ff;
  border-radius: 2px;
  transition: 0.3s;
}

.matrix-btn-blue:hover, .matrix-btn-blue:active, .matrix-btn-blue:focus {
  color: #ffffff;
  background-color: #5489eb;
  border-color: #5489eb;
}

.matrix-btn-blue img {
  padding-right: 5px;
  height: 25px;
}

.matrix-btn-white {
  color: #6699ff;
  background-color: transparent;
  border-color: #6699ff;
  border-radius: 2px;
  transition: all 0.3s;
}

.matrix-btn-white:hover, .matrix-btn-white:active, .matrix-btn-white:focus {
  color: #ffffff;
  background-color: #5489eb;
  border-color: #5489eb;
}

/* BUTTONS END */

/* DIALOGS START */

.matrix-modal .modal-content {
  border-radius: 4px
}

.matrix-modal .modal-content .modal-header,
.matrix-modal .modal-content .modal-body,
.matrix-modal .modal-content .modal-footer {
  padding: 25px;
}

.matrix-modal .modal-content .modal-header {
  position: relative;
  color: #ffffff;
  background-color: #384359;
}

.matrix-modal .modal-content .modal-footer, .matrix-modal .modal-content .modal-header {
  border: none;
}

.matrix-modal .modal-content .modal-footer .btn + .btn {
  margin-left: 20px;
}

.modal-open .matrix-modal-backdrop {
  background-color: #384359;
  opacity: 0.77;
}

/* DIALOGS END */

.matrix-container {
  height: 100vh;
  background: #ffffff;
}

.navbar-actions {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  right: 15px;
}

.navbar-actions h4 {
  margin-bottom: 0;
}

.mx-header {
  color: #f3f4f4 !important;
  background-color: #2d3647 !important;
}

/* Remove the selection around the clicked element */

a, a:active, a:focus, .no-outline {
  outline: none;
}

.evaluation-table {
  background-color: #e1e4eb;
}

.evaluation-table table.evaluation-table-header {
  color: #f3f4f4;
  border-radius: 0 0 2px 2px;
  border: 10px solid transparent;
}

.evaluation-table table.evaluation-table-header th {
  background-color: #384359;
}

.evaluation-table > table thead th {
  padding: 6px;
  font-weight: normal;
}

.evaluation-table > table thead th:not(:first-child) {
  text-align: center;
}

.evaluation-table > table thead th:first-child {
  border-radius: 2px 0 0 2px;
}

.evaluation-table > table thead th:last-child {
  border-radius: 0 2px 2px 0;
}

.evaluation-table table.questions-and-answers {
  border-spacing: 5px;
  border-collapse: separate;
}

.evaluation-table table.questions-and-answers {
  margin-top: -5px;
}

.evaluation-table table.questions-and-answers td {
  background-color: #ffffff;
  padding: 20px;
  border-radius: 2px;
  -webkit-box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.16);
  -moz-box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.16);
  box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.16);
}

.evaluation-table table.questions-and-answers td.selected-answer {
  background: #e6f7f6 url("/assets/images/check.svg") no-repeat center center;
}

.evaluation-table td.section {
  padding: 10px !important;
}

.bottom-notice {
  padding: 0 15px 15px 6px;
}

.check-icon {
  height: 20px;
  width: auto;
}

table.evaluation-results tbody tr td {
  background-color: #ffffff;
  padding: 15px;
  border: 2px solid #e1e4eb;
  border-radius: 5px;
}

.matrix-table > tbody > tr > td.match-gradation {
  background: #e6f7f6;
}

.evaluation-level {
  background-color: #e1e4eb;
  padding: 0 15px;
  margin-bottom: 20px;
}

tr > td.matrix-answer:hover {
  background-color: #e6f7f6;
}

.matrix-sections {
  background-color: #e1e4eb;
  border-radius: 2px;
}

.matrix-sections .matrix-sections-title {
  padding-left: 25px;
  padding-top: 15px;
}

.matrix-sections .matrix-sections-body {
  padding: 5px
}

.matrix-sections .matrix-sections-body .matrix-header.highlight:hover,
.matrix-sections .matrix-sections-body .matrix-header.highlight:active,
.matrix-sections .matrix-sections-body .matrix-header.highlight:focus {
  background-color: #eff4ff;
}

.matrix-sections .matrix-sections-body .matrix-header, .matrix-sections .matrix-sections-body .question {
  border-radius: 2px;
  background-color: #ffffff;
  -webkit-box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.16);
  -moz-box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.16);
  box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.16);
  padding: 12px;
  margin-bottom: 5px;
}

.matrix-header-actions {
  position: absolute;
  right: 25px;
  top: 50%;
  transform: translateY(-50%);
}

.matrix-sections .matrix-sections-body .section-questions .question.highlight-block:hover {
  background-color: #eff4ff;
}

.question-title p {
  word-break: break-all;
  margin-bottom: 0;
}

#config_report_dialog th, #config_user_dialog th {
  text-align: center;
}

#config_report_dialog .aui-iconfont-close-dialog:before {
  margin-top: -4px;
  cursor: pointer;
}

#config_report_dialog #project_name_value a:focus {
  outline: none;
}

#productivity_config_report_list #project_billable_value,
#productivity_config_report_list #project_billable_value input {
  outline: none;
}

#productivity_config_report_list #project_show_value,
#productivity_config_report_list #user_show_value {
  text-align: center;
}

#productivity_config_report_list #user_group_value {
  width: 1px;
}

#productivity_config_report_list .table-cell {
  vertical-align: middle;
}

#productivity_config_report_list #project_show_value {
  text-align: center;
}

#productivity_config_report_list #project_name_value pre,
#productivity_config_report_list #project_lead_value pre,
#productivity_config_report_list #project_comment_value pre {
  margin: 0 0 3px 10px;
}

#productivity_config_report_list #user_notes_value pre {
  margin: auto;
}

#productivity_config_report_list #project_billable_value .aui-iconfont-close-dialog,
#productivity_config_report_list #project_billable_value .aui-iconfont-success {
  display: none;
}

#config_report_dialog,
#config_user_dialog {
  top: 0;
  bottom: 0;
  margin: auto;
}

#ghx-context-menu-popup .context_menu_item {
  cursor: pointer;
}

#config_report_dialog .project_target_hours,
#config_user_dialog .user_target_hours {
  width: 75px;
  margin: auto;
}

#config_report_dialog .header-period {
  margin-top: 10px;
}

#config_user_dialog .header-period {
  margin-top: 20px;
}

#config_report_dialog #reportPeriod {
  color: cornflowerblue;
}

#config_report_dialog .toolbar {
  margin-bottom: 15px;
}

#config_user_dialog .toolbar {
  margin-right: 15px;
}

#config_report_dialog .toolbar #ghx_context_menu-trigger {
  margin-top: 3px;
  margin-left: 15px;
}

#config_report_dialog .toolbar #projects-filter-menu-trigger {
  margin-top: 3px;
  margin-left: 15px;
}

.error_report {
  color: dodgerblue;
  width: 270px;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
  margin-bottom: 0;
}

.uib-modal-z-index {
  z-index: 3010 !important;
}

.uib-modal-warn-large .modal-dialog {
  overflow-y: initial !important
}

.uib-modal-warn-large .modal-body {
  height: 230px;
  overflow-y: auto;
  overflow-x: hidden;
}

#config_report_dialog .resource-loader-box {
  position: fixed;
  top: 0;
  left: 0;
}

.report-type-button {
  cursor: pointer;
  font-size: 22px;
}

.report-type-button:focus {
  outline: none;
}

.report-button-left {
  border-right: 1px solid #707070;
}

.report-button-left:hover {
  border-top-left-radius: 5px;
}

.report-button-right:hover {
  border-top-right-radius: 5px;
}

.report-type-button:hover {
  cursor: pointer;
  background-color: #e1e1e1;
}

#create-productivity-dialog {
  display: table;
}

.should-be-centered {
  display: table-cell;
  text-align: center;
  vertical-align: middle;
}

.week-display {
  padding-top: 5px;
  padding-left: 10px;
  cursor: default;
}

#create-productivity-dialog .uib-monthpicker {
  margin: auto;
}

#create-productivity-dialog .aui-dialog2-header {
  padding: 0;
}

#create-productivity-dialog .uib-datepicker-popup .uib-clear{
  display: none;
}

.report-type-button-left-active {
  border-top-left-radius: 5px;
  background-color: #e1e1e1;
}

.report-type-button-right-active {
  border-top-right-radius: 5px;
  background-color: #e1e1e1;
}

.vertical-middle {
  vertical-align: middle !important;
}

.one-line-cell {
  white-space: nowrap;
}

.table-cell-border {
  border: 2px solid #ddd !important;
}

.common-cell {
  font-weight: normal;
}

.user-group {
  width: 1%;
  background: royalblue;
}

.user-group div {
  width: 52px;
  transform: rotate(-90deg);
  font-weight: bold;
  color: white;
  text-align: center;
  margin: 0px -16px 0px -16px;
}

.colored_green {
  color: darkgreen;
}

.colored_orange {
  color: darkorange;
}

.colored_red {
  color: red;
}

.text-centered-cell {
  text-align: center !important;
}

.ref-without-decoration {
  color: inherit;
  text-decoration: none;
}

.ref-without-decoration:hover {
  color: inherit;
}

.cell-centered {
  text-align: center !important;
}

#productivity_report_table .top-border {
  border-top: 2px solid #ddd !important;
}

#productivity_report_table .left-right-border {
  border-left: 2px solid #ddd !important;
  border-right: 2px solid #ddd !important;
  border-top: none !important;
  border-bottom: none !important;
}

.fht-fixed-column #project_heading {
  background: white;
}

.fht-fixed-body #project_heading {
  width: 1px !important;
  border-bottom: none !important;
}

.fht-table-wrapper .bold {
  font-weight: bold;
}
/************ Tables only ************/


.fht-table,
.fht-table thead,
.fht-table tfoot,
.fht-table tbody,
.fht-table tr,
.fht-table th,
.fht-table td {
  /* position */
  margin: 0;

  /* size */
  padding: 0;

  /* text */
  font-size: 100%;
  font: inherit;
  vertical-align: top;
}

.fht-table {
  /* appearance */
  border-collapse: collapse;
  border-spacing: 0;
}

/* @end */

/* @group Content */

.fht-table-wrapper,
.fht-table-wrapper .fht-thead,
.fht-table-wrapper .fht-tfoot,
.fht-table-wrapper .fht-fixed-column .fht-tbody,
.fht-table-wrapper .fht-fixed-body .fht-tbody,
.fht-table-wrapper .fht-tbody {
  /* appearance */
  overflow: hidden;

  /* position */
  position: relative;
}

.fht-table-wrapper .fht-tfoot {
  overflow-x: hidden;: ;
}

.fht-table-wrapper .fht-fixed-body .fht-tbody,
.fht-table-wrapper .fht-tbody {
  /* appearance */
  overflow: auto;
}

.fht-table-wrapper .fht-table .fht-cell {
  /* appearance */
  overflow: hidden;

  /* size */
  height: 1px;
}

.fht-table-wrapper .fht-fixed-column,
.fht-table-wrapper .fht-fixed-body {
  /* position */
  top: 0;
  left: 0;
  position: absolute;
}

.fht-table-wrapper .fht-fixed-column {
  /* position */
  z-index: 1;
}

/* @end */

.eng-position-block {
  margin-top: 2px;
}

.eng-position-elem {
  display: inline-block; overflow: hidden
}

.eng-position-name {
  width: 75px;
}

.matrix-panel {
  min-height: 60px;
  margin-top: -20px;
  margin-bottom: 20px;
  background-color: #2d3647;
  border: none;
  border-radius: 0;
  box-shadow: 0 0 5px rgba(0, 0, 0, 0.2);
}

.matrix-panel ul.actions {
  min-height: 69px;
}

.matrix-panel h3 {
  color: #f3f4f4;
  padding-top: 21px;
  padding-bottom: 21px;
  margin-bottom: 0;
}

.navbar-new-matrix {
  padding-top: 10px;
  padding-bottom: 10px;
}

table tbody tr.matrix-table-header td {
  border: none;
  background-color: #384359;
  color: #ffffff;
  padding: 8px 12px;
}

.matrix-table {
  background-color: #e1e4eb;
  border-radius: 0 0 2px 2px;
  border: 5px solid transparent;
  border-bottom: none;
  border-spacing: 0 5px;
  border-collapse: separate;
}

.matrix-table caption, .evaluation-table caption {
  color: #2d3647;
  background-color: #e1e4eb;
  border-radius: 2px 2px 0 0;
  padding-left: 16px;
}

.matrix-table caption h4, .evaluation-table caption h4 {
  padding-top: 4px;
  margin-bottom: 0;
}

.matrix-table thead tr td, .matrix-table thead tr th {
  border: none;
  background-color: #384359;
  color: #ffffff;
  padding: 8px 12px;
}

.matrix-table thead tr td.name {
  width: 40%;
}

.matrix-table thead tr td:first-child {
  border-top-left-radius: 2px;
  border-bottom-left-radius: 2px;
}

.matrix-table thead tr td:last-child {
  border-top-right-radius: 2px;
  border-bottom-right-radius: 2px;
}

.matrix-table > tbody > tr > td {
  border: none;
  background-color: #ffffff;
  padding: 12px;
  vertical-align: middle;
}

.matrix-table > tbody > tr > td.action-item {
  max-width: 15px;
  padding: 12px 4px;
}

.matrix-table > tbody > tr > td.action-switcher {
  max-width: 15px;
  padding: 12px 12px 12px 4px;
}

.matrix-table > tbody > tr > td:first-child {
  border-top-left-radius: 2px;
  border-bottom-left-radius: 2px;
}

.matrix-table > tbody > tr > td:last-child {
  border-top-right-radius: 2px;
  border-bottom-right-radius: 2px;
}

.matrix-table .actions {
  max-width: 42px;
  padding: 8px 4px;
}

.matrix-table .switchers {
  max-width: 40px;
  padding: 8px 12px 8px 4px;
}

.matrix-table svg {
  display: block;
  margin-left: auto;
  margin-right: auto;
  width: 20px;
  height: 20px;
}

.matrix-action svg {
  display: inline-block;
  margin-left: auto;
  margin-right: auto;
  width: 20px;
  height: 20px;
}

.matrix-table svg .matrix-icon, .matrix-action svg .matrix-icon {
  transition: 0.3s;
}

svg:hover .matrix-icon {
  fill: #2d3647;
}

svg:hover .matrix-icon-modal {
  fill: #5489eb;
}

@media (max-width: 991px) {
  .matrix-table .actions {
    max-width: 75px;
  }

  .matrix-table .switchers {
    max-width: 75px;
  }

  .matrix-table .switchers {
    padding: 8px 12px;
  }

  .matrix-table > tbody > tr > td.action-switcher {
    max-width: 15px;
    padding: 12px 4px;
  }
}

.candidate-list-menu {
  padding-left: 0;
}

.candidate-list-menu ul {
  list-style: none;
  padding: 0;
}

.candidate-list-menu ul li {
  padding-left: 20px;
}

.candidate-list-menu ul li.active {  
  border-left-width: 10px;
  border-left-color: rgb(0, 229, 225);
  border-left-style: solid;
  padding-left: 10px;
  text-decoration: none;
}

.candidate-list-menu ul li a {
  font-size: 17px;
  color: rgb(127, 128, 129);
  /*background-color: rgb(207, 216, 220) !important;*/
}

.candidate-list-menu ul li a:hover {
  color: rgb(0, 229, 225);
  text-decoration: none;
  /*background-color: rgb(207, 216, 220) !important;*/
}

.candidate-list-menu ul li.active a {
  color: rgb(0, 229, 225);
  text-decoration: none;
}

.candidates-list {
  padding-left: 0;
}

.candidates-list li {
  list-style: none;
}

.break-word {
  word-wrap: break-word;
}

.candidate-page-layout {
  font-size: 16px;
  padding-top: 15px;
  padding-right: 3%;
  padding-left: 3%;
}

.candidate-page-layout .basic-info .position-title {
  text-decoration: underline;
}

.candidate-page-layout .basic-info .full-name {
  margin-top: 15px;
  font-size: 24px;
}

.candidate-page-layout .interview-stage-progress {
  padding-top: 40px;
}

.candidate-page-layout .interview-stage-progress-container,
.candidate-page-layout .status-progress-container {
  background-color: white;
  margin-bottom: 3%;
  margin-top: 3%;
  padding: 2%;
}

.candidate-page-layout .interview-stage-progress .progress-custom {
  list-style: none;
  margin: 0;
  padding: 0;
  display: table;
  table-layout: fixed;
  width: 100%;
  color: #849397;
}

.candidate-page-layout .interview-stage-progress .progress-custom > li {
  position: relative;
  display: table-cell;
  text-align: center;
  font-size: 0.8em;
}

.candidate-page-layout .interview-stage-progress .progress-custom > li:before {
  content: attr(data-step);
  display: block;
  margin: 0 auto;
  background: #DFE3E4;
  z-index: 9999;
  width: 3em;
  height: 3em;
  text-align: center;
  margin-bottom: 0.25em;
  line-height: 3em;
  border-radius: 100%;
  position: relative;
  z-index: 1000;
}

.candidate-page-layout .interview-stage-progress .progress-custom > li:after {
  content: '';
  position: absolute;
  display: block;
  background: #DFE3E4;
  width: 100%;
  height: 0.5em;
  top: 1.25em;
  left: 50%;
  margin-left: 1.5em \9;
  z-index: -1;
}

.candidate-page-layout .interview-stage-progress .progress-custom > li:last-child:after {
  display: none;
}

.candidate-page-layout .interview-stage-progress .progress-custom > li.is-complete {
  color: #2ECC71;
}

.candidate-page-layout .interview-stage-progress .progress-custom > li.is-complete:before, .candidate-page-layout .interview-stage-progress .progress-custom > li.is-complete:after {
  color: #FFF;
  background: #2ECC71;
  z-index: 999;
}

.candidate-page-layout .interview-stage-progress .progress-custom > li.is-active {
  color: #3498DB;
}

.candidate-page-layout .interview-stage-progress .progress-custom > li.is-active:before {
  color: #FFF;
  background: #3498DB;
  z-index: 1000;
}

.candidate-page-layout .candidate-profile {
  padding: 2%;
  background-color: white;
  margin-bottom: 2%;
}

.candidate-page-layout .candidate-profile .title,
.interview-stage-progress-container .title,
.resume-container .title,
.candidate-page-layout .documents-container .title,
.candidate-page-layout .comments-container .title,
.message-candidates-container .title,
.interview-reviews-container .title,
.status-progress-container .title {
  margin-bottom: 25px;
  font-size: 24px;
}

.candidate-page-layout .candidate-profile .save-edit {
  text-decoration: underline;
  cursor: pointer;
}

.candidate-page-layout .candidate-profile .save-edit span {
  margin-right: 10px;
}

.candidate-page-layout .candidate-profile .profile-item {
  border-bottom: 1px solid;
  margin-bottom: 25px;
  padding-bottom: 10px;
}

.candidate-page-layout .candidate-profile .profile-item .item-label {
  font-size: 1.2em;
}

.candidate-page-layout .documents-container {
  padding: 2%;
  padding-bottom: 4%;
  background-color: white;
  margin-bottom: 2%;
}

.candidate-page-layout .documents-container .upload-button {
  margin-top: 10px;
}

.candidate-page-layout .resume-container {
  padding: 2%;
  background-color: white;
  margin-bottom: 2%;
}

.candidate-page-layout .comments-container {
  padding: 2%;
  background-color: white;
  margin-bottom: 2%;
}

.candidate-page-layout .add-comment-button {
  margin-top: 50px;
}

.candidate-page-layout .comment-item {
  margin-top: 1%;
  margin-bottom: 1%;
}

.candidate-page-layout .added-at {
  margin-top: 5px;
  font-size: 13px;
  font-style: italic;
}

.candidate-page-layout .redactor-editor, .candidate-page-layout .redactor-box {
  height: 140px !important;
  min-height: 140px !important;
}

.message-candidates-container {
  padding: 2%;
  background-color: white;
  margin-bottom: 2%;
}

.message-candidates-container .stage-item {
  margin-bottom: 15px;
}

.message-candidates-container .stage-item .stage-title {
  font-size: 20px;
  margin-bottom: 10px;
}

.message-candidates-container .interview-item {
  margin-left: 15px;
  margin-bottom: 10px;
}

.message-candidates-container .messages-container {
  margin-top: 5px;
  margin-left: 10px;
}

.interview-reviews-container {
  padding: 2%;
  background-color: white;
  margin-bottom: 2%;
}

.interview-reviews-container .approved-rejected {
  float: right;
  font-size: 60px;
}

.interview-reviews-container .review-item {
  margin-top: 30px;
  padding-bottom: 30px;
  border-bottom: 1px solid;
}

.interview-reviews-container .review-item-title {
  font-size: 20px;
}

.interview-reviews-container .interviews-container {
  margin-top: 10px;
}

.interview-reviews-container .interviews-container .interview-item {
  margin-left: 20px;
  margin-top: 20px;
  margin-bottom: 20px;
}

.interview-reviews-container .interviews-container .interviewer {
  font-size: 15px;
  font-style: italic;
}

.interview-reviews-container .evaluation-body {
  margin-top: 10px;
  margin-left: 20px;
  display: inline-block;
}

.interview-reviews-container .evaluation-body .interviewer-name {
  font-weight: bold;
}

.interview-reviews-container .evaluation-header .evaluation-title {
  font-size: 20px;
  margin-top: 5px;
  display: inline-block;
}

.interview-reviews-container .edit-evaluation {
  float: right;
}

.status-progress-container .status {
  font-size: 1.2em;
  margin-bottom: 10px;
}

.candidate-page-layout .comments-container .redactor-box {
  z-index: 1030 !important;
}

.candidate-refresh {
  background-color: rgb(56, 67, 89);
  color: white;
  padding: 10px;
  display: inline-block;
  border-radius: 5px;
  position: fixed;
  bottom: 10%;
  right: 3%;
  z-index: 1026;
}

.candidate-refresh a:hover {
  cursor: pointer;
  text-decoration: none;
  color: #709fff;
}

/*#new-opening-modal .modal-header {*/
  /*background-color: rgb(96, 125, 139);*/
/*}*/

/*#new-opening-modal .modal-header .modal-title {*/
  /*text-align: center;*/
  /*color: rgb(218, 218, 218);*/
  /*font-size: 18px;*/
/*}*/

/*#new-opening-modal .modal-body {*/
  /*background-color: rgb(236, 239, 241);*/
  /*font-size: 16px;*/
  /*color: #666666;*/
/*}*/

/*#new-opening-modal .modal-body label {*/
  /*font-weight: initial;*/
/*}*/

#new-opening-modal .modal-body .select2-container {
  width: 100%;
}

#new-opening-modal .modal-body .select2-container .select2-choices {
  font-size: 14px;
  line-height: 1.42857143;
  color: #555;
  background-color: #fff;
  background-image: none;
  border-color: #ccc;
  border-radius: 4px;
}

#new-opening-modal .select2-container-multi .select2-choices .select2-search-choice {
  color: rgb(215, 220, 222);
  background-image: none;
  border: none;
  font-size: 16px;
  padding-top: 4px;
  padding-bottom: 4px;
  margin-top: 4px;
}

#new-opening-modal .select2-container .select2-choice {
  background-color: white;
  background-image: none;
  border-color: #ccc;
  border-radius: 4px;
  height: 34px;
  padding-top: 3px;
}

#new-opening-modal .select2-container .select2-choice .select2-arrow {
  background-image: none;
  background-color: white;
  border-left: none;
  padding-top: 3px;
}

#new-opening-modal .modal-body .actions {
  margin-top: 3%;
  float: right;
}

#new-opening-modal .modal-body .actions button {
  border: none;
  padding: 6px 25px;
  border-radius: 9px;
}

/*#new-opening-modal .modal-body .actions .add {*/
  /*color: rgb(51, 51, 51);*/
  /*background-color: rgb(0, 229, 255);*/
  /*margin-left: 3px;*/
/*}*/

#new-opening-modal .modal-body .error {
  color: red;
}

#new-opening-modal .progress-bar {
  background-color: rgb(96, 125, 139);
  color: rgb(51, 51, 51);
}

#openings-list-container .opening-item {
  margin-top: 10px;
  margin-bottom: 10px;
  border: none;
  border-radius: 0;
  background-color: rgb(236, 239, 241);
}


#openings-list-container .opening-item .panel-heading {
  background-color: rgb(144, 164, 174);
  color: rgb(218, 218, 218);
  border-radius: 3px;
}

#openings-list-container .opening-item .panel-heading h4 {
  display: inline-block;
  color: rgb(52, 53, 54);
}

#openings-list-container .opening-item .panel-heading a {
  color: rgb(218, 218, 218);
}

#openings-list-container .opening-item .panel-body {
  margin-top: 15px;
  border-top: 2px solid rgb(162, 162, 162);
  background-color: rgb(236, 239, 241);
}

.opening-item .panel-body .stage-title {
  font-size: 16px;
  text-align: center;
  color: #6c7485;
  font-weight: bolder;
}

.right {
  float: right;
}

.details-link {
  font-size: 20px;
  cursor: pointer;
}

.candidate-statuses-list-holder {
  display: inline-block;
  padding-bottom: 20px;
}

.side-closed .candidate-statuses-list-holder {
  width:100%;
}

.side-opened .candidate-statuses-list-holder {
  width:75%;
}

@media (min-width : 320px) and (max-width: 1170px) {
  .candidate-statuses-list-holder, .opening-details, .candidate-details-info {
    width:100% !important;
  }
}

.candidate-statuses-list {
  padding-bottom: 15px;
  overflow: auto;
}

.candidate-statuses-list .canidate-status {
  display: inline-block;
  margin: 0 5px;
  vertical-align: top;
  background-color: #e1e4eb;
  border-radius: 2px;
  width: 220px;
  min-height: 103px;
}

.candidate-statuses-list .canidate-status .candidate-list-title {
  vertical-align: middle;
  margin-left: 12px;
}

.candidate-statuses-list .candidates {
  list-style-type: none;
  margin: 0;
  padding: 0;
}

.candidate-card .card-color {
  position: absolute;
  top: 0;
  left: 0;
  width: 20px;
  height: 20px
}

.candidate-card .info-tooltip {
  position: absolute;
  width: 20px;
  height: 100%;
  top: 0;
  left: 91%;
  border-top-right-radius: 2px;
  border-bottom-right-radius: 2px;
}

.candidate-card .info-tooltip h4 {
  background-color: transparent;
  color: #ffffff;
  top: 35%;
  padding: 0;
}

.candidate-card.selected {
  border: 2px solid rgb(145, 173, 230);
  box-shadow: 0px 0px 20px rgb(145, 173, 230) !important;
  margin: 3px !important;
}

.candidates .candidate-card {
  margin: 5px;
  padding: 10px;
  background-color: #fff;
  border-radius: 2px;
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.3);
  position: relative;
  outline: none;
}

.candidates .candidate-card .location {
  display: inline-block;
  width: 6px;
  height: 6px;
  border-radius: 3px;
  vertical-align: middle;
}


.candidates .candidate-card .avatar {
  width: 20%;
  float: left;
  margin: 0;
}

.candidates .candidate-card .avatar img {
  width: 100%;
  border-radius: 50%;
}

.candidates .candidate-card .candidate-info {
  width: 75%;
  float: right;
  overflow: hidden;
  text-overflow: ellipsis;
}

.opening-details,
.candidate-details-info {
  width: 24%;
  float: right;
  border-radius: 2px;
  background-color: #e1e4eb;
  padding: 5px;
}

.opening-details .panel-details,
.candidate-details-info .panel-details {
  margin-top: 10px !important;
}

.opening-details .row,
.candidate-details-info .row {
  line-height: 28px;
}

.opening-details .general,
.opening-details .stages,
.opening-details .statuses {
  padding-bottom: 10px;
}

.opening-details ul,
.interviewers ul,
.interviews-detailed ul {
  padding-left: 0;
  margin: 0 5px;
  list-style: none;
  border-radius: 2px;
  background-color: #fff;
}

.opening-details .title {
  font-size: 20px;
  margin: 5px 15px;
}

.opening-details .opening-job-description ul {
  list-style: initial;
  margin: 0 0 10px 0;
  padding-left: 30px;
}

.candidate-details-info .basic-info,
.candidate-details-info .interviewers {
  border-bottom: 1px solid rgb(160, 160, 160);
  padding-top: 10px;
  padding-bottom: 10px;
}

.candidate-details-info .basic-info .full-name {
  text-decoration: underline;
}

.candidate-details-info .basic-info .email,
.candidate-details-info .basic-info .phone {
  margin-bottom: 5px;
}

.candidate-details-info .basic-info .status-info,
.candidate-details-info .basic-info .active-stage-info {
  padding-left: 0;
  list-style: none;
}

.interviews-detailed .interview-stage {
  border-bottom: 1px solid rgb(160, 160, 160);
  padding-top:  10px;
  padding-bottom: 10px;
}

.interviews-detailed .interview-item {
  margin-top: 15px;
  margin-bottom: 15px;
}

.interviews-detailed .interview-info {
  width: 70%;
  display: inline-block;
}

.interviews-detailed .interview-info .message {
  margin-top: 5px;
  font-style: italic;
}

.interviews-detailed .interview-info .date {
  font-size: 1.2rem;
  font-style: italic;
}

.interviews-detailed .interview-result {
  width: 30%;
  float: right;
}

.interviews-detailed .interview-result .approved,
.interviews-detailed .interview-result .rejected {
  font-size: 5rem;
  text-align: center;
}

.loading-placeholder {
  text-align: center;
}

.loading-placeholder img {
  width: 80px;
}

.board-layout .urgency-level-select {
  color: #9595a9;
  min-width: 162px;
}

.board-layout .urgency-level-select span {
  color: #9595a9;
}

.board-layout .urgency-level-select .ul-label {
  line-height: 13px !important;
  padding-bottom: 2px !important;
}

.templates-wrapper {
  background-color: #2d3647;
}

/*.recruitment-settings-header, .recruitment-settings-content {*/
  /*color: rgb(153, 153, 153);*/
  /*color: #666666;*/
/*}*/

/*.recruitment-settings-header h2, .recruitment-settings-content h2 {*/
  /*color: rgb(153, 153, 153);*/
  /*margin-bottom: 2%;*/
/*}*/

/*.recruitment-settings-header {*/
  /*background-color: #2c3546;*/
  /*margin-top: -20px;*/
  /*padding-top: 5px;*/
  /*padding-bottom: 1px;*/
  /*margin-bottom: 0;*/
/*}*/

/*.recruitment-settings-header .navbar-brand {*/
  /*color: rgb(218, 218, 218);*/
/*}*/

/*.recruitment-settings-header .new-item {*/
  /*background-color: rgb(0, 229, 255);*/
  /*color: rgb(51, 51, 51);*/
/*}*/


.recruitment-settings-content {
  margin-top: -20px;
}

.recruitment-settings-content .items-menu {
  background-color: rgb(207, 216, 220);
  padding-top: 10%;
  padding-bottom: 10%;
  padding-left: 0;
  height: 100vh;
}

.recruitment-settings-content .items-menu .nav a {
  font-size: 17px;
  color: rgb(127, 128, 129);
  background-color: rgb(207, 216, 220) !important;
}


.recruitment-settings-content .items-menu .nav a:hover {
  color: rgb(0, 229, 225);
  background-color: rgb(207, 216, 220) !important;
}

.recruitment-settings-content .items-menu .nav .active {
  border-left-width: 10px;
  border-left-color: rgb(0, 229, 225);
  border-left-style: solid;
}

.recruitment-settings-content .items-menu .nav .active a {
  color: rgb(0, 229, 225);
}

.recruitment-settings-content .items-content {
  background-color: #fff;
  padding: 20px;
  margin-left: 200px;
}

.recruitment-settings-content .items-content .name-container h2 {
  display: inline-block;
}

.recruitment-settings-content .items-content .search {
  float: right;
  width: 25%;
}

.recruitment-settings-content .items-content .name-container input {
  width: 90%;
  visibility: hidden;
  display: inline-block;
}

.recruitment-settings-content .items-content .name-container i {
  color: black;
  font-size: 18px;
}

.recruitment-settings-content .items-content .active-search input {
  visibility: visible;
}

.recruitment-settings-content .items-content .active-search i {
  color: rgb(153, 153, 153);
}

.recruitment-settings-content #levels-list-container,
.recruitment-settings-content #titles-list-container,
.recruitment-settings-content #locations-list-container,
.recruitment-settings-content #sp-st-list-container
 {
  margin-top: 3%;
}

.recruitment-settings-content #levels-list-container .panel-item .panel-heading,
.recruitment-settings-content #titles-list-container .panel-item .panel-heading,
.recruitment-settings-content #locations-list-container .panel-item .panel-heading,
.recruitment-settings-content #sp-st-list-container .panel-item .panel-heading,
{
  padding: 1%;
}

.recruitment-settings-content #levels-list-container .panel-item .panel-heading h4,
.recruitment-settings-content #titles-list-container .panel-item .panel-heading h4 {
  width: 99%;
  display: inline-block;
}

.recruitment-settings-content #sp-st-list-container .panel-item .panel-heading h4,
.recruitment-settings-content #sp-st-list-container .panel-item .panel-heading input {
  width: 90%;
  display: inline-block;
}

.recruitment-settings-content #locations-list-container .panel-item .panel-heading h4,
.recruitment-settings-content #candidate-statuses-list-container .panel-item .panel-heading h4 {
  width: 95%;
  display: inline-block;
}

.recruitment-settings-content #levels-list-container .panel-item .panel-heading i,
.recruitment-settings-content #titles-list-container .panel-item .panel-heading i
{
  float: right;
  width: 1%;
  display: inline-block;
}

.recruitment-settings-content #locations-list-container .panel-item .panel-heading i,
.recruitment-settings-content #candidate-statuses-list-container .panel-item .panel-heading i
.recruitment-settings-content #sp-st-list-container .panel-item .panel-heading i:not(.drag-icon) {
  float: right;
  width: 2.5%;
  display: inline-block;
}

.recruitment-settings-content #levels-list-container .panel-item .panel-body .description,
.recruitment-settings-content #titles-list-container .panel-item .panel-body .description,
.recruitment-settings-content #locations-list-container .panel-item .panel-body .description {
  width: 94%;
  display: inline-block;
}

.recruitment-settings-content #levels-list-container .panel-item .panel-body .actions,
.recruitment-settings-content #titles-list-container .panel-item .panel-body .actions,
.recruitment-settings-content #locations-list-container .panel-item .panel-body .actions {
  width: 6%;
  display: inline-block;
  float: right;
}

.recruitment-settings-content #templates-list-container .single-template .title {
  margin-bottom: 2rem;
}

.recruitment-settings-content #templates-list-container .single-template .title-view {
  /*color: black;*/
}

.recruitment-settings-content #templates-list-container .single-template .title-view .text {
  font-size: 20px;
}

.recruitment-settings-content #templates-list-container .single-template .actions {
  font-size: 18px;
  cursor: pointer;
}

.recruitment-settings-content #templates-list-container .single-template {
  margin-bottom: 25px;
  position: relative;
}

.templates-editing-input {
  padding-top: 6px;
  padding-right: 0px;
  padding-bottom: 6px;
  padding-left: 12px;
  font-size: 14px;
  line-height: 1.42857143;
  color: #555;
  background-color: #fff;
  background-image: none;
  border: 1px solid #ccc;
  border-radius: 4px;
}

.recruitment-settings-content #templates-list-container .single-template .stage .panel-body {
  padding-bottom: 10px;
  padding-top: 10px;
  font-size: 16px;
}

.recruitment-settings-content #templates-list-container .single-template .stage .panel-default {
  margin-bottom: 1rem;
}

.recruitment-settings-content #templates-list-container .single-template .stage .drag-icon {
  padding-left: 10px;
  font-size: 23px;
  width: 10%;
}

.recruitment-settings-content #templates-list-container .single-template .stage .edit-title {
  width: 85%;
  float: right;
}

.recruitment-settings-content #templates-list-container .single-template .stage .view-assigned {
  padding-top: 4px;
  text-align: right;
}

.recruitment-settings-content #templates-list-container .single-template .stage .view-type {
  padding-top: 4px;
}

.recruitment-settings-content #templates-list-container .single-template .stage .view-type:first-letter {
  text-transform: capitalize;
}

.recruitment-settings-content #templates-list-container .single-template .done-button {
  float: right;
}

.recruitment-settings-content #templates-list-container .single-template .add-new-stage {
  cursor: pointer;
  color: #666666;
  font-size: 16px;
  /*text-decoration: none;*/
}

.recruitment-settings-content #templates-list-container .single-template .stage-title-error {
  margin-left: 10%;
}

.recruitment-settings-content #templates-list-container .single-template .stage-stagetypes-error {
  margin-left: 5px;
}

.recruitment-settings-content #templates-list-container .single-template .edit-type {
  padding-left: 2%;
}

.recruitment-settings-content #templates-list-container .single-template .edit-type .select2-container {
  width: 80% !important;
}

.recruitment-settings-content #templates-list-container .single-template .edit-type i {
  width: 20%;
  float: right;
  margin-top: 5px;
  padding-left: 11px;
}

.recruitment-settings-content #templates-list-container .templates-list-spinner {
  position: absolute;
  left: 40%;
  top: 21%;
  z-index: 1052;
}

.recruitment-settings-content #templates-list-container .single-template .multiple-users,
.recruitment-settings-content #templates-list-container .single-template .one-user {
  padding-right: 25%;
}

.recruitment-settings-content #templates-list-container .single-template .multiple-users .extend-list {
  width: 94%;
}

.recruitment-settings-content #templates-list-container .single-template .multiple-users i {
  width: 6%;
  float: right;
  margin-top: -20px;
  color: #666666;
}

.select2-results {
  text-transform: capitalize;
}

.select2-chosen {
  text-transform: capitalize;
}

/*.panel-heading a:after {*/
  /*font-family:'Glyphicons Halflings';*/
  /*content:"\e114";*/
  /*float: right;*/
  /*color: grey;*/
/*}*/

/*.panel-heading a.collapsed:after {*/
  /*content:"\e080";*/
/*}*/

.usual-button {
  background-color: rgb(96, 125, 139);
  color: rgb(193, 218, 212);
  -webkit-transition: background-color 0.3s, color 0.3s, border-color 0.3s;
  transition: background-color 0.3s, color 0.3s, border-color 0.3s;
}

.usual-button:hover {
  color: rgb(96, 125, 139);
  background-color: #ffffff;
  border-color: rgb(96, 125, 139);
}


.large-button {
  color: #d0e0ff;
  background-color: #6699ff;
  border: none;
  font-size: 23px;
  padding: 6px 25px;
}

.large-button:hover {

}

.sp-container, .select2-drop {
  z-index: 1050;
}

.width-90 {
  width: 90%;
}


/*
  For the correct positioning of the placeholder element, the dnd-list and
 it's children must have position: relative
*/

ul[dnd-list],
ul[dnd-list] > li {
  position: relative;
}

/**
 * The dnd-list should always have a min-height,
 * otherwise you can't drop to it once it's empty
 */
ul[dnd-list] {
    min-height: 42px;
    padding-left: 0px;
}

/**
 * The dndDraggingSource class will be applied to
 * the source element of a drag operation. It makes
 * sense to hide it to give the user the feeling
 * that he's actually moving it.
 */
tbody[dnd-list] .dndDraggingSource,
ul[dnd-list] .dndDraggingSource {
  display: none;
}

/**
 * An element with .dndPlaceholder class will be
 * added to the dnd-list while the user is dragging
 * over it.
 */
tbody[dnd-list] .dndPlaceholder,
ul[dnd-list] .dndPlaceholder {
  display: block;
  background-color: #ddd;
  min-height: 42px;
}

/**
 * The dnd-lists's child elements currently MUST have
 * position: relative. Otherwise we can not determine
 * whether the mouse pointer is in the upper or lower
 * half of the element we are dragging over. In other
 * browsers we can use event.offsetY for this.
 */
ul[dnd-list] li {
  list-style-type: none !important;
}

/**
 * Show selected elements in green
 */
/*ul[dnd-list] li.selected {
  background-color: #dff0d8;
  color: #3c763d;
}
*/
#overlay {
  position: absolute;
  width: 100%;
  height: 100%;
  background-color: rgb(96,125,139);
  opacity: 0.7;
  z-index: 1051;
}

.row.without-margins {
  margin: 0;
}

.recruitment-settings-content #templates-list-container .single-template .action-elements .buttons {
  float: right;
}

.errors {
  color: red;
}

.activity-container .avatar {
  width: 65px;
}

.header-searchbox.md-text {
  border: none;
  outline: none;
  height: 100%;
  width: 100%;
  padding-top: 0;
  padding-bottom: 0;
  padding-right: 0;
  padding-left: 7px;
  min-height: 45px !important;
}

.notification-settings md-select-header {
  box-shadow: 0 1px 0 0 rgba(0, 0, 0, 0.1), 0 0 0 0 rgba(0, 0, 0, 0.14), 0 0 0 0 rgba(0, 0, 0, 0.12);
  padding-left: 10.667px;
  height: 48px;
  cursor: pointer;
  position: relative;
  display: flex;
  align-items: center;
  width: auto;
}

.notification-settings md-content._md {
  min-height: 550px;
}

.notification-settings md-tab.active, md-tab:focus {
  color: white !important;
}

.notification-settings md-select {
  width: 360px;
}

.notification-settings .height-400 {
  height: 400px;
}

.notification-settings md-tab-item {
  color: #afafb3;
}

.notification-settings md-tab-content {
  height: 100%;
  min-height: 470px;
}

.notification-settings md-tab-item.md-active {
  color: #7f7979;
}

.notification-settings md-ink-bar {
  background-color: rgb(157, 188, 250);
}

.padding-top-20 {
  padding-top: 20px;
}

.redactor-toolbar {
  z-index: 1000 !important;
}

.activity-pagination .pagination {
  margin-top: 30px;
}

.activity-pagination .pagination li a {
  color: #6699ff;
}

.activity-pagination .pagination li.active a {
  background-color: #6699ff;
  border-color: #6699ff;
  color: white;
}

.activity-show-more {
  color: #6699ff;
}

.candidate-statuses-list .hide-text-overflow {
  /*width: 180px;*/
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}

#candidate-status-modal .reason {
}

#candidate-status-modal .reason .reason-input-container {
  padding-top: 40px;
}

#candidate-status-modal .reason .remove-button {
  margin-top: 40px;
  font-size: 2rem;
  margin-left: 30px;
}

#candidate-status-modal .reason {}

.evaluation-item-form .item-image {
  width: 20px;
  height: 20px;
  margin-right: 10px;
}

.evaluation-item-form .image-label {
  display: block;
}

.evaluation-item-form .item-image-input {
  display: inline-block;
}

#dashboardCacheLoader {
  overflow-x: auto;
  overflow-y: auto;
  position: absolute;
  margin-left: -15px;
  width: 100%;
  height: 100%;
  background: #ffffff;
  opacity: 0.6;
  z-index: 10;
}

#dashboardCacheLoader .resource-loader-msg {
  position: fixed;
}

.report-element-table td:focus {
  outline-width: 0;
}

.chart-selected {
  border: 2px solid #1e90ff;
  border-radius: 2px;
}

.project-chart {
  padding: 10px;
  width: 30%;
}

.non-focused:focus {
  outline: none;
}

.no-data-text {
  font-size: 16px;
}

table.si-table.si-table-separated.developer-velocity tbody tr td.sprint-closed {
  border-left: 4px solid #14b578;
}

.si-chart-box {
  padding: 10px;
  background-color: #e1e4eb;
  border-radius: 2px;
  width: 560px;
  margin: auto;
}

.si-chart-box h4, .level-history-block h4 {
  color: #384359;
  padding: 10px;
}

.si-chart-box .si-chart {
  padding: 10px;
  background-color: #fff;
  border-radius: 2px;
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.3);
}

table.developer-velocity {
  margin-bottom: 0;
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
}

table.si-table.si-table-separated.developer-velocity tbody tr.light-green td {
  background-color: #e6f7f6;
}

.level-history-block {
  background-color: #e1e4eb;
  border-bottom-left-radius: 2px;
  border-bottom-right-radius: 2px;
}

.level-history-block p {
  color: #384359;
  padding: 0 10px;
}

#portfolio_dev_container {
  margin: 20px;
}

#portfolio_dev_table .target-points {
  width: 60px;
}

#portfolio_dev_table .cell-centered-vertical {
  vertical-align: middle;
}

#portfolio_dev_table .dev_name_column {
  width: 1px;
  white-space: nowrap;
}

#portfolio_dev_table tr .dev_name_column {
  white-space: nowrap;
}

#portfolio_dev_table .el_column {
  background-color: #EFEFEF;
  width: 1px;
  white-space: nowrap
}

#portfolio_dev_table .text-center {
  text-align: center !important;
}

#portfolio_dev_table tr td:last-child {
  border-right: 1px solid #ddd;
}

#portfolio_dev_table indicator span {
  margin-top: 3px;
  margin-left: -3px;
}

#portfolio_dev_table .star-five {
  margin-top: 5px;
}


#portfolio_dev_table .pointer:hover {
  cursor: pointer;
  text-decoration: underline;
}

.myStyledLink{
  color: #333333 !important;
}

#portfolio_dev_container .pagination {
  margin-top: 15px;
  margin-left: calc(50% - 70px);
}

#portfolio_dev_table .sprint-velocity-number {
  width: 25px;
  float: right;
  margin: 0 auto;
}

#portfolio_dev_table .empty-sprints-cell {
  text-align: center;
}

#portfolio_dev_table .month-name {
  border-left: 2px solid #cccccc;
  border-right: 2px solid #cccccc;
}

#portfolio_dev_table .month-row th {
  border-bottom: none;
}

#portfolio_dev_table .header-row th{
  border: none;
  outline: none;
}

.col-border-left {
  border-left: 2px solid #cccccc !important;
}
.col-border-right {
  border-right: 2px solid #cccccc !important;
}

#portfolio-dev-tabs .nav-tabs a {
  border-bottom-color: #ddd;
  border-top-color: transparent;
  border-radius: 0px 0px 4px 4px;
}

#portfolio-dev-tabs .tab-content {
  border-bottom: 1px solid #ddd !important;
}

.multiple-rows-switch:before {
  margin-top: 4px;
}

#dev-average-velocity {
  min-height: 200px;
  height: 100%;
}

#dev-average-velocity .resource-loader-box {
  background: none;
  /*min-height: 320px;*/
}

#dev-average-velocity .resource-loader-box .fa-spinner{
  color: dimgrey;
}

#dev-average-velocity .resource-loader-msg {
  position: relative;
}

#dev-average-velocity .resource-loader-box {
  width: 70%;
}

.velocity-info {
  margin-top: 15px;
  margin-bottom: 15px;
  width: 100%;
}

.velocity-info .range-picker-panel {
  padding-left: 15px;
  padding-right: 15px;
  width: 20%;
  border-right: 1px solid #cccccc;
  vertical-align: top;
}

.velocity-info .velocity-data-panel {
  /*border-left: 3px solid #cccccc;*/
}

.velocity-data-panel .header-above {
  border-left: 1px solid #cccccc;
  border-right: 1px solid #cccccc;
  color: #cccccc;
}

.report-element-table .range-picker-panel {
  padding: 15px;
  width: 60%;
  min-height: 100px;
}

#report-velocity .resource-loader-box {
  background: none;
  width: 60%;
  padding-top: 10px;
}

#report-velocity .resource-loader-box .fa-spinner{
  color: dimgrey;
}

#report-velocity .resource-loader-msg {
  position: relative;
}

#proj-indicator-conf .proj-label {
  font-weight: bold;
  font-size: 14px;
}

#proj-indicator-conf .proj-type {
  margin-bottom: 20px;
}

#proj-indicator-conf #section-input {
  width: 420px;
  border: 0;
  outline: 0;
  background: transparent;
  border-bottom: 1px solid grey;
}

#proj-indicator-conf .input-placeholder {
  color: #757575;
  font-size: 12px;
}

#proj-indicator-conf input::placeholder {
  color: black;
}

#proj-indicator-conf .panel-default > .panel-heading {
  background-color: white;
}

#proj-indicator-conf .panel-group {
  margin-bottom: 10px;
}

#proj-indicator-conf #items {
  background-color: #e1e1e1;
  padding-bottom: 10px;
}

#proj-indicator-conf .item-label {
  padding: 5px 0px 0 10px;
}

.section-block .aui-iconfont-collapsed {
  transform: rotate(90deg);
  outline: none;
}

#proj-indicator-conf #save-btn {
  margin-top: 10px;
}

#proj-indicator-conf .panel-body {
  background-color: #e1e1e1;
  padding-bottom: 0;
}

#proj-indicator-conf .panel {
  border: none;
  -webkit-box-shadow: none;
  box-shadow: none;
  margin: 0 5px 5px;
}
#proj-indicator-conf .panel-title a {
  text-decoration: none;
  outline: none;
}

#proj-indicator-conf .limit-msg {
  font-size: 12px;
  color: #3f3f3f;
}

#proj-indicator-conf .item-container {
  background: white;
  height: 30px;
  align-items: center;
  margin-bottom: 2px;
}

#proj-indicator-conf .item-name {
  display:inline-block;
  width: 157px;
  white-space: nowrap;
  overflow:hidden !important;
  text-overflow: ellipsis;
  padding-top: 5px;
}

.item-container .item-row {
  float: left;
  border: 1px solid #1a4580;
}

.item-container:after {
  content: "";
  clear: both;
  display: table;
}

#proj-indicator-conf .table > tbody > tr > td {
  vertical-align: middle;
  padding: 4px;
}

.rowClass {
  vertical-align:middle !important;
  height:50px;
}

.cellClass {
  vertical-align:middle !important;
  height:50px;
}

.item-td-edit-wide {
  width: 355px;
  min-width: 310px;
 }

.item-td-edit-narrow {
  width: 1px;
}

.target-type-cofig {
  width: 67px;
}