@font-face {
  font-family: 'Muli';
  font-style: normal;
  font-weight: 400;
  src: url(https://fonts.gstatic.com/s/muli/v29/7Aulp_0qiz-aVz7u3PJLcUMYOFnOkEk30e0.ttf) format('truetype');
}
@font-face {
  font-family: 'Muli';
  font-style: normal;
  font-weight: 700;
  src: url(https://fonts.gstatic.com/s/muli/v29/7Aulp_0qiz-aVz7u3PJLcUMYOFkpl0k30e0.ttf) format('truetype');
}
@font-face {
  font-family: 'Oswald';
  font-style: normal;
  font-weight: 400;
  src: url(https://fonts.gstatic.com/s/oswald/v53/TK3_WkUHHAIjg75cFRf3bXL8LICs1_FvsUZiYA.ttf) format('truetype');
}
@font-face {
  font-family: 'Oswald';
  font-style: normal;
  font-weight: 700;
  src: url(https://fonts.gstatic.com/s/oswald/v53/TK3_WkUHHAIjg75cFRf3bXL8LICs1xZosUZiYA.ttf) format('truetype');
}
@font-face {
  font-family: 'Overpass';
  font-style: normal;
  font-weight: 400;
  src: url(https://fonts.gstatic.com/s/overpass/v13/qFda35WCmI96Ajtm83upeyoaX6QPnlo6_PPbPpqP.ttf) format('truetype');
}
@font-face {
  font-family: 'Overpass';
  font-style: normal;
  font-weight: 700;
  src: url(https://fonts.gstatic.com/s/overpass/v13/qFda35WCmI96Ajtm83upeyoaX6QPnlo6G_TbPpqP.ttf) format('truetype');
}
::-webkit-scrollbar {
  width: 10px;
  background-color: #e8e8e8;
}
::-webkit-scrollbar-track {
  background: #f1f1f1;
  background-color: #e8e8e8;
}
::-webkit-scrollbar-thumb {
  box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.24);
  background-color: #5679b0;
}
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
  /* display: none; <- Crashes Chrome on hover */
  -webkit-appearance: none;
  margin: 0;
  /* <-- Apparently some margin are still there even though it's hidden */
}
::-webkit-scrollbar-thumb:hover {
  box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.24);
  background-color: #7995c0;
}
@keyframes beep {
  0% {
    box-shadow: inset 0 0 5px #ebf442;
  }
  50% {
    box-shadow: inset 0 0 15px #ebf442;
  }
  100% {
    box-shadow: inset 0 0 5px #ebf442;
  }
}
body {
  padding: 0;
  margin: 0;
  font-family: 'Muli', sans-serif;
  display: flex;
  justify-content: center;
}
body .date-controls a:hover {
  cursor: pointer;
}
body .in-15 .back {
  height: 75%;
  top: 25%;
}
body .in-30 .back {
  height: 50%;
  top: 50%;
}
body .in-45 .back {
  height: 25%;
  top: 75%;
}
body .out-15 .back {
  height: 25%;
}
body .out-30 .back {
  height: 50%;
}
body .out-45 .back {
  height: 75%;
}
body .full .back {
  height: 100%;
}
body th {
  position: relative;
  background-color: rgba(0, 0, 0, 0) !important;
  padding-top: 0px !important;
}
body th.completed {
  transition: 0.3s;
  z-index: 100;
  padding-top: 25px;
}
body th.completed .back {
  background-color: #d0e4a7;
}
body th.completed.hovered {
  cursor: pointer;
}
body th.completed.hovered .back {
  background-color: #587aad;
}
body th.completed.hovered .btn-ico {
  background-color: #5679b0;
  transition: 0.3s;
}
body th.completed.hovered p {
  color: #fff;
}
body th.completed p {
  position: relative;
  top: 1px;
  left: 50%;
  transform: translateX(-70%);
  transition: 0.3s;
  float: left;
  color: #60801f;
}
body th.completed .btn-ico {
  background-color: #829e49;
  display: block;
  width: 23px;
  height: 23px;
  position: relative;
  top: -5px;
  left: 50%;
  transform: translateX(-50%);
  border-radius: 50%;
  background-image: url(../img/icons/info-icon.png);
  background-position: center;
  background-repeat: no-repeat;
  transition: 0.3s;
}
body th.not-asigned {
  transition: 0.3s;
  padding-top: 25px;
  z-index: 100;
}
body th.not-asigned .back {
  background-color: #d54f60;
}
body th.not-asigned.hovered {
  cursor: pointer;
}
body th.not-asigned.hovered .back {
  background-color: #a02333;
}
body th.not-asigned.hovered .btn-ico {
  background-color: #a02333;
  transition: 0.3s;
}
body th.not-asigned.hovered p {
  color: #fff;
}
body th.not-asigned p {
  color: #fff;
  position: relative;
  top: 1px;
  left: 50%;
  transform: translateX(-70%);
  transition: 0.3s;
  float: left;
}
body th.not-asigned .btn-ico {
  background-color: #a02333;
  display: block;
  width: 23px;
  height: 23px;
  position: relative;
  top: -5px;
  left: 50%;
  transform: translateX(-50%);
  border-radius: 50%;
  background-image: url(../img/icons/edit-icon.png);
  background-position: center;
  background-repeat: no-repeat;
  transition: 0.3s;
}
body th.selected.completed::after {
  border-top: 15px solid #d0e4a7 !important;
}
body th.asigned {
  transition: 0.3s;
  padding-top: 25px;
  box-sizing: border-box;
}
body th.asigned .back {
  background-color: #587aad;
}
body th.asigned.hovered {
  box-shadow: 0 10px 18px 0 rgba(0, 0, 0, 0.31);
  cursor: pointer;
  z-index: 100;
}
body th.asigned.hovered .back {
  background-color: #587aad;
}
body th.asigned.hovered .btn-ico {
  background-color: #5679b0;
  transition: 0.3s;
}
body th.asigned.hovered p {
  color: #fff;
}
body th.asigned p {
  position: relative;
  top: 1px;
  left: 50%;
  float: left;
  transform: translateX(-70%);
  transition: 0.3s;
  color: #343434;
}
body th.asigned .btn-ico {
  background-color: #45628d !important;
  display: block;
  width: 23px;
  height: 23px;
  position: relative;
  top: -5px;
  left: 50%;
  transform: translateX(-50%);
  border-radius: 50%;
  background-image: url(../img/icons/info-icon.png);
  background-position: center;
  background-repeat: no-repeat;
  transition: 0.3s;
}
body th.completed::after {
  border-top: 15px solid #acbf17 !important;
}
body th.completed .front p {
  color: #829e49;
}
body th.completed .front p .incomplete-spacer {
  width: calc(100% + 2px);
  background-color: #d54f60;
}
body th.completed .front .btn-ico {
  background-color: #829e49;
}
body th.alerted {
  transition: 0.3s;
  padding-top: 25px;
  box-sizing: border-box;
}
body th.alerted .back {
  background-color: #ff750b;
}
body th.alerted:hover {
  cursor: pointer;
  z-index: 100;
}
body th.alerted:hover .back {
  background-color: #f16800;
}
body th.alerted:hover .btn-ico {
  background-color: #f16800;
  transition: 0.3s;
}
body th.alerted:hover p {
  color: #fff;
}
body th.alerted p {
  position: relative;
  top: 1px;
  left: 50%;
  float: left;
  transform: translateX(-70%);
  transition: 0.3s;
  color: #fff;
}
body th.alerted .btn-ico {
  background-color: #ff750b;
  display: block;
  width: 23px;
  height: 23px;
  position: relative;
  top: -5px;
  left: 50%;
  transform: translateX(-50%);
  border-radius: 50%;
  background-image: url(../img/icons/alert-reverse.png);
  background-position: center;
  background-repeat: no-repeat;
  transition: 0.3s;
}
body th.hovered .back {
  box-shadow: 0 10px 18px 0 rgba(0, 0, 0, 0.31);
}
body th.dayoff {
  color: #272727 !important;
  text-transform: lowercase;
  font-size: 14px;
  background-color: #F1F0D9 !important;
}
body th.disabled .btn-ico {
  background-color: #B5B9BC !important;
}
body th.disabled .back {
  background-color: #B5B9BC !important;
}
body th .back {
  position: absolute;
  width: 100%;
  top: 0;
  left: 0;
  transition: 0.3s;
}
body th .front {
  display: flex;
  flex-flow: column;
  width: 100%;
  position: relative;
  top: -5px;
  height: calc(100% + 10px);
}
body th .front .btn-ico.between {
  top: -34px !important;
}
body th .front p {
  flex-grow: 1;
  display: flex;
  flex-direction: column;
  margin-bottom: 0 !important;
}
body th .front p .divider {
  top: -8px !important;
  line-height: 0 !important;
}
body th .front p .incomplete-spacer {
  width: calc(100% + 2px);
  height: 20px;
  background-color: #d54f60;
  display: inline-block;
  position: absolute;
  bottom: 0;
  left: -1px;
  line-height: 0 !important;
}
body th .front .task-selector {
  display: inline-block;
  width: calc(100% + 2px);
  position: relative;
  left: -1px;
  transition: 0.2s;
  padding: 10px 0;
  margin: -5px 0 4px;
}
body th .front .task-selector span.btn-ico {
  background-image: url(../img/icons/info-icon.png) !important;
}
body th .front .task-selector:first-child {
  margin: 0 0 4px;
  padding-bottom: 22px;
}
body th .front .task-selector:last-child {
  flex-grow: 1;
  padding-bottom: 0;
  margin: -5px 0 0;
}
body th .front .task-selector:only-child {
  margin: 0 0 -1px;
  height: calc(100% + 1px);
  padding: 10px 0;
  top: -1px;
}
body th .front .task-selector.asigned {
  background-color: #587aad;
}
body th .front .task-selector.asigned span.btn-ico {
  background-color: #45628d !important;
}
body th .front .task-selector.asigned:hover {
  background-color: #45628d;
}
body th .front .task-selector.disabled {
  background-color: #B5B9BC;
}
body th .front .task-selector.disabled span.btn-ico {
  background-color: #9aa0a4 !important;
}
body th .front .task-selector.disabled:hover {
  background-color: #9aa0a4;
}
body th .front .task-selector.not-asigned {
  background-color: #d54f60;
}
body th .front .task-selector.not-asigned span.btn-ico {
  background-color: #c32e41 !important;
}
body th .front .task-selector.not-asigned:hover {
  background-color: #c32e41;
}
body th .front .task-selector:hover {
  background-color: rgba(0, 0, 0, 0.2);
}
body th .front .task-selector.extra {
  min-height: 70px;
}
body th .front .task-selector.extra:after {
  width: 20px;
  height: 20px;
  content: "";
  display: block;
  position: absolute;
  bottom: 0;
  right: 0;
  -webkit-clip-path: polygon(100% 0, 0 100%, 100% 100%);
  clip-path: polygon(100% 0, 0 100%, 100% 100%);
  background-color: #FFF3AE;
}
body th .front .task-selector .col-btns {
  position: absolute;
  top: 0px;
  left: 100%;
  display: inline-block;
  transition: 0.3s;
}
body th .front .task-selector .col-btns:hover .remove-btn,
body th .front .task-selector .col-btns:hover .edit-btn {
  left: -4px;
}
body th .front .task-selector .col-btns:hover .remove-btn:hover,
body th .front .task-selector .col-btns:hover .edit-btn:hover {
  left: 0;
}
body th .front .task-selector .col-btns .remove-btn {
  background-color: #990000;
  position: relative;
  width: 0px;
  height: 0px;
  opacity: 0;
  left: -1px;
  transition: 0.3s;
  border-top-right-radius: 4px;
  border-bottom-right-radius: 4px;
  display: inline-block;
}
body th .front .task-selector .col-btns .remove-btn img {
  position: relative;
  width: 50%;
  top: 0;
  transition: 0.3s;
}
body th .front .task-selector .col-btns .edit-btn {
  background-color: #3d567b;
  width: 0px;
  height: 0px;
  opacity: 0;
  left: -1px;
  transition: 0.3s;
  border-top-right-radius: 4px;
  border-bottom-right-radius: 4px;
  position: relative;
  display: inline-block;
}
body th .front .task-selector .col-btns .edit-btn i {
  font-size: 100%;
  position: relative;
  top: 0;
  transition: 0.3s;
  color: #fff;
}
body th .front .task-selector:hover .col-btns .remove-btn {
  width: 22px;
  height: 22px;
  opacity: 1;
}
body th .front .task-selector:hover .col-btns .remove-btn:hover {
  width: 30px;
  height: 30px;
  transition: 0.1s;
}
body th .front .task-selector:hover .col-btns .remove-btn:hover img {
  width: 50%;
  top: 3px;
  transition: 0.1s;
}
body th .front .task-selector:hover .col-btns .edit-btn {
  width: 22px;
  height: 22px;
  opacity: 1;
}
body th .front .task-selector:hover .col-btns .edit-btn:hover {
  width: 30px;
  height: 30px;
  transition: 0.1s;
}
body th .front .task-selector:hover .col-btns .edit-btn:hover i {
  font-size: 130%;
  top: 5px;
  transition: 0.1s;
}
body th.asigned:hover,
body th.not-asigned:hover,
body th.completed:hover {
  transform: scale(1.03);
  cursor: pointer;
}
body th .btn-notes {
  background-color: #62e5be;
  display: block;
  width: 23px;
  height: 23px;
  transform: translateX(-50%);
  border-radius: 50%;
  background-image: url(../img/icons/note-sticky-solid.svg);
  background-position: center;
  background-size: 14px;
  background-repeat: no-repeat;
  transition: 0.3s;
  position: absolute;
  top: 5px;
  left: calc(50% - 12px);
}
body th .btn-notes + .btn-ico {
  left: calc(50% + 12px) !important;
}
body .btn.btn-secondary.disabled {
  background-color: #d54f60 !important;
  border: none !important;
  margin-left: 0 !important;
}
body .btn.btn-secondary.disabled:hover {
  background-color: #d54f60 !important;
}
body .cont {
  width: 100vw;
  max-width: 1800px;
  position: relative;
  overflow: hidden;
  height: 100vh;
  box-shadow: 0 1px 100px 1px rgba(192, 192, 192, 0.65);
}
body .cont #loader {
  padding: 30% 50%;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.4);
  position: absolute;
  top: 0;
  left: 0;
  box-sizing: border-box;
  z-index: 1000;
  display: none;
}
body .cont #loader.active {
  display: block;
}
@keyframes loaderAction {
  0% {
    transform: scale(1);
    background-color: #e6e6e6;
  }
  10% {
    transform: scale(1.3);
    background-color: #fff;
  }
  20% {
    transform: scale(1);
    background-color: #e6e6e6;
  }
  50% {
    transform: scale(1);
    background-color: #e6e6e6;
  }
  60% {
    transform: scale(1.3);
    background-color: #fff;
  }
  70% {
    transform: scale(1);
    background-color: #e6e6e6;
  }
}
body .cont #loader #loader-body {
  width: 300px;
  height: 300px;
  position: absolute;
  transform: translate(-50%, -50%);
}
body .cont #loader #loader-body .bar {
  position: absolute;
  top: 40%;
  left: 50%;
  transform: scale(1);
  height: 100px;
  width: 30px;
  background-color: #fff;
  animation: loaderAction 2s infinite;
  animation-delay: 0.1s;
}
body .cont #loader #loader-body .bar:nth-child(2) {
  left: 30%;
  transform: scale(1);
  animation: loaderAction 2s infinite;
}
body .cont #loader #loader-body .bar:nth-child(3) {
  transform: scale(1);
  left: 70%;
  animation: loaderAction 2s infinite;
  animation-delay: 0.2s;
}
body .cont #background {
  max-width: 800px;
  width: 100vw;
  height: 100vh;
  background-image: url(../img/bkg.png);
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
body .cont #main-content {
  max-width: 250px;
  width: 95vw;
  position: absolute;
  top: 40%;
  left: 50%;
  transform: translate(-50%, -50%);
}
body .cont #main-content #logo-login {
  max-height: 141px;
  max-width: 132px;
  height: 60vw;
  width: 60vw;
  position: relative;
  left: 50%;
  transform: translateX(-50%);
  display: block;
  background-image: url(../img/logo-main.png);
  margin-bottom: 50px;
}
body .cont #main-content #logo-login:hover {
  cursor: pointer;
}
body .cont #main-content form {
  width: 100%;
  padding: 0;
  margin: 0;
}
body .cont #main-content form .div-input {
  width: 100%;
  height: 23px;
  padding-bottom: 2px;
  display: flex;
  align-items: center;
  margin-bottom: 15px;
  border-bottom: solid 2px #e1e1e1;
}
body .cont #main-content form .div-input:nth-child(2) .img {
  background: url(../img/pwd-icon.png);
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
}
body .cont #main-content form .div-input .img {
  width: 18px;
  height: 18px;
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
  background: url(../img/username-icon.png);
  float: left;
  margin: 0 14px 0 2px;
}
body .cont #main-content form .div-input input {
  width: calc(100% - 36px);
  float: left;
  border: none;
  background: none;
}
body .cont #main-content form .div-input input::placeholder {
  font-size: 12px;
  font-weight: 600;
  font-style: normal;
  font-stretch: normal;
  line-height: 3.08;
  letter-spacing: 1px;
  color: #587aad;
}
body .cont #main-content form button {
  width: 100%;
  height: 35px;
  box-shadow: 0 3px 5px 0 rgba(0, 0, 0, 0.1);
  background-color: #587aad;
  font-size: 14px;
  font-weight: 500;
  font-style: normal;
  font-stretch: normal;
  line-height: normal;
  letter-spacing: 1.1px;
  text-align: center;
  color: #ffffff;
  border-radius: 4px;
}
body .cont #main-content form a {
  text-decoration: none;
  font-size: 12px;
  font-weight: 400;
  font-style: italic;
  text-align: right;
  color: #7491bc;
  margin-top: 6px;
  display: block;
  width: 250px;
}
body .cont header {
  width: 200px;
  position: absolute;
  left: 0;
  top: 0;
  height: 100vh;
  box-shadow: 5px 0 16px 0 rgba(0, 0, 0, 0.05);
  border-right: 1px solid #DCDCDC;
  background-color: #ffffff;
  transition: 0.3s;
  z-index: 100;
}
body .cont header.folded {
  left: -168px;
  box-shadow: 5px 0 16px 0 rgba(0, 0, 0, 0);
}
body .cont header.folded #fold-btn img {
  transform: translate(-30%, -50%) rotateZ(180deg);
}
body .cont header #fold-btn {
  position: absolute;
  width: 40px;
  height: 40px;
  right: 0;
  top: 0;
}
body .cont header #fold-btn:hover {
  cursor: pointer;
}
body .cont header #fold-btn img {
  position: relative;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%) rotateZ(0);
  transition: 0.3s;
}
body .cont header #profile-info {
  width: 200px;
}
body .cont header #profile-info .profile-img {
  margin: 25px 0px 15px 32px;
  width: 134px;
  height: 134px;
  background-image: url(../img/profile.png);
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  position: relative;
}
body .cont header #profile-info .profile-img a {
  width: 40px;
  height: 40px;
  border-radius: 50%;
  box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.29);
  background-color: #587aad;
  position: absolute;
  bottom: 0px;
  right: 0px;
}
body .cont header #profile-info .profile-img a img {
  position: relative;
  top: 40%;
  left: 50%;
  transform: translate(-40%, -60%);
}
body .cont header #profile-info p {
  text-transform: uppercase;
  font-size: 13px;
  letter-spacing: 0.5px;
  text-align: center;
  color: #a0a4a8;
  margin: 0 0 5px 0;
}
body .cont header #profile-info p:nth-child(3) {
  color: #5679b0;
}
body .cont header ul {
  padding: 0;
  margin: 0;
  list-style-type: none;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
}
body .cont header ul li {
  width: 200px;
  padding-left: 20px;
  height: 37px;
  background-position: calc(100% - 8px) center;
  background-size: 18px auto;
  background-repeat: no-repeat;
}
body .cont header ul li:nth-child(1) {
  background-image: url(../img/icons/user.png);
}
body .cont header ul li:nth-child(1).active {
  background-image: url(../img/icons/user-light.png);
}
body .cont header ul li:nth-child(2) {
  background-image: url(../img/icons/date.png);
}
body .cont header ul li:nth-child(2).active {
  background-image: url(../img/icons/date-light.png);
}
body .cont header ul li:nth-child(3) {
  background-image: url(../img/icons/suitcase.png);
}
body .cont header ul li:nth-child(3).active {
  background-image: url(../img/icons/suitcase-light.png);
}
body .cont header ul li:nth-child(4) {
  background-image: url(../img/icons/operators.png);
}
body .cont header ul li:nth-child(4).active {
  background-image: url(../img/icons/operators-light.png);
}
body .cont header ul li:nth-child(6) {
  background-image: url(../img/icons/settings.png);
}
body .cont header ul li:nth-child(6).active {
  background-image: url(../img/icons/settings-light.png);
}
body .cont header ul li:hover {
  background-color: #F3F3F3;
  cursor: pointer;
}
body .cont header ul li a {
  position: relative;
  text-decoration: none;
  display: block;
  height: 100%;
  width: 100%;
  font-size: 13px;
  line-height: 3;
  letter-spacing: 0.5px;
  color: #a0a4a8;
  text-transform: uppercase;
}
body .cont header ul li.active {
  background-color: #587aad;
}
body .cont header ul li.active a {
  position: relative;
  text-decoration: none;
  font-size: 13px;
  line-height: 3;
  letter-spacing: 0.5px;
  color: #fff;
}
body .cont header ul li.active .icon.active {
  display: block;
}
body .cont header ul li.active .icon.inactive {
  display: none;
}
body .cont header ul li .icon {
  display: block;
  float: right;
  position: relative;
  top: 8px;
  right: 8px;
  width: 18px;
}
body .cont header ul li .icon.active {
  display: none;
}
body .cont header #logo-bottom {
  width: 133.8px;
  height: 110px;
  background-image: url(../img/logo-main.png);
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
  position: absolute;
  bottom: 63px;
  left: 33px;
}
body .cont #operator-sidebar {
  width: 200px;
  position: absolute;
  right: 0;
  top: 0;
  height: 100vh;
  box-shadow: 5px 0 16px 0 rgba(0, 0, 0, 0.25);
  border-left: 1px solid #DCDCDC;
  background-color: #ffffff;
  transition: 0.3s;
  z-index: 100;
}
body .cont #operator-sidebar #fold-btn-operators {
  position: absolute;
  width: 40px;
  height: 40px;
  left: 0;
  top: 0;
  z-index: 110;
}
body .cont #operator-sidebar #fold-btn-operators:hover {
  cursor: pointer;
}
body .cont #operator-sidebar #fold-btn-operators img {
  position: relative;
  top: 50%;
  left: 50%;
  transform: translate(-30%, -50%) rotateZ(180deg);
  transition: 0.3s;
}
body .cont #operator-sidebar.folded {
  right: -168px;
  box-shadow: 5px 0 16px 0 rgba(0, 0, 0, 0);
}
body .cont #operator-sidebar.folded #fold-btn-operators img {
  transform: translate(-70%, -50%) rotateZ(0);
}
body .cont #operator-sidebar.folded .operators-cont-sidebar {
  left: 32px;
}
body .cont #operator-sidebar .operators-cont-sidebar {
  position: relative;
  padding-top: 5vh;
  left: 0;
  box-sizing: border-box;
  height: 100vh;
  overflow-y: auto;
  overflow-x: hidden;
  transition: 0.3s;
}
body .cont #operator-sidebar .operators-cont-sidebar .operator {
  border-bottom: 1px solid #dcdcdc;
  min-height: 140px;
  padding-top: 20px;
}
body .cont #operator-sidebar .operators-cont-sidebar .operator.disabled {
  opacity: 0.4;
  border-bottom: 1px solid #909090;
}
body .cont #operator-sidebar .operators-cont-sidebar .operator:last-child {
  border-bottom: none;
}
body .cont #operator-sidebar .operators-cont-sidebar .operator p {
  width: 100%;
  position: relative;
  padding-top: 2px;
  background-size: 12px 14px;
  background-repeat: no-repeat;
  font-family: 'Muli';
  font-size: 11px;
  font-weight: 600;
  letter-spacing: 1px;
  text-align: center;
  color: #a0a4a8;
  margin: 5px 0;
}
body .cont #operator-sidebar .operators-cont-sidebar .operator p a {
  font-size: 16px;
  text-decoration: none;
  color: #343434;
}
body .cont #operator-sidebar .operators-cont-sidebar .operator p a:hover {
  color: #4e4e4e;
}
body .cont #operator-sidebar .operators-cont-sidebar .operator button {
  position: relative;
  left: 50%;
  transform: translateX(-50%);
  width: 165px;
  box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.5);
  font-family: 'Muli';
  font-size: 13px;
  color: #5679B0;
  height: 28px;
  background-color: #fff;
  border: 1px solid #DBDBDB;
  border-radius: 3px;
}
body .cont #operator-sidebar .operators-cont-sidebar .operator button:hover {
  cursor: pointer;
  color: #9cb0d0;
}
body .cont #operator-sidebar .operators-cont-sidebar .operator .operator-hours {
  position: relative;
  width: 210px;
  left: 50%;
  transform: translateX(-50%);
}
body .cont #operator-sidebar .operators-cont-sidebar .operator .operator-hours .hours-progress {
  width: calc(100% - 34px);
  margin-left: 17px;
  height: 5px;
  background-color: #F06E7E;
  border-radius: 5px;
  position: relative;
  margin-bottom: 10px;
}
body .cont #operator-sidebar .operators-cont-sidebar .operator .operator-hours .hours-progress .body {
  position: absolute;
  left: 0;
  top: 0;
  height: 5px;
  width: 50%;
  border-radius: 5px;
  background-color: #45679B;
}
body .cont #operator-sidebar .operators-cont-sidebar.operators {
  padding-top: 89px;
}
body .cont #operator-sidebar .operators-cont-sidebar.operators:after {
  width: 100%;
  position: absolute;
  display: block;
  content: "OPERATORI";
  height: 30px;
  font-family: Muli;
  text-align: center;
  border-bottom: 1px solid #dcdcdc;
  top: 60px;
  font-size: 13px;
  font-weight: 500;
}
body .cont #content-container {
  width: calc(100% - 400px);
  max-width: 1720px;
  position: absolute;
  left: 200px;
  top: 0;
  transition: 0.3s;
}
body .cont #content-container .modal {
  background: rgba(0, 0, 0, 0.7) !important;
}
body .cont #content-container #modal-operators-empty .modal-dialog {
  max-width: 1100px;
  width: 90vw;
}
body .cont #content-container #modal-operators-empty .modal-dialog .modal-content {
  background-color: rgba(0, 0, 0, 0);
  border: 0;
  color: #fff;
}
body .cont #content-container #modal-operators-empty .modal-dialog .modal-content .modal-header {
  border: 0;
}
body .cont #content-container #modal-operators-empty .modal-dialog .modal-content .modal-header .modal-title {
  font-family: 'Overpass';
  font-size: 16px;
  color: #ffffff;
  font-weight: 100;
}
body .cont #content-container #modal-operators-empty .modal-dialog .modal-content .modal-header .modal-title img {
  margin: 0 5px;
}
body .cont #content-container #modal-operators-empty .modal-dialog .modal-content .modal-body table {
  width: 100%;
  background-color: #fff;
  position: relative;
  margin-top: -10px;
}
body .cont #content-container #modal-operators-empty .modal-dialog .modal-content .modal-body table tr {
  width: 100%;
}
body .cont #content-container #modal-operators-empty .modal-dialog .modal-content .modal-body table tr th {
  height: 65px !important;
  width: 10%;
  text-align: center;
  font-family: 'Muli';
  font-size: 14px;
  color: #a0a4a8;
  position: relative;
  padding-top: 0 !important;
  padding-left: 0 !important;
  top: 0;
}
body .cont #content-container #modal-operators-empty .modal-dialog .modal-content .modal-body table tr th .front {
  height: 65px !important;
  padding-top: 0 !important;
  display: block;
  top: 0 ;
  position: absolute !important;
}
body .cont #content-container #modal-operators-empty .modal-dialog .modal-content .modal-body table tr th .front .btns {
  width: 23px;
  transform: translateX(-50%);
  left: 50%;
  position: relative;
  transform: translateX(-50%) !important;
  left: 50% !important;
  top: 1px !important;
}
body .cont #content-container #modal-operators-empty .modal-dialog .modal-content .modal-body table tr th .front .btns.multiple {
  width: 54px;
}
body .cont #content-container #modal-operators-empty .modal-dialog .modal-content .modal-body table tr th .front .btns.multiple .multiple-tasks {
  margin-left: 3px;
}
body .cont #content-container #modal-operators-empty .modal-dialog .modal-content .modal-body table tr th .front .btns .multiple-tasks {
  background-color: #f55a00;
  color: #fff;
  display: block;
  width: 23px;
  height: 23px;
  border-radius: 50%;
  background-position: center;
  background-repeat: no-repeat;
  transition: 0.3s;
  float: left;
}
body .cont #content-container #modal-operators-empty .modal-dialog .modal-content .modal-body table tr th .front .btns .btn-ico {
  display: block;
  width: 23px;
  height: 23px;
  transform: none;
  float: left;
  position: static;
  border-radius: 50%;
  background-image: url(../img/icons/edit-icon.png);
  background-position: center;
  background-repeat: no-repeat;
  transition: 0.3s;
}
body .cont #content-container #modal-operators-empty .modal-dialog .modal-content .modal-body table tr th .front p {
  transform: translateX(-75%) !important;
  left: 50% !important;
  top: 23px !important;
}
body .cont #content-container #modal-operators-empty .modal-dialog .modal-content .modal-body table tr th p {
  font-family: 'Muli';
  font-size: 14px;
  color: #60801f;
  float: left;
  transform: translateX(-100%);
}
body .cont #content-container #modal-operators-empty .modal-dialog .modal-content .modal-body table tr th:nth-child(1) {
  width: 30%;
  padding-left: 16px !important;
  text-align: left;
}
body .cont #content-container #modal-operators-empty .modal-dialog .modal-content .modal-body table tr th:nth-child(7),
body .cont #content-container #modal-operators-empty .modal-dialog .modal-content .modal-body table tr th:nth-child(8) {
  background-color: #fbf7e6;
}
body .cont #content-container #modal-operators-empty .modal-dialog .modal-content .modal-body table tr th:nth-child(7).asigned,
body .cont #content-container #modal-operators-empty .modal-dialog .modal-content .modal-body table tr th:nth-child(8).asigned {
  background-color: #fbf7e6;
}
body .cont #content-container #modal-operators-empty .modal-dialog .modal-content .modal-body table tr th.completed {
  transition: 0.3s;
  z-index: 100;
  padding-top: 25px;
}
body .cont #content-container #modal-operators-empty .modal-dialog .modal-content .modal-body table tr th.completed .back {
  background-color: #d0e4a7;
}
body .cont #content-container #modal-operators-empty .modal-dialog .modal-content .modal-body table tr th.completed.hovered {
  cursor: pointer;
}
body .cont #content-container #modal-operators-empty .modal-dialog .modal-content .modal-body table tr th.completed.hovered .back {
  background-color: #587aad;
}
body .cont #content-container #modal-operators-empty .modal-dialog .modal-content .modal-body table tr th.completed.hovered .btn-ico {
  background-color: #5679b0;
  transition: 0.3s;
}
body .cont #content-container #modal-operators-empty .modal-dialog .modal-content .modal-body table tr th.completed.hovered p {
  color: #fff;
}
body .cont #content-container #modal-operators-empty .modal-dialog .modal-content .modal-body table tr th.completed p {
  position: relative;
  top: 1px;
  left: 50%;
  transform: translateX(-70%);
  transition: 0.3s;
  float: left;
  color: #60801f;
}
body .cont #content-container #modal-operators-empty .modal-dialog .modal-content .modal-body table tr th.completed .btn-ico {
  background-color: #829e49;
  display: block;
  width: 23px;
  height: 23px;
  position: relative;
  top: -5px;
  left: 50%;
  transform: translateX(-50%);
  border-radius: 50%;
  background-image: url(../img/icons/info-icon.png);
  background-position: center;
  background-repeat: no-repeat;
  transition: 0.3s;
}
body .cont #content-container #modal-operators-empty .modal-dialog .modal-content .modal-body table tr th.completed.selected p {
  font-family: 'Muli';
  font-size: 14px;
  color: #829e49;
}
body .cont #content-container #modal-operators-empty .modal-dialog .modal-content .modal-body table tr th.completed p {
  font-family: 'Muli';
  font-size: 14px;
  color: #829e49;
}
body .cont #content-container #modal-operators-empty .modal-dialog .modal-content .modal-body table tr th.completed .front {
  color: #829e49;
}
body .cont #content-container #modal-operators-empty .modal-dialog .modal-content .modal-body table tr th.completed .front .btn-ico {
  float: left !important;
  left: 50%;
  background-color: #829e49;
}
body .cont #content-container #modal-operators-empty .modal-dialog .modal-content .modal-body table tr th.not-asigned {
  padding-top: 18px;
  padding-left: 5%;
  background-color: #d54f60;
  transition: 0.3s;
  z-index: 100;
}
body .cont #content-container #modal-operators-empty .modal-dialog .modal-content .modal-body table tr th.not-asigned.selected {
  box-shadow: 0 10px 18px 0 rgba(0, 0, 0, 0.31);
  cursor: pointer;
  padding-top: 18px;
  padding-left: 5%;
  transition: 0.3s;
  z-index: 100;
}
body .cont #content-container #modal-operators-empty .modal-dialog .modal-content .modal-body table tr th.not-asigned.selected .front .btn-ico {
  background-color: #992533 !important;
  transition: 0.3s;
  background-image: url(../img/icons/edit-icon.png);
}
body .cont #content-container #modal-operators-empty .modal-dialog .modal-content .modal-body table tr th.not-asigned.selected::after {
  content: "";
  display: block;
  width: 0;
  height: 0;
  border: 15px solid rgba(0, 0, 0, 0);
  border-top: 15px solid #d54f60;
}
body .cont #content-container #modal-operators-empty .modal-dialog .modal-content .modal-body table tr th.not-asigned:hover {
  box-shadow: 0 10px 18px 0 rgba(0, 0, 0, 0.31);
  background-color: #a02333;
  cursor: pointer;
}
body .cont #content-container #modal-operators-empty .modal-dialog .modal-content .modal-body table tr th.not-asigned:hover .btn-ico {
  background-color: #a02333;
  transition: 0.3s;
}
body .cont #content-container #modal-operators-empty .modal-dialog .modal-content .modal-body table tr th.not-asigned:hover p {
  color: #fff;
}
body .cont #content-container #modal-operators-empty .modal-dialog .modal-content .modal-body table tr th.not-asigned p {
  color: #fff;
  position: relative;
  top: 1px;
  transition: 0.3s;
}
body .cont #content-container #modal-operators-empty .modal-dialog .modal-content .modal-body table tr th.not-asigned .btn-ico {
  background-color: #992533;
  display: block;
  width: 23px;
  height: 23px;
  float: left;
  margin-left: -3px;
  border-radius: 50%;
  background-position: center;
  background-repeat: no-repeat;
  transition: 0.3s;
}
body .cont #content-container #modal-operators-empty .modal-dialog .modal-content .modal-body table tr th.asigned {
  padding-top: 18px;
  padding-left: 5%;
  transition: 0.3s;
}
body .cont #content-container #modal-operators-empty .modal-dialog .modal-content .modal-body table tr th.asigned.extra .back {
  background-color: #3054A1 !important;
}
body .cont #content-container #modal-operators-empty .modal-dialog .modal-content .modal-body table tr th.asigned .back {
  background-color: #587aad !important;
}
body .cont #content-container #modal-operators-empty .modal-dialog .modal-content .modal-body table tr th.asigned.selected::after {
  border-top: 15px solid #587aad !important;
}
body .cont #content-container #modal-operators-empty .modal-dialog .modal-content .modal-body table tr th.asigned:hover {
  box-shadow: 0 10px 18px 0 rgba(0, 0, 0, 0.31);
  background-color: #587aad;
  cursor: pointer;
  z-index: 100;
}
body .cont #content-container #modal-operators-empty .modal-dialog .modal-content .modal-body table tr th.asigned:hover .btn-ico {
  background-color: #5679b0;
  transition: 0.3s;
}
body .cont #content-container #modal-operators-empty .modal-dialog .modal-content .modal-body table tr th.asigned:hover p {
  color: #fff;
}
body .cont #content-container #modal-operators-empty .modal-dialog .modal-content .modal-body table tr th.asigned p {
  position: relative;
  top: 1px;
  transition: 0.3s;
  color: #fff;
}
body .cont #content-container #modal-operators-empty .modal-dialog .modal-content .modal-body table tr th.asigned .btn-ico {
  background-color: #45628d;
  display: block;
  width: 23px;
  height: 23px;
  float: left;
  margin-left: 1px;
  border-radius: 50%;
  background-image: url(../img/icons/info-icon.png);
  background-position: center;
  background-repeat: no-repeat;
  transition: 0.3s;
}
body .cont #content-container #modal-operators-empty .modal-dialog .modal-content .modal-body table tr th.disabled .front .btn-ico {
  background-color: #B5B9BC !important;
}
body .cont #content-container #modal-operators-empty .modal-dialog .modal-content .modal-body table tr th.disabled .back {
  background-color: #B5B9BC !important;
}
body .cont #content-container #modal-operators-empty .modal-dialog .modal-content .modal-body table tr th.disabled.selected:after {
  border-top-color: #B5B9BC !important;
}
body .cont #content-container #modal-operators-empty .modal-dialog .modal-content .modal-body table tr th .company-name {
  font-family: 'Muli';
  font-size: 15px;
  margin: 0;
  position: relative;
  top: 3px;
  color: #5679b0;
}
body .cont #content-container #modal-operators-empty .modal-dialog .modal-content .modal-body table tr th .company-address {
  font-family: 'Muli';
  position: relative;
  top: -3px;
  font-size: 12px;
  font-weight: 700;
  color: #a0a4a8;
}
body .cont #content-container #modal-operators-empty .modal-dialog .modal-content .modal-body table tr th.selected {
  box-shadow: 0 10px 18px 0 rgba(0, 0, 0, 0.31);
  background-color: #587aad;
  cursor: pointer;
  padding-top: 18px;
  padding-left: 5%;
  transition: 0.3s;
  z-index: 100;
}
body .cont #content-container #modal-operators-empty .modal-dialog .modal-content .modal-body table tr th.selected.asigned.extra .back {
  background-color: #3054A1 !important;
}
body .cont #content-container #modal-operators-empty .modal-dialog .modal-content .modal-body table tr th.selected.asigned.extra::after {
  border-top: 15px solid #3054A1 !important;
}
body .cont #content-container #modal-operators-empty .modal-dialog .modal-content .modal-body table tr th.selected.not-asigned.extra .back {
  background-color: #B02E63 !important;
}
body .cont #content-container #modal-operators-empty .modal-dialog .modal-content .modal-body table tr th.selected.not-asigned.extra::after {
  border-top: 15px solid #B02E63 !important;
}
body .cont #content-container #modal-operators-empty .modal-dialog .modal-content .modal-body table tr th.selected.not-asigned.extra .front .btns .btn-ico {
  background-color: #88234c !important;
}
body .cont #content-container #modal-operators-empty .modal-dialog .modal-content .modal-body table tr th.selected.not-asigned .front .btn-ico {
  background-color: #992533 !important;
}
body .cont #content-container #modal-operators-empty .modal-dialog .modal-content .modal-body table tr th.selected.not-asigned:after {
  border-top: 15px solid #d54f60 !important;
}
body .cont #content-container #modal-operators-empty .modal-dialog .modal-content .modal-body table tr th.selected.disabled:after {
  border-top-color: #B5B9BC !important;
}
body .cont #content-container #modal-operators-empty .modal-dialog .modal-content .modal-body table tr th.selected.disabled .front .btn-ico {
  background-color: #B5B9BC !important;
}
body .cont #content-container #modal-operators-empty .modal-dialog .modal-content .modal-body table tr th.selected .btn-ico {
  background-color: #5679b0;
  display: block;
  width: 23px;
  height: 23px;
  float: left;
  transform: translateX(-40%);
  margin-left: -3px;
  border-radius: 50%;
  background-image: url(../img/icons/info-icon.png);
  background-position: center;
  background-repeat: no-repeat;
  transition: 0.3s;
}
body .cont #content-container #modal-operators-empty .modal-dialog .modal-content .modal-body table tr th.selected p {
  color: #fff;
  position: relative;
  top: 1px;
  transition: 0.3s;
}
body .cont #content-container #modal-operators-empty .modal-dialog .modal-content .modal-body table tr th.selected::after {
  content: "";
  display: block;
  width: 0;
  height: 0;
  border: 15px solid rgba(0, 0, 0, 0);
  border-top: 15px solid #d54f60;
  position: relative;
  top: 48px;
  left: 50%;
  transform: translateX(-50%);
}
body .cont #content-container #modal-operators-empty .modal-dialog .modal-content .modal-body .row {
  margin: 57px 0;
}
body .cont #content-container #modal-operators-empty .modal-dialog .modal-content .modal-body .row .operator-card {
  background-color: #fff;
  border-radius: 4px;
  position: relative;
  flex: 0 0 23%;
  margin: 0 10px;
  transition: 0.3s;
  box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.07), 0 22px 22px 0 rgba(0, 0, 0, 0.13);
}
body .cont #content-container #modal-operators-empty .modal-dialog .modal-content .modal-body .row .operator-card.unavailable {
  opacity: 0.5;
}
body .cont #content-container #modal-operators-empty .modal-dialog .modal-content .modal-body .row .operator-card.disabled {
  transform: translateY(-50px);
  opacity: 0;
  visibility: hidden;
  display: none;
}
body .cont #content-container #modal-operators-empty .modal-dialog .modal-content .modal-body .row .operator-card .operator-top {
  width: 100%;
  height: 142px;
  position: relative;
}
body .cont #content-container #modal-operators-empty .modal-dialog .modal-content .modal-body .row .operator-card .operator-top .close-btn {
  position: absolute;
  top: 17px;
  right: 17px;
}
body .cont #content-container #modal-operators-empty .modal-dialog .modal-content .modal-body .row .operator-card .operator-top .close-btn:hover {
  cursor: pointer;
}
body .cont #content-container #modal-operators-empty .modal-dialog .modal-content .modal-body .row .operator-card .operator-top .operator-photo {
  width: 112px;
  height: 112px;
  background-position: center;
  background-image: url(../img/operators/operator-1.png);
  border-radius: 50%;
  position: absolute;
  top: 30px;
  left: 50%;
  transform: translateX(-50%);
}
body .cont #content-container #modal-operators-empty .modal-dialog .modal-content .modal-body .row .operator-card .operator-info p {
  color: #a0a4a8;
  text-align: center;
  font-family: 'Overpass';
  font-size: 13px;
  line-height: 1.08;
}
body .cont #content-container #modal-operators-empty .modal-dialog .modal-content .modal-body .row .operator-card .operator-info p:nth-child(1) {
  margin: 15px 0;
  font-family: 'Overpass';
  font-size: 16px;
  line-height: 0.88;
  color: #5679b0;
}
body .cont #content-container #modal-operators-empty .modal-dialog .modal-content .modal-body .row .operator-card .operator-info p:nth-child(2) {
  text-transform: uppercase;
  background-image: url(../img/icons/phone.png);
  background-position: left center;
  padding-left: 5px;
  width: 120px;
  position: relative;
  left: 50%;
  transform: translateX(-50%);
  background-size: 12px 14px;
  background-repeat: no-repeat;
}
body .cont #content-container #modal-operators-empty .modal-dialog .modal-content .modal-body .row .operator-card .operator-info p:nth-child(3) {
  text-transform: uppercase;
  background-image: url(../img/icons/position.png);
  background-position: left center;
  padding-left: 15px;
  width: 140px;
  position: relative;
  left: 50%;
  transform: translateX(-50%);
  background-size: 10px 14px;
  background-repeat: no-repeat;
}
body .cont #content-container #modal-operators-empty .modal-dialog .modal-content .modal-body .row .operator-card .operator-info p:nth-child(3) .distance {
  color: #5679b0;
}
body .cont #content-container #modal-operators-empty .modal-dialog .modal-content .modal-body .row .operator-card .operator-info p:nth-child(5) {
  text-transform: uppercase;
  background-image: url(../img/icons/timer-hightlighted.png);
  background-position: left center;
  padding-left: 15px;
  width: 170px;
  position: relative;
  left: 50%;
  transform: translateX(-50%);
  background-size: 12px 14px;
  background-repeat: no-repeat;
}
body .cont #content-container #modal-operators-empty .modal-dialog .modal-content .modal-body .row .operator-card .operator-info p:nth-child(5) .hightlight {
  color: #aacc65;
}
body .cont #content-container #modal-operators-empty .modal-dialog .modal-content .modal-body .row .operator-card .operator-info .hours-progress {
  width: calc(100% - 34px);
  margin-left: 17px;
  height: 5px;
  background-color: #dadada;
  border-radius: 5px;
  position: relative;
  margin-bottom: 10px;
}
body .cont #content-container #modal-operators-empty .modal-dialog .modal-content .modal-body .row .operator-card .operator-info .hours-progress .body {
  position: absolute;
  left: 0;
  top: 0;
  height: 5px;
  width: 50%;
  border-radius: 5px;
  background-color: #aacc65;
}
body .cont #content-container #modal-operators-empty .modal-dialog .modal-content .modal-body .row .operator-card .btn-group {
  position: relative;
  left: 50%;
  transform: translateX(-50%);
  margin-bottom: 21px;
  border-radius: 1px;
}
body .cont #content-container #modal-operators-empty .modal-dialog .modal-content .modal-body .row .operator-card .btn-group .btn {
  height: 35px;
  border: none;
  box-shadow: 0 3px 5px 0 rgba(0, 0, 0, 0.1);
  background-color: #587aad;
  font-family: 'Muli';
  font-size: 12px;
  letter-spacing: 1px;
  text-align: center;
  color: #ffffff;
}
body .cont #content-container #modal-operators-empty .modal-dialog .modal-content .modal-body .row .operator-card .btn-group .btn:nth-child(1),
body .cont #content-container #modal-operators-empty .modal-dialog .modal-content .modal-body .row .operator-card .btn-group .btn:nth-child(3) {
  width: 40px;
}
body .cont #content-container #modal-operators-empty .modal-dialog .modal-content .modal-body .row .operator-card .btn-group .btn:nth-child(1):hover,
body .cont #content-container #modal-operators-empty .modal-dialog .modal-content .modal-body .row .operator-card .btn-group .btn:nth-child(3):hover {
  background-color: #45628d;
}
body .cont #content-container #modal-operators-empty .modal-dialog .modal-content .modal-body .row .operator-card .btn-group .btn:nth-child(2) {
  width: 134px;
}
body .cont #content-container #modal-operators-empty .modal-dialog .modal-content .modal-body #modal-header-row h3 {
  font-family: 'Overpass';
  font-size: 16px;
  color: #ffffff;
  font-weight: 100;
  margin-top: 15px;
  letter-spacing: 0.5px;
}
body .cont #content-container #modal-operators-empty .modal-dialog .modal-content .modal-body #task-nav {
  height: 40px;
}
body .cont #content-container #modal-operators-empty .modal-dialog .modal-content .modal-body #task-nav li.nav-item:hover {
  cursor: pointer;
}
body .cont #content-container #modal-operators-empty .modal-dialog .modal-content .modal-body #task-nav li.nav-item:hover a {
  padding-top: 20px;
}
body .cont #content-container #modal-operators-empty .modal-dialog .modal-content .modal-body #task-nav li.nav-item a {
  border-top-left-radius: 0px;
  border-top-right-radius: 0px;
  padding-top: 10px;
  transition: 0.3s;
}
body .cont #content-container #modal-operators-empty .modal-dialog .modal-content .modal-body #task-nav li.nav-item a.active {
  padding-top: 22px;
}
body .cont #content-container #modal-operators-empty .modal-dialog .modal-content .modal-body #task-nav li.nav-item.asigned a.nav-link {
  background-color: #587aad;
}
body .cont #content-container #modal-operators-empty .modal-dialog .modal-content .modal-body #task-nav li.nav-item.asigned a.nav-link:hover {
  background-color: #45628d;
}
body .cont #content-container #modal-operators-empty .modal-dialog .modal-content .modal-body #task-nav li.nav-item.not-asigned a.nav-link {
  background-color: #d54f60;
}
body .cont #content-container #modal-operators-empty .modal-dialog .modal-content .modal-body #task-nav li.nav-item.not-asigned a.nav-link:hover {
  background-color: #c32e41;
}
body .cont #content-container #modal-operators-empty .modal-dialog .modal-content .modal-body #task-nav li.nav-item.extra a.nav-link {
  background-color: #B02E63;
}
body .cont #content-container #modal-operators-empty .modal-dialog .modal-content .modal-body #task-nav li.nav-item.extra a.nav-link:hover {
  background-color: #88234c;
}
body .cont #content-container #modal-operators-empty .modal-dialog .modal-content .modal-body #task-nav li.nav-item.extra.asigned a.nav-link {
  background-color: #3054A1;
}
body .cont #content-container #modal-operators-empty .modal-dialog .modal-content .modal-body #task-nav li.nav-item.extra.asigned a.nav-link:hover {
  background-color: #24407a;
}
body .cont #content-container #modal-operators-empty .modal-dialog .modal-content .modal-body #card-cont {
  margin: 57px 0;
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-around;
  max-width: 1068px;
}
body .cont #content-container #modal-operators-empty .modal-dialog .modal-content .modal-body #card-cont.asigned {
  flex-direction: row-reverse;
}
body .cont #content-container #modal-operators-empty .modal-dialog .modal-content .modal-body #card-cont:after {
  content: "";
  flex: auto;
}
body .cont #content-container #modal-operators-empty .modal-dialog .modal-content .modal-body #card-cont .operator-card {
  padding: 0 15px;
  height: 380px;
  background-color: #fff;
  border-radius: 4px;
  position: relative;
  flex: 0 0 23%;
  margin: 20px 1%;
  transition: 0.3s;
  box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.07), 0 22px 22px 0 rgba(0, 0, 0, 0.13);
}
body .cont #content-container #modal-operators-empty .modal-dialog .modal-content .modal-body #card-cont .operator-card.default {
  background-image: linear-gradient(#fff, #d3fbd5);
}
body .cont #content-container #modal-operators-empty .modal-dialog .modal-content .modal-body #card-cont .operator-card.blacklisted {
  background-image: linear-gradient(#fff, #f5baba);
}
body .cont #content-container #modal-operators-empty .modal-dialog .modal-content .modal-body #card-cont .operator-card.unavailable {
  opacity: 0.7;
}
body .cont #content-container #modal-operators-empty .modal-dialog .modal-content .modal-body #card-cont .operator-card.no-operator {
  display: none;
}
body .cont #content-container #modal-operators-empty .modal-dialog .modal-content .modal-body #card-cont .operator-card.disabled {
  transform: translateY(-30px);
  opacity: 0;
  visibility: hidden;
}
body .cont #content-container #modal-operators-empty .modal-dialog .modal-content .modal-body #card-cont .operator-card.asigned {
  padding: 0 15px;
  height: 347px;
  background-color: #fff;
  border-radius: 4px;
  position: relative;
  flex: 0 0 23%;
  margin: 20px 1%;
  float: right;
  transition: 0.3s;
  box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.07), 0 22px 22px 0 rgba(0, 0, 0, 0.13);
}
body .cont #content-container #modal-operators-empty .modal-dialog .modal-content .modal-body #card-cont .operator-card.asigned.adder {
  box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.07), 0 22px 22px 0 rgba(0, 0, 0, 0.13);
  background-color: #5679b0;
  transition: 0.3s;
}
body .cont #content-container #modal-operators-empty .modal-dialog .modal-content .modal-body #card-cont .operator-card.asigned.adder h3 {
  font-family: 'Overpass';
  text-transform: uppercase;
  font-size: 53px;
  margin-top: 70%;
  margin-bottom: 30%;
  line-height: 1.08;
  text-align: center;
  color: #ffffff;
}
body .cont #content-container #modal-operators-empty .modal-dialog .modal-content .modal-body #card-cont .operator-card.asigned.adder h4 {
  font-family: 'Overpass';
  text-transform: uppercase;
  font-size: 13px;
  line-height: 1.08;
  text-align: center;
  color: #ffffff;
}
body .cont #content-container #modal-operators-empty .modal-dialog .modal-content .modal-body #card-cont .operator-card.asigned.adder:hover {
  background-color: #4b6da1;
  cursor: pointer;
}
body .cont #content-container #modal-operators-empty .modal-dialog .modal-content .modal-body #card-cont .operator-card.asigned .operator-top {
  width: 100%;
  height: 142px;
  position: relative;
}
body .cont #content-container #modal-operators-empty .modal-dialog .modal-content .modal-body #card-cont .operator-card.asigned .operator-top .close-btn {
  position: absolute;
  top: 17px;
  right: 17px;
}
body .cont #content-container #modal-operators-empty .modal-dialog .modal-content .modal-body #card-cont .operator-card.asigned .operator-top .close-btn:hover {
  cursor: pointer;
}
body .cont #content-container #modal-operators-empty .modal-dialog .modal-content .modal-body #card-cont .operator-card.asigned .operator-top .operator-photo {
  width: 112px;
  height: 112px;
  background-position: center;
  background-image: url(../img/operators/operator-1.png);
  border-radius: 50%;
  position: absolute;
  top: 30px;
  left: 50%;
  transform: translateX(-50%);
}
body .cont #content-container #modal-operators-empty .modal-dialog .modal-content .modal-body #card-cont .operator-card.asigned .operator-top .operator-photo .info {
  display: flex;
  width: 35px;
  height: 35px;
  border-radius: 50%;
  box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.29);
  background-color: #587aad;
  justify-content: center;
  align-items: center;
  position: relative;
  top: 77px;
  left: 77px;
}
body .cont #content-container #modal-operators-empty .modal-dialog .modal-content .modal-body #card-cont .operator-card.asigned .operator-info p {
  color: #a0a4a8;
  text-align: center;
  font-family: 'Overpass';
  font-size: 13px;
  line-height: 1.08;
}
body .cont #content-container #modal-operators-empty .modal-dialog .modal-content .modal-body #card-cont .operator-card.asigned .operator-info p:nth-child(1) {
  margin: 15px 0;
  font-family: 'Overpass';
  font-size: 16px;
  line-height: 0.88;
  color: #5679b0;
}
body .cont #content-container #modal-operators-empty .modal-dialog .modal-content .modal-body #card-cont .operator-card.asigned .operator-info p:nth-child(2) {
  text-transform: uppercase;
  background-image: url(../img/icons/phone.png);
  background-position: left center;
  padding-left: 5px;
  width: 120px;
  position: relative;
  left: 50%;
  transform: translateX(-50%);
  background-size: 12px 14px;
  background-repeat: no-repeat;
}
body .cont #content-container #modal-operators-empty .modal-dialog .modal-content .modal-body #card-cont .operator-card.asigned .operator-info p:nth-child(4) {
  text-transform: uppercase;
  background-image: url(../img/icons/timer-hightlighted.png);
  background-position: left center;
  padding-left: 15px;
  width: 190px;
  position: relative;
  left: 50%;
  padding-top: 2px;
  font-size: 11px;
  transform: translateX(-50%);
  background-size: 10px 14px;
  background-repeat: no-repeat;
}
body .cont #content-container #modal-operators-empty .modal-dialog .modal-content .modal-body #card-cont .operator-card.asigned .operator-info p:nth-child(4) .hightlight {
  color: #aacc65;
}
body .cont #content-container #modal-operators-empty .modal-dialog .modal-content .modal-body #card-cont .operator-card.asigned .operator-info .hours-progress {
  width: calc(100% - 34px);
  margin-left: 17px;
  height: 5px;
  background-color: #dadada;
  border-radius: 5px;
  position: relative;
  margin-bottom: 10px;
}
body .cont #content-container #modal-operators-empty .modal-dialog .modal-content .modal-body #card-cont .operator-card.asigned .operator-info .hours-progress .body {
  position: absolute;
  left: 0;
  top: 0;
  height: 5px;
  width: 50%;
  max-width: 100%;
  border-radius: 5px;
  background-color: #aacc65;
}
body .cont #content-container #modal-operators-empty .modal-dialog .modal-content .modal-body #card-cont .operator-card.asigned .btn-group {
  position: relative;
  left: 50%;
  transform: translateX(-50%);
  margin-bottom: 21px;
  border-radius: 1px;
}
body .cont #content-container #modal-operators-empty .modal-dialog .modal-content .modal-body #card-cont .operator-card.asigned .btn-group .btn {
  height: 35px;
  border: none;
  box-shadow: 0 3px 5px 0 rgba(0, 0, 0, 0.1);
  background-color: #587aad;
  font-family: 'Muli';
  font-size: 12px;
  letter-spacing: 1px;
  text-align: center;
  color: #ffffff;
}
body .cont #content-container #modal-operators-empty .modal-dialog .modal-content .modal-body #card-cont .operator-card.asigned .btn-group .btn:nth-child(1),
body .cont #content-container #modal-operators-empty .modal-dialog .modal-content .modal-body #card-cont .operator-card.asigned .btn-group .btn:nth-child(3) {
  width: 40px;
}
body .cont #content-container #modal-operators-empty .modal-dialog .modal-content .modal-body #card-cont .operator-card.asigned .btn-group .btn:nth-child(1):hover,
body .cont #content-container #modal-operators-empty .modal-dialog .modal-content .modal-body #card-cont .operator-card.asigned .btn-group .btn:nth-child(3):hover {
  background-color: #45628d;
}
body .cont #content-container #modal-operators-empty .modal-dialog .modal-content .modal-body #card-cont .operator-card.asigned .btn-group .btn:nth-child(2) {
  width: 134px;
}
body .cont #content-container #modal-operators-empty .modal-dialog .modal-content .modal-body #card-cont .operator-card .shift {
  height: 35px;
  width: 214px;
  background-color: #fff;
  background-repeat: no-repeat;
  background-position: 10px center !important;
  perspective: 1000px;
  position: relative;
  top: -6px;
  margin-bottom: 4px;
}
body .cont #content-container #modal-operators-empty .modal-dialog .modal-content .modal-body #card-cont .operator-card .shift.active .front {
  transform: rotateX(180deg);
  z-index: 1;
}
body .cont #content-container #modal-operators-empty .modal-dialog .modal-content .modal-body #card-cont .operator-card .shift.active .back {
  transform: rotateX(0deg);
  z-index: 2;
}
body .cont #content-container #modal-operators-empty .modal-dialog .modal-content .modal-body #card-cont .operator-card .shift .front {
  width: 100%;
  height: 100%;
  background-color: #efefef;
  background-image: url(../img/icons/timer.png) !important;
  background-repeat: no-repeat;
  background-position: 10px center !important;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  transform: rotateX(0deg);
  position: relative;
  z-index: 2;
  transition: 0.3s;
  border-radius: 4px;
}
body .cont #content-container #modal-operators-empty .modal-dialog .modal-content .modal-body #card-cont .operator-card .shift .front button {
  width: 35px;
  height: 35px;
  float: right;
  background-color: #efefef;
  border: none;
  position: absolute;
  right: 0;
  top: 0;
  border-top-right-radius: 4px;
  border-bottom-right-radius: 4px;
}
body .cont #content-container #modal-operators-empty .modal-dialog .modal-content .modal-body #card-cont .operator-card .shift .front button img {
  position: relative;
  top: -2px;
}
body .cont #content-container #modal-operators-empty .modal-dialog .modal-content .modal-body #card-cont .operator-card .shift .back {
  width: 100%;
  height: 100%;
  background-color: #efefef;
  background-image: url(../img/icons/timer.png) !important;
  background-repeat: no-repeat;
  background-position: 10px center !important;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  transform: rotateX(-180deg);
  position: relative;
  top: -35px;
  z-index: 1;
  transition: 0.3s;
  border-radius: 4px;
}
body .cont #content-container #modal-operators-empty .modal-dialog .modal-content .modal-body #card-cont .operator-card .shift .back select {
  width: 100px;
  position: relative;
  left: 50%;
  top: 50%;
  text-align: center;
  transform: translate(-50%, -50%);
  border-radius: 0 !important;
}
body .cont #content-container #modal-operators-empty .modal-dialog .modal-content .modal-body #card-cont .operator-card .shift .back select option {
  width: 100%;
}
body .cont #content-container #modal-operators-empty .modal-dialog .modal-content .modal-body #card-cont .operator-card .shift .back .select {
  width: 100px;
  position: relative;
  left: 50%;
  height: 25px;
  background-color: #fff;
  top: 50%;
  text-align: center;
  transform: translate(-50%, -50%);
  z-index: 9000;
}
body .cont #content-container #modal-operators-empty .modal-dialog .modal-content .modal-body #card-cont .operator-card .shift .back .select:hover {
  cursor: pointer;
}
body .cont #content-container #modal-operators-empty .modal-dialog .modal-content .modal-body #card-cont .operator-card .shift .back .select.active {
  border: 1px solid #efefef;
  border-top: none;
}
body .cont #content-container #modal-operators-empty .modal-dialog .modal-content .modal-body #card-cont .operator-card .shift .back .select.active ul {
  display: block;
  border: 1px solid #efefef;
  border-bottom: none;
  max-height: 225px;
  overflow: scroll;
}
body .cont #content-container #modal-operators-empty .modal-dialog .modal-content .modal-body #card-cont .operator-card .shift .back .select.active ul li {
  border-bottom: 1px solid #efefef;
}
body .cont #content-container #modal-operators-empty .modal-dialog .modal-content .modal-body #card-cont .operator-card .shift .back .select p {
  text-align: center;
  position: relative;
  top: 6px;
}
body .cont #content-container #modal-operators-empty .modal-dialog .modal-content .modal-body #card-cont .operator-card .shift .back .select ul {
  width: 100px;
  margin: 0;
  padding: 0;
  list-style-type: none;
  position: absolute;
  top: 0px;
  transform: translateY(-100%);
  background-color: #fefefe;
  left: -1px;
  z-index: 9000;
  display: none;
}
body .cont #content-container #modal-operators-empty .modal-dialog .modal-content .modal-body #card-cont .operator-card .shift .back .select ul li {
  width: 100%;
  height: 25px;
  background-color: #fefefe;
  position: relative;
  z-index: 9000;
}
body .cont #content-container #modal-operators-empty .modal-dialog .modal-content .modal-body #card-cont .operator-card .shift .back .select ul li.selected {
  background-color: #efefef;
}
body .cont #content-container #modal-operators-empty .modal-dialog .modal-content .modal-body #card-cont .operator-card .shift .back .select ul li p {
  text-align: center;
}
body .cont #content-container #modal-operators-empty .modal-dialog .modal-content .modal-body #card-cont .operator-card .shift .back button {
  width: 35px;
  height: 35px;
  float: right;
  background-color: #efefef;
  border: none;
  position: absolute;
  right: 0;
  top: 0;
  border-top-right-radius: 4px;
  border-bottom-right-radius: 4px;
}
body .cont #content-container #modal-operators-empty .modal-dialog .modal-content .modal-body #card-cont .operator-card .shift p {
  font-family: 'Muli' !important;
  font-size: 13px !important;
  text-align: center;
  color: #343434;
  line-height: 10px;
  margin: 0 !important;
  position: relative;
  top: 12px;
}
body .cont #content-container #modal-operators-empty .modal-dialog .modal-content .modal-body #card-cont .operator-card .shifter {
  font-family: 'Muli';
  font-size: 13px;
  text-align: center;
  color: #343434;
  position: relative;
  margin-left: 0px;
  display: inline-block;
  width: 214px !important;
  height: 35px;
  background-color: #efefef;
  background-image: url(../img/icons/timer.png) !important;
  background-repeat: no-repeat;
  background-position: 10px center !important;
  padding-top: 10px;
  border-radius: 4px;
  margin-bottom: 8px;
}
body .cont #content-container #modal-operators-empty .modal-dialog .modal-content .modal-body #card-cont .operator-card .shifter a {
  position: absolute;
  right: 4px;
  top: 4px;
  text-align: right;
}
body .cont #content-container #modal-operators-empty .modal-dialog .modal-content .modal-body #card-cont .operator-card .operator-top {
  width: 100%;
  height: 142px;
  position: relative;
}
body .cont #content-container #modal-operators-empty .modal-dialog .modal-content .modal-body #card-cont .operator-card .operator-top .skip-pause,
body .cont #content-container #modal-operators-empty .modal-dialog .modal-content .modal-body #card-cont .operator-card .operator-top .repeat-action {
  position: relative;
  cursor: pointer;
  top: 16px;
  left: 12px;
}
body .cont #content-container #modal-operators-empty .modal-dialog .modal-content .modal-body #card-cont .operator-card .operator-top .skip-pause:before,
body .cont #content-container #modal-operators-empty .modal-dialog .modal-content .modal-body #card-cont .operator-card .operator-top .repeat-action:before {
  width: 28px;
  height: 28px;
  content: "";
  display: block;
  background-color: #fff;
  background-image: url(../img/icons/for-all-unchecked.png);
  background-repeat: no-repeat;
  background-size: contain;
}
body .cont #content-container #modal-operators-empty .modal-dialog .modal-content .modal-body #card-cont .operator-card .operator-top .skip-pause:checked:before,
body .cont #content-container #modal-operators-empty .modal-dialog .modal-content .modal-body #card-cont .operator-card .operator-top .repeat-action:checked:before {
  background-image: url(../img/icons/for-all.png);
}
body .cont #content-container #modal-operators-empty .modal-dialog .modal-content .modal-body #card-cont .operator-card .operator-top .skip-pause {
  top: 56px;
  left: -2px;
}
body .cont #content-container #modal-operators-empty .modal-dialog .modal-content .modal-body #card-cont .operator-card .operator-top .skip-pause:before {
  background-image: url(../img/icons/skip-pause.png);
}
body .cont #content-container #modal-operators-empty .modal-dialog .modal-content .modal-body #card-cont .operator-card .operator-top .skip-pause:checked:before {
  background-image: url(../img/icons/skip-pause-active.png);
}
body .cont #content-container #modal-operators-empty .modal-dialog .modal-content .modal-body #card-cont .operator-card .operator-top .close-btn {
  position: absolute;
  top: 17px;
  right: 17px;
}
body .cont #content-container #modal-operators-empty .modal-dialog .modal-content .modal-body #card-cont .operator-card .operator-top .close-btn:hover {
  cursor: pointer;
}
body .cont #content-container #modal-operators-empty .modal-dialog .modal-content .modal-body #card-cont .operator-card .operator-top .operator-photo {
  width: 112px;
  height: 112px;
  background-position: center;
  background-image: url(../img/operators/operator-1.png);
  border-radius: 50%;
  background-size: contain;
  position: absolute;
  top: 30px;
  left: 50%;
  transform: translateX(-50%);
}
body .cont #content-container #modal-operators-empty .modal-dialog .modal-content .modal-body #card-cont .operator-card .operator-top .alert-btn {
  background-color: #e6e6e6;
  border-radius: 20px;
  height: 28px;
  width: 28px;
  transition: 0.2s;
  position: absolute;
  top: 100px;
  left: 0;
  z-index: 200;
  transition-delay: 0.3s;
  background-image: url(../img/icons/alert.png);
  background-position: 4px 4px;
  overflow: hidden;
  background-repeat: no-repeat;
}
body .cont #content-container #modal-operators-empty .modal-dialog .modal-content .modal-body #card-cont .operator-card .operator-top .alert-btn div {
  position: relative;
  display: block;
  top: 0%;
  transform: translateY(0%);
  transition-delay: 0.3s;
  transition: 0.3s;
}
body .cont #content-container #modal-operators-empty .modal-dialog .modal-content .modal-body #card-cont .operator-card .operator-top .alert-btn p {
  font-family: 'Muli';
  padding: 0;
  font-size: 12px;
  font-weight: bold;
  text-align: center;
  text-transform: uppercase;
  color: #343434 !important;
  opacity: 0;
  transition: 0.3s;
  transition-delay: 0s;
}
body .cont #content-container #modal-operators-empty .modal-dialog .modal-content .modal-body #card-cont .operator-card .operator-top .alert-btn:hover {
  background-image: none;
  transition-delay: 0.1s;
  width: 100%;
  height: 50px;
  border: 1px solid #d6d6d6;
}
body .cont #content-container #modal-operators-empty .modal-dialog .modal-content .modal-body #card-cont .operator-card .operator-top .alert-btn:hover div {
  top: 50%;
  transform: translateY(-50%);
}
body .cont #content-container #modal-operators-empty .modal-dialog .modal-content .modal-body #card-cont .operator-card .operator-top .alert-btn:hover div p {
  opacity: 1;
  transition-delay: 0.3s;
  cursor: default;
}
body .cont #content-container #modal-operators-empty .modal-dialog .modal-content .modal-body #card-cont .operator-card .operator-info p {
  color: #a0a4a8;
  text-align: center;
  font-family: 'Overpass';
  font-size: 13px;
  line-height: 1.08;
}
body .cont #content-container #modal-operators-empty .modal-dialog .modal-content .modal-body #card-cont .operator-card .operator-info p:nth-child(1) {
  margin: 15px 0;
  font-family: 'Overpass';
  font-size: 16px;
  line-height: 0.88;
}
body .cont #content-container #modal-operators-empty .modal-dialog .modal-content .modal-body #card-cont .operator-card .operator-info p:nth-child(1) a {
  text-decoration: none;
  color: #5679b0;
}
body .cont #content-container #modal-operators-empty .modal-dialog .modal-content .modal-body #card-cont .operator-card .operator-info p:nth-child(1) a:hover {
  color: #7995c0;
}
body .cont #content-container #modal-operators-empty .modal-dialog .modal-content .modal-body #card-cont .operator-card .operator-info p:nth-child(2) {
  text-transform: uppercase;
  background-image: url(../img/icons/phone.png);
  background-position: left center;
  padding-left: 5px;
  width: 120px;
  position: relative;
  left: 50%;
  transform: translateX(-50%);
  background-size: 12px 14px;
  background-repeat: no-repeat;
}
body .cont #content-container #modal-operators-empty .modal-dialog .modal-content .modal-body #card-cont .operator-card .operator-info p:nth-child(3) {
  text-transform: uppercase;
  background-image: url(../img/icons/position.png);
  background-position: left center;
  padding-left: 15px;
  width: 140px;
  position: relative;
  left: 50%;
  transform: translateX(-50%);
  background-size: 10px 14px;
  background-repeat: no-repeat;
}
body .cont #content-container #modal-operators-empty .modal-dialog .modal-content .modal-body #card-cont .operator-card .operator-info p:nth-child(3) .distance {
  color: #5679b0;
}
body .cont #content-container #modal-operators-empty .modal-dialog .modal-content .modal-body #card-cont .operator-card .operator-info p:nth-child(5) {
  text-transform: uppercase;
  background-image: url(../img/icons/timer-hightlighted.png);
  background-position: left center;
  padding-left: 15px;
  width: 180px;
  position: relative;
  left: 50%;
  padding-top: 2px;
  font-size: 11px;
  transform: translateX(-50%);
  background-size: 12px 14px;
  background-repeat: no-repeat;
}
body .cont #content-container #modal-operators-empty .modal-dialog .modal-content .modal-body #card-cont .operator-card .operator-info p:nth-child(5) .hightlight {
  color: #aacc65;
}
body .cont #content-container #modal-operators-empty .modal-dialog .modal-content .modal-body #card-cont .operator-card .operator-info .hours-progress {
  width: calc(100% - 34px);
  margin-left: 17px;
  height: 5px;
  background-color: #dadada;
  border-radius: 5px;
  position: relative;
  margin-bottom: 10px;
}
body .cont #content-container #modal-operators-empty .modal-dialog .modal-content .modal-body #card-cont .operator-card .operator-info .hours-progress .body {
  position: absolute;
  left: 0;
  top: 0;
  height: 5px;
  width: 50%;
  max-width: 100%;
  border-radius: 5px;
  background-color: #aacc65;
}
body .cont #content-container #modal-operators-empty .modal-dialog .modal-content .modal-body #card-cont .operator-card .btn-group {
  position: relative;
  left: 50%;
  transform: translateX(-50%);
  margin-bottom: 21px;
  border-radius: 1px;
}
body .cont #content-container #modal-operators-empty .modal-dialog .modal-content .modal-body #card-cont .operator-card .btn-group .btn {
  height: 35px;
  border: none;
  box-shadow: 0 3px 5px 0 rgba(0, 0, 0, 0.1);
  background-color: #587aad;
  font-family: 'Muli';
  font-size: 12px;
  letter-spacing: 1px;
  text-align: center;
  color: #ffffff;
  transition: 0.3s;
}
body .cont #content-container #modal-operators-empty .modal-dialog .modal-content .modal-body #card-cont .operator-card .btn-group .btn:nth-child(1),
body .cont #content-container #modal-operators-empty .modal-dialog .modal-content .modal-body #card-cont .operator-card .btn-group .btn:nth-child(3) {
  width: 40px;
}
body .cont #content-container #modal-operators-empty .modal-dialog .modal-content .modal-body #card-cont .operator-card .btn-group .btn:nth-child(1):hover,
body .cont #content-container #modal-operators-empty .modal-dialog .modal-content .modal-body #card-cont .operator-card .btn-group .btn:nth-child(3):hover {
  background-color: #45628d;
}
body .cont #content-container #modal-operators-empty .modal-dialog .modal-content .modal-body #card-cont .operator-card .btn-group .btn:nth-child(2) {
  width: 134px;
}
body .cont #content-container #modal-operators-empty .modal-dialog .modal-content .modal-body #card-cont .operator-card .btn-group .btn.reasign {
  background-color: #95bf3f;
}
body .cont #content-container #modal-operators-empty .modal-dialog .modal-content .modal-body #card-cont .operator-card .btn-group .btn.reasign:nth-child(1):hover,
body .cont #content-container #modal-operators-empty .modal-dialog .modal-content .modal-body #card-cont .operator-card .btn-group .btn.reasign:nth-child(2):hover,
body .cont #content-container #modal-operators-empty .modal-dialog .modal-content .modal-body #card-cont .operator-card .btn-group .btn.reasign:nth-child(3):hover {
  background-color: #779833;
}
body .cont #content-container #modal-operators-empty .modal-dialog .modal-content .modal-body #card-cont .operator-card .btn-group .btn:hover {
  background-color: #45628d;
}
body .cont #content-container #modal-operators-empty .modal-dialog .modal-content .modal-body #task-notes {
  margin: 30px 0 10px;
  font-size: 20px;
  display: none;
}
body .cont #content-container #modal-operators-empty .modal-dialog .modal-content .modal-body #task-notes:not(.disabled) {
  display: inline-block;
}
body .cont #content-container #modal-operators-empty .modal-dialog .modal-content .modal-body #task-notes:not(.disabled) + #card-cont {
  margin-top: 0;
}
body .cont #content-container #modal-task-adder .modal-content {
  background-color: rgba(0, 0, 0, 0);
  border: 0;
  color: #fff;
}
body .cont #content-container #modal-task-adder .modal-content .hours-field {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 70%;
  height: 60px;
  color: #272727;
  border-radius: 6px;
  background-color: #fff;
  margin: 10px 15%;
  text-align: center;
}
body .cont #content-container #modal-task-adder .modal-content .input-group {
  width: 100%;
  margin-bottom: 20px;
}
body .cont #content-container #modal-task-adder .modal-content .input-group h4 {
  display: inline-block;
  width: 100%;
  text-align: center;
  font-family: 'Muli';
  font-size: 18px;
  letter-spacing: 1px;
  color: #ffffff;
}
body .cont #content-container #modal-task-adder .modal-content .input-group select {
  width: 70%;
  margin-left: 15%;
  height: 38px;
}
body .cont #content-container #modal-task-adder .modal-content .input-group .btn-group {
  position: relative;
  width: 70%;
  left: 50%;
  transform: translateX(-50%);
  border-radius: 1px;
}
body .cont #content-container #modal-task-adder .modal-content .input-group .btn-group .btn {
  height: 35px;
  border: none;
  margin: 10px 0;
  box-shadow: 0 3px 5px 0 rgba(0, 0, 0, 0.1);
  background-color: #587aad;
  font-family: 'Muli';
  font-size: 12px;
  letter-spacing: 1px;
  text-align: center;
  color: #ffffff;
  transition: 0.3s;
}
body .cont #content-container #modal-task-adder .modal-content .input-group .btn-group .btn:nth-child(1),
body .cont #content-container #modal-task-adder .modal-content .input-group .btn-group .btn:nth-child(3) {
  width: 15%;
}
body .cont #content-container #modal-task-adder .modal-content .input-group .btn-group .btn:nth-child(1):hover,
body .cont #content-container #modal-task-adder .modal-content .input-group .btn-group .btn:nth-child(3):hover {
  background-color: #45628d;
}
body .cont #content-container #modal-task-adder .modal-content .input-group .btn-group .btn:nth-child(2) {
  width: 70%;
}
body .cont #content-container #modal-task-adder .modal-content .input-group .btn-group .btn.reasign {
  background-color: #95bf3f;
}
body .cont #content-container #modal-task-adder .modal-content .input-group .btn-group .btn.reasign:nth-child(1):hover,
body .cont #content-container #modal-task-adder .modal-content .input-group .btn-group .btn.reasign:nth-child(2):hover,
body .cont #content-container #modal-task-adder .modal-content .input-group .btn-group .btn.reasign:nth-child(3):hover {
  background-color: #779833;
}
body .cont #content-container #modal-task-adder .modal-content .input-group .btn-group .btn:hover {
  background-color: #45628d;
}
body .cont #content-container #modal-task-adder .modal-content .input-group .submit {
  position: relative;
  width: 70%;
  left: 50%;
  transform: translateX(-50%);
  height: 35px;
  border: none;
  margin: 10px 0;
  box-shadow: 0 3px 5px 0 rgba(0, 0, 0, 0.1);
  background-color: #587aad;
  font-family: 'Muli';
  font-size: 12px;
  letter-spacing: 1px;
  text-align: center;
  color: #ffffff;
  transition: 0.3s;
  border-radius: 4px;
}
body .cont #content-container #modal-task-adder .modal-content .input-group .submit:hover {
  background-color: #45628d;
}
body .cont #content-container #modal-task-adder .modal-content textarea {
  height: 100px;
  width: 70%;
  margin-left: 15%;
  resize: none;
}
body .cont #content-container #modal-error.alert .modal-content .modal-header {
  background-color: #f27700;
}
body .cont #content-container #modal-error.alert .modal-content .modal-footer button {
  background-color: #f27700;
  border-color: #f27700;
}
body .cont #content-container #modal-error.alert .modal-content .modal-footer button:hover {
  background-color: #bf5e00;
}
body .cont #content-container #modal-error .modal-content {
  margin-top: 200px;
  background-color: #fff;
  border: 0;
  color: #272727;
}
body .cont #content-container #modal-error .modal-content .modal-header {
  background-color: #d54f60;
  color: #fff;
}
body .cont #content-container #modal-error .modal-content .modal-body {
  max-height: 400px;
  overflow: auto;
}
body .cont #content-container #modal-error .modal-content .modal-body ul {
  list-style-type: none;
  padding: 0;
  margin: 0;
}
body .cont #content-container #modal-error .modal-content .modal-body ul li .error-date {
  color: #d54f60;
}
body .cont #content-container #modal-error .modal-content .modal-body ul li a span {
  transition: 0.3s;
}
body .cont #content-container #modal-error .modal-content .modal-body ul li a:hover {
  cursor: pointer;
  color: #359ddc;
}
body .cont #content-container #modal-error .modal-content .modal-body ul li a:hover span {
  padding-left: 10px;
}
body .cont #content-container.unfolded {
  width: calc(100% - 232px);
  max-width: 1688px;
  position: absolute;
  left: 32px;
  top: 0;
}
body .cont #content-container.no-sidebar {
  width: calc(100% - 232px);
  max-width: 1688px;
  position: absolute;
  left: 200px;
  top: 0;
}
body .cont #content-container.without-sidebar {
  width: calc(100% - 200px);
  max-width: 1720px;
  position: absolute;
  left: 200px;
  top: 0;
}
body .cont #content-container.without-sidebar.unfolded {
  width: calc(100% - 32px);
  max-width: 1888px;
  left: 32px;
}
body .cont #content-container.unfolded.no-sidebar {
  width: calc(100% - 64px);
  max-width: 1856px;
  position: absolute;
  left: 32px;
  top: 0;
}
body .cont #content-container #header-area {
  width: 100%;
  height: 50px;
  box-shadow: 0 1px 0 0 rgba(192, 192, 192, 0.35);
  background-color: #ffffff;
  margin: 0;
  position: relative;
  z-index: 10;
}
body .cont #content-container #header-area.clients,
body .cont #content-container #header-area.operators {
  display: flex;
  align-items: center;
  text-align: center;
}
body .cont #content-container #header-area.clients p,
body .cont #content-container #header-area.operators p,
body .cont #content-container #header-area.clients a,
body .cont #content-container #header-area.operators a {
  font-family: 'Overpass';
  text-transform: uppercase;
  font-size: 12px;
  letter-spacing: 0.9px;
  color: #a0a2a8;
  line-height: 50px;
}
body .cont #content-container #header-area.clients p .strong,
body .cont #content-container #header-area.operators p .strong,
body .cont #content-container #header-area.clients a .strong,
body .cont #content-container #header-area.operators a .strong {
  color: #44474c;
  font-weight: 700;
}
body .cont #content-container #header-area.clients .col-4,
body .cont #content-container #header-area.operators .col-4 {
  text-align: center;
}
body .cont #content-container #header-area.clients .col-5,
body .cont #content-container #header-area.operators .col-5 {
  display: flex;
  justify-content: space-between;
  border-left: solid 1px #dfdfdf;
  border-right: solid 1px #dfdfdf;
}
body .cont #content-container #header-area.clients .col-5 a,
body .cont #content-container #header-area.operators .col-5 a {
  float: none;
  text-decoration: none;
  background-image: url(../img/icons/arrows.png);
  padding-right: 15px;
  background-repeat: no-repeat;
  background-position: right center;
  background-size: 10px;
}
body .cont #content-container #header-area.clients .col-5 a.active,
body .cont #content-container #header-area.operators .col-5 a.active {
  background-image: url(../img/icons/arrows-btm.png);
}
body .cont #content-container #header-area.clients .col-1,
body .cont #content-container #header-area.operators .col-1 {
  border-right: solid 1px #dfdfdf;
}
body .cont #content-container #header-area.clients .col-1 a,
body .cont #content-container #header-area.operators .col-1 a {
  float: none;
  text-align: center;
}
body .cont #content-container #header-area.clients .download-report,
body .cont #content-container #header-area.operators .download-report {
  margin: 5px 4px;
  float: left;
  padding: 5px 10px;
  box-shadow: 0 3px 5px 0 rgba(0, 0, 0, 0.1);
  background-color: transparent;
  font-family: 'Muli';
  font-size: 12px;
  letter-spacing: 1px;
  text-align: center;
  color: #587aac;
  transition: 0.3s;
  border-radius: 4px;
  display: flex;
  border: 2px solid #587aac;
  align-items: center;
}
body .cont #content-container #header-area.clients .download-report i,
body .cont #content-container #header-area.operators .download-report i {
  margin-left: 10px;
  width: 20px;
  height: 20px;
  background-image: url(../img/icons/file-export.svg);
  background-position: center;
  background-size: 20px;
  background-color: transparent;
  display: inline-block;
  background-repeat: no-repeat;
}
body .cont #content-container #header-area.clients .download-report:hover,
body .cont #content-container #header-area.operators .download-report:hover {
  cursor: pointer;
}
body .cont #content-container #header-area .col-4 {
  overflow: hidden;
  height: 50px;
}
body .cont #content-container #header-area .col-4:nth-child(2) {
  border-left: solid 1px #dcdcdc;
  border-right: solid 1px #dcdcdc;
  display: flex;
  justify-content: space-between;
}
body .cont #content-container #header-area .col-4:nth-child(2) p {
  text-align: center;
}
body .cont #content-container #header-area .col-4:nth-child(2) p .date {
  font-family: 'Muli';
  font-size: 13px;
  color: #a0a4a8;
}
body .cont #content-container #header-area .col-4:nth-child(2) p .from-to {
  font-family: 'Muli';
  font-weight: 700;
  font-size: 14px;
  text-transform: uppercase;
  color: #44474c;
}
body .cont #content-container #header-area .col-4:nth-child(2) a {
  margin: 0;
}
body .cont #content-container #header-area .col-4:nth-child(2) a:hover {
  cursor: pointer;
}
body .cont #content-container #header-area .col-4 .export {
  position: relative;
  left: 50%;
  transform: translateX(-50%);
  margin: 8px 0 30px;
  height: 35px;
  border: none;
  padding: 5px 25px;
  box-shadow: 0 3px 5px 0 rgba(0, 0, 0, 0.1);
  background-color: #5679b0;
  font-family: 'Muli';
  font-size: 12px;
  letter-spacing: 1px;
  text-align: center;
  color: #ffffff;
  transition: 0.3s;
  border-radius: 4px;
}
body .cont #content-container #header-area .col-4 .export:hover {
  background-color: #3b557e;
  cursor: pointer;
}
body .cont #content-container #header-area a {
  font-size: 17px;
  line-height: 50px;
  float: right;
  margin-right: 17px;
}
body .cont #content-container #header-area .in-col {
  font-size: 17px;
  line-height: 50px;
  float: right;
  margin: 0 0 0 0;
}
body .cont #content-container #legend {
  height: 40px;
  margin: 0;
  box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.07);
  border-bottom: solid 1px #dcdcdc;
  background-color: #ffffff;
  position: relative;
  z-index: 1;
  transition: 0.3s;
}
body .cont #content-container #legend.deactivated {
  transform: translateY(-40px);
  box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0);
  border-bottom: solid 0px #dcdcdc;
}
body .cont #content-container #legend .col-1 {
  text-align: right;
  padding-top: 10px;
  align-content: center;
  font-family: 'Muli';
  font-size: 13px;
  font-weight: 600;
  color: #343434;
}
body .cont #content-container #legend .col-1:nth-child(3) {
  padding: 0;
}
body .cont #content-container #legend .col-1:nth-child(3) p {
  display: block;
  float: right;
  width: 40px;
  height: 40px;
  line-height: 36px;
  text-align: center;
  position: relative;
  left: 28px;
  color: #587aad;
  font-weight: 300;
  font-size: 20px;
}
body .cont #content-container #legend .col-1:nth-child(3) p:hover {
  color: #45628d;
  cursor: pointer;
}
body .cont #content-container #legend .col-10.row .col-3 {
  padding-top: 10px;
  font-family: 'Muli';
  font-size: 13px;
  color: #a0a4a8;
}
body .cont #content-container #legend .col-10.row .col-3 .legend-point {
  position: relative;
  top: 4px;
  float: left;
  box-sizing: content-box;
  width: 18px;
  height: 18px;
  box-shadow: 0 3px 4px 0 rgba(0, 0, 0, 0.21);
  background-color: #5679B0;
  border-radius: 50%;
  margin-right: 14px;
}
body .cont #content-container #legend .col-10.row .col-3 .legend-cont {
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  white-space: nowrap;
}
body .cont #content-container #legend .col-10.row .col-3:nth-child(1) .legend-point {
  position: relative;
  top: 0px;
  float: left;
  box-sizing: content-box;
  width: 18px;
  height: 18px;
  background-color: #5679B0;
  border-radius: 50%;
  margin-right: 14px;
}
body .cont #content-container #legend .col-10.row .col-3:nth-child(2) .legend-point {
  position: relative;
  top: 0px;
  float: left;
  box-sizing: content-box;
  width: 18px;
  height: 18px;
  background-color: #D54F60;
  border-radius: 50%;
  margin-right: 14px;
}
body .cont #content-container #legend .col-10.row .col-3:nth-child(3) .legend-point {
  position: relative;
  top: 0px;
  float: left;
  box-sizing: content-box;
  width: 18px;
  height: 18px;
  background-color: #5679B0;
  border-radius: 50%;
  margin-right: 14px;
  overflow: hidden;
}
body .cont #content-container #legend .col-10.row .col-3:nth-child(3) .legend-point:after {
  content: "";
  width: 18px;
  position: relative;
  top: 9px;
  left: 10px;
  transform: rotate(45deg);
  height: 18px;
  display: block;
  background-color: #FFF3AE;
}
body .cont #content-container #legend .col-10.row .col-3:nth-child(4) .legend-point {
  position: relative;
  top: 0px;
  float: left;
  box-sizing: content-box;
  width: 18px;
  height: 18px;
  background-color: #D54F60;
  border-radius: 50%;
  margin-right: 14px;
  overflow: hidden;
}
body .cont #content-container #legend .col-10.row .col-3:nth-child(4) .legend-point:after {
  content: "";
  width: 18px;
  position: relative;
  top: 9px;
  left: 10px;
  transform: rotate(45deg);
  height: 18px;
  display: block;
  background-color: #FFF3AE;
}
body .cont #content-container #content-area {
  padding: 20px 34px;
  width: 100%;
  height: calc(100vh - 50px);
  overflow-y: auto;
  background-color: #F3F3F3;
  transition: 0.3s;
}
body .cont #content-container #content-area .row:nth-child(1) {
  height: 60%;
}
body .cont #content-container #content-area .row:nth-child(1) .col-4 {
  padding: 0;
  overflow: hidden;
  box-shadow: 5px 0 6px 0 rgba(0, 0, 0, 0.05), 0 1px 1px 0 rgba(0, 0, 0, 0.31);
}
body .cont #content-container #content-area .row:nth-child(1) .col-4 .profile-image-large {
  position: relative;
  object-fit: cover;
  width: 100%;
  top: 50%;
  transform: translateY(-50%);
  min-width: 100%;
  min-height: 100%;
}
body .cont #content-container #content-area .row:nth-child(1) .col-4 .croppie-container .cr-slider-wrap {
  position: relative;
  top: -50px;
  z-index: 1000;
}
body .cont #content-container #content-area .row:nth-child(1) .col-8 {
  background-color: #fff;
  position: relative;
}
body .cont #content-container #content-area .row:nth-child(1) .col-8 .info-profile {
  width: calc(100% - 60px);
  margin: 0 auto;
  margin-top: 30px;
}
body .cont #content-container #content-area .row:nth-child(1) .col-8 .info-profile .main-info-cont {
  width: 100%;
  padding: 0;
  margin: 0;
}
body .cont #content-container #content-area .row:nth-child(1) .col-8 .info-profile .main-info-cont .name-field {
  width: 340px;
  height: 36px;
  perspective: 1000px;
  transition: 0.3s;
  overflow: hidden;
  margin-bottom: 5px;
}
body .cont #content-container #content-area .row:nth-child(1) .col-8 .info-profile .main-info-cont .name-field.active .front {
  transform: rotateX(180deg);
  z-index: 1;
}
body .cont #content-container #content-area .row:nth-child(1) .col-8 .info-profile .main-info-cont .name-field.active .back {
  transform: rotateX(0deg);
  z-index: 2;
}
body .cont #content-container #content-area .row:nth-child(1) .col-8 .info-profile .main-info-cont .name-field .front {
  width: 340px;
  height: 36px;
  border-radius: 4px;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  transform: rotateX(0deg);
  position: relative;
  z-index: 2;
  transition: 0.3s;
}
body .cont #content-container #content-area .row:nth-child(1) .col-8 .info-profile .main-info-cont .name-field .front h2 {
  font-family: 'Overpass';
  font-size: 30px;
  color: #44474c;
}
body .cont #content-container #content-area .row:nth-child(1) .col-8 .info-profile .main-info-cont .name-field .back {
  position: relative;
  top: -36px;
  width: 340px;
  height: 36px;
  border-radius: 4px;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  transform: rotateX(-180deg);
  z-index: 1;
  transition: 0.3s;
}
body .cont #content-container #content-area .row:nth-child(1) .col-8 .info-profile .main-info-cont .name-field .back h3 {
  font-size: 18px;
  display: inline-block;
  float: left;
  line-height: 36px;
  width: 100px;
  height: 100%;
}
body .cont #content-container #content-area .row:nth-child(1) .col-8 .info-profile .main-info-cont .name-field .back input {
  width: calc(100% - 100px);
  height: 36px;
  float: left;
  border-radius: 4px;
  border: 1px solid #efefef;
  padding-left: 10px;
}
body .cont #content-container #content-area .row:nth-child(1) .col-8 .info-profile .main-info-cont .role-field {
  width: 340px;
  height: 36px;
  perspective: 1000px;
  transition: 0.3s;
  clear: both;
  overflow: hidden;
}
body .cont #content-container #content-area .row:nth-child(1) .col-8 .info-profile .main-info-cont .role-field.active .front {
  transform: rotateX(180deg);
  z-index: 1;
}
body .cont #content-container #content-area .row:nth-child(1) .col-8 .info-profile .main-info-cont .role-field.active .back {
  transform: rotateX(0deg);
  z-index: 2;
}
body .cont #content-container #content-area .row:nth-child(1) .col-8 .info-profile .main-info-cont .role-field .front {
  width: 340px;
  height: 36px;
  border-radius: 4px;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  transform: rotateX(0deg);
  position: relative;
  z-index: 2;
  transition: 0.3s;
}
body .cont #content-container #content-area .row:nth-child(1) .col-8 .info-profile .main-info-cont .role-field .front .role {
  font-size: 13px;
  line-height: 36px;
  letter-spacing: 2px;
  color: #a0a2a8;
}
body .cont #content-container #content-area .row:nth-child(1) .col-8 .info-profile .main-info-cont .role-field .back {
  position: relative;
  top: -36px;
  width: 340px;
  height: 36px;
  border-radius: 4px;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  transform: rotateX(-180deg);
  z-index: 1;
  transition: 0.3s;
}
body .cont #content-container #content-area .row:nth-child(1) .col-8 .info-profile .main-info-cont .role-field .back h3 {
  font-size: 18px;
  display: inline-block;
  float: left;
  line-height: 36px;
  width: 100px;
  height: 100%;
}
body .cont #content-container #content-area .row:nth-child(1) .col-8 .info-profile .main-info-cont .role-field .back select {
  width: calc(100% - 100px);
  height: 36px;
  float: left;
  border-radius: 4px;
  border: 1px solid #efefef;
}
body .cont #content-container #content-area .row:nth-child(1) .col-8 .info-profile .main-info-cont .mail-field {
  width: 340px;
  height: 36px;
  perspective: 1000px;
  transition: 0.3s;
  clear: both;
  overflow: hidden;
  margin-bottom: 10px;
}
body .cont #content-container #content-area .row:nth-child(1) .col-8 .info-profile .main-info-cont .mail-field.active .front {
  transform: rotateX(180deg);
  z-index: 1;
}
body .cont #content-container #content-area .row:nth-child(1) .col-8 .info-profile .main-info-cont .mail-field.active .back {
  transform: rotateX(0deg);
  z-index: 2;
}
body .cont #content-container #content-area .row:nth-child(1) .col-8 .info-profile .main-info-cont .mail-field .front {
  width: 340px;
  height: 36px;
  border-radius: 4px;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  transform: rotateX(0deg);
  position: relative;
  z-index: 2;
  transition: 0.3s;
}
body .cont #content-container #content-area .row:nth-child(1) .col-8 .info-profile .main-info-cont .mail-field .front p {
  padding-left: 40px;
  background-image: url(../img/icons/envelope.png);
  background-repeat: no-repeat;
  background-position: left center;
  line-height: 36px;
}
body .cont #content-container #content-area .row:nth-child(1) .col-8 .info-profile .main-info-cont .mail-field .back {
  position: relative;
  top: -36px;
  width: 340px;
  height: 36px;
  border-radius: 4px;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  transform: rotateX(-180deg);
  z-index: 1;
  transition: 0.3s;
}
body .cont #content-container #content-area .row:nth-child(1) .col-8 .info-profile .main-info-cont .mail-field .back h3 {
  width: 40px;
  height: 36px;
  display: inline-block;
  background-position: left center;
  background-repeat: no-repeat;
  background-image: url(../img/icons/envelope.png);
  float: left;
}
body .cont #content-container #content-area .row:nth-child(1) .col-8 .info-profile .main-info-cont .mail-field .back input {
  width: calc(100% - 100px);
  height: 36px;
  float: left;
  border-radius: 4px;
  border: 1px solid #efefef;
  padding-left: 10px;
}
body .cont #content-container #content-area .row:nth-child(1) .col-8 .info-profile .main-info-cont .phone-field {
  width: 500px;
  height: 36px;
  perspective: 1000px;
  transition: 0.3s;
  clear: both;
  overflow: hidden;
  margin-bottom: 10px;
}
body .cont #content-container #content-area .row:nth-child(1) .col-8 .info-profile .main-info-cont .phone-field.active .front {
  transform: rotateX(180deg);
  z-index: 1;
}
body .cont #content-container #content-area .row:nth-child(1) .col-8 .info-profile .main-info-cont .phone-field.active .back {
  transform: rotateX(0deg);
  z-index: 2;
}
body .cont #content-container #content-area .row:nth-child(1) .col-8 .info-profile .main-info-cont .phone-field .front {
  width: 500px;
  height: 36px;
  border-radius: 4px;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  transform: rotateX(0deg);
  position: relative;
  z-index: 2;
  transition: 0.3s;
}
body .cont #content-container #content-area .row:nth-child(1) .col-8 .info-profile .main-info-cont .phone-field .front p {
  padding-left: 40px;
  background-image: url(../img/icons/phone.png);
  background-repeat: no-repeat;
  background-position: left center;
  line-height: 36px;
  display: inline-block;
  height: 36px;
}
body .cont #content-container #content-area .row:nth-child(1) .col-8 .info-profile .main-info-cont .phone-field .front p .mobile {
  padding-left: 40px;
  margin-left: 70px;
  background-image: url(../img/icons/mobile.png);
  background-repeat: no-repeat;
  background-position: left center;
}
body .cont #content-container #content-area .row:nth-child(1) .col-8 .info-profile .main-info-cont .phone-field .back {
  position: relative;
  top: -36px;
  width: 500px;
  height: 36px;
  border-radius: 4px;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  transform: rotateX(-180deg);
  z-index: 1;
  transition: 0.3s;
}
body .cont #content-container #content-area .row:nth-child(1) .col-8 .info-profile .main-info-cont .phone-field .back h3 {
  width: 40px;
  height: 36px;
  display: inline-block;
  background-position: left center;
  background-repeat: no-repeat;
  background-image: url(../img/icons/envelope.png);
  float: left;
}
body .cont #content-container #content-area .row:nth-child(1) .col-8 .info-profile .main-info-cont .phone-field .back .input {
  padding-left: 40px;
  width: calc(50% - 40px);
  background-image: url(../img/icons/phone.png);
  background-repeat: no-repeat;
  background-position: left center;
  float: left;
}
body .cont #content-container #content-area .row:nth-child(1) .col-8 .info-profile .main-info-cont .phone-field .back .input input {
  width: 100%;
  height: 36px;
  border-radius: 4px;
  border: 1px solid #efefef;
  padding-left: 10px;
}
body .cont #content-container #content-area .row:nth-child(1) .col-8 .info-profile .main-info-cont .phone-field .back .input:nth-child(2) {
  margin-left: 28px;
  width: calc(50% - 40px);
  background-image: url(../img/icons/mobile.png);
}
body .cont #content-container #content-area .row:nth-child(1) .col-8 .info-profile .main-info-cont .address-field {
  width: 500px;
  height: 36px;
  perspective: 1000px;
  transition: 0.3s;
  clear: both;
  overflow: hidden;
  margin-bottom: 10px;
}
body .cont #content-container #content-area .row:nth-child(1) .col-8 .info-profile .main-info-cont .address-field.active .front {
  transform: rotateX(180deg);
  z-index: 1;
}
body .cont #content-container #content-area .row:nth-child(1) .col-8 .info-profile .main-info-cont .address-field.active .back {
  transform: rotateX(0deg);
  z-index: 2;
}
body .cont #content-container #content-area .row:nth-child(1) .col-8 .info-profile .main-info-cont .address-field .front {
  width: 500px;
  height: 36px;
  border-radius: 4px;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  transform: rotateX(0deg);
  position: relative;
  z-index: 2;
  transition: 0.3s;
}
body .cont #content-container #content-area .row:nth-child(1) .col-8 .info-profile .main-info-cont .address-field .front p {
  padding-left: 40px;
  background-image: url(../img/icons/position.png);
  background-repeat: no-repeat;
  background-position: left center;
  line-height: 36px;
}
body .cont #content-container #content-area .row:nth-child(1) .col-8 .info-profile .main-info-cont .address-field .back {
  position: relative;
  top: -36px;
  width: 500px;
  height: 36px;
  border-radius: 4px;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  transform: rotateX(-180deg);
  z-index: 1;
  transition: 0.3s;
}
body .cont #content-container #content-area .row:nth-child(1) .col-8 .info-profile .main-info-cont .address-field .back h3 {
  width: 40px;
  height: 36px;
  display: inline-block;
  background-position: left center;
  background-repeat: no-repeat;
  background-image: url(../img/icons/position.png);
  float: left;
}
body .cont #content-container #content-area .row:nth-child(1) .col-8 .info-profile .main-info-cont .address-field .back input {
  width: calc(100% - 100px);
  height: 36px;
  float: left;
  border-radius: 4px;
  border: 1px solid #efefef;
  padding-left: 10px;
}
body .cont #content-container #content-area .row:nth-child(1) .col-8 .info-profile .main-info-cont .col-1.active .edit-btn {
  display: none;
}
body .cont #content-container #content-area .row:nth-child(1) .col-8 .info-profile .main-info-cont .col-1.active button {
  display: block;
}
body .cont #content-container #content-area .row:nth-child(1) .col-8 .info-profile .main-info-cont .col-1 .edit-btn {
  width: 36px;
  height: 36px;
  perspective: 1000px;
  transition: 0.3s;
  overflow: hidden;
}
body .cont #content-container #content-area .row:nth-child(1) .col-8 .info-profile .main-info-cont .col-1 .edit-btn:hover {
  cursor: pointer;
}
body .cont #content-container #content-area .row:nth-child(1) .col-8 .info-profile .main-info-cont .col-1 .edit-btn.active .front {
  transform: rotateX(180deg);
  z-index: 1;
}
body .cont #content-container #content-area .row:nth-child(1) .col-8 .info-profile .main-info-cont .col-1 .edit-btn.active .back {
  transform: rotateX(0deg);
  z-index: 2;
}
body .cont #content-container #content-area .row:nth-child(1) .col-8 .info-profile .main-info-cont .col-1 .edit-btn .front {
  width: 36px;
  height: 36px;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  transform: rotateX(0deg);
  position: relative;
  z-index: 2;
  transition: 0.3s;
  background-image: url(../img/icons/edit.png);
  background-repeat: no-repeat;
  background-position: center;
}
body .cont #content-container #content-area .row:nth-child(1) .col-8 .info-profile .main-info-cont .col-1 .edit-btn .back {
  width: 36px;
  height: 36px;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  transform: rotateX(-180deg);
  position: relative;
  top: -36px;
  z-index: 1;
  transition: 0.3s;
  background-image: url(../img/icons/cross-gray.png);
  background-repeat: no-repeat;
  background-position: center;
}
body .cont #content-container #content-area .row:nth-child(1) .col-8 .info-profile .main-info-cont .col-1 .edit-btn .back:hover {
  background-image: url(../img/icons/cross-red.png);
}
body .cont #content-container #content-area .row:nth-child(1) .col-8 .info-profile .main-info-cont .col-1 button {
  position: relative;
  left: 50%;
  transform: translateX(-50%);
  margin: 10px 0 30px;
  height: 35px;
  border: none;
  padding: 5px 25px;
  box-shadow: 0 3px 5px 0 rgba(0, 0, 0, 0.1);
  background-color: #5679b0;
  font-family: 'Muli';
  font-size: 12px;
  letter-spacing: 1px;
  text-align: center;
  color: #ffffff;
  transition: 0.3s;
  border-radius: 4px;
  display: none;
}
body .cont #content-container #content-area .row:nth-child(1) .col-8 .info-profile .main-info-cont .col-1 button:hover {
  background-color: #436190;
  cursor: pointer;
}
body .cont #content-container #content-area .row:nth-child(1) .col-8 .data-ferie {
  position: absolute;
  bottom: 30px;
  width: 100%;
  max-height: 150px;
}
body .cont #content-container #content-area .row:nth-child(1) .col-8 .data-ferie.active .overlay {
  opacity: 0.8;
}
body .cont #content-container #content-area .row:nth-child(1) .col-8 .data-ferie .overlay {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 100;
  background-color: #fff;
  opacity: 0;
  transition: 0.3s;
}
body .cont #content-container #content-area .row:nth-child(1) .col-8 .data-ferie .col-3 {
  text-align: center;
}
body .cont #content-container #content-area .row:nth-child(1) .col-8 .data-ferie .col-3 img {
  height: 33px;
  position: relative;
  margin: 20px 0 30px 0;
}
body .cont #content-container #content-area .row:nth-child(1) .col-8 .data-ferie .col-3 h3 {
  font-family: 'Overpass';
  font-size: 18px;
  letter-spacing: 0.9px;
  color: #587aad;
}
body .cont #content-container #content-area .row:nth-child(1) .col-8 .data-ferie .col-3 p {
  text-transform: uppercase;
  font-family: 'Overpass';
  font-size: 13px;
  line-height: 1;
  letter-spacing: 1.1px;
  text-align: center;
  color: #a0a2a8;
}
body .cont #content-container #content-area .row:nth-child(2) {
  height: 40%;
}
body .cont #content-container #content-area .row:nth-child(2) .col-4 {
  background-color: #fff;
  box-shadow: 5px 0 6px 0 rgba(0, 0, 0, 0.05), 0 1px 1px 0 rgba(0, 0, 0, 0.31);
}
body .cont #content-container #content-area .row:nth-child(2) .col-4 button {
  width: 218px;
  height: 35px;
  position: absolute;
  left: 0;
  right: 0;
  margin: 0 auto;
  border: solid 1px #d13636;
  background-color: rgba(0, 0, 0, 0);
  border-radius: 2px;
  padding: 7px 10px;
}
body .cont #content-container #content-area .row:nth-child(2) .col-4 button:last-child {
  bottom: 22px;
  font-family: 'Overpass';
  font-size: 13px;
  text-align: center;
  color: #44474c;
}
body .cont #content-container #content-area .row:nth-child(2) .col-4 button:last-child img {
  top: 4px;
}
body .cont #content-container #content-area .row:nth-child(2) .col-4 button:hover {
  cursor: pointer;
}
body .cont #content-container #content-area .row:nth-child(2) .col-4 button img {
  float: left;
  width: 13px;
  position: relative;
  top: 3px;
}
body .cont #content-container #content-area .row:nth-child(2) .col-4 .change-img {
  position: relative;
  top: 22px;
  width: 218px;
  height: 35px;
  perspective: 1000px;
  transition: 0.3s;
  overflow: hidden;
  margin: 0 auto;
  margin-bottom: 5px;
}
body .cont #content-container #content-area .row:nth-child(2) .col-4 .change-img.active .front {
  transform: rotateX(180deg);
  z-index: 1;
}
body .cont #content-container #content-area .row:nth-child(2) .col-4 .change-img.active .back {
  transform: rotateX(0deg);
  z-index: 2;
}
body .cont #content-container #content-area .row:nth-child(2) .col-4 .change-img .front {
  width: 218px;
  height: 35px;
  border-radius: 4px;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  transform: rotateX(0deg);
  position: relative;
  z-index: 2;
  transition: 0.3s;
}
body .cont #content-container #content-area .row:nth-child(2) .col-4 .change-img .front button {
  top: 0;
  position: relative;
  border: solid 1px #d13636;
  background-color: rgba(0, 0, 0, 0);
  border-radius: 2px;
  padding: 7px 10px;
}
body .cont #content-container #content-area .row:nth-child(2) .col-4 .change-img .front button:last-child {
  top: 0;
  font-family: 'Overpass';
  font-size: 13px;
  text-align: center;
  color: #44474c;
  border: solid 1px #e6e6e6;
}
body .cont #content-container #content-area .row:nth-child(2) .col-4 .change-img .back {
  position: relative;
  top: -35px;
  width: 218px;
  height: 35px;
  border-radius: 4px;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  transform: rotateX(-180deg);
  z-index: 1;
  transition: 0.3s;
}
body .cont #content-container #content-area .row:nth-child(2) .col-4 .change-img .back input {
  width: calc(100% - 35px) !important;
  height: 100%;
  float: left;
}
body .cont #content-container #content-area .row:nth-child(2) .col-4 .change-img .back .edit-img {
  width: 35px !important;
  height: 100%;
  float: left;
  position: relative;
  bottom: 0;
  border: 1px solid green;
  color: green;
}
body .cont #content-container #content-area .row:nth-child(2) .col-8 {
  background-color: #587aad;
}
body .cont #content-container #content-area .row:nth-child(2) .col-8 .row.shifts {
  position: relative;
  top: 50%;
  text-transform: uppercase;
  transform: translateY(-50%);
  max-width: 487px;
  margin: 0 auto;
}
body .cont #content-container #content-area .row:nth-child(2) .col-8 .row.shifts.active .overlay {
  opacity: 0.8;
}
body .cont #content-container #content-area .row:nth-child(2) .col-8 .row.shifts .overlay {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 100;
  background-color: #587aad;
  opacity: 0;
  transition: 0.3s;
}
body .cont #content-container #content-area .row:nth-child(2) .col-8 .row.shifts p {
  font-family: 'Overpass';
  font-size: 20px;
  letter-spacing: 1.9px;
  text-align: center;
  color: #ffffff;
}
body .cont #content-container #content-area .row:nth-child(2) .col-8 .row.shifts h2 {
  text-shadow: 0 1px 1px rgba(0, 0, 0, 0.03);
  font-family: 'Overpass';
  font-size: 90px;
  letter-spacing: -5px;
  text-align: center;
  color: #ffffff;
  line-height: 0.7;
}
body .cont #content-container #content-area .row:nth-child(2) .col-8 .row.shifts small {
  font-family: 'Overpass';
  font-size: 13px;
  font-weight: 800;
  font-style: normal;
  font-stretch: normal;
  line-height: normal;
  letter-spacing: 2px;
  text-align: center;
  color: #8fb3e9;
}
body .cont #content-container #content-area .row:nth-child(2) .col-8 .row.shifts .col-4 {
  background: none;
  box-shadow: none;
  text-align: center;
}
body .cont #content-container #content-area .row:nth-child(2) .col-8 .row.shifts .col-4:nth-child(2) div p span:nth-child(2) {
  background-image: url(../img/icons/sunrise.png);
  background-position: top;
  background-repeat: no-repeat;
  display: inline-block;
  line-height: 30px;
  text-align: right;
  padding-left: 14px;
  margin-left: 12px;
  padding-top: 36px;
}
body .cont #content-container #content-area .row:nth-child(2) .col-8 .row.shifts .col-4:last-child div p span:nth-child(1) {
  background-image: url(../img/icons/sunfall.png);
  background-position: top;
  background-repeat: no-repeat;
  display: inline-block;
  line-height: 30px;
  text-align: right;
  padding-right: 20px;
  margin-right: 14px;
  padding-top: 36px;
}
body .cont #content-container #content-area .row:nth-child(2) .col-8 .row.shifts .col-4:nth-child(3) {
  margin-top: 20px;
}
body .cont #content-container #content-area .row:nth-child(2) .col-8 .row.shifts .col-4 div {
  width: 100%;
  padding-top: 30px;
}
body .cont #content-container #content-area .row:nth-child(2) .col-8 .row.shifts .col-4 div p {
  font-family: 'Overpass';
  font-size: 18px;
  letter-spacing: 1.2px;
  color: #ffffff;
  margin: -4px;
}
body .cont #content-container #content-area .row:nth-child(2) .col-8 .row.shifts .col-4 div p:last-child {
  font-size: 15.6px;
  letter-spacing: 2.9px;
  text-align: center;
  color: #ffffff;
  position: relative;
  top: -5px;
}
body .cont #content-container #content-area .row:nth-child(2) .col-8 .row.shifts .col-4 div img {
  margin-top: 30px;
}
body .cont #content-container #content-area #filter {
  background-color: #fff;
  border-radius: 30px;
  position: relative;
  top: -20px;
  left: -50vw;
  padding: 7px 20px 5px;
  display: inline-block;
  text-transform: uppercase;
  font-size: 13px;
  letter-spacing: 0.5px;
  text-align: center;
  color: #a0a4a8;
  margin: 0 0 5px 0;
  transition: 0.3s;
  opacity: 0;
}
body .cont #content-container #content-area #filter.active {
  left: 0;
  opacity: 1;
}
body .cont #content-container #content-area #filter span {
  margin-left: 10px;
}
body .cont #content-container #content-area #filter span:nth-child(1) {
  color: #5679b0;
}
body .cont #content-container #content-area #filter span:nth-child(2) {
  color: black;
  font-weight: 900;
}
body .cont #content-container #content-area #filter span:nth-child(2):hover {
  color: #5679b0;
  cursor: pointer;
}
body .cont #content-container #content-area #client-list {
  width: 100%;
  box-sizing: border-box;
  padding-right: 20px;
  min-height: calc(100% - 20px);
  height: 100%;
  overflow: auto;
}
body .cont #content-container #content-area #client-list table {
  width: 100%;
  background-color: #fff;
  position: relative;
}
body .cont #content-container #content-area #client-list table tr {
  width: 100%;
}
body .cont #content-container #content-area #client-list table tr th {
  max-height: 65px;
  height: 65px;
  width: 10%;
  text-align: center;
  font-family: 'Muli';
  font-size: 14px;
  color: #a0a4a8;
  position: relative;
}
body .cont #content-container #content-area #client-list table tr th p {
  font-family: 'Overpass';
  font-size: 14px;
  color: #a0a2a8;
  font-weight: 300;
}
body .cont #content-container #content-area #client-list table tr th p .strong {
  color: #343434;
  font-weight: 700;
}
body .cont #content-container #content-area #client-list table tr th .num-indicator {
  min-width: 25px;
  height: 25px;
  display: inline-flex;
  padding: 0 5px;
  align-items: center;
  border-radius: 25px;
  justify-content: center;
  text-align: center;
  font-family: 'Muli';
  font-size: 14px;
  letter-spacing: 1.2px;
  color: #818386;
  background-color: #e4e4e4;
}
body .cont #content-container #content-area #client-list table tr th .num-indicator.incomplete {
  background-color: #d54f60;
  color: #ffffff;
}
body .cont #content-container #content-area #client-list table tr th .num-indicator.complete {
  background-color: #aacc65;
  color: #ffffff;
}
body .cont #content-container #content-area #client-list table tr th:nth-child(1) {
  width: 50%;
  padding-left: 50px;
  text-align: left;
  box-sizing: border-box;
}
body .cont #content-container #content-area #client-list table tr th:nth-child(1).alert {
  background-image: url(../img/icons/alert.png);
  background-position: 15px center;
  background-repeat: no-repeat;
}
body .cont #content-container #content-area #client-list table tr th:nth-child(2) {
  width: 20%;
  text-align: left;
  box-sizing: border-box;
  padding-top: 20px;
}
body .cont #content-container #content-area #client-list table tr th:nth-child(3) {
  width: 20%;
  text-align: left;
  box-sizing: border-box;
  padding-top: 20px;
}
body .cont #content-container #content-area #client-list table tr th:nth-child(4) {
  width: 10%;
  padding: 0;
}
body .cont #content-container #content-area #client-list table tr th:nth-child(4) a {
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: 0.3s;
}
body .cont #content-container #content-area #client-list table tr th:nth-child(4) a img {
  transform: rotate(-180deg);
  transition: 0.3s;
}
body .cont #content-container #content-area #client-list table tr th:nth-child(4) a.collapsed img {
  transform: rotate(0);
}
body .cont #content-container #content-area #client-list table tr th:nth-child(4) a:hover {
  background-color: rgba(0, 0, 0, 0.1);
}
body .cont #content-container #content-area #client-list table tr th .company-name {
  font-family: 'Muli';
  font-size: 15px;
  margin: 0;
  position: relative;
  top: 3px;
  color: #5679b0;
}
body .cont #content-container #content-area #client-list table tr th .company-name a {
  text-decoration: none;
  font-family: 'Muli';
  font-size: 15px;
  margin: 0;
  position: relative;
  top: 3px;
  color: #5679b0;
}
body .cont #content-container #content-area #client-list table tr th .company-address {
  font-family: 'Muli';
  position: relative;
  top: 3px;
  font-size: 12px;
  font-weight: 700;
  color: #a0a4a8;
}
body .cont #content-container #content-area #client-list table.unavailable {
  background: #f4a4a43d;
}
body .cont #content-container #content-area #client-list .client-data {
  height: 0;
  overflow: hidden;
  transition: 0.3s;
  width: 100%;
  display: block;
  border-top: 1px solid #ffffff;
  border-bottom: 1px solid #ffffff;
}
body .cont #content-container #content-area #client-list .client-data.show {
  height: auto;
  border-top: 1px solid rgba(0, 0, 0, 0.07);
  border-bottom: 1px solid rgba(0, 0, 0, 0.07);
}
body .cont #content-container #content-area #client-list .client-data .date-controls {
  display: flex;
  justify-content: center;
  height: 50px;
  background-color: #fff;
  text-align: center;
}
body .cont #content-container #content-area #client-list .client-data .date-controls a:first-child {
  margin-right: 75px;
  margin-top: 15px;
}
body .cont #content-container #content-area #client-list .client-data .date-controls a:last-child {
  margin-left: 75px;
  margin-top: 15px;
}
body .cont #content-container #content-area #client-list .client-data .date-controls .date {
  font-family: 'Muli';
  font-size: 13px;
  font-weight: 600;
  text-align: center;
  color: #a0a4a8;
}
body .cont #content-container #content-area #client-list .client-data .date-controls .from-to {
  font-family: 'Muli';
  font-size: 14px;
  text-align: center;
  color: #44474c;
}
body .cont #content-container #content-area #client-list .client-data table {
  background-color: #fff;
  width: 100%;
}
body .cont #content-container #content-area #client-list .client-data table tr:nth-child(1) th {
  font-family: 'Muli';
  font-size: 12px;
  font-weight: bold;
  text-align: center;
  text-transform: uppercase;
  color: #343434 !important;
}
body .cont #content-container #content-area #client-list .client-data table tr th {
  padding: 10px 0;
  width: 10%;
  height: 35px;
  transition: 0.3s;
  box-sizing: border-box;
}
body .cont #content-container #content-area #client-list .client-data table tr th:nth-child(1) {
  width: 20%;
}
body .cont #content-container #content-area #client-list .client-data table tr th:nth-child(1),
body .cont #content-container #content-area #client-list .client-data table tr th:nth-child(2),
body .cont #content-container #content-area #client-list .client-data table tr th:nth-child(3) {
  text-align: center !important;
}
body .cont #content-container #content-area #client-list .client-data table tr th:nth-child(7),
body .cont #content-container #content-area #client-list .client-data table tr th:nth-child(8) {
  background-color: #fbf7e6;
}
body .cont #content-container #content-area #client-list .client-data table tr th:nth-child(7).asigned,
body .cont #content-container #content-area #client-list .client-data table tr th:nth-child(8).asigned {
  background-color: #fbf7e6;
}
body .cont #content-container #content-area #client-list .client-data table tr th.completed {
  background-color: #d0e4a7;
  transition: 0.3s;
  z-index: 100;
  padding-top: 25px;
}
body .cont #content-container #content-area #client-list .client-data table tr th.completed:hover {
  box-shadow: 0 10px 18px 0 rgba(0, 0, 0, 0.31);
  background-color: #587aad;
  cursor: pointer;
}
body .cont #content-container #content-area #client-list .client-data table tr th.completed:hover .btn-ico {
  background-color: #5679b0;
  transition: 0.3s;
}
body .cont #content-container #content-area #client-list .client-data table tr th.completed:hover p {
  color: #fff;
}
body .cont #content-container #content-area #client-list .client-data table tr th.completed p {
  position: relative;
  top: 1px;
  left: 50%;
  transform: translateX(-70%);
  transition: 0.3s;
  float: left;
  color: #60801f;
}
body .cont #content-container #content-area #client-list .client-data table tr th.completed .btn-ico {
  background-color: #829e49;
  display: block;
  width: 23px;
  height: 23px;
  position: relative;
  top: -5px;
  left: 50%;
  transform: translateX(-50%);
  border-radius: 50%;
  background-image: url(../img/icons/info-icon.png);
  background-position: center;
  background-repeat: no-repeat;
  transition: 0.3s;
}
body .cont #content-container #content-area #client-list .client-data table tr th.not-asigned {
  background-color: #d54f60;
  transition: 0.3s;
  padding-top: 25px;
  z-index: 100;
}
body .cont #content-container #content-area #client-list .client-data table tr th.not-asigned.hovered {
  background-color: #a02333;
  cursor: pointer;
}
body .cont #content-container #content-area #client-list .client-data table tr th.not-asigned.hovered .btn-ico {
  background-color: #a02333;
  transition: 0.3s;
}
body .cont #content-container #content-area #client-list .client-data table tr th.not-asigned.hovered p {
  color: #fff;
}
body .cont #content-container #content-area #client-list .client-data table tr th.not-asigned p {
  color: #fff;
  position: relative;
  top: 1px;
  left: 50%;
  transform: translateX(-70%);
  transition: 0.3s;
  float: left;
}
body .cont #content-container #content-area #client-list .client-data table tr th.not-asigned .btn-ico {
  background-color: #a02333;
  display: block;
  width: 23px;
  height: 23px;
  position: relative;
  top: -5px;
  left: 50%;
  transform: translateX(-50%);
  border-radius: 50%;
  background-image: url(../img/icons/edit-icon.png);
  background-position: center;
  background-repeat: no-repeat;
  transition: 0.3s;
}
body .cont #content-container #content-area #client-list .client-data table tr th.asigned {
  background-color: #ffffff;
  transition: 0.3s;
  padding-top: 25px;
  box-sizing: border-box;
}
body .cont #content-container #content-area #client-list .client-data table tr th.asigned:hover {
  box-shadow: 0 10px 18px 0 rgba(0, 0, 0, 0.31);
  background-color: #587aad;
  cursor: pointer;
  z-index: 100;
}
body .cont #content-container #content-area #client-list .client-data table tr th.asigned:hover .btn-ico {
  background-color: #5679b0;
  transition: 0.3s;
}
body .cont #content-container #content-area #client-list .client-data table tr th.asigned:hover p {
  color: #fff;
}
body .cont #content-container #content-area #client-list .client-data table tr th.asigned p {
  position: relative;
  top: 1px;
  left: 50%;
  float: left;
  transform: translateX(-70%);
  transition: 0.3s;
  color: #343434;
}
body .cont #content-container #content-area #client-list .client-data table tr th.asigned .btn-ico {
  background-color: #5679b0;
  display: block;
  width: 23px;
  height: 23px;
  position: relative;
  top: -5px;
  left: 50%;
  transform: translateX(-50%);
  border-radius: 50%;
  background-image: url(../img/icons/info-icon.png);
  background-position: center;
  background-repeat: no-repeat;
  transition: 0.3s;
}
body .cont #content-container #content-area #client-list .client-data table tr th.alerted {
  background-color: #ff750b;
  transition: 0.3s;
  padding-top: 25px;
  box-sizing: border-box;
}
body .cont #content-container #content-area #client-list .client-data table tr th.alerted:hover {
  box-shadow: 0 10px 18px 0 rgba(0, 0, 0, 0.31);
  background-color: #f16800;
  cursor: pointer;
  z-index: 100;
}
body .cont #content-container #content-area #client-list .client-data table tr th.alerted:hover .btn-ico {
  background-color: #f16800;
  transition: 0.3s;
}
body .cont #content-container #content-area #client-list .client-data table tr th.alerted:hover p {
  color: #fff;
}
body .cont #content-container #content-area #client-list .client-data table tr th.alerted p {
  position: relative;
  top: 1px;
  left: 50%;
  float: left;
  transform: translateX(-70%);
  transition: 0.3s;
  color: #fff;
}
body .cont #content-container #content-area #client-list .client-data table tr th.alerted .btn-ico {
  background-color: #ff750b;
  display: block;
  width: 23px;
  height: 23px;
  position: relative;
  top: -5px;
  left: 50%;
  transform: translateX(-50%);
  border-radius: 50%;
  background-image: url(../img/icons/alert-reverse.png);
  background-position: center;
  background-repeat: no-repeat;
  transition: 0.3s;
}
body .cont #content-container #content-area #alert-modal .modal-dialog {
  top: 50vh;
  max-width: 640px;
  width: 640px;
  min-height: 230px;
  transform: translateY(-50%);
}
body .cont #content-container #content-area #alert-modal .modal-dialog .modal-content {
  min-height: 230px;
  border-radius: 3px !important;
  border: none;
  background-color: #fff;
  box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.07), 0 20px 20px 0 rgba(0, 0, 0, 0.13);
}
body .cont #content-container #content-area #alert-modal .modal-dialog .modal-content .modal-body {
  min-height: 230px;
  border-radius: 3px !important;
  padding: 0;
}
body .cont #content-container #content-area #alert-modal .modal-dialog .modal-content .modal-body .row {
  height: 100%;
  min-height: 50px;
}
body .cont #content-container #content-area #alert-modal .modal-dialog .modal-content .modal-body .row .col-3 {
  min-height: 230px;
  background-color: #FF750B;
  background-image: url(../img/icons/alert-large.png);
  background-repeat: no-repeat;
  background-position: center center;
  background-size: 40px 34px;
}
body .cont #content-container #content-area #alert-modal .modal-dialog .modal-content .modal-body .row .col-9 {
  display: block;
  box-sizing: border-box;
  padding: 42px 42px 20px;
}
body .cont #content-container #content-area #alert-modal .modal-dialog .modal-content .modal-body .row .col-9 .close {
  position: absolute;
  top: 14px;
  right: 34px;
  opacity: 1;
}
body .cont #content-container #content-area #alert-modal .modal-dialog .modal-content .modal-body .row .col-9 h3 {
  font-family: 'Overpass';
  font-size: 20px;
  color: #44474c;
}
body .cont #content-container #content-area #alert-modal .modal-dialog .modal-content .modal-body .row .col-9 p {
  font-family: 'Overpass';
  font-size: 14px;
  color: #44474c;
  margin-top: 30px;
}
body .cont #content-container #content-area #alert-modal .modal-dialog .modal-content .modal-body .row .col-9 p .strong {
  font-weight: 900;
}
body .cont #content-container #content-area #alert-modal .modal-dialog .modal-content .modal-body .row .col-9 p .hightlight {
  color: #ff750b;
}
body .cont #content-container #content-area #alert-modal .modal-dialog .modal-content .modal-body .row .col-9 .row {
  margin-top: 20px;
}
body .cont #content-container #content-area #alert-modal .modal-dialog .modal-content .modal-body .row .col-9 .row .col-6 a {
  display: block;
  height: 35px;
  box-sizing: border-box;
  padding-top: 8px;
  padding-bottom: 10px;
  text-decoration: none;
  box-shadow: 0 3px 5px 0 rgba(0, 0, 0, 0.1);
  background-color: #587aad;
  font-family: 'Muli';
  font-size: 12px;
  border-radius: 2px;
  letter-spacing: 1px;
  text-align: center;
  color: #ffffff;
}
body .cont #content-container #content-area #alert-modal .modal-dialog .modal-content .modal-body .row .col-9 .row .col-6:last-child a {
  background-color: #eaeaea;
  color: #5679b0;
  background-image: url(../img/icons/phone.png);
  background-position: 15px center;
  background-repeat: no-repeat;
  padding-left: 5px;
}
body .cont #content-container #content-area.clients {
  padding: 20px 24px 0;
}
body .cont #content-container #content-area.clients #client-list table tr th:hover {
  transform: none;
  box-shadow: none;
}
body .cont #content-container #content-area.clients #client-list table tr th.hovered {
  box-shadow: none;
  z-index: 100;
  position: relative;
}
body .cont #content-container #content-area.clients #client-list table tr th.hovered:hover {
  box-shadow: none;
}
body .cont #content-container #content-area.planner {
  transform: translateY(-40px);
  padding: 55px 20px 0 30px;
  position: relative;
}
body .cont #content-container #content-area.planner #back-to-planner {
  position: absolute;
  top: 30px;
  left: -210px;
  width: 200px;
  text-align: center;
  height: 30px;
  padding-top: 4px;
  border-radius: 20px;
  background-color: #fff;
  transition: 0.3s;
}
body .cont #content-container #content-area.planner #back-to-planner.active {
  left: 30px;
}
body .cont #content-container #content-area.planner #back-to-planner span {
  position: relative;
  top: -1px;
  left: 0;
  transition: 0.3s;
}
body .cont #content-container #content-area.planner #back-to-planner:hover {
  font-weight: 700;
  background-color: #5e78af;
  color: #fff;
  cursor: pointer;
}
body .cont #content-container #content-area.planner #back-to-planner:hover span {
  left: -15px;
  color: #fff;
}
body .cont #content-container #content-area.planner #planner-title table {
  width: 100%;
}
body .cont #content-container #content-area.planner #planner-title table .titles {
  top: 100px;
  height: 38px;
  background-color: #f3f3f3;
}
body .cont #content-container #content-area.planner #planner-title table .titles th {
  font-family: 'Muli';
  font-size: 13px;
  color: #343434;
  width: 10%;
  max-height: 38px;
  overflow: visible;
  text-align: center;
}
body .cont #content-container #content-area.planner #planner-title table .titles th:hover {
  border-radius: 20px;
  background-color: #cccccc !important;
  cursor: pointer;
  color: #fff;
}
body .cont #content-container #content-area.planner #planner-title table .titles th:nth-child(1) {
  font-family: 'Overpass';
  font-size: 13px;
  color: #a0a4a8;
  width: 30%;
  text-align: center;
}
body .cont #content-container #content-area.planner #planner-title table .titles th:nth-child(1):hover {
  background-color: transparent !important;
  cursor: default;
}
body .cont #content-container #content-area.planner #planner-title table .titles th:nth-child(1) .oreder-by {
  font-family: 'Overpass';
  font-size: 13px;
  color: #a0a4a8;
  display: inline-block;
  padding-top: 8px;
}
body .cont #content-container #content-area.planner #planner-title table .titles th:nth-child(1) select {
  max-width: 198px;
  height: 38px;
  border-radius: 0;
  background-color: #BBBCC1;
  color: #fff;
  border: none;
  -moz-appearance: none;
  -webkit-appearance: none;
  appearance: none;
  font-family: 'Overpass';
  font-size: 13px;
  color: #ffffff;
  float: right;
  margin-right: 12px;
  padding: 0 30px;
  background: url(../img/icons/white-arrow.png) no-repeat calc(100% - 5px) #BBBCC1;
  background-size: 24px 24px;
}
body .cont #content-container #content-area.planner #planner-title table .titles th:nth-child(7),
body .cont #content-container #content-area.planner #planner-title table .titles th:nth-child(8) {
  background-color: #f3f3f3;
}
body .cont #content-container #content-area.planner #planner-title table .titles th .infobox {
  position: relative;
  border-radius: 50%;
  background-color: #45628d;
  color: #fff;
  margin-left: 10px;
  display: inline-flex;
  width: 20px;
  height: 20px;
  justify-content: center;
  align-items: center;
}
body .cont #content-container #content-area.planner #planner-title table .titles th .infobox .tooltip {
  display: none;
}
body .cont #content-container #content-area.planner #planner-title table .titles th .infobox:hover .tooltip {
  display: flex;
  padding: 6px 14px;
  letter-spacing: 2px;
  background-color: #8f8f8f;
  color: #fff;
  opacity: 1;
  top: -40px;
  white-space: nowrap;
  border-radius: 6px;
}
body .cont #content-container #content-area.planner #planner-table {
  position: relative;
  overflow: auto;
  height: calc(100% - 60px);
  padding-right: 30px;
  padding-bottom: 60px;
}
body .cont #content-container #content-area.planner #planner-table table {
  margin: 0 0 1px !important;
  width: 100%;
  background-color: #fff;
  position: relative;
}
body .cont #content-container #content-area.planner #planner-table table tr {
  width: 100%;
}
body .cont #content-container #content-area.planner #planner-table table tr th {
  max-height: 65px;
  height: 65px;
  width: 10%;
  text-align: center;
  font-family: 'Muli';
  font-size: 14px;
  padding-top: 10px !important;
  color: #a0a4a8;
  position: relative;
}
body .cont #content-container #content-area.planner #planner-table table tr th .btns {
  width: 23px;
  transform: translateX(-50%);
  left: 50%;
  position: relative;
}
body .cont #content-container #content-area.planner #planner-table table tr th .btns.multiple {
  width: 54px;
}
body .cont #content-container #content-area.planner #planner-table table tr th .btns.multiple .multiple-tasks {
  margin-left: 3px;
}
body .cont #content-container #content-area.planner #planner-table table tr th .btns .multiple-tasks {
  background-color: #f55a00;
  color: #fff;
  display: block;
  width: 23px;
  height: 23px;
  border-radius: 50%;
  background-position: center;
  background-repeat: no-repeat;
  transition: 0.3s;
  float: left;
}
body .cont #content-container #content-area.planner #planner-table table tr th .btns .multiple-tasks.assigned {
  background-color: #45628d;
}
body .cont #content-container #content-area.planner #planner-table table tr th .btns .btn-ico {
  background-color: #829e49;
  display: block;
  width: 23px;
  height: 23px;
  transform: none;
  float: left;
  position: static;
  border-radius: 50%;
  background-image: url(../img/icons/edit-icon.png);
  background-position: center;
  background-repeat: no-repeat;
  transition: 0.3s;
}
body .cont #content-container #content-area.planner #planner-table table tr th .divider {
  width: 90%;
  height: 0px;
  left: 5%;
  display: inline-block;
  border-bottom: 1px solid #dcdcdc;
  position: relative;
  top: -5px;
}
body .cont #content-container #content-area.planner #planner-table table tr th p {
  font-family: 'Muli';
  font-size: 14px;
  color: #60801f;
}
body .cont #content-container #content-area.planner #planner-table table tr th.dayoff {
  padding-top: 0 !important;
  color: #9a9a8e !important;
}
body .cont #content-container #content-area.planner #planner-table table tr th:nth-child(1) {
  width: 30%;
  padding-left: 16px;
  text-align: left;
}
body .cont #content-container #content-area.planner #planner-table table tr th:nth-child(1) .hours-progress {
  width: calc(100% - 34px);
  margin-left: 3px;
  height: 5px;
  background-color: #E6E7E9;
  border-radius: 5px;
  position: relative;
  margin-bottom: 10px;
  transition: 0.3s;
}
body .cont #content-container #content-area.planner #planner-table table tr th:nth-child(1) .hours-progress .description {
  font-size: 11px;
  position: absolute;
  width: 100%;
  left: 50%;
  top: -10px;
  z-index: 100;
  transition: 0.3s;
  transform: translate(-50%, -50%);
  opacity: 1;
  color: #A0A4A8;
}
body .cont #content-container #content-area.planner #planner-table table tr th:nth-child(1) .hours-progress .body {
  position: absolute;
  left: 0;
  top: 0;
  height: 5px;
  width: 50%;
  border-radius: 5px;
  z-index: 1;
  background-color: #45679B;
}
body .cont #content-container #content-area.planner #planner-table table tr th:nth-child(1) .hours-progress .body-tasks {
  position: absolute;
  left: 0;
  top: 0;
  height: 5px;
  width: 50%;
  border-radius: 5px;
  z-index: 0;
  background-color: #F06E7E;
}
body .cont #content-container #content-area.planner #planner-table table tr th:nth-child(1) .alert {
  position: absolute;
  top: 23px;
  right: 3px;
  border-radius: 50%;
  width: 30px;
  height: 30px;
  padding: 0;
  margin: 0;
  background-color: #fff;
  background-image: url(../img/icons/alert.png);
  background-position: 3px 5px;
  background-size: 20px 17px;
  background-repeat: no-repeat;
}
body .cont #content-container #content-area.planner #planner-table table tr th:nth-child(1) .alert:hover {
  background-color: #b3b3b3;
  cursor: pointer;
}
body .cont #content-container #content-area.planner #planner-table table tr th:nth-child(1) button {
  float: right;
  margin-right: 30px;
  width: 100px;
  box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.5);
  font-family: 'Muli';
  font-size: 13px;
  color: #5679B0;
  height: 28px;
  background-color: #fff;
  border: 1px solid #DBDBDB;
  border-radius: 3px;
}
body .cont #content-container #content-area.planner #planner-table table tr th:nth-child(1) button:hover {
  cursor: pointer;
  color: #9cb0d0;
}
body .cont #content-container #content-area.planner #planner-table table tr th:nth-child(7),
body .cont #content-container #content-area.planner #planner-table table tr th:nth-child(8),
body .cont #content-container #content-area.planner #planner-table table tr th.holiday {
  background-color: #fbf7e6 !important;
}
body .cont #content-container #content-area.planner #planner-table table tr th.completed {
  background-color: #d0e4a7;
  transition: 0.3s;
  z-index: 100;
}
body .cont #content-container #content-area.planner #planner-table table tr th.completed:hover {
  box-shadow: 0 10px 18px 0 rgba(0, 0, 0, 0.31);
  background-color: #829e49;
  z-index: 300;
  cursor: pointer;
}
body .cont #content-container #content-area.planner #planner-table table tr th.completed:hover .btn-ico {
  background-color: #829e49;
  transition: 0.3s;
}
body .cont #content-container #content-area.planner #planner-table table tr th.completed:hover p {
  float: none;
  left: 0;
  transform: none;
  color: #60801f;
}
body .cont #content-container #content-area.planner #planner-table table tr th.completed p {
  color: #60801f;
  position: relative;
  transition: 0.3s;
  float: none;
  left: 0;
  margin-bottom: 0.5rem;
  transform: none;
}
body .cont #content-container #content-area.planner #planner-table table tr th.completed .btn-ico {
  background-color: #829e49;
  background-image: url(../img/icons/edit-icon.png);
}
body .cont #content-container #content-area.planner #planner-table table tr th.not-asigned {
  background-color: #d54f60;
  transition: 0.3s;
  z-index: 100;
}
body .cont #content-container #content-area.planner #planner-table table tr th.not-asigned:hover {
  box-shadow: 0 10px 18px 0 rgba(0, 0, 0, 0.31);
  background-color: #a02333;
  z-index: 300;
  cursor: pointer;
}
body .cont #content-container #content-area.planner #planner-table table tr th.not-asigned:hover .btn-ico {
  background-color: #a02333;
  transition: 0.3s;
}
body .cont #content-container #content-area.planner #planner-table table tr th.not-asigned:hover p {
  float: none;
  left: 0;
  transform: none;
  color: #fff;
}
body .cont #content-container #content-area.planner #planner-table table tr th.not-asigned p {
  color: #fff;
  position: relative;
  transition: 0.3s;
  float: none;
  left: 0;
  margin-bottom: 0.5rem;
  transform: none;
}
body .cont #content-container #content-area.planner #planner-table table tr th.not-asigned .btn-ico {
  background-color: #a02333;
  background-image: url(../img/icons/edit-icon.png);
}
body .cont #content-container #content-area.planner #planner-table table tr th.asigned {
  transition: 0.3s;
  padding-top: 10px;
}
body .cont #content-container #content-area.planner #planner-table table tr th.asigned:hover {
  box-shadow: 0 10px 18px 0 rgba(0, 0, 0, 0.31);
  z-index: 300;
  cursor: pointer;
}
body .cont #content-container #content-area.planner #planner-table table tr th.asigned:hover .btn-ico {
  transition: 0.3s;
}
body .cont #content-container #content-area.planner #planner-table table tr th.asigned:hover p {
  float: none;
  left: 0;
  transform: none;
  color: #fff;
}
body .cont #content-container #content-area.planner #planner-table table tr th.asigned p {
  color: #fff;
  position: relative;
  transition: 0.3s;
  float: none;
  left: 0;
  margin-bottom: 0.5rem;
  transform: none;
}
body .cont #content-container #content-area.planner #planner-table table tr th.asigned .btn-ico {
  background-color: #5679b0;
  background-image: url(../img/icons/info-icon.png);
}
body .cont #content-container #content-area.planner #planner-table table tr th .company-name {
  padding-left: 3px;
  font-family: 'Muli';
  font-size: 15px;
  margin: 0;
  position: relative;
  top: 3px;
  color: #5679b0;
}
body .cont #content-container #content-area.planner #planner-table table tr th .company-name:hover {
  text-decoration: none;
}
body .cont #content-container #content-area.planner #planner-table table tr th .company-address {
  font-family: 'Muli';
  position: relative;
  top: -3px;
  font-size: 12px;
  font-weight: 700;
  color: #a0a4a8;
}
body .cont #content-container #content-area.legend {
  height: calc(100vh - 90px);
  transform: translateY(0px);
}
body .cont #content-container #content-area.company-info #modal-dayoff .modal-content {
  margin-top: 15vh;
  background-color: transparent;
  border: none;
  color: #fff;
}
body .cont #content-container #content-area.company-info #modal-dayoff .modal-content input {
  width: 100%;
  height: 36px;
  float: left;
  border-radius: 4px;
  border: 1px solid #efefef;
  padding-left: 10px;
  margin-bottom: 40px;
}
body .cont #content-container #content-area.company-info #modal-dayoff .modal-content .btn-primary {
  width: 200px;
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
}
body .cont #content-container #content-area.company-info #modal-dayoff .modal-content .close {
  color: #fff;
}
body .cont #content-container #content-area.company-info #modal-dayoff .modal-content div {
  border: none;
}
body .cont #content-container #content-area.company-info .row {
  height: 100%;
}
body .cont #content-container #content-area.company-info .row .col-4 {
  background-color: #fff;
  position: relative;
  box-shadow: 5px 0 6px 0 rgba(0, 0, 0, 0.05), 0 1px 1px 0 rgba(0, 0, 0, 0.11);
  z-index: 10;
}
body .cont #content-container #content-area.company-info .row .col-4 .croppie-hidden-cont {
  width: 0px !important;
  height: 0px !important;
  overflow: hidden;
  padding: 0;
  margin-top: 300px;
}
body .cont #content-container #content-area.company-info .row .col-4 .comp-logo {
  width: 200px;
  margin: 30% calc(50% - 100px) 20%;
}
body .cont #content-container #content-area.company-info .row .col-4 .comp-website h3 {
  font-family: 'Overpass';
  font-size: 23px;
  line-height: 1.04;
  text-align: center;
  color: #24272a;
}
body .cont #content-container #content-area.company-info .row .col-4 .comp-website a {
  font-family: 'Overpass';
  font-size: 14px;
  text-decoration: none;
  padding-left: 30px;
  position: relative;
  left: 50%;
  display: inline-block;
  transform: translateX(-50%);
  color: #587aad;
  background-image: url(../img/icons/website-icon.png);
  background-repeat: no-repeat;
}
body .cont #content-container #content-area.company-info .row .col-4 .comp-website .name-field,
body .cont #content-container #content-area.company-info .row .col-4 .comp-website .website-field {
  width: 100%;
  height: 36px;
  perspective: 1000px;
  transition: 0.3s;
  overflow: hidden;
  margin-bottom: 5px;
}
body .cont #content-container #content-area.company-info .row .col-4 .comp-website .name-field.create,
body .cont #content-container #content-area.company-info .row .col-4 .comp-website .website-field.create {
  position: relative;
  top: -5px;
}
body .cont #content-container #content-area.company-info .row .col-4 .comp-website .name-field.create .back,
body .cont #content-container #content-area.company-info .row .col-4 .comp-website .website-field.create .back {
  top: -44px;
}
body .cont #content-container #content-area.company-info .row .col-4 .comp-website .name-field.active .front,
body .cont #content-container #content-area.company-info .row .col-4 .comp-website .website-field.active .front {
  transform: rotateX(180deg);
  z-index: 1;
}
body .cont #content-container #content-area.company-info .row .col-4 .comp-website .name-field.active .back,
body .cont #content-container #content-area.company-info .row .col-4 .comp-website .website-field.active .back {
  transform: rotateX(0deg);
  z-index: 2;
}
body .cont #content-container #content-area.company-info .row .col-4 .comp-website .name-field .front,
body .cont #content-container #content-area.company-info .row .col-4 .comp-website .website-field .front {
  width: 100%;
  height: 36px;
  border-radius: 4px;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  transform: rotateX(0deg);
  position: relative;
  z-index: 2;
  transition: 0.3s;
}
body .cont #content-container #content-area.company-info .row .col-4 .comp-website .name-field .front h2,
body .cont #content-container #content-area.company-info .row .col-4 .comp-website .website-field .front h2 {
  margin: 0;
  font-family: 'Overpass';
  font-size: 30px;
  color: #44474c;
}
body .cont #content-container #content-area.company-info .row .col-4 .comp-website .name-field .back,
body .cont #content-container #content-area.company-info .row .col-4 .comp-website .website-field .back {
  position: relative;
  top: -36px;
  width: 100%;
  height: 36px;
  border-radius: 4px;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  transform: rotateX(-180deg);
  z-index: 1;
  transition: 0.3s;
}
body .cont #content-container #content-area.company-info .row .col-4 .comp-website .name-field .back h3,
body .cont #content-container #content-area.company-info .row .col-4 .comp-website .website-field .back h3 {
  font-size: 18px;
  display: inline-block;
  float: left;
  line-height: 36px;
  width: 100px;
  height: 100%;
  font-family: 'Overpass';
  font-size: 14px;
  color: #587aad;
  text-transform: uppercase;
}
body .cont #content-container #content-area.company-info .row .col-4 .comp-website .name-field .back input,
body .cont #content-container #content-area.company-info .row .col-4 .comp-website .website-field .back input {
  width: calc(100% - 120px);
  height: 36px;
  float: left;
  border-radius: 4px;
  border: 1px solid #efefef;
  padding-left: 10px;
}
body .cont #content-container #content-area.company-info .row .col-4 .logo-field {
  width: 340px;
  height: 36px;
  perspective: 1000px;
  transition: 0.3s;
  overflow: hidden;
  margin-bottom: 5px;
}
body .cont #content-container #content-area.company-info .row .col-4 .logo-field.active .front {
  transform: rotateX(180deg);
  z-index: 1;
}
body .cont #content-container #content-area.company-info .row .col-4 .logo-field.active .back {
  transform: rotateX(0deg);
  z-index: 2;
}
body .cont #content-container #content-area.company-info .row .col-4 .logo-field .front {
  width: 340px;
  height: 36px;
  border-radius: 4px;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  transform: rotateX(0deg);
  position: relative;
  z-index: 2;
  transition: 0.3s;
}
body .cont #content-container #content-area.company-info .row .col-4 .logo-field .front h2 {
  font-family: 'Overpass';
  font-size: 30px;
  color: #44474c;
}
body .cont #content-container #content-area.company-info .row .col-4 .logo-field .back {
  position: relative;
  top: -36px;
  width: 340px;
  height: 36px;
  border-radius: 4px;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  transform: rotateX(-180deg);
  z-index: 1;
  transition: 0.3s;
}
body .cont #content-container #content-area.company-info .row .col-4 .logo-field .back h3 {
  font-size: 18px;
  display: inline-block;
  color: #587aad;
  float: left;
  line-height: 36px;
  width: 100px;
  height: 100%;
}
body .cont #content-container #content-area.company-info .row .col-4 .logo-field .back input {
  width: calc(100% - 100px);
  height: 36px;
  float: left;
  border-radius: 4px;
  padding-left: 10px;
}
body .cont #content-container #content-area.company-info .row .col-4 .button-controls {
  position: absolute;
  bottom: 32px;
  max-width: 220px;
  left: 50%;
  transform: translateX(-50%);
}
body .cont #content-container #content-area.company-info .row .col-4 .button-controls button,
body .cont #content-container #content-area.company-info .row .col-4 .button-controls .btn-delete {
  display: inline-block;
  width: 220px;
  height: 35px;
  position: relative;
  left: 50%;
  transform: translateX(-50%);
  font-family: 'Overpass';
  font-size: 13px;
  text-align: center;
  color: #44474c;
  border: solid 1px #e6e6e6;
  background-color: #fff;
  margin-bottom: 18px;
}
body .cont #content-container #content-area.company-info .row .col-4 .button-controls button:hover,
body .cont #content-container #content-area.company-info .row .col-4 .button-controls .btn-delete:hover {
  cursor: pointer;
  text-decoration: none;
}
body .cont #content-container #content-area.company-info .row .col-4 .button-controls button img,
body .cont #content-container #content-area.company-info .row .col-4 .button-controls .btn-delete img {
  position: absolute;
  left: 12px;
  top: 50%;
  transform: translateY(-50%);
}
body .cont #content-container #content-area.company-info .row .col-4 .button-controls button:last-child,
body .cont #content-container #content-area.company-info .row .col-4 .button-controls .btn-delete:last-child {
  border: solid 1px #d13636;
  color: #d13636;
  margin-top: 48px;
}
body .cont #content-container #content-area.company-info .row .col-8 {
  padding: 0;
  position: relative;
  box-shadow: 5px 0 6px 0 rgba(0, 0, 0, 0.05), 0 1px 1px 0 rgba(0, 0, 0, 0.11);
}
body .cont #content-container #content-area.company-info .row .col-8 .nav-pills {
  height: 50px;
  width: 100%;
  margin: 0 !important;
}
body .cont #content-container #content-area.company-info .row .col-8 .nav-pills .nav-link {
  height: 100%;
  min-width: 190px;
  border-radius: 0;
  background-color: #F6F6F6;
  box-sizing: border-box;
  padding-top: 14px;
  font-family: 'Overpass';
  font-size: 14px;
  letter-spacing: 1px;
  text-align: center;
  color: #44474c;
  position: relative;
}
body .cont #content-container #content-area.company-info .row .col-8 .nav-pills .nav-link:before {
  width: 50px;
  height: 3px;
  display: block;
  content: '';
  background-color: #d2d2d2;
  position: absolute;
  top: calc(100% - 3px);
  left: 50%;
  transform: translateX(-50%);
}
body .cont #content-container #content-area.company-info .row .col-8 .nav-pills .nav-link.active {
  background-color: #fff;
}
body .cont #content-container #content-area.company-info .row .col-8 .nav-pills .nav-link.active:before {
  background-color: #FF750B;
}
body .cont #content-container #content-area.company-info .row .col-8 th.dayoff {
  background-color: #808080 !important;
}
body .cont #content-container #content-area.company-info .row .col-8 .tab-content {
  height: calc(100% - 50px);
  width: calc(100% - 100px);
  margin: 50px 50px;
}
body .cont #content-container #content-area.company-info .row .col-8 .tab-content #pills-home form {
  width: 100%;
  padding: 0;
  margin: 0;
}
body .cont #content-container #content-area.company-info .row .col-8 .tab-content #pills-home form h4 {
  float: left;
  font-family: 'Overpass';
  font-size: 24px;
  color: #44474c;
  margin-bottom: 20px;
}
body .cont #content-container #content-area.company-info .row .col-8 .tab-content #pills-home form .name-field {
  width: 340px;
  height: 36px;
  perspective: 1000px;
  transition: 0.3s;
  overflow: hidden;
  margin-bottom: 5px;
}
body .cont #content-container #content-area.company-info .row .col-8 .tab-content #pills-home form .name-field.active .front {
  transform: rotateX(180deg);
  z-index: 1;
}
body .cont #content-container #content-area.company-info .row .col-8 .tab-content #pills-home form .name-field.active .back {
  transform: rotateX(0deg);
  z-index: 2;
}
body .cont #content-container #content-area.company-info .row .col-8 .tab-content #pills-home form .name-field .front {
  width: 340px;
  height: 36px;
  border-radius: 4px;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  transform: rotateX(0deg);
  position: relative;
  z-index: 2;
  transition: 0.3s;
}
body .cont #content-container #content-area.company-info .row .col-8 .tab-content #pills-home form .name-field .front h2 {
  font-family: 'Overpass';
  font-size: 30px;
  color: #44474c;
}
body .cont #content-container #content-area.company-info .row .col-8 .tab-content #pills-home form .name-field .back {
  position: relative;
  top: -36px;
  width: 340px;
  height: 36px;
  border-radius: 4px;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  transform: rotateX(-180deg);
  z-index: 1;
  transition: 0.3s;
}
body .cont #content-container #content-area.company-info .row .col-8 .tab-content #pills-home form .name-field .back h3 {
  font-size: 18px;
  display: inline-block;
  float: left;
  line-height: 36px;
  width: 100px;
  height: 100%;
}
body .cont #content-container #content-area.company-info .row .col-8 .tab-content #pills-home form .name-field .back input {
  width: calc(100% - 100px);
  height: 36px;
  float: left;
  border-radius: 4px;
  border: 1px solid #efefef;
  padding-left: 10px;
}
body .cont #content-container #content-area.company-info .row .col-8 .tab-content #pills-home form .role-field {
  width: 340px;
  height: 36px;
  perspective: 1000px;
  transition: 0.3s;
  clear: both;
  overflow: hidden;
}
body .cont #content-container #content-area.company-info .row .col-8 .tab-content #pills-home form .role-field.active .front {
  transform: rotateX(180deg);
  z-index: 1;
}
body .cont #content-container #content-area.company-info .row .col-8 .tab-content #pills-home form .role-field.active .back {
  transform: rotateX(0deg);
  z-index: 2;
}
body .cont #content-container #content-area.company-info .row .col-8 .tab-content #pills-home form .role-field .front {
  width: 340px;
  height: 36px;
  border-radius: 4px;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  transform: rotateX(0deg);
  position: relative;
  z-index: 2;
  transition: 0.3s;
}
body .cont #content-container #content-area.company-info .row .col-8 .tab-content #pills-home form .role-field .front .role {
  font-size: 13px;
  line-height: 36px;
  letter-spacing: 2px;
  color: #a0a2a8;
}
body .cont #content-container #content-area.company-info .row .col-8 .tab-content #pills-home form .role-field .back {
  position: relative;
  top: -36px;
  width: 340px;
  height: 36px;
  border-radius: 4px;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  transform: rotateX(-180deg);
  z-index: 1;
  transition: 0.3s;
}
body .cont #content-container #content-area.company-info .row .col-8 .tab-content #pills-home form .role-field .back h3 {
  font-size: 18px;
  display: inline-block;
  float: left;
  line-height: 36px;
  width: 100px;
  height: 100%;
}
body .cont #content-container #content-area.company-info .row .col-8 .tab-content #pills-home form .role-field .back select {
  width: calc(100% - 100px);
  height: 36px;
  float: left;
  border-radius: 4px;
  border: 1px solid #efefef;
}
body .cont #content-container #content-area.company-info .row .col-8 .tab-content #pills-home form .mail-field {
  width: 340px;
  height: 36px;
  perspective: 1000px;
  transition: 0.3s;
  clear: both;
  overflow: hidden;
  margin-bottom: 10px;
}
body .cont #content-container #content-area.company-info .row .col-8 .tab-content #pills-home form .mail-field.active .front {
  transform: rotateX(180deg);
  z-index: 1;
}
body .cont #content-container #content-area.company-info .row .col-8 .tab-content #pills-home form .mail-field.active .back {
  transform: rotateX(0deg);
  z-index: 2;
}
body .cont #content-container #content-area.company-info .row .col-8 .tab-content #pills-home form .mail-field .front {
  width: 340px;
  height: 36px;
  border-radius: 4px;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  transform: rotateX(0deg);
  position: relative;
  z-index: 2;
  transition: 0.3s;
}
body .cont #content-container #content-area.company-info .row .col-8 .tab-content #pills-home form .mail-field .front p {
  padding-left: 40px;
  background-image: url(../img/icons/envelope.png);
  background-repeat: no-repeat;
  background-position: left center;
  line-height: 36px;
}
body .cont #content-container #content-area.company-info .row .col-8 .tab-content #pills-home form .mail-field .back {
  position: relative;
  top: -36px;
  width: 340px;
  height: 36px;
  border-radius: 4px;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  transform: rotateX(-180deg);
  z-index: 1;
  transition: 0.3s;
}
body .cont #content-container #content-area.company-info .row .col-8 .tab-content #pills-home form .mail-field .back h3 {
  width: 40px;
  height: 36px;
  display: inline-block;
  background-position: left center;
  background-repeat: no-repeat;
  background-image: url(../img/icons/envelope.png);
  float: left;
}
body .cont #content-container #content-area.company-info .row .col-8 .tab-content #pills-home form .mail-field .back input {
  width: calc(100% - 100px);
  height: 36px;
  float: left;
  border-radius: 4px;
  border: 1px solid #efefef;
  padding-left: 10px;
}
body .cont #content-container #content-area.company-info .row .col-8 .tab-content #pills-home form .phone-field {
  width: 500px;
  height: 36px;
  perspective: 1000px;
  transition: 0.3s;
  clear: both;
  overflow: hidden;
  margin-bottom: 10px;
}
body .cont #content-container #content-area.company-info .row .col-8 .tab-content #pills-home form .phone-field.active .front {
  transform: rotateX(180deg);
  z-index: 1;
}
body .cont #content-container #content-area.company-info .row .col-8 .tab-content #pills-home form .phone-field.active .back {
  transform: rotateX(0deg);
  z-index: 2;
}
body .cont #content-container #content-area.company-info .row .col-8 .tab-content #pills-home form .phone-field .front {
  width: 500px;
  height: 36px;
  border-radius: 4px;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  transform: rotateX(0deg);
  position: relative;
  z-index: 2;
  transition: 0.3s;
}
body .cont #content-container #content-area.company-info .row .col-8 .tab-content #pills-home form .phone-field .front p {
  padding-left: 40px;
  background-image: url(../img/icons/phone.png);
  background-repeat: no-repeat;
  background-position: left center;
  line-height: 36px;
  display: inline-block;
  height: 36px;
}
body .cont #content-container #content-area.company-info .row .col-8 .tab-content #pills-home form .phone-field .front p .mobile {
  padding-left: 40px;
  margin-left: 70px;
  background-image: url(../img/icons/mobile.png);
  background-repeat: no-repeat;
  background-position: left center;
}
body .cont #content-container #content-area.company-info .row .col-8 .tab-content #pills-home form .phone-field .back {
  position: relative;
  top: -36px;
  width: 500px;
  height: 36px;
  border-radius: 4px;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  transform: rotateX(-180deg);
  z-index: 1;
  transition: 0.3s;
}
body .cont #content-container #content-area.company-info .row .col-8 .tab-content #pills-home form .phone-field .back h3 {
  width: 40px;
  height: 36px;
  display: inline-block;
  background-position: left center;
  background-repeat: no-repeat;
  background-image: url(../img/icons/envelope.png);
  float: left;
}
body .cont #content-container #content-area.company-info .row .col-8 .tab-content #pills-home form .phone-field .back .input {
  padding-left: 40px;
  width: calc(50% - 40px);
  background-image: url(../img/icons/phone.png);
  background-repeat: no-repeat;
  background-position: left center;
  float: left;
}
body .cont #content-container #content-area.company-info .row .col-8 .tab-content #pills-home form .phone-field .back .input input {
  width: 100%;
  height: 36px;
  border-radius: 4px;
  border: 1px solid #efefef;
  padding-left: 10px;
}
body .cont #content-container #content-area.company-info .row .col-8 .tab-content #pills-home form .phone-field .back .input:nth-child(2) {
  margin-left: 28px;
  width: calc(50% - 40px);
  background-size: 30px 24px;
  background-image: url(../img/icons/fax.png);
}
body .cont #content-container #content-area.company-info .row .col-8 .tab-content #pills-home form .address-field {
  width: 500px;
  height: 36px;
  perspective: 1000px;
  transition: 0.3s;
  clear: both;
  overflow: hidden;
  margin-bottom: 10px;
}
body .cont #content-container #content-area.company-info .row .col-8 .tab-content #pills-home form .address-field.active .front {
  transform: rotateX(180deg);
  z-index: 1;
}
body .cont #content-container #content-area.company-info .row .col-8 .tab-content #pills-home form .address-field.active .back {
  transform: rotateX(0deg);
  z-index: 2;
}
body .cont #content-container #content-area.company-info .row .col-8 .tab-content #pills-home form .address-field .front {
  width: 500px;
  height: 36px;
  border-radius: 4px;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  transform: rotateX(0deg);
  position: relative;
  z-index: 2;
  transition: 0.3s;
}
body .cont #content-container #content-area.company-info .row .col-8 .tab-content #pills-home form .address-field .front p {
  padding-left: 40px;
  background-image: url(../img/icons/position.png);
  background-repeat: no-repeat;
  background-position: left center;
  line-height: 36px;
}
body .cont #content-container #content-area.company-info .row .col-8 .tab-content #pills-home form .address-field .back {
  position: relative;
  top: -36px;
  width: 500px;
  height: 36px;
  border-radius: 4px;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  transform: rotateX(-180deg);
  z-index: 1;
  transition: 0.3s;
}
body .cont #content-container #content-area.company-info .row .col-8 .tab-content #pills-home form .address-field .back h3 {
  width: 40px;
  height: 36px;
  display: inline-block;
  background-position: left center;
  background-repeat: no-repeat;
  background-image: url(../img/icons/position.png);
  float: left;
}
body .cont #content-container #content-area.company-info .row .col-8 .tab-content #pills-home form .address-field .back input {
  width: calc(100% - 100px);
  height: 36px;
  float: left;
  border-radius: 4px;
  border: 1px solid #efefef;
  padding-left: 10px;
}
body .cont #content-container #content-area.company-info .row .col-8 .tab-content #pills-home form .col-1.active .edit-btn {
  display: none;
}
body .cont #content-container #content-area.company-info .row .col-8 .tab-content #pills-home form .col-1.active button {
  display: block;
}
body .cont #content-container #content-area.company-info .row .col-8 .tab-content #pills-home form .col-1 .edit-btn {
  width: 36px;
  height: 36px;
  perspective: 1000px;
  transition: 0.3s;
  overflow: hidden;
}
body .cont #content-container #content-area.company-info .row .col-8 .tab-content #pills-home form .col-1 .edit-btn.active .front {
  transform: rotateX(180deg);
  z-index: 1;
}
body .cont #content-container #content-area.company-info .row .col-8 .tab-content #pills-home form .col-1 .edit-btn.active .back {
  transform: rotateX(0deg);
  z-index: 2;
}
body .cont #content-container #content-area.company-info .row .col-8 .tab-content #pills-home form .col-1 .edit-btn .front {
  width: 36px;
  height: 36px;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  transform: rotateX(0deg);
  position: relative;
  z-index: 2;
  transition: 0.3s;
  background-image: url(../img/icons/edit.png);
  background-repeat: no-repeat;
  background-position: center;
}
body .cont #content-container #content-area.company-info .row .col-8 .tab-content #pills-home form .col-1 .edit-btn .back {
  width: 36px;
  height: 36px;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  transform: rotateX(-180deg);
  position: relative;
  top: -36px;
  z-index: 1;
  transition: 0.3s;
  background-image: url(../img/icons/cross-gray.png);
  background-repeat: no-repeat;
  background-position: center;
}
body .cont #content-container #content-area.company-info .row .col-8 .tab-content #pills-home form .col-1 .edit-btn .back:hover {
  background-image: url(../img/icons/cross-red.png);
}
body .cont #content-container #content-area.company-info .row .col-8 .tab-content #pills-home form .col-1 button {
  width: 36px;
  height: 36px;
  transition: 0.3s;
  border: none;
  background-color: #fff;
  display: none;
}
body .cont #content-container #content-area.company-info .row .col-8 .tab-content #pills-home form .active-btn {
  width: 36px;
  height: 36px;
  perspective: 1000px;
  transition: 0.3s;
  float: left;
}
body .cont #content-container #content-area.company-info .row .col-8 .tab-content #pills-home form .active-btn:hover {
  cursor: pointer;
}
body .cont #content-container #content-area.company-info .row .col-8 .tab-content #pills-home form .active-btn.submit .back button {
  display: block;
}
body .cont #content-container #content-area.company-info .row .col-8 .tab-content #pills-home form .active-btn.active .front {
  transform: rotateX(180deg);
  z-index: 1;
}
body .cont #content-container #content-area.company-info .row .col-8 .tab-content #pills-home form .active-btn.active .back {
  transform: rotateX(0deg);
  z-index: 2;
}
body .cont #content-container #content-area.company-info .row .col-8 .tab-content #pills-home form .active-btn .front {
  width: 36px;
  height: 36px;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  transform: rotateX(0deg);
  position: relative;
  z-index: 2;
  transition: 0.3s;
  background-image: url(../img/icons/eye-open.png);
  background-repeat: no-repeat;
  background-position: center;
}
body .cont #content-container #content-area.company-info .row .col-8 .tab-content #pills-home form .active-btn.shut .front {
  background-image: url(../img/icons/eye-shut.png);
}
body .cont #content-container #content-area.company-info .row .col-8 .tab-content #pills-home form .active-btn.disabled {
  pointer-events: none;
}
body .cont #content-container #content-area.company-info .row .col-8 .tab-content #pills-home form .contract-field {
  width: 340px;
  height: 36px;
  perspective: 1000px;
  transition: 0.3s;
  clear: both;
  overflow: hidden;
  margin-bottom: 10px;
}
body .cont #content-container #content-area.company-info .row .col-8 .tab-content #pills-home form .contract-field.active .front {
  transform: rotateX(180deg);
  z-index: 1;
}
body .cont #content-container #content-area.company-info .row .col-8 .tab-content #pills-home form .contract-field.active .back {
  transform: rotateX(0deg);
  z-index: 2;
}
body .cont #content-container #content-area.company-info .row .col-8 .tab-content #pills-home form .contract-field .front {
  width: 340px;
  height: 36px;
  border-radius: 4px;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  transform: rotateX(0deg);
  position: relative;
  z-index: 2;
  transition: 0.3s;
}
body .cont #content-container #content-area.company-info .row .col-8 .tab-content #pills-home form .contract-field .front p {
  padding-left: 40px;
  background-image: url(../img/icons/calendar.png);
  background-size: 20px 20px;
  background-repeat: no-repeat;
  background-position: left center;
  line-height: 36px;
  margin: 0;
}
body .cont #content-container #content-area.company-info .row .col-8 .tab-content #pills-home form .contract-field .back {
  position: relative;
  top: -36px;
  width: 340px;
  height: 36px;
  border-radius: 4px;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  transform: rotateX(-180deg);
  z-index: 1;
  transition: 0.3s;
}
body .cont #content-container #content-area.company-info .row .col-8 .tab-content #pills-home form .contract-field .back h3 {
  width: 30px;
  height: 36px;
  display: inline-block;
  background-position: left center;
  background-repeat: no-repeat;
  background-image: url(../img/icons/calendar.png);
  background-size: 20px 20px;
  float: left;
}
body .cont #content-container #content-area.company-info .row .col-8 .tab-content #pills-home form .contract-field .back input {
  width: calc(50% - 18px);
  height: 36px;
  float: left;
  margin-left: 3px;
  border-radius: 4px;
  border: 1px solid #efefef;
  padding-left: 10px;
}
body .cont #content-container #content-area.company-info .row .col-8 .tab-content #pills-home p {
  font-family: 'Overpass';
  font-size: 14px;
  color: #587aad;
}
body .cont #content-container #content-area.company-info .row .col-8 .tab-content #pills-home p:nth-child(1) {
  padding-left: 40px;
  background-image: url(../img/icons/envelope.png);
  background-repeat: no-repeat;
  background-position: left center;
}
body .cont #content-container #content-area.company-info .row .col-8 .tab-content #pills-home p.phone-line {
  padding-left: 40px;
  background-image: url(../img/icons/phone.png);
  background-repeat: no-repeat;
  background-position: left center;
}
body .cont #content-container #content-area.company-info .row .col-8 .tab-content #pills-home p.phone-line .mobile {
  padding-left: 40px;
  background-image: url(../img/icons/fax.png);
  background-size: 30px 24px;
  background-repeat: no-repeat;
  background-position: left center;
}
body .cont #content-container #content-area.company-info .row .col-8 .tab-content #pills-home p:nth-child(5) {
  padding-left: 40px;
  background-image: url(../img/icons/user-blue.png);
  background-repeat: no-repeat;
  background-position: left center;
}
body .cont #content-container #content-area.company-info .row .col-8 .tab-content #pills-home p:nth-child(5) span {
  margin-left: 40px;
  padding: 7px 20px 7px 40px;
  border: solid 1px #e6e6e6;
  border-radius: 2px;
  background-image: url(../img/icons/copy-icon.png);
  background-repeat: no-repeat;
  background-position: 10px center;
}
body .cont #content-container #content-area.company-info .row .col-8 .tab-content #pills-home p:nth-child(5) span:hover {
  cursor: pointer;
}
body .cont #content-container #content-area.company-info .row .col-8 .tab-content #pills-home p.phone-line {
  line-height: 1.43;
  color: #44474C;
}
body .cont #content-container #content-area.company-info .row .col-8 .tab-content #pills-home p.role {
  font-size: 13px;
  letter-spacing: 2px;
  color: #a0a2a8;
}
body .cont #content-container #content-area.company-info .row .col-8 .tab-content #pills-home p img {
  margin-right: 20px;
}
body .cont #content-container #content-area.company-info .row .col-8 .tab-content #pills-home p .mobile {
  margin-left: 70px;
}
body .cont #content-container #content-area.company-info .row .col-8 .tab-content #pills-home p .mobile.disabled {
  display: none;
}
body .cont #content-container #content-area.company-info .row .col-8 .tab-content #pills-home .address-field .front p {
  padding-left: 40px;
  background-image: url(../img/icons/position.png);
  background-repeat: no-repeat;
  background-position: left center;
}
body .cont #content-container #content-area.company-info .row .col-8 .tab-content #pills-home .phone-field .front {
  padding-top: 10px;
}
body .cont #content-container #content-area.company-info .row .col-8 .tab-content #pills-profile h2 {
  color: #587aad;
}
body .cont #content-container #content-area.company-info .row .col-8 .tab-content #pills-profile h4 {
  margin-bottom: 40px;
}
body .cont #content-container #content-area.company-info .row .col-8 .tab-content #pills-profile table {
  overflow: hidden;
  border-radius: 6px;
  width: 100%;
}
body .cont #content-container #content-area.company-info .row .col-8 .tab-content #pills-profile table td,
body .cont #content-container #content-area.company-info .row .col-8 .tab-content #pills-profile table th {
  min-height: 30px;
  height: 40px;
}
body .cont #content-container #content-area.company-info .row .col-8 .tab-content #pills-profile table td:nth-child(2),
body .cont #content-container #content-area.company-info .row .col-8 .tab-content #pills-profile table th:nth-child(2) {
  width: 30px;
}
body .cont #content-container #content-area.company-info .row .col-8 .tab-content #pills-profile table tr {
  background-color: #fff;
}
body .cont #content-container #content-area.company-info .row .col-8 .tab-content #pills-profile table tr.table-headings {
  background-color: #e6e6e6;
  border-bottom: #dadada 1px solid;
}
body .cont #content-container #content-area.company-info .row .col-8 .tab-content #pills-profile table tr.table-headings button {
  position: relative;
  left: 50%;
  transform: translateX(-50%);
  height: 35px;
  border: none;
  padding: 5px 25px;
  box-shadow: 0 3px 5px 0 rgba(0, 0, 0, 0.1);
  background-color: #5679b0;
  font-family: 'Muli';
  font-size: 12px;
  letter-spacing: 1px;
  text-align: center;
  color: #ffffff;
  transition: 0.3s;
  border-radius: 4px;
}
body .cont #content-container #content-area.company-info .row .col-8 .tab-content #pills-profile table tr.table-headings button:hover {
  background-color: #3b557e;
  cursor: pointer;
}
body .cont #content-container #content-area.company-info .row .col-8 .tab-content #pills-profile table tr.table-headings th {
  padding: 6px 10px !important;
}
body .cont #content-container #content-area.company-info .row .col-8 .tab-content #pills-profile table tr.table-headings:hover {
  background-color: #e6e6e6;
}
body .cont #content-container #content-area.company-info .row .col-8 .tab-content #pills-profile table tr:hover {
  background-color: #cccccc;
}
body .cont #content-container #content-area.company-info .row .col-8 .tab-content #pills-profile table tr td {
  padding-left: 10px !important;
}
body .cont #content-container #content-area.company-info .row .col-8 .tab-content #pills-profile table tr td button {
  background-color: transparent;
  border: none;
  appearance: none;
  float: right;
  margin-right: 10px !important;
}
body .cont #content-container #content-area.company-info .row .col-8 .tab-content #pills-profile table tr td button:hover {
  color: red;
  cursor: pointer;
}
body .cont #content-container #content-area.company-info .row .col-8 .tab-content #pills-tasks #task-manager-cont table,
body .cont #content-container #content-area.company-info .row .col-8 .tab-content #pills-tasks-by-type #task-manager-cont table,
body .cont #content-container #content-area.company-info .row .col-8 .tab-content #pills-tasks #task-by-type-manager-cont table,
body .cont #content-container #content-area.company-info .row .col-8 .tab-content #pills-tasks-by-type #task-by-type-manager-cont table {
  width: 100%;
  margin-bottom: 30px;
}
body .cont #content-container #content-area.company-info .row .col-8 .tab-content #pills-tasks #task-manager-cont table.task-editor,
body .cont #content-container #content-area.company-info .row .col-8 .tab-content #pills-tasks-by-type #task-manager-cont table.task-editor,
body .cont #content-container #content-area.company-info .row .col-8 .tab-content #pills-tasks #task-by-type-manager-cont table.task-editor,
body .cont #content-container #content-area.company-info .row .col-8 .tab-content #pills-tasks-by-type #task-by-type-manager-cont table.task-editor,
body .cont #content-container #content-area.company-info .row .col-8 .tab-content #pills-tasks #task-manager-cont table.task-editor-by-type,
body .cont #content-container #content-area.company-info .row .col-8 .tab-content #pills-tasks-by-type #task-manager-cont table.task-editor-by-type,
body .cont #content-container #content-area.company-info .row .col-8 .tab-content #pills-tasks #task-by-type-manager-cont table.task-editor-by-type,
body .cont #content-container #content-area.company-info .row .col-8 .tab-content #pills-tasks-by-type #task-by-type-manager-cont table.task-editor-by-type {
  background-color: #e6e6e6;
  border-radius: 10px;
  height: 36px;
}
body .cont #content-container #content-area.company-info .row .col-8 .tab-content #pills-tasks #task-manager-cont table.task-editor p,
body .cont #content-container #content-area.company-info .row .col-8 .tab-content #pills-tasks-by-type #task-manager-cont table.task-editor p,
body .cont #content-container #content-area.company-info .row .col-8 .tab-content #pills-tasks #task-by-type-manager-cont table.task-editor p,
body .cont #content-container #content-area.company-info .row .col-8 .tab-content #pills-tasks-by-type #task-by-type-manager-cont table.task-editor p,
body .cont #content-container #content-area.company-info .row .col-8 .tab-content #pills-tasks #task-manager-cont table.task-editor-by-type p,
body .cont #content-container #content-area.company-info .row .col-8 .tab-content #pills-tasks-by-type #task-manager-cont table.task-editor-by-type p,
body .cont #content-container #content-area.company-info .row .col-8 .tab-content #pills-tasks #task-by-type-manager-cont table.task-editor-by-type p,
body .cont #content-container #content-area.company-info .row .col-8 .tab-content #pills-tasks-by-type #task-by-type-manager-cont table.task-editor-by-type p {
  margin-bottom: 0;
  padding: 5px 40px 0 20px;
}
body .cont #content-container #content-area.company-info .row .col-8 .tab-content #pills-tasks #task-manager-cont table.task-editor .btn-group,
body .cont #content-container #content-area.company-info .row .col-8 .tab-content #pills-tasks-by-type #task-manager-cont table.task-editor .btn-group,
body .cont #content-container #content-area.company-info .row .col-8 .tab-content #pills-tasks #task-by-type-manager-cont table.task-editor .btn-group,
body .cont #content-container #content-area.company-info .row .col-8 .tab-content #pills-tasks-by-type #task-by-type-manager-cont table.task-editor .btn-group,
body .cont #content-container #content-area.company-info .row .col-8 .tab-content #pills-tasks #task-manager-cont table.task-editor-by-type .btn-group,
body .cont #content-container #content-area.company-info .row .col-8 .tab-content #pills-tasks-by-type #task-manager-cont table.task-editor-by-type .btn-group,
body .cont #content-container #content-area.company-info .row .col-8 .tab-content #pills-tasks #task-by-type-manager-cont table.task-editor-by-type .btn-group,
body .cont #content-container #content-area.company-info .row .col-8 .tab-content #pills-tasks-by-type #task-by-type-manager-cont table.task-editor-by-type .btn-group {
  border-radius: 1px;
}
body .cont #content-container #content-area.company-info .row .col-8 .tab-content #pills-tasks #task-manager-cont table.task-editor .btn-group .btn,
body .cont #content-container #content-area.company-info .row .col-8 .tab-content #pills-tasks-by-type #task-manager-cont table.task-editor .btn-group .btn,
body .cont #content-container #content-area.company-info .row .col-8 .tab-content #pills-tasks #task-by-type-manager-cont table.task-editor .btn-group .btn,
body .cont #content-container #content-area.company-info .row .col-8 .tab-content #pills-tasks-by-type #task-by-type-manager-cont table.task-editor .btn-group .btn,
body .cont #content-container #content-area.company-info .row .col-8 .tab-content #pills-tasks #task-manager-cont table.task-editor-by-type .btn-group .btn,
body .cont #content-container #content-area.company-info .row .col-8 .tab-content #pills-tasks-by-type #task-manager-cont table.task-editor-by-type .btn-group .btn,
body .cont #content-container #content-area.company-info .row .col-8 .tab-content #pills-tasks #task-by-type-manager-cont table.task-editor-by-type .btn-group .btn,
body .cont #content-container #content-area.company-info .row .col-8 .tab-content #pills-tasks-by-type #task-by-type-manager-cont table.task-editor-by-type .btn-group .btn {
  height: 35px;
  border: none;
  box-shadow: 0 3px 5px 0 rgba(0, 0, 0, 0.1);
  background-color: #587aad;
  font-family: 'Muli';
  font-size: 12px;
  letter-spacing: 1px;
  text-align: center;
  color: #ffffff;
  transition: 0.3s;
}
body .cont #content-container #content-area.company-info .row .col-8 .tab-content #pills-tasks #task-manager-cont table.task-editor .btn-group .btn:nth-child(1),
body .cont #content-container #content-area.company-info .row .col-8 .tab-content #pills-tasks-by-type #task-manager-cont table.task-editor .btn-group .btn:nth-child(1),
body .cont #content-container #content-area.company-info .row .col-8 .tab-content #pills-tasks #task-by-type-manager-cont table.task-editor .btn-group .btn:nth-child(1),
body .cont #content-container #content-area.company-info .row .col-8 .tab-content #pills-tasks-by-type #task-by-type-manager-cont table.task-editor .btn-group .btn:nth-child(1),
body .cont #content-container #content-area.company-info .row .col-8 .tab-content #pills-tasks #task-manager-cont table.task-editor-by-type .btn-group .btn:nth-child(1),
body .cont #content-container #content-area.company-info .row .col-8 .tab-content #pills-tasks-by-type #task-manager-cont table.task-editor-by-type .btn-group .btn:nth-child(1),
body .cont #content-container #content-area.company-info .row .col-8 .tab-content #pills-tasks #task-by-type-manager-cont table.task-editor-by-type .btn-group .btn:nth-child(1),
body .cont #content-container #content-area.company-info .row .col-8 .tab-content #pills-tasks-by-type #task-by-type-manager-cont table.task-editor-by-type .btn-group .btn:nth-child(1),
body .cont #content-container #content-area.company-info .row .col-8 .tab-content #pills-tasks #task-manager-cont table.task-editor .btn-group .btn:nth-child(3),
body .cont #content-container #content-area.company-info .row .col-8 .tab-content #pills-tasks-by-type #task-manager-cont table.task-editor .btn-group .btn:nth-child(3),
body .cont #content-container #content-area.company-info .row .col-8 .tab-content #pills-tasks #task-by-type-manager-cont table.task-editor .btn-group .btn:nth-child(3),
body .cont #content-container #content-area.company-info .row .col-8 .tab-content #pills-tasks-by-type #task-by-type-manager-cont table.task-editor .btn-group .btn:nth-child(3),
body .cont #content-container #content-area.company-info .row .col-8 .tab-content #pills-tasks #task-manager-cont table.task-editor-by-type .btn-group .btn:nth-child(3),
body .cont #content-container #content-area.company-info .row .col-8 .tab-content #pills-tasks-by-type #task-manager-cont table.task-editor-by-type .btn-group .btn:nth-child(3),
body .cont #content-container #content-area.company-info .row .col-8 .tab-content #pills-tasks #task-by-type-manager-cont table.task-editor-by-type .btn-group .btn:nth-child(3),
body .cont #content-container #content-area.company-info .row .col-8 .tab-content #pills-tasks-by-type #task-by-type-manager-cont table.task-editor-by-type .btn-group .btn:nth-child(3) {
  width: 40px;
}
body .cont #content-container #content-area.company-info .row .col-8 .tab-content #pills-tasks #task-manager-cont table.task-editor .btn-group .btn:nth-child(1):hover,
body .cont #content-container #content-area.company-info .row .col-8 .tab-content #pills-tasks-by-type #task-manager-cont table.task-editor .btn-group .btn:nth-child(1):hover,
body .cont #content-container #content-area.company-info .row .col-8 .tab-content #pills-tasks #task-by-type-manager-cont table.task-editor .btn-group .btn:nth-child(1):hover,
body .cont #content-container #content-area.company-info .row .col-8 .tab-content #pills-tasks-by-type #task-by-type-manager-cont table.task-editor .btn-group .btn:nth-child(1):hover,
body .cont #content-container #content-area.company-info .row .col-8 .tab-content #pills-tasks #task-manager-cont table.task-editor-by-type .btn-group .btn:nth-child(1):hover,
body .cont #content-container #content-area.company-info .row .col-8 .tab-content #pills-tasks-by-type #task-manager-cont table.task-editor-by-type .btn-group .btn:nth-child(1):hover,
body .cont #content-container #content-area.company-info .row .col-8 .tab-content #pills-tasks #task-by-type-manager-cont table.task-editor-by-type .btn-group .btn:nth-child(1):hover,
body .cont #content-container #content-area.company-info .row .col-8 .tab-content #pills-tasks-by-type #task-by-type-manager-cont table.task-editor-by-type .btn-group .btn:nth-child(1):hover,
body .cont #content-container #content-area.company-info .row .col-8 .tab-content #pills-tasks #task-manager-cont table.task-editor .btn-group .btn:nth-child(3):hover,
body .cont #content-container #content-area.company-info .row .col-8 .tab-content #pills-tasks-by-type #task-manager-cont table.task-editor .btn-group .btn:nth-child(3):hover,
body .cont #content-container #content-area.company-info .row .col-8 .tab-content #pills-tasks #task-by-type-manager-cont table.task-editor .btn-group .btn:nth-child(3):hover,
body .cont #content-container #content-area.company-info .row .col-8 .tab-content #pills-tasks-by-type #task-by-type-manager-cont table.task-editor .btn-group .btn:nth-child(3):hover,
body .cont #content-container #content-area.company-info .row .col-8 .tab-content #pills-tasks #task-manager-cont table.task-editor-by-type .btn-group .btn:nth-child(3):hover,
body .cont #content-container #content-area.company-info .row .col-8 .tab-content #pills-tasks-by-type #task-manager-cont table.task-editor-by-type .btn-group .btn:nth-child(3):hover,
body .cont #content-container #content-area.company-info .row .col-8 .tab-content #pills-tasks #task-by-type-manager-cont table.task-editor-by-type .btn-group .btn:nth-child(3):hover,
body .cont #content-container #content-area.company-info .row .col-8 .tab-content #pills-tasks-by-type #task-by-type-manager-cont table.task-editor-by-type .btn-group .btn:nth-child(3):hover {
  background-color: #45628d;
}
body .cont #content-container #content-area.company-info .row .col-8 .tab-content #pills-tasks #task-manager-cont table.task-editor .btn-group .btn:nth-child(2),
body .cont #content-container #content-area.company-info .row .col-8 .tab-content #pills-tasks-by-type #task-manager-cont table.task-editor .btn-group .btn:nth-child(2),
body .cont #content-container #content-area.company-info .row .col-8 .tab-content #pills-tasks #task-by-type-manager-cont table.task-editor .btn-group .btn:nth-child(2),
body .cont #content-container #content-area.company-info .row .col-8 .tab-content #pills-tasks-by-type #task-by-type-manager-cont table.task-editor .btn-group .btn:nth-child(2),
body .cont #content-container #content-area.company-info .row .col-8 .tab-content #pills-tasks #task-manager-cont table.task-editor-by-type .btn-group .btn:nth-child(2),
body .cont #content-container #content-area.company-info .row .col-8 .tab-content #pills-tasks-by-type #task-manager-cont table.task-editor-by-type .btn-group .btn:nth-child(2),
body .cont #content-container #content-area.company-info .row .col-8 .tab-content #pills-tasks #task-by-type-manager-cont table.task-editor-by-type .btn-group .btn:nth-child(2),
body .cont #content-container #content-area.company-info .row .col-8 .tab-content #pills-tasks-by-type #task-by-type-manager-cont table.task-editor-by-type .btn-group .btn:nth-child(2) {
  width: 134px;
}
body .cont #content-container #content-area.company-info .row .col-8 .tab-content #pills-tasks #task-manager-cont table.task-editor .btn-group .btn.reasign,
body .cont #content-container #content-area.company-info .row .col-8 .tab-content #pills-tasks-by-type #task-manager-cont table.task-editor .btn-group .btn.reasign,
body .cont #content-container #content-area.company-info .row .col-8 .tab-content #pills-tasks #task-by-type-manager-cont table.task-editor .btn-group .btn.reasign,
body .cont #content-container #content-area.company-info .row .col-8 .tab-content #pills-tasks-by-type #task-by-type-manager-cont table.task-editor .btn-group .btn.reasign,
body .cont #content-container #content-area.company-info .row .col-8 .tab-content #pills-tasks #task-manager-cont table.task-editor-by-type .btn-group .btn.reasign,
body .cont #content-container #content-area.company-info .row .col-8 .tab-content #pills-tasks-by-type #task-manager-cont table.task-editor-by-type .btn-group .btn.reasign,
body .cont #content-container #content-area.company-info .row .col-8 .tab-content #pills-tasks #task-by-type-manager-cont table.task-editor-by-type .btn-group .btn.reasign,
body .cont #content-container #content-area.company-info .row .col-8 .tab-content #pills-tasks-by-type #task-by-type-manager-cont table.task-editor-by-type .btn-group .btn.reasign {
  background-color: #95bf3f;
}
body .cont #content-container #content-area.company-info .row .col-8 .tab-content #pills-tasks #task-manager-cont table.task-editor .btn-group .btn.reasign:nth-child(1):hover,
body .cont #content-container #content-area.company-info .row .col-8 .tab-content #pills-tasks-by-type #task-manager-cont table.task-editor .btn-group .btn.reasign:nth-child(1):hover,
body .cont #content-container #content-area.company-info .row .col-8 .tab-content #pills-tasks #task-by-type-manager-cont table.task-editor .btn-group .btn.reasign:nth-child(1):hover,
body .cont #content-container #content-area.company-info .row .col-8 .tab-content #pills-tasks-by-type #task-by-type-manager-cont table.task-editor .btn-group .btn.reasign:nth-child(1):hover,
body .cont #content-container #content-area.company-info .row .col-8 .tab-content #pills-tasks #task-manager-cont table.task-editor-by-type .btn-group .btn.reasign:nth-child(1):hover,
body .cont #content-container #content-area.company-info .row .col-8 .tab-content #pills-tasks-by-type #task-manager-cont table.task-editor-by-type .btn-group .btn.reasign:nth-child(1):hover,
body .cont #content-container #content-area.company-info .row .col-8 .tab-content #pills-tasks #task-by-type-manager-cont table.task-editor-by-type .btn-group .btn.reasign:nth-child(1):hover,
body .cont #content-container #content-area.company-info .row .col-8 .tab-content #pills-tasks-by-type #task-by-type-manager-cont table.task-editor-by-type .btn-group .btn.reasign:nth-child(1):hover,
body .cont #content-container #content-area.company-info .row .col-8 .tab-content #pills-tasks #task-manager-cont table.task-editor .btn-group .btn.reasign:nth-child(2):hover,
body .cont #content-container #content-area.company-info .row .col-8 .tab-content #pills-tasks-by-type #task-manager-cont table.task-editor .btn-group .btn.reasign:nth-child(2):hover,
body .cont #content-container #content-area.company-info .row .col-8 .tab-content #pills-tasks #task-by-type-manager-cont table.task-editor .btn-group .btn.reasign:nth-child(2):hover,
body .cont #content-container #content-area.company-info .row .col-8 .tab-content #pills-tasks-by-type #task-by-type-manager-cont table.task-editor .btn-group .btn.reasign:nth-child(2):hover,
body .cont #content-container #content-area.company-info .row .col-8 .tab-content #pills-tasks #task-manager-cont table.task-editor-by-type .btn-group .btn.reasign:nth-child(2):hover,
body .cont #content-container #content-area.company-info .row .col-8 .tab-content #pills-tasks-by-type #task-manager-cont table.task-editor-by-type .btn-group .btn.reasign:nth-child(2):hover,
body .cont #content-container #content-area.company-info .row .col-8 .tab-content #pills-tasks #task-by-type-manager-cont table.task-editor-by-type .btn-group .btn.reasign:nth-child(2):hover,
body .cont #content-container #content-area.company-info .row .col-8 .tab-content #pills-tasks-by-type #task-by-type-manager-cont table.task-editor-by-type .btn-group .btn.reasign:nth-child(2):hover,
body .cont #content-container #content-area.company-info .row .col-8 .tab-content #pills-tasks #task-manager-cont table.task-editor .btn-group .btn.reasign:nth-child(3):hover,
body .cont #content-container #content-area.company-info .row .col-8 .tab-content #pills-tasks-by-type #task-manager-cont table.task-editor .btn-group .btn.reasign:nth-child(3):hover,
body .cont #content-container #content-area.company-info .row .col-8 .tab-content #pills-tasks #task-by-type-manager-cont table.task-editor .btn-group .btn.reasign:nth-child(3):hover,
body .cont #content-container #content-area.company-info .row .col-8 .tab-content #pills-tasks-by-type #task-by-type-manager-cont table.task-editor .btn-group .btn.reasign:nth-child(3):hover,
body .cont #content-container #content-area.company-info .row .col-8 .tab-content #pills-tasks #task-manager-cont table.task-editor-by-type .btn-group .btn.reasign:nth-child(3):hover,
body .cont #content-container #content-area.company-info .row .col-8 .tab-content #pills-tasks-by-type #task-manager-cont table.task-editor-by-type .btn-group .btn.reasign:nth-child(3):hover,
body .cont #content-container #content-area.company-info .row .col-8 .tab-content #pills-tasks #task-by-type-manager-cont table.task-editor-by-type .btn-group .btn.reasign:nth-child(3):hover,
body .cont #content-container #content-area.company-info .row .col-8 .tab-content #pills-tasks-by-type #task-by-type-manager-cont table.task-editor-by-type .btn-group .btn.reasign:nth-child(3):hover {
  background-color: #779833;
}
body .cont #content-container #content-area.company-info .row .col-8 .tab-content #pills-tasks #task-manager-cont table.task-editor .btn-group .btn:hover,
body .cont #content-container #content-area.company-info .row .col-8 .tab-content #pills-tasks-by-type #task-manager-cont table.task-editor .btn-group .btn:hover,
body .cont #content-container #content-area.company-info .row .col-8 .tab-content #pills-tasks #task-by-type-manager-cont table.task-editor .btn-group .btn:hover,
body .cont #content-container #content-area.company-info .row .col-8 .tab-content #pills-tasks-by-type #task-by-type-manager-cont table.task-editor .btn-group .btn:hover,
body .cont #content-container #content-area.company-info .row .col-8 .tab-content #pills-tasks #task-manager-cont table.task-editor-by-type .btn-group .btn:hover,
body .cont #content-container #content-area.company-info .row .col-8 .tab-content #pills-tasks-by-type #task-manager-cont table.task-editor-by-type .btn-group .btn:hover,
body .cont #content-container #content-area.company-info .row .col-8 .tab-content #pills-tasks #task-by-type-manager-cont table.task-editor-by-type .btn-group .btn:hover,
body .cont #content-container #content-area.company-info .row .col-8 .tab-content #pills-tasks-by-type #task-by-type-manager-cont table.task-editor-by-type .btn-group .btn:hover {
  background-color: #45628d;
}
body .cont #content-container #content-area.company-info .row .col-8 .tab-content #pills-tasks #task-manager-cont table.task-editor .submit,
body .cont #content-container #content-area.company-info .row .col-8 .tab-content #pills-tasks-by-type #task-manager-cont table.task-editor .submit,
body .cont #content-container #content-area.company-info .row .col-8 .tab-content #pills-tasks #task-by-type-manager-cont table.task-editor .submit,
body .cont #content-container #content-area.company-info .row .col-8 .tab-content #pills-tasks-by-type #task-by-type-manager-cont table.task-editor .submit,
body .cont #content-container #content-area.company-info .row .col-8 .tab-content #pills-tasks #task-manager-cont table.task-editor-by-type .submit,
body .cont #content-container #content-area.company-info .row .col-8 .tab-content #pills-tasks-by-type #task-manager-cont table.task-editor-by-type .submit,
body .cont #content-container #content-area.company-info .row .col-8 .tab-content #pills-tasks #task-by-type-manager-cont table.task-editor-by-type .submit,
body .cont #content-container #content-area.company-info .row .col-8 .tab-content #pills-tasks-by-type #task-by-type-manager-cont table.task-editor-by-type .submit {
  height: 35px;
  border: none;
  box-shadow: 0 3px 5px 0 rgba(0, 0, 0, 0.1);
  background-color: #5679b0;
  font-family: 'Muli';
  font-size: 12px;
  letter-spacing: 1px;
  text-align: center;
  color: #ffffff;
  transition: 0.3s;
  border-radius: 4px;
}
body .cont #content-container #content-area.company-info .row .col-8 .tab-content #pills-tasks #task-manager-cont table.task-editor .submit:hover,
body .cont #content-container #content-area.company-info .row .col-8 .tab-content #pills-tasks-by-type #task-manager-cont table.task-editor .submit:hover,
body .cont #content-container #content-area.company-info .row .col-8 .tab-content #pills-tasks #task-by-type-manager-cont table.task-editor .submit:hover,
body .cont #content-container #content-area.company-info .row .col-8 .tab-content #pills-tasks-by-type #task-by-type-manager-cont table.task-editor .submit:hover,
body .cont #content-container #content-area.company-info .row .col-8 .tab-content #pills-tasks #task-manager-cont table.task-editor-by-type .submit:hover,
body .cont #content-container #content-area.company-info .row .col-8 .tab-content #pills-tasks-by-type #task-manager-cont table.task-editor-by-type .submit:hover,
body .cont #content-container #content-area.company-info .row .col-8 .tab-content #pills-tasks #task-by-type-manager-cont table.task-editor-by-type .submit:hover,
body .cont #content-container #content-area.company-info .row .col-8 .tab-content #pills-tasks-by-type #task-by-type-manager-cont table.task-editor-by-type .submit:hover {
  background-color: #3b557e;
  cursor: pointer;
}
body .cont #content-container #content-area.company-info .row .col-8 .tab-content #pills-tasks #task-manager-cont table.task-list,
body .cont #content-container #content-area.company-info .row .col-8 .tab-content #pills-tasks-by-type #task-manager-cont table.task-list,
body .cont #content-container #content-area.company-info .row .col-8 .tab-content #pills-tasks #task-by-type-manager-cont table.task-list,
body .cont #content-container #content-area.company-info .row .col-8 .tab-content #pills-tasks-by-type #task-by-type-manager-cont table.task-list,
body .cont #content-container #content-area.company-info .row .col-8 .tab-content #pills-tasks #task-manager-cont table.task-by-type-list,
body .cont #content-container #content-area.company-info .row .col-8 .tab-content #pills-tasks-by-type #task-manager-cont table.task-by-type-list,
body .cont #content-container #content-area.company-info .row .col-8 .tab-content #pills-tasks #task-by-type-manager-cont table.task-by-type-list,
body .cont #content-container #content-area.company-info .row .col-8 .tab-content #pills-tasks-by-type #task-by-type-manager-cont table.task-by-type-list {
  border-top-left-radius: 8px;
  border-top-right-radius: 8px;
  overflow: hidden;
}
body .cont #content-container #content-area.company-info .row .col-8 .tab-content #pills-tasks #task-manager-cont table.task-list tr,
body .cont #content-container #content-area.company-info .row .col-8 .tab-content #pills-tasks-by-type #task-manager-cont table.task-list tr,
body .cont #content-container #content-area.company-info .row .col-8 .tab-content #pills-tasks #task-by-type-manager-cont table.task-list tr,
body .cont #content-container #content-area.company-info .row .col-8 .tab-content #pills-tasks-by-type #task-by-type-manager-cont table.task-list tr,
body .cont #content-container #content-area.company-info .row .col-8 .tab-content #pills-tasks #task-manager-cont table.task-by-type-list tr,
body .cont #content-container #content-area.company-info .row .col-8 .tab-content #pills-tasks-by-type #task-manager-cont table.task-by-type-list tr,
body .cont #content-container #content-area.company-info .row .col-8 .tab-content #pills-tasks #task-by-type-manager-cont table.task-by-type-list tr,
body .cont #content-container #content-area.company-info .row .col-8 .tab-content #pills-tasks-by-type #task-by-type-manager-cont table.task-by-type-list tr {
  height: 40px;
}
body .cont #content-container #content-area.company-info .row .col-8 .tab-content #pills-tasks #task-manager-cont table.task-list tr:hover,
body .cont #content-container #content-area.company-info .row .col-8 .tab-content #pills-tasks-by-type #task-manager-cont table.task-list tr:hover,
body .cont #content-container #content-area.company-info .row .col-8 .tab-content #pills-tasks #task-by-type-manager-cont table.task-list tr:hover,
body .cont #content-container #content-area.company-info .row .col-8 .tab-content #pills-tasks-by-type #task-by-type-manager-cont table.task-list tr:hover,
body .cont #content-container #content-area.company-info .row .col-8 .tab-content #pills-tasks #task-manager-cont table.task-by-type-list tr:hover,
body .cont #content-container #content-area.company-info .row .col-8 .tab-content #pills-tasks-by-type #task-manager-cont table.task-by-type-list tr:hover,
body .cont #content-container #content-area.company-info .row .col-8 .tab-content #pills-tasks #task-by-type-manager-cont table.task-by-type-list tr:hover,
body .cont #content-container #content-area.company-info .row .col-8 .tab-content #pills-tasks-by-type #task-by-type-manager-cont table.task-by-type-list tr:hover {
  background-color: #cdcdcd;
  cursor: pointer;
}
body .cont #content-container #content-area.company-info .row .col-8 .tab-content #pills-tasks #task-manager-cont table.task-list tr:hover:first-child,
body .cont #content-container #content-area.company-info .row .col-8 .tab-content #pills-tasks-by-type #task-manager-cont table.task-list tr:hover:first-child,
body .cont #content-container #content-area.company-info .row .col-8 .tab-content #pills-tasks #task-by-type-manager-cont table.task-list tr:hover:first-child,
body .cont #content-container #content-area.company-info .row .col-8 .tab-content #pills-tasks-by-type #task-by-type-manager-cont table.task-list tr:hover:first-child,
body .cont #content-container #content-area.company-info .row .col-8 .tab-content #pills-tasks #task-manager-cont table.task-by-type-list tr:hover:first-child,
body .cont #content-container #content-area.company-info .row .col-8 .tab-content #pills-tasks-by-type #task-manager-cont table.task-by-type-list tr:hover:first-child,
body .cont #content-container #content-area.company-info .row .col-8 .tab-content #pills-tasks #task-by-type-manager-cont table.task-by-type-list tr:hover:first-child,
body .cont #content-container #content-area.company-info .row .col-8 .tab-content #pills-tasks-by-type #task-by-type-manager-cont table.task-by-type-list tr:hover:first-child {
  background-color: #e6e6e6;
  cursor: default;
}
body .cont #content-container #content-area.company-info .row .col-8 .tab-content #pills-tasks #task-manager-cont table.task-list tr th,
body .cont #content-container #content-area.company-info .row .col-8 .tab-content #pills-tasks-by-type #task-manager-cont table.task-list tr th,
body .cont #content-container #content-area.company-info .row .col-8 .tab-content #pills-tasks #task-by-type-manager-cont table.task-list tr th,
body .cont #content-container #content-area.company-info .row .col-8 .tab-content #pills-tasks-by-type #task-by-type-manager-cont table.task-list tr th,
body .cont #content-container #content-area.company-info .row .col-8 .tab-content #pills-tasks #task-manager-cont table.task-by-type-list tr th,
body .cont #content-container #content-area.company-info .row .col-8 .tab-content #pills-tasks-by-type #task-manager-cont table.task-by-type-list tr th,
body .cont #content-container #content-area.company-info .row .col-8 .tab-content #pills-tasks #task-by-type-manager-cont table.task-by-type-list tr th,
body .cont #content-container #content-area.company-info .row .col-8 .tab-content #pills-tasks-by-type #task-by-type-manager-cont table.task-by-type-list tr th {
  background-color: #e6e6e6 !important;
}
body .cont #content-container #content-area.company-info .row .col-8 .tab-content #pills-tasks #task-manager-cont table.task-list tr td,
body .cont #content-container #content-area.company-info .row .col-8 .tab-content #pills-tasks-by-type #task-manager-cont table.task-list tr td,
body .cont #content-container #content-area.company-info .row .col-8 .tab-content #pills-tasks #task-by-type-manager-cont table.task-list tr td,
body .cont #content-container #content-area.company-info .row .col-8 .tab-content #pills-tasks-by-type #task-by-type-manager-cont table.task-list tr td,
body .cont #content-container #content-area.company-info .row .col-8 .tab-content #pills-tasks #task-manager-cont table.task-by-type-list tr td,
body .cont #content-container #content-area.company-info .row .col-8 .tab-content #pills-tasks-by-type #task-manager-cont table.task-by-type-list tr td,
body .cont #content-container #content-area.company-info .row .col-8 .tab-content #pills-tasks #task-by-type-manager-cont table.task-by-type-list tr td,
body .cont #content-container #content-area.company-info .row .col-8 .tab-content #pills-tasks-by-type #task-by-type-manager-cont table.task-by-type-list tr td {
  height: 30px;
}
body .cont #content-container #content-area.company-info .row .col-8 .tab-content #pills-tasks #task-manager-cont table.task-list tr td .action-btn,
body .cont #content-container #content-area.company-info .row .col-8 .tab-content #pills-tasks-by-type #task-manager-cont table.task-list tr td .action-btn,
body .cont #content-container #content-area.company-info .row .col-8 .tab-content #pills-tasks #task-by-type-manager-cont table.task-list tr td .action-btn,
body .cont #content-container #content-area.company-info .row .col-8 .tab-content #pills-tasks-by-type #task-by-type-manager-cont table.task-list tr td .action-btn,
body .cont #content-container #content-area.company-info .row .col-8 .tab-content #pills-tasks #task-manager-cont table.task-by-type-list tr td .action-btn,
body .cont #content-container #content-area.company-info .row .col-8 .tab-content #pills-tasks-by-type #task-manager-cont table.task-by-type-list tr td .action-btn,
body .cont #content-container #content-area.company-info .row .col-8 .tab-content #pills-tasks #task-by-type-manager-cont table.task-by-type-list tr td .action-btn,
body .cont #content-container #content-area.company-info .row .col-8 .tab-content #pills-tasks-by-type #task-by-type-manager-cont table.task-by-type-list tr td .action-btn {
  width: 30px;
  height: 30px;
  margin: 0 5px;
  background: none;
  border: none;
}
body .cont #content-container #content-area.company-info .row .col-8 .tab-content #pills-tasks #task-manager-cont table.task-list tr td .action-btn:hover,
body .cont #content-container #content-area.company-info .row .col-8 .tab-content #pills-tasks-by-type #task-manager-cont table.task-list tr td .action-btn:hover,
body .cont #content-container #content-area.company-info .row .col-8 .tab-content #pills-tasks #task-by-type-manager-cont table.task-list tr td .action-btn:hover,
body .cont #content-container #content-area.company-info .row .col-8 .tab-content #pills-tasks-by-type #task-by-type-manager-cont table.task-list tr td .action-btn:hover,
body .cont #content-container #content-area.company-info .row .col-8 .tab-content #pills-tasks #task-manager-cont table.task-by-type-list tr td .action-btn:hover,
body .cont #content-container #content-area.company-info .row .col-8 .tab-content #pills-tasks-by-type #task-manager-cont table.task-by-type-list tr td .action-btn:hover,
body .cont #content-container #content-area.company-info .row .col-8 .tab-content #pills-tasks #task-by-type-manager-cont table.task-by-type-list tr td .action-btn:hover,
body .cont #content-container #content-area.company-info .row .col-8 .tab-content #pills-tasks-by-type #task-by-type-manager-cont table.task-by-type-list tr td .action-btn:hover {
  cursor: pointer;
}
body .cont #content-container #content-area.company-info .row .col-8 .tab-content #pills-tasks #task-manager-cont table.task-list tr td .action-btn.delete:hover,
body .cont #content-container #content-area.company-info .row .col-8 .tab-content #pills-tasks-by-type #task-manager-cont table.task-list tr td .action-btn.delete:hover,
body .cont #content-container #content-area.company-info .row .col-8 .tab-content #pills-tasks #task-by-type-manager-cont table.task-list tr td .action-btn.delete:hover,
body .cont #content-container #content-area.company-info .row .col-8 .tab-content #pills-tasks-by-type #task-by-type-manager-cont table.task-list tr td .action-btn.delete:hover,
body .cont #content-container #content-area.company-info .row .col-8 .tab-content #pills-tasks #task-manager-cont table.task-by-type-list tr td .action-btn.delete:hover,
body .cont #content-container #content-area.company-info .row .col-8 .tab-content #pills-tasks-by-type #task-manager-cont table.task-by-type-list tr td .action-btn.delete:hover,
body .cont #content-container #content-area.company-info .row .col-8 .tab-content #pills-tasks #task-by-type-manager-cont table.task-by-type-list tr td .action-btn.delete:hover,
body .cont #content-container #content-area.company-info .row .col-8 .tab-content #pills-tasks-by-type #task-by-type-manager-cont table.task-by-type-list tr td .action-btn.delete:hover {
  color: red;
}
body .cont #content-container #content-area.company-info .row .col-8 .tab-content #pills-tasks #task-manager-cont table.task-list tr td .action-btn.edit:hover,
body .cont #content-container #content-area.company-info .row .col-8 .tab-content #pills-tasks-by-type #task-manager-cont table.task-list tr td .action-btn.edit:hover,
body .cont #content-container #content-area.company-info .row .col-8 .tab-content #pills-tasks #task-by-type-manager-cont table.task-list tr td .action-btn.edit:hover,
body .cont #content-container #content-area.company-info .row .col-8 .tab-content #pills-tasks-by-type #task-by-type-manager-cont table.task-list tr td .action-btn.edit:hover,
body .cont #content-container #content-area.company-info .row .col-8 .tab-content #pills-tasks #task-manager-cont table.task-by-type-list tr td .action-btn.edit:hover,
body .cont #content-container #content-area.company-info .row .col-8 .tab-content #pills-tasks-by-type #task-manager-cont table.task-by-type-list tr td .action-btn.edit:hover,
body .cont #content-container #content-area.company-info .row .col-8 .tab-content #pills-tasks #task-by-type-manager-cont table.task-by-type-list tr td .action-btn.edit:hover,
body .cont #content-container #content-area.company-info .row .col-8 .tab-content #pills-tasks-by-type #task-by-type-manager-cont table.task-by-type-list tr td .action-btn.edit:hover {
  color: #5679b0;
}
body .cont #content-container #content-area.company-info .row .col-8 .tab-content #pills-tasks #task-manager-cont table tr .task-adder,
body .cont #content-container #content-area.company-info .row .col-8 .tab-content #pills-tasks-by-type #task-manager-cont table tr .task-adder,
body .cont #content-container #content-area.company-info .row .col-8 .tab-content #pills-tasks #task-by-type-manager-cont table tr .task-adder,
body .cont #content-container #content-area.company-info .row .col-8 .tab-content #pills-tasks-by-type #task-by-type-manager-cont table tr .task-adder {
  padding-top: 10px;
  font-size: 20px;
}
body .cont #content-container #content-area.company-info .row .col-8 .tab-content #pills-tasks #task-manager-cont table tr .task-adder.selected,
body .cont #content-container #content-area.company-info .row .col-8 .tab-content #pills-tasks-by-type #task-manager-cont table tr .task-adder.selected,
body .cont #content-container #content-area.company-info .row .col-8 .tab-content #pills-tasks #task-by-type-manager-cont table tr .task-adder.selected,
body .cont #content-container #content-area.company-info .row .col-8 .tab-content #pills-tasks-by-type #task-by-type-manager-cont table tr .task-adder.selected {
  background-color: #6988b5 !important;
  color: #fff;
}
body .cont #content-container #content-area.company-info .row .col-8 .tab-content #pills-tasks #task-manager-cont table tr .task-adder.selected:hover,
body .cont #content-container #content-area.company-info .row .col-8 .tab-content #pills-tasks-by-type #task-manager-cont table tr .task-adder.selected:hover,
body .cont #content-container #content-area.company-info .row .col-8 .tab-content #pills-tasks #task-by-type-manager-cont table tr .task-adder.selected:hover,
body .cont #content-container #content-area.company-info .row .col-8 .tab-content #pills-tasks-by-type #task-by-type-manager-cont table tr .task-adder.selected:hover {
  color: #fff;
  background-color: #4e6e9d !important;
  cursor: pointer !important;
}
body .cont #content-container #content-area.company-info .row .col-8 .tab-content #pills-tasks #task-manager-cont table tr .task-adder.selected:hover::after,
body .cont #content-container #content-area.company-info .row .col-8 .tab-content #pills-tasks-by-type #task-manager-cont table tr .task-adder.selected:hover::after,
body .cont #content-container #content-area.company-info .row .col-8 .tab-content #pills-tasks #task-by-type-manager-cont table tr .task-adder.selected:hover::after,
body .cont #content-container #content-area.company-info .row .col-8 .tab-content #pills-tasks-by-type #task-by-type-manager-cont table tr .task-adder.selected:hover::after {
  border-top: 15px solid #4e6e9d;
}
body .cont #content-container #content-area.company-info .row .col-8 .tab-content #pills-tasks #task-manager-cont table tr .task-adder.selected::after,
body .cont #content-container #content-area.company-info .row .col-8 .tab-content #pills-tasks-by-type #task-manager-cont table tr .task-adder.selected::after,
body .cont #content-container #content-area.company-info .row .col-8 .tab-content #pills-tasks #task-by-type-manager-cont table tr .task-adder.selected::after,
body .cont #content-container #content-area.company-info .row .col-8 .tab-content #pills-tasks-by-type #task-by-type-manager-cont table tr .task-adder.selected::after {
  content: "";
  display: block;
  transition: 0.3s;
  width: 0;
  height: 0;
  border: 15px solid rgba(0, 0, 0, 0);
  border-top: 15px solid #6988b5;
  position: absolute;
  top: 56px;
  left: 50%;
  transform: translateX(-50%);
}
body .cont #content-container #content-area.company-info .row .col-8 .tab-content #pills-tasks #task-manager-cont table tr .task-adder.selected.asigned,
body .cont #content-container #content-area.company-info .row .col-8 .tab-content #pills-tasks-by-type #task-manager-cont table tr .task-adder.selected.asigned,
body .cont #content-container #content-area.company-info .row .col-8 .tab-content #pills-tasks #task-by-type-manager-cont table tr .task-adder.selected.asigned,
body .cont #content-container #content-area.company-info .row .col-8 .tab-content #pills-tasks-by-type #task-by-type-manager-cont table tr .task-adder.selected.asigned {
  background-color: #4e6e9d !important;
  color: #fff;
  width: 100px;
}
body .cont #content-container #content-area.company-info .row .col-8 .tab-content #pills-tasks #task-manager-cont table tr .task-adder.selected.asigned p,
body .cont #content-container #content-area.company-info .row .col-8 .tab-content #pills-tasks-by-type #task-manager-cont table tr .task-adder.selected.asigned p,
body .cont #content-container #content-area.company-info .row .col-8 .tab-content #pills-tasks #task-by-type-manager-cont table tr .task-adder.selected.asigned p,
body .cont #content-container #content-area.company-info .row .col-8 .tab-content #pills-tasks-by-type #task-by-type-manager-cont table tr .task-adder.selected.asigned p {
  font-family: 'Muli';
  font-size: 14px;
  font-weight: bold;
  text-align: center;
  text-transform: uppercase;
  color: #fff !important;
  left: 0;
  top: 4px;
  transform: none;
  float: none;
}
body .cont #content-container #content-area.company-info .row .col-8 .tab-content #pills-tasks #task-manager-cont table tr .task-adder.selected.asigned::after,
body .cont #content-container #content-area.company-info .row .col-8 .tab-content #pills-tasks-by-type #task-manager-cont table tr .task-adder.selected.asigned::after,
body .cont #content-container #content-area.company-info .row .col-8 .tab-content #pills-tasks #task-by-type-manager-cont table tr .task-adder.selected.asigned::after,
body .cont #content-container #content-area.company-info .row .col-8 .tab-content #pills-tasks-by-type #task-by-type-manager-cont table tr .task-adder.selected.asigned::after {
  border-top: 15px solid #4e6e9d;
}
body .cont #content-container #content-area.company-info .row .col-8 .tab-content #pills-tasks #task-manager-cont table tr .task-adder.selected.asigned:hover,
body .cont #content-container #content-area.company-info .row .col-8 .tab-content #pills-tasks-by-type #task-manager-cont table tr .task-adder.selected.asigned:hover,
body .cont #content-container #content-area.company-info .row .col-8 .tab-content #pills-tasks #task-by-type-manager-cont table tr .task-adder.selected.asigned:hover,
body .cont #content-container #content-area.company-info .row .col-8 .tab-content #pills-tasks-by-type #task-by-type-manager-cont table tr .task-adder.selected.asigned:hover {
  background-color: #3d567b !important;
}
body .cont #content-container #content-area.company-info .row .col-8 .tab-content #pills-tasks #task-manager-cont table tr .task-adder.selected.asigned:hover::after,
body .cont #content-container #content-area.company-info .row .col-8 .tab-content #pills-tasks-by-type #task-manager-cont table tr .task-adder.selected.asigned:hover::after,
body .cont #content-container #content-area.company-info .row .col-8 .tab-content #pills-tasks #task-by-type-manager-cont table tr .task-adder.selected.asigned:hover::after,
body .cont #content-container #content-area.company-info .row .col-8 .tab-content #pills-tasks-by-type #task-by-type-manager-cont table tr .task-adder.selected.asigned:hover::after {
  border-top: 15px solid #3d567b !important;
}
body .cont #content-container #content-area.company-info .row .col-8 .tab-content #pills-tasks #task-manager-cont table tr .task-adder.selected.not-asigned,
body .cont #content-container #content-area.company-info .row .col-8 .tab-content #pills-tasks-by-type #task-manager-cont table tr .task-adder.selected.not-asigned,
body .cont #content-container #content-area.company-info .row .col-8 .tab-content #pills-tasks #task-by-type-manager-cont table tr .task-adder.selected.not-asigned,
body .cont #content-container #content-area.company-info .row .col-8 .tab-content #pills-tasks-by-type #task-by-type-manager-cont table tr .task-adder.selected.not-asigned {
  background-color: #d54f60 !important;
  color: #fff;
  width: 100px;
}
body .cont #content-container #content-area.company-info .row .col-8 .tab-content #pills-tasks #task-manager-cont table tr .task-adder.selected.not-asigned p,
body .cont #content-container #content-area.company-info .row .col-8 .tab-content #pills-tasks-by-type #task-manager-cont table tr .task-adder.selected.not-asigned p,
body .cont #content-container #content-area.company-info .row .col-8 .tab-content #pills-tasks #task-by-type-manager-cont table tr .task-adder.selected.not-asigned p,
body .cont #content-container #content-area.company-info .row .col-8 .tab-content #pills-tasks-by-type #task-by-type-manager-cont table tr .task-adder.selected.not-asigned p {
  font-family: 'Muli';
  font-size: 14px;
  font-weight: bold;
  text-align: center;
  text-transform: uppercase;
  color: #fff !important;
  left: 0;
  top: 4px;
  transform: none;
  float: none;
}
body .cont #content-container #content-area.company-info .row .col-8 .tab-content #pills-tasks #task-manager-cont table tr .task-adder.selected.not-asigned::after,
body .cont #content-container #content-area.company-info .row .col-8 .tab-content #pills-tasks-by-type #task-manager-cont table tr .task-adder.selected.not-asigned::after,
body .cont #content-container #content-area.company-info .row .col-8 .tab-content #pills-tasks #task-by-type-manager-cont table tr .task-adder.selected.not-asigned::after,
body .cont #content-container #content-area.company-info .row .col-8 .tab-content #pills-tasks-by-type #task-by-type-manager-cont table tr .task-adder.selected.not-asigned::after {
  border-top: 15px solid #d54f60;
}
body .cont #content-container #content-area.company-info .row .col-8 .tab-content #pills-tasks #task-manager-cont table tr .task-adder.selected.not-asigned:hover,
body .cont #content-container #content-area.company-info .row .col-8 .tab-content #pills-tasks-by-type #task-manager-cont table tr .task-adder.selected.not-asigned:hover,
body .cont #content-container #content-area.company-info .row .col-8 .tab-content #pills-tasks #task-by-type-manager-cont table tr .task-adder.selected.not-asigned:hover,
body .cont #content-container #content-area.company-info .row .col-8 .tab-content #pills-tasks-by-type #task-by-type-manager-cont table tr .task-adder.selected.not-asigned:hover {
  background-color: #c32e41 !important;
}
body .cont #content-container #content-area.company-info .row .col-8 .tab-content #pills-tasks #task-manager-cont table tr .task-adder.selected.not-asigned:hover::after,
body .cont #content-container #content-area.company-info .row .col-8 .tab-content #pills-tasks-by-type #task-manager-cont table tr .task-adder.selected.not-asigned:hover::after,
body .cont #content-container #content-area.company-info .row .col-8 .tab-content #pills-tasks #task-by-type-manager-cont table tr .task-adder.selected.not-asigned:hover::after,
body .cont #content-container #content-area.company-info .row .col-8 .tab-content #pills-tasks-by-type #task-by-type-manager-cont table tr .task-adder.selected.not-asigned:hover::after {
  border-top: 15px solid #c32e41 !important;
}
body .cont #content-container #content-area.company-info .row .col-8 .tab-content #pills-tasks #task-manager-cont table tr .task-adder.asigned,
body .cont #content-container #content-area.company-info .row .col-8 .tab-content #pills-tasks-by-type #task-manager-cont table tr .task-adder.asigned,
body .cont #content-container #content-area.company-info .row .col-8 .tab-content #pills-tasks #task-by-type-manager-cont table tr .task-adder.asigned,
body .cont #content-container #content-area.company-info .row .col-8 .tab-content #pills-tasks-by-type #task-by-type-manager-cont table tr .task-adder.asigned {
  background-color: #6988b5 !important;
  color: #fff;
  width: 100px;
}
body .cont #content-container #content-area.company-info .row .col-8 .tab-content #pills-tasks #task-manager-cont table tr .task-adder.asigned p,
body .cont #content-container #content-area.company-info .row .col-8 .tab-content #pills-tasks-by-type #task-manager-cont table tr .task-adder.asigned p,
body .cont #content-container #content-area.company-info .row .col-8 .tab-content #pills-tasks #task-by-type-manager-cont table tr .task-adder.asigned p,
body .cont #content-container #content-area.company-info .row .col-8 .tab-content #pills-tasks-by-type #task-by-type-manager-cont table tr .task-adder.asigned p {
  font-family: 'Muli';
  font-size: 14px;
  font-weight: bold;
  text-align: center;
  text-transform: uppercase;
  color: #fff !important;
  left: 0;
  top: 4px;
  transform: none;
  float: none;
}
body .cont #content-container #content-area.company-info .row .col-8 .tab-content #pills-tasks #task-manager-cont table tr .task-adder.asigned:hover,
body .cont #content-container #content-area.company-info .row .col-8 .tab-content #pills-tasks-by-type #task-manager-cont table tr .task-adder.asigned:hover,
body .cont #content-container #content-area.company-info .row .col-8 .tab-content #pills-tasks #task-by-type-manager-cont table tr .task-adder.asigned:hover,
body .cont #content-container #content-area.company-info .row .col-8 .tab-content #pills-tasks-by-type #task-by-type-manager-cont table tr .task-adder.asigned:hover {
  background-color: #4e6e9d !important;
}
body .cont #content-container #content-area.company-info .row .col-8 .tab-content #pills-tasks #task-manager-cont table tr .task-adder.not-asigned,
body .cont #content-container #content-area.company-info .row .col-8 .tab-content #pills-tasks-by-type #task-manager-cont table tr .task-adder.not-asigned,
body .cont #content-container #content-area.company-info .row .col-8 .tab-content #pills-tasks #task-by-type-manager-cont table tr .task-adder.not-asigned,
body .cont #content-container #content-area.company-info .row .col-8 .tab-content #pills-tasks-by-type #task-by-type-manager-cont table tr .task-adder.not-asigned {
  background-color: #d54f60 !important;
  color: #fff;
  width: 100px;
}
body .cont #content-container #content-area.company-info .row .col-8 .tab-content #pills-tasks #task-manager-cont table tr .task-adder.not-asigned p,
body .cont #content-container #content-area.company-info .row .col-8 .tab-content #pills-tasks-by-type #task-manager-cont table tr .task-adder.not-asigned p,
body .cont #content-container #content-area.company-info .row .col-8 .tab-content #pills-tasks #task-by-type-manager-cont table tr .task-adder.not-asigned p,
body .cont #content-container #content-area.company-info .row .col-8 .tab-content #pills-tasks-by-type #task-by-type-manager-cont table tr .task-adder.not-asigned p {
  font-family: 'Muli';
  font-size: 14px;
  font-weight: bold;
  text-align: center;
  text-transform: uppercase;
  color: #fff !important;
  left: 0;
  top: 4px;
  transform: none;
  float: none;
}
body .cont #content-container #content-area.company-info .row .col-8 .tab-content #pills-tasks #task-manager-cont table tr .task-adder.not-asigned:hover,
body .cont #content-container #content-area.company-info .row .col-8 .tab-content #pills-tasks-by-type #task-manager-cont table tr .task-adder.not-asigned:hover,
body .cont #content-container #content-area.company-info .row .col-8 .tab-content #pills-tasks #task-by-type-manager-cont table tr .task-adder.not-asigned:hover,
body .cont #content-container #content-area.company-info .row .col-8 .tab-content #pills-tasks-by-type #task-by-type-manager-cont table tr .task-adder.not-asigned:hover {
  background-color: #c32e41 !important;
}
body .cont #content-container #content-area.company-info .row .col-8 .tab-content #pills-tasks #task-manager-cont table tr .task-adder:hover,
body .cont #content-container #content-area.company-info .row .col-8 .tab-content #pills-tasks-by-type #task-manager-cont table tr .task-adder:hover,
body .cont #content-container #content-area.company-info .row .col-8 .tab-content #pills-tasks #task-by-type-manager-cont table tr .task-adder:hover,
body .cont #content-container #content-area.company-info .row .col-8 .tab-content #pills-tasks-by-type #task-by-type-manager-cont table tr .task-adder:hover {
  color: #fff;
  background-color: #6988b5 !important;
  cursor: pointer !important;
  box-shadow: 0 10px 18px 0 rgba(0, 0, 0, 0.31);
}
body .cont #content-container #content-area.company-info .row .col-8 .tab-content #pills-tasks #task-manager-cont table tr .dates p,
body .cont #content-container #content-area.company-info .row .col-8 .tab-content #pills-tasks-by-type #task-manager-cont table tr .dates p,
body .cont #content-container #content-area.company-info .row .col-8 .tab-content #pills-tasks #task-by-type-manager-cont table tr .dates p,
body .cont #content-container #content-area.company-info .row .col-8 .tab-content #pills-tasks-by-type #task-by-type-manager-cont table tr .dates p {
  font-size: 14px;
  color: #343434;
}
body .cont #content-container #content-area.company-info .row .col-8 .tab-content #pills-tasks #task-manager-cont table tr th,
body .cont #content-container #content-area.company-info .row .col-8 .tab-content #pills-tasks-by-type #task-manager-cont table tr th,
body .cont #content-container #content-area.company-info .row .col-8 .tab-content #pills-tasks #task-by-type-manager-cont table tr th,
body .cont #content-container #content-area.company-info .row .col-8 .tab-content #pills-tasks-by-type #task-by-type-manager-cont table tr th {
  padding-top: 8px !important;
  text-align: center;
  height: 56px;
  transition: 0.3s;
}
body .cont #content-container #content-area.company-info .row .col-8 .tab-content #pills-tasks #task-manager-cont table tr td,
body .cont #content-container #content-area.company-info .row .col-8 .tab-content #pills-tasks-by-type #task-manager-cont table tr td,
body .cont #content-container #content-area.company-info .row .col-8 .tab-content #pills-tasks #task-by-type-manager-cont table tr td,
body .cont #content-container #content-area.company-info .row .col-8 .tab-content #pills-tasks-by-type #task-by-type-manager-cont table tr td {
  text-align: center;
}
body .cont #content-container #content-area.company-info .row .col-8 .tab-content .tab-pane {
  height: 100%;
  width: 100%;
}
body .cont #content-container #content-area.company-info .row .col-8 .tab-content .tab-pane .btn-default {
  position: relative;
  left: 50%;
  transform: translateX(-50%);
  margin: 10px 0 30px;
  height: 35px;
  border: none;
  padding: 5px 25px;
  box-shadow: 0 3px 5px 0 rgba(0, 0, 0, 0.1);
  background-color: #5679b0;
  font-family: 'Muli';
  font-size: 12px;
  letter-spacing: 1px;
  text-align: center;
  color: #ffffff;
  transition: 0.3s;
  border-radius: 4px;
}
body .cont #content-container #content-area.company-info .row .col-8 .tab-content .tab-pane .btn-default:hover {
  background-color: #3b557e;
  cursor: pointer;
}
body .cont #content-container #content-area.company-info .row .col-8 .tab-content .tab-pane .col-11 {
  height: 41%;
}
body .cont #content-container #content-area.company-info .row .col-8 .tab-content .tab-pane .edit-cont {
  width: 100%;
  padding: 0;
  margin: 0;
  min-height: 260px;
}
body .cont #content-container #content-area.company-info .row .col-8 .tab-content .tab-pane .edit-cont.active .edit-btn {
  display: none;
}
body .cont #content-container #content-area.company-info .row .col-8 .tab-content .tab-pane .edit-cont.active button {
  display: block;
}
body .cont #content-container #content-area.company-info .row .col-8 .tab-content .tab-pane .edit-cont iframe {
  height: 55%;
  width: calc(100% + 100px);
  position: relative;
  transform: translateY(0);
  opacity: 1;
  transition: 0.2s;
  left: -50px;
  top: -50px;
}
body .cont #content-container #content-area.company-info .row .col-8 .tab-content .tab-pane .edit-cont iframe.active {
  transform: translateY(100%);
  opacity: 0;
}
body .cont #content-container #content-area.company-info .row .col-8 .tab-content .tab-pane .hour-field {
  width: 240px;
  height: 50px;
  perspective: 1000px;
  transition: 0.3s;
  overflow: hidden;
  margin-bottom: 5px;
}
body .cont #content-container #content-area.company-info .row .col-8 .tab-content .tab-pane .hour-field.active .front {
  transform: rotateX(180deg);
  z-index: 1;
}
body .cont #content-container #content-area.company-info .row .col-8 .tab-content .tab-pane .hour-field.active .back {
  transform: rotateX(0deg);
  z-index: 2;
}
body .cont #content-container #content-area.company-info .row .col-8 .tab-content .tab-pane .hour-field .front {
  width: 240px;
  height: 36px;
  border-radius: 4px;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  transform: rotateX(0deg);
  position: relative;
  z-index: 2;
  transition: 0.3s;
}
body .cont #content-container #content-area.company-info .row .col-8 .tab-content .tab-pane .hour-field .front p {
  background-image: url(../img/icons/timer-hightlighted.png) !important;
  background-repeat: no-repeat;
  background-position: left center;
}
body .cont #content-container #content-area.company-info .row .col-8 .tab-content .tab-pane .hour-field .back {
  position: relative;
  top: -36px;
  width: 240px;
  height: 36px;
  border-radius: 4px;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  transform: rotateX(-180deg);
  z-index: 1;
  transition: 0.3s;
}
body .cont #content-container #content-area.company-info .row .col-8 .tab-content .tab-pane .hour-field .back h3 {
  padding-left: 34px;
  padding-top: 0px;
  position: relative;
  top: 12px;
  display: inline-block;
  float: left;
  font-size: 0.75rem;
  background-image: url(../img/icons/timer-hightlighted.png);
  background-repeat: no-repeat;
  background-position: left center;
  margin: 0;
}
body .cont #content-container #content-area.company-info .row .col-8 .tab-content .tab-pane .hour-field .back input {
  width: calc(100% - 135px);
  height: 36px;
  margin-left: 10px;
  float: left;
  border-radius: 4px;
  border: 1px solid #efefef;
  padding-left: 10px;
}
body .cont #content-container #content-area.company-info .row .col-8 .tab-content .tab-pane .mail-field {
  width: 340px;
  height: 36px;
  perspective: 1000px;
  transition: 0.3s;
  float: left;
  overflow: hidden;
  margin-bottom: 10px;
}
body .cont #content-container #content-area.company-info .row .col-8 .tab-content .tab-pane .mail-field.active .front {
  transform: rotateX(180deg);
  z-index: 1;
}
body .cont #content-container #content-area.company-info .row .col-8 .tab-content .tab-pane .mail-field.active .back {
  transform: rotateX(0deg);
  z-index: 2;
}
body .cont #content-container #content-area.company-info .row .col-8 .tab-content .tab-pane .mail-field .front {
  width: 340px;
  height: 36px;
  border-radius: 4px;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  transform: rotateX(0deg);
  position: relative;
  z-index: 2;
  transition: 0.3s;
}
body .cont #content-container #content-area.company-info .row .col-8 .tab-content .tab-pane .mail-field .front p {
  padding-left: 40px;
  background-image: url(../img/icons/envelope.png);
  background-repeat: no-repeat;
  background-position: left center;
  line-height: 36px;
  margin: 0;
}
body .cont #content-container #content-area.company-info .row .col-8 .tab-content .tab-pane .mail-field .back {
  position: relative;
  top: -36px;
  width: 340px;
  height: 36px;
  border-radius: 4px;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  transform: rotateX(-180deg);
  z-index: 1;
  transition: 0.3s;
}
body .cont #content-container #content-area.company-info .row .col-8 .tab-content .tab-pane .mail-field .back h3 {
  width: 40px;
  height: 36px;
  display: inline-block;
  background-position: left center;
  background-repeat: no-repeat;
  background-image: url(../img/icons/envelope.png);
  float: left;
}
body .cont #content-container #content-area.company-info .row .col-8 .tab-content .tab-pane .mail-field .back input {
  width: calc(100% - 100px);
  height: 36px;
  float: left;
  border-radius: 4px;
  border: 1px solid #efefef;
  padding-left: 10px;
}
body .cont #content-container #content-area.company-info .row .col-8 .tab-content .tab-pane .create-btn {
  width: 100px;
  height: 36px;
  border: none;
  display: none;
  position: relative;
  left: 0;
  float: left;
  margin-left: 10px;
  border-radius: 4px;
  box-shadow: 0 3px 5px 0 rgba(0, 0, 0, 0.1);
  background-color: #5679b0;
  font-family: 'Muli';
  font-size: 12px;
  letter-spacing: 1px;
  text-align: center;
  color: #ffffff;
  transition: 0.3s;
}
body .cont #content-container #content-area.company-info .row .col-8 .tab-content .tab-pane .create-btn:hover {
  background-color: #3b557e;
  cursor: pointer;
}
body .cont #content-container #content-area.company-info .row .col-8 .tab-content .tab-pane .create-btn.submit {
  display: block;
}
body .cont #content-container #content-area.company-info .row .col-8 .tab-content .tab-pane .edit-btn {
  width: 36px;
  height: 36px;
  perspective: 1000px;
  transition: 0.3s;
  float: left;
}
body .cont #content-container #content-area.company-info .row .col-8 .tab-content .tab-pane .edit-btn:hover {
  cursor: pointer;
}
body .cont #content-container #content-area.company-info .row .col-8 .tab-content .tab-pane .edit-btn.active .front {
  transform: rotateX(180deg);
  z-index: 1;
}
body .cont #content-container #content-area.company-info .row .col-8 .tab-content .tab-pane .edit-btn.active .back {
  transform: rotateX(0deg);
  z-index: 2;
}
body .cont #content-container #content-area.company-info .row .col-8 .tab-content .tab-pane .edit-btn .front {
  width: 36px;
  height: 36px;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  transform: rotateX(0deg);
  position: relative;
  z-index: 2;
  transition: 0.3s;
  background-image: url(../img/icons/edit.png);
  background-repeat: no-repeat;
  background-position: center;
}
body .cont #content-container #content-area.company-info .row .col-8 .tab-content .tab-pane .edit-btn .back {
  width: 36px;
  height: 36px;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  transform: rotateX(-180deg);
  position: relative;
  top: -36px;
  z-index: 1;
  transition: 0.3s;
  background-image: url(../img/icons/cross-gray.png);
  background-repeat: no-repeat;
  background-position: center;
}
body .cont #content-container #content-area.company-info .row .col-8 .tab-content .tab-pane .edit-btn .back:hover {
  background-image: url(../img/icons/cross-red.png);
}
body .cont #content-container #content-area.company-info .row .col-8 .tab-content .tab-pane .phone-field {
  width: 500px;
  height: 36px;
  perspective: 1000px;
  transition: 0.3s;
  clear: both;
  overflow: hidden;
  margin-bottom: 10px;
}
body .cont #content-container #content-area.company-info .row .col-8 .tab-content .tab-pane .phone-field.active .front {
  transform: rotateX(180deg);
  z-index: 1;
}
body .cont #content-container #content-area.company-info .row .col-8 .tab-content .tab-pane .phone-field.active .front .phone-line {
  padding-left: 40px;
  background-image: url(../img/icons/phone.png);
  background-repeat: no-repeat;
  background-position: left center;
}
body .cont #content-container #content-area.company-info .row .col-8 .tab-content .tab-pane .phone-field.active .front .phone-line .mobile {
  padding-left: 40px;
  background-image: url(../img/icons/mobile.png);
  background-repeat: no-repeat;
  background-position: left center;
}
body .cont #content-container #content-area.company-info .row .col-8 .tab-content .tab-pane .phone-field.active .back {
  transform: rotateX(0deg);
  z-index: 2;
}
body .cont #content-container #content-area.company-info .row .col-8 .tab-content .tab-pane .phone-field .front {
  width: 500px;
  height: 36px;
  border-radius: 4px;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  transform: rotateX(0deg);
  position: relative;
  z-index: 2;
  transition: 0.3s;
}
body .cont #content-container #content-area.company-info .row .col-8 .tab-content .tab-pane .phone-field .back {
  position: relative;
  top: -36px;
  width: 500px;
  height: 36px;
  border-radius: 4px;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  transform: rotateX(-180deg);
  z-index: 1;
  transition: 0.3s;
}
body .cont #content-container #content-area.company-info .row .col-8 .tab-content .tab-pane .phone-field .back h3 {
  width: 40px;
  height: 36px;
  display: inline-block;
  background-position: left center;
  background-repeat: no-repeat;
  background-image: url(../img/icons/envelope.png);
  float: left;
}
body .cont #content-container #content-area.company-info .row .col-8 .tab-content .tab-pane .phone-field .back .input {
  padding-left: 40px;
  width: calc(50% - 40px);
  background-image: url(../img/icons/phone.png);
  background-repeat: no-repeat;
  background-position: left center;
  float: left;
}
body .cont #content-container #content-area.company-info .row .col-8 .tab-content .tab-pane .phone-field .back .input input {
  width: 100%;
  height: 36px;
  border-radius: 4px;
  border: 1px solid #efefef;
  padding-left: 10px;
}
body .cont #content-container #content-area.company-info .row .col-8 .tab-content .tab-pane .phone-field .back .input:nth-child(2) {
  margin-left: 28px;
  width: calc(50% - 40px);
  background-image: url(../img/icons/mobile.png);
}
body .cont #content-container #content-area.company-info .row .col-8 .tab-content .tab-pane .address-field {
  width: 500px;
  height: 36px;
  perspective: 1000px;
  transition: 0.3s;
  clear: both;
  overflow: hidden;
  margin-bottom: 10px;
}
body .cont #content-container #content-area.company-info .row .col-8 .tab-content .tab-pane .address-field.active .front {
  transform: rotateX(180deg);
  z-index: 1;
}
body .cont #content-container #content-area.company-info .row .col-8 .tab-content .tab-pane .address-field.active .back {
  transform: rotateX(0deg);
  z-index: 2;
}
body .cont #content-container #content-area.company-info .row .col-8 .tab-content .tab-pane .address-field .front {
  width: 500px;
  height: 36px;
  border-radius: 4px;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  transform: rotateX(0deg);
  position: relative;
  z-index: 2;
  transition: 0.3s;
}
body .cont #content-container #content-area.company-info .row .col-8 .tab-content .tab-pane .address-field .front p {
  padding-left: 40px;
  background-image: url(../img/icons/position.png);
  background-repeat: no-repeat;
  background-position: left center;
  line-height: 36px;
  margin: 0;
}
body .cont #content-container #content-area.company-info .row .col-8 .tab-content .tab-pane .address-field .back {
  position: relative;
  top: -36px;
  width: 500px;
  height: 36px;
  border-radius: 4px;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  transform: rotateX(-180deg);
  z-index: 1;
  transition: 0.3s;
}
body .cont #content-container #content-area.company-info .row .col-8 .tab-content .tab-pane .address-field .back h3 {
  width: 40px;
  height: 36px;
  display: inline-block;
  background-position: left center;
  background-repeat: no-repeat;
  background-image: url(../img/icons/position.png);
  float: left;
}
body .cont #content-container #content-area.company-info .row .col-8 .tab-content .tab-pane .address-field .back input {
  width: calc(100% - 100px);
  height: 36px;
  float: left;
  border-radius: 4px;
  border: 1px solid #efefef;
  padding-left: 10px;
}
body .cont #content-container #content-area.company-info .row .col-8 .tab-content .tab-pane .col-1.active .edit-btn {
  display: none;
}
body .cont #content-container #content-area.company-info .row .col-8 .tab-content .tab-pane .col-1.active .btn-submit {
  display: block;
}
body .cont #content-container #content-area.company-info .row .col-8 .tab-content .tab-pane .col-1 .edit-btn {
  width: 36px;
  height: 36px;
  perspective: 1000px;
  transition: 0.3s;
  overflow: hidden;
}
body .cont #content-container #content-area.company-info .row .col-8 .tab-content .tab-pane .col-1 .edit-btn.active .front {
  transform: rotateX(180deg);
  z-index: 1;
}
body .cont #content-container #content-area.company-info .row .col-8 .tab-content .tab-pane .col-1 .edit-btn.active .back {
  transform: rotateX(0deg);
  z-index: 2;
}
body .cont #content-container #content-area.company-info .row .col-8 .tab-content .tab-pane .col-1 .edit-btn .front {
  width: 36px;
  height: 36px;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  transform: rotateX(0deg);
  position: relative;
  z-index: 2;
  transition: 0.3s;
  background-image: url(../img/icons/edit.png);
  background-repeat: no-repeat;
  background-position: center;
}
body .cont #content-container #content-area.company-info .row .col-8 .tab-content .tab-pane .col-1 .edit-btn .back {
  width: 36px;
  height: 36px;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  transform: rotateX(-180deg);
  position: relative;
  top: -36px;
  z-index: 1;
  transition: 0.3s;
  background-image: url(../img/icons/cross-gray.png);
  background-repeat: no-repeat;
  background-position: center;
}
body .cont #content-container #content-area.company-info .row .col-8 .tab-content .tab-pane .col-1 .edit-btn .back:hover {
  background-image: url(../img/icons/cross-red.png);
}
body .cont #content-container #content-area.company-info .row .col-8 .tab-content .tab-pane .col-1 .btn-submit {
  width: 36px;
  height: 36px;
  transition: 0.3s;
  border: none;
  background-color: #fff;
  display: none;
}
body .cont #content-container #content-area.company-info .row .col-8 .tab-content .tab-pane .col-1 .btn-submit:hover {
  cursor: pointer;
}
body .cont #content-container #content-area.company-info .row .col-8 .tab-content .tab-pane .active-btn {
  width: 36px;
  height: 36px;
  perspective: 1000px;
  transition: 0.3s;
  float: left;
}
body .cont #content-container #content-area.company-info .row .col-8 .tab-content .tab-pane .active-btn:hover {
  cursor: pointer;
}
body .cont #content-container #content-area.company-info .row .col-8 .tab-content .tab-pane .active-btn.submit .back button {
  display: block;
}
body .cont #content-container #content-area.company-info .row .col-8 .tab-content .tab-pane .active-btn.active .front {
  transform: rotateX(180deg);
  z-index: 1;
}
body .cont #content-container #content-area.company-info .row .col-8 .tab-content .tab-pane .active-btn.active .back {
  transform: rotateX(0deg);
  z-index: 2;
}
body .cont #content-container #content-area.company-info .row .col-8 .tab-content .tab-pane .active-btn .front {
  width: 36px;
  height: 36px;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  transform: rotateX(0deg);
  position: relative;
  z-index: 2;
  transition: 0.3s;
  background-image: url(../img/icons/eye-open.png);
  background-repeat: no-repeat;
  background-position: center;
}
body .cont #content-container #content-area.company-info .row .col-8 .tab-content .tab-pane .active-btn.shut .front {
  background-image: url(../img/icons/eye-shut.png);
}
body .cont #content-container #content-area.company-info .row .col-8 .tab-content .tab-pane .active-btn.disabled {
  pointer-events: none;
}
body .cont #content-container #content-area.company-info .row .col-8 .tab-content .tab-pane .contract-field {
  width: 340px;
  height: 36px;
  perspective: 1000px;
  transition: 0.3s;
  clear: both;
  overflow: hidden;
  margin-bottom: 10px;
}
body .cont #content-container #content-area.company-info .row .col-8 .tab-content .tab-pane .contract-field.active .front {
  transform: rotateX(180deg);
  z-index: 1;
}
body .cont #content-container #content-area.company-info .row .col-8 .tab-content .tab-pane .contract-field.active .back {
  transform: rotateX(0deg);
  z-index: 2;
}
body .cont #content-container #content-area.company-info .row .col-8 .tab-content .tab-pane .contract-field .front {
  width: 340px;
  height: 36px;
  border-radius: 4px;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  transform: rotateX(0deg);
  position: relative;
  z-index: 2;
  transition: 0.3s;
}
body .cont #content-container #content-area.company-info .row .col-8 .tab-content .tab-pane .contract-field .front p {
  padding-left: 40px;
  background-image: url(../img/icons/calendar.png) !important;
  background-repeat: no-repeat;
  background-position: left center;
  background-size: 20px 20px;
  line-height: 36px;
  margin: 0;
}
body .cont #content-container #content-area.company-info .row .col-8 .tab-content .tab-pane .contract-field .back {
  position: relative;
  top: -36px;
  width: 340px;
  height: 36px;
  border-radius: 4px;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  transform: rotateX(-180deg);
  z-index: 1;
  transition: 0.3s;
}
body .cont #content-container #content-area.company-info .row .col-8 .tab-content .tab-pane .contract-field .back h3 {
  width: 40px;
  height: 36px;
  display: inline-block;
  background-position: left center;
  background-repeat: no-repeat;
  background-size: 20px 20px;
  background-image: url(../img/icons/calendar.png);
  float: left;
}
body .cont #content-container #content-area.company-info .row .col-8 .tab-content .tab-pane .contract-field .back input {
  width: calc(50% - 25px);
  height: 36px;
  float: left;
  margin-left: 5px;
  border-radius: 4px;
  border: 1px solid #efefef;
  padding-left: 10px;
}
body .cont #content-container #content-area.company-info .row .col-8 .tab-content .tab-pane .table-cont {
  max-height: calc(100% - 675px);
  height: calc(100% - 675px);
  overflow: auto;
  box-sizing: border-box;
  padding-right: 20px;
  margin-right: 10px;
}
body .cont #content-container #content-area.company-info .row .col-8 .tab-content .tab-pane .table-cont .date-controls {
  display: flex;
  justify-content: center;
  height: 110px;
  background-color: #fff;
  text-align: center;
  padding: 30px 0;
}
body .cont #content-container #content-area.company-info .row .col-8 .tab-content .tab-pane .table-cont .date-controls a:first-child {
  margin-right: 75px;
  margin-top: 15px;
}
body .cont #content-container #content-area.company-info .row .col-8 .tab-content .tab-pane .table-cont .date-controls a:last-child {
  margin-left: 75px;
  margin-top: 15px;
}
body .cont #content-container #content-area.company-info .row .col-8 .tab-content .tab-pane .table-cont .date-controls .date {
  font-family: 'Muli';
  font-size: 13px;
  font-weight: 600;
  text-align: center;
  color: #a0a4a8;
}
body .cont #content-container #content-area.company-info .row .col-8 .tab-content .tab-pane .table-cont .date-controls .from-to {
  font-family: 'Muli';
  font-size: 14px;
  text-align: center;
  color: #44474c;
}
body .cont #content-container #content-area.company-info .row .col-8 .tab-content .tab-pane .table-cont .btn-dayoff {
  position: relative;
  left: 50%;
  transform: translateX(-50%);
  margin: 10px 0 30px;
  height: 35px;
  border: none;
  padding: 5px 25px;
  box-shadow: 0 3px 5px 0 rgba(0, 0, 0, 0.1);
  background-color: #5679b0;
  font-family: 'Muli';
  font-size: 12px;
  letter-spacing: 1px;
  text-align: center;
  color: #ffffff;
  border-radius: 4px;
  position: absolute;
  transform: translateY(-200%);
  left: auto;
  right: 60px;
  opacity: 0;
  transition: 0.3s;
}
body .cont #content-container #content-area.company-info .row .col-8 .tab-content .tab-pane .table-cont .btn-dayoff:hover {
  background-color: #3b557e;
  cursor: pointer;
}
body .cont #content-container #content-area.company-info .row .col-8 .tab-content .tab-pane .table-cont .btn-dayoff.active {
  opacity: 1;
  right: 100px;
}
body .cont #content-container #content-area.company-info .row .col-8 .tab-content .tab-pane .table-cont table {
  background-color: #fff;
  width: 100%;
  padding-right: 20px;
}
body .cont #content-container #content-area.company-info .row .col-8 .tab-content .tab-pane .table-cont table tr th:nth-child(1) {
  font-family: 'Muli';
  font-size: 14px;
  font-weight: bold;
  text-align: center;
  text-transform: uppercase;
  color: #343434 !important;
}
body .cont #content-container #content-area.company-info .row .col-8 .tab-content .tab-pane .table-cont table tr:nth-child(1) {
  height: 58px;
}
body .cont #content-container #content-area.company-info .row .col-8 .tab-content .tab-pane .table-cont table tr:nth-child(1) th {
  font-family: 'Muli';
  padding: 0;
  font-size: 12px;
  height: 58px;
  font-weight: bold;
  text-align: center;
  text-transform: uppercase;
  color: #343434 !important;
}
body .cont #content-container #content-area.company-info .row .col-8 .tab-content .tab-pane .table-cont table tr:nth-child(1) th.dayoff-checkbox {
  color: #fff;
  background-color: #808080 !important;
}
body .cont #content-container #content-area.company-info .row .col-8 .tab-content .tab-pane .table-cont table tr:nth-child(1) th.dayoff-checkbox.active.hightlighted {
  color: #fff;
  background-color: #808080 !important;
}
body .cont #content-container #content-area.company-info .row .col-8 .tab-content .tab-pane .table-cont table tr:nth-child(1) th.dayoff-checkbox.hightlighted {
  color: #fff;
  background-color: #808080 !important;
}
body .cont #content-container #content-area.company-info .row .col-8 .tab-content .tab-pane .table-cont table tr:nth-child(1) th.dayoff-checkbox.hightlighted .back input:checked:before {
  background-color: #808080 !important;
}
body .cont #content-container #content-area.company-info .row .col-8 .tab-content .tab-pane .table-cont table tr:nth-child(1) th.dayoff-checkbox .back input:before {
  border-radius: 0;
  color: #fff;
  background-color: #808080 !important;
  background-image: url(../img/icons/ico-ferie-active.svg);
}
body .cont #content-container #content-area.company-info .row .col-8 .tab-content .tab-pane .table-cont table tr:nth-child(1) th.dayoff-checkbox .back input:checked:before {
  background-image: url(../img/icons/ico-ferie.svg);
  background-color: #cccbc4 !important;
}
body .cont #content-container #content-area.company-info .row .col-8 .tab-content .tab-pane .table-cont table tr:nth-child(1) th.dayoff-checkbox.hightlighted {
  background-color: #808080 !important;
  color: #fff;
}
body .cont #content-container #content-area.company-info .row .col-8 .tab-content .tab-pane .table-cont table tr:nth-child(1) th.dayoff-checkbox.hightlighted .back input:checked::before {
  background-color: #808080 !important;
}
body .cont #content-container #content-area.company-info .row .col-8 .tab-content .tab-pane .table-cont table tr:nth-child(1) th:nth-child(1) {
  perspective: 1000px;
  height: 58px;
  transition: 0.3s;
  clear: both;
  overflow: hidden;
  margin-bottom: 10px;
}
body .cont #content-container #content-area.company-info .row .col-8 .tab-content .tab-pane .table-cont table tr:nth-child(1) th:nth-child(1).active .front {
  transform: rotateX(180deg);
  z-index: 1;
}
body .cont #content-container #content-area.company-info .row .col-8 .tab-content .tab-pane .table-cont table tr:nth-child(1) th:nth-child(1).active .back {
  transform: rotateX(0deg);
  z-index: 2;
}
body .cont #content-container #content-area.company-info .row .col-8 .tab-content .tab-pane .table-cont table tr:nth-child(1) th:nth-child(1) .front {
  width: 100%;
  height: 58px;
  border-radius: 4px;
  backface-visibility: hidden;
  transform: rotateX(0deg);
  position: absolute;
  top: 0px;
  z-index: 2;
  transition: 0.3s;
  background-image: url(../img/ferie.png);
  background-size: 30px 30px;
  background-position: center;
  background-repeat: no-repeat;
}
body .cont #content-container #content-area.company-info .row .col-8 .tab-content .tab-pane .table-cont table tr:nth-child(1) th:nth-child(1) .front:hover {
  background-color: #f2f2f2;
  cursor: pointer;
}
body .cont #content-container #content-area.company-info .row .col-8 .tab-content .tab-pane .table-cont table tr:nth-child(1) th:nth-child(1) .back {
  position: absolute;
  top: 0px;
  width: 100%;
  height: 58px;
  background-image: url(../img/icons/cross-gray.png);
  background-position: center;
  background-repeat: no-repeat;
  background-size: 15px 15px;
  border-radius: 4px;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  transform: rotateX(-180deg);
  z-index: 1;
  transition: 0.3s;
}
body .cont #content-container #content-area.company-info .row .col-8 .tab-content .tab-pane .table-cont table tr:nth-child(1) th:nth-child(1) .back .btn-group {
  display: none;
}
body .cont #content-container #content-area.company-info .row .col-8 .tab-content .tab-pane .table-cont table tr:nth-child(1) th:nth-child(1) .back .btn-group .btn-primary {
  background-color: #587aad;
  border-color: #587aad;
}
body .cont #content-container #content-area.company-info .row .col-8 .tab-content .tab-pane .table-cont table tr:nth-child(1) th:nth-child(1) .back .btn-group .btn-primary:hover {
  background-color: #45628d;
  border-color: #45628d;
}
body .cont #content-container #content-area.company-info .row .col-8 .tab-content .tab-pane .table-cont table tr:nth-child(1) th:nth-child(1) .back:hover {
  background-color: #f2f2f2;
  background-image: url(../img/icons/cross-red.png);
  cursor: pointer;
}
body .cont #content-container #content-area.company-info .row .col-8 .tab-content .tab-pane .table-cont table tr:nth-child(1) th:nth-child(1) .back.active .btn-group {
  display: block;
}
body .cont #content-container #content-area.company-info .row .col-8 .tab-content .tab-pane .table-cont table tr:nth-child(1) th:nth-child(1) .back h3 {
  width: 40px;
  height: 36px;
  display: inline-block;
  background-position: left center;
  background-repeat: no-repeat;
  background-image: url(../img/icons/envelope.png);
  float: left;
}
body .cont #content-container #content-area.company-info .row .col-8 .tab-content .tab-pane .table-cont table tr:nth-child(1) th:nth-child(1) .back .input {
  padding-left: 40px;
  width: calc(50% - 40px);
  background-image: url(../img/icons/phone.png);
  background-repeat: no-repeat;
  background-position: left center;
  float: left;
}
body .cont #content-container #content-area.company-info .row .col-8 .tab-content .tab-pane .table-cont table tr:nth-child(1) th:nth-child(1) .back .input input {
  width: 100%;
  height: 36px;
  border-radius: 4px;
  border: 1px solid #efefef;
  padding-left: 10px;
}
body .cont #content-container #content-area.company-info .row .col-8 .tab-content .tab-pane .table-cont table tr:nth-child(1) th:nth-child(1) .back .input:nth-child(2) {
  margin-left: 28px;
  width: calc(50% - 40px);
  background-image: url(../img/icons/mobile.png);
}
body .cont #content-container #content-area.company-info .row .col-8 .tab-content .tab-pane .table-cont table tr:nth-child(1) th.active .front {
  transform: rotateX(180deg);
  z-index: 1;
}
body .cont #content-container #content-area.company-info .row .col-8 .tab-content .tab-pane .table-cont table tr:nth-child(1) th.active .back {
  transform: rotateX(0deg);
  z-index: 2;
}
body .cont #content-container #content-area.company-info .row .col-8 .tab-content .tab-pane .table-cont table tr:nth-child(1) th.active.hightlighted {
  background-color: #cccbc4 !important;
}
body .cont #content-container #content-area.company-info .row .col-8 .tab-content .tab-pane .table-cont table tr:nth-child(1) th .front {
  width: 100%;
  height: 58px;
  border-radius: 4px;
  backface-visibility: hidden;
  transform: rotateX(0deg);
  position: absolute;
  padding-top: 20px;
  top: 0px;
  z-index: 2;
  transition: 0.3s;
}
body .cont #content-container #content-area.company-info .row .col-8 .tab-content .tab-pane .table-cont table tr:nth-child(1) th .back {
  position: absolute;
  top: 0px;
  width: 100%;
  height: 58px;
  padding-top: 15px;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  transform: rotateX(-180deg);
  z-index: 1;
  transition: 0.3s;
}
body .cont #content-container #content-area.company-info .row .col-8 .tab-content .tab-pane .table-cont table tr:nth-child(1) th .back input:before {
  width: 28px;
  height: 28px;
  position: relative;
  left: -5px;
  content: "";
  display: block;
  background-color: #fff;
  background-image: url(../img/icons/ico-ferie.svg);
  background-repeat: no-repeat;
  background-size: contain;
  transition: 0.3s;
}
body .cont #content-container #content-area.company-info .row .col-8 .tab-content .tab-pane .table-cont table tr:nth-child(1) th .back input:checked:before {
  background-image: url(../img/icons/ico-ferie-active.svg);
  background-color: #cccbc4 !important;
}
body .cont #content-container #content-area.company-info .row .col-8 .tab-content .tab-pane .table-cont table tr th {
  padding: 10px 0;
  width: 10%;
  height: 35px;
  transition: 0.3s;
  box-sizing: border-box;
  text-align: center;
}
body .cont #content-container #content-area.company-info .row .col-8 .tab-content .tab-pane .table-cont table tr th:nth-child(1) {
  width: 20%;
}
body .cont #content-container #content-area.company-info .row .col-8 .tab-content .tab-pane .table-cont table tr th:nth-child(1),
body .cont #content-container #content-area.company-info .row .col-8 .tab-content .tab-pane .table-cont table tr th:nth-child(2),
body .cont #content-container #content-area.company-info .row .col-8 .tab-content .tab-pane .table-cont table tr th:nth-child(3) {
  text-align: center !important;
}
body .cont #content-container #content-area.company-info .row .col-8 .tab-content .tab-pane .table-cont table tr th:nth-child(7),
body .cont #content-container #content-area.company-info .row .col-8 .tab-content .tab-pane .table-cont table tr th:nth-child(8) {
  background-color: #fbf7e6;
}
body .cont #content-container #content-area.company-info .row .col-8 .tab-content .tab-pane .table-cont table tr th:nth-child(7).asigned,
body .cont #content-container #content-area.company-info .row .col-8 .tab-content .tab-pane .table-cont table tr th:nth-child(8).asigned {
  background-color: #fbf7e6;
}
body .cont #content-container #content-area.company-info .row .col-8 .tab-content .tab-pane .table-cont table tr th.completed {
  background-color: #d0e4a7;
  position: relative;
  transition: 0.3s;
  z-index: 10;
  padding-top: 25px;
}
body .cont #content-container #content-area.company-info .row .col-8 .tab-content .tab-pane .table-cont table tr th.completed.hovered {
  box-shadow: 0 10px 18px 0 rgba(0, 0, 0, 0.31);
  background-color: #587aad;
  z-index: 100;
  cursor: pointer;
}
body .cont #content-container #content-area.company-info .row .col-8 .tab-content .tab-pane .table-cont table tr th.completed.hovered .btn-ico {
  background-color: #5679b0;
  transition: 0.3s;
}
body .cont #content-container #content-area.company-info .row .col-8 .tab-content .tab-pane .table-cont table tr th.completed.hovered p {
  color: #fff;
}
body .cont #content-container #content-area.company-info .row .col-8 .tab-content .tab-pane .table-cont table tr th.completed p {
  position: relative;
  top: 1px;
  left: 50%;
  transform: translateX(-70%);
  transition: 0.3s;
  float: left;
}
body .cont #content-container #content-area.company-info .row .col-8 .tab-content .tab-pane .table-cont table tr th.completed .btn-ico {
  background-color: #829e49;
  display: block;
  width: 23px;
  height: 23px;
  position: relative;
  left: 50%;
  transform: translateX(-50%);
  top: -5px;
  border-radius: 50%;
  background-image: url(../img/icons/info-icon.png);
  background-position: center;
  background-repeat: no-repeat;
  transition: 0.3s;
}
body .cont #content-container #content-area.company-info .row .col-8 .tab-content .tab-pane .table-cont table tr th.not-asigned {
  background-color: #d54f60;
  position: relative;
  transition: 0.3s;
  padding-top: 25px;
  z-index: 10;
}
body .cont #content-container #content-area.company-info .row .col-8 .tab-content .tab-pane .table-cont table tr th.not-asigned.hightlighted .back {
  background-color: #992533 !important;
}
body .cont #content-container #content-area.company-info .row .col-8 .tab-content .tab-pane .table-cont table tr th.not-asigned.hightlighted .back .btn-ico {
  background-color: #4c1118 !important;
}
body .cont #content-container #content-area.company-info .row .col-8 .tab-content .tab-pane .table-cont table tr th.not-asigned.hovered {
  box-shadow: 0 10px 18px 0 rgba(0, 0, 0, 0.31);
  background-color: #a02333;
  cursor: pointer;
  z-index: 100;
}
body .cont #content-container #content-area.company-info .row .col-8 .tab-content .tab-pane .table-cont table tr th.not-asigned.hovered .btn-ico {
  background-color: #a02333;
  transition: 0.3s;
}
body .cont #content-container #content-area.company-info .row .col-8 .tab-content .tab-pane .table-cont table tr th.not-asigned.hovered p {
  color: #fff;
}
body .cont #content-container #content-area.company-info .row .col-8 .tab-content .tab-pane .table-cont table tr th.not-asigned p {
  color: #fff;
  position: relative;
  top: 1px;
  left: 50%;
  transform: translateX(-70%);
  transition: 0.3s;
  float: left;
}
body .cont #content-container #content-area.company-info .row .col-8 .tab-content .tab-pane .table-cont table tr th.not-asigned .btn-ico {
  background-color: #a02333;
  display: block;
  width: 23px;
  height: 23px;
  position: relative;
  left: 50%;
  transform: translateX(-50%);
  top: -5px;
  border-radius: 50%;
  background-image: url(../img/icons/edit-icon.png);
  background-position: center;
  background-repeat: no-repeat;
  transition: 0.3s;
}
body .cont #content-container #content-area.company-info .row .col-8 .tab-content .tab-pane .table-cont table tr th.asigned {
  background-color: #fff;
  transition: 0.3s;
  padding-top: 25px;
  position: relative;
  box-sizing: border-box;
  z-index: 10;
}
body .cont #content-container #content-area.company-info .row .col-8 .tab-content .tab-pane .table-cont table tr th.asigned.hightlighted .back {
  background-color: #436190 !important;
}
body .cont #content-container #content-area.company-info .row .col-8 .tab-content .tab-pane .table-cont table tr th.asigned.hightlighted .back .btn-ico {
  background-color: #121b28 !important;
}
body .cont #content-container #content-area.company-info .row .col-8 .tab-content .tab-pane .table-cont table tr th.asigned.hovered {
  box-shadow: 0 10px 18px 0 rgba(0, 0, 0, 0.31);
  background-color: #587aad;
  cursor: pointer;
}
body .cont #content-container #content-area.company-info .row .col-8 .tab-content .tab-pane .table-cont table tr th.asigned.hovered .btn-ico {
  background-color: #5679b0;
  transition: 0.3s;
}
body .cont #content-container #content-area.company-info .row .col-8 .tab-content .tab-pane .table-cont table tr th.asigned.hovered .btn-ico .img {
  width: 30px;
  height: 30px;
  background-position: center;
  background-size: contain;
}
body .cont #content-container #content-area.company-info .row .col-8 .tab-content .tab-pane .table-cont table tr th.asigned.hovered .btn-ico .company-name {
  color: red;
}
body .cont #content-container #content-area.company-info .row .col-8 .tab-content .tab-pane .table-cont table tr th.asigned.hovered p {
  color: #fff;
}
body .cont #content-container #content-area.company-info .row .col-8 .tab-content .tab-pane .table-cont table tr th.asigned p {
  position: relative;
  top: 1px;
  left: 50%;
  float: left;
  transform: translateX(-70%);
  transition: 0.3s;
  color: #343434;
}
body .cont #content-container #content-area.company-info .row .col-8 .tab-content .tab-pane .table-cont table tr th.asigned .btn-ico {
  background-color: #5679b0;
  display: block;
  width: 23px;
  height: 23px;
  position: relative;
  left: 50%;
  transform: translateX(-50%);
  top: -5px;
  border-radius: 50%;
  background-image: url(../img/icons/info-icon.png);
  background-position: center;
  background-repeat: no-repeat;
  transition: 0.3s;
}
body .cont #content-container #content-area.company-info .row .col-8 .tab-content .tab-pane .table-cont table tr th.alerted {
  background-color: #ff750b;
  position: relative;
  transition: 0.3s;
  padding-top: 25px;
  box-sizing: border-box;
  z-index: 10;
}
body .cont #content-container #content-area.company-info .row .col-8 .tab-content .tab-pane .table-cont table tr th.alerted:hover {
  box-shadow: 0 10px 18px 0 rgba(0, 0, 0, 0.31);
  background-color: #f16800;
  cursor: pointer;
  z-index: 100;
}
body .cont #content-container #content-area.company-info .row .col-8 .tab-content .tab-pane .table-cont table tr th.alerted:hover .btn-ico {
  background-color: #f16800;
  transition: 0.3s;
}
body .cont #content-container #content-area.company-info .row .col-8 .tab-content .tab-pane .table-cont table tr th.alerted:hover p {
  color: #fff;
}
body .cont #content-container #content-area.company-info .row .col-8 .tab-content .tab-pane .table-cont table tr th.alerted p {
  position: relative;
  top: 1px;
  left: 50%;
  float: left;
  transform: translateX(-70%);
  transition: 0.3s;
  color: #fff;
}
body .cont #content-container #content-area.company-info .row .col-8 .tab-content .tab-pane .table-cont table tr th.alerted .btn-ico {
  background-color: #ff750b;
  display: block;
  width: 23px;
  height: 23px;
  position: relative;
  left: 50%;
  transform: translateX(-50%);
  top: -5px;
  border-radius: 50%;
  background-image: url(../img/icons/alert-reverse.png);
  background-position: center;
  background-repeat: no-repeat;
  transition: 0.3s;
}
body .cont #content-container #content-area.company-info .row .col-8 .tab-content .tab-pane .table-cont table tr th.hightlighted {
  background-color: #cccbc4 !important;
}
body .cont #content-container #content-area.company-info .row .col-8 .tab-content .tab-pane .table-cont table tr th.dayoff {
  color: #fff;
}
body .cont #content-container #content-area.company-info .row .col-8 .tab-content .tab-pane .table-cont table tr th.dayoff.hightlighted {
  background-color: #808080 !important;
}
body .cont #content-container #content-area.company-info .row .col-8 .tab-content .date-controls {
  display: flex;
  justify-content: center;
  height: 110px;
  background-color: #fff;
  text-align: center;
  padding: 30px 0;
}
body .cont #content-container #content-area.company-info .row .col-8 .tab-content .date-controls a:first-child {
  margin-right: 75px;
  margin-top: 15px;
}
body .cont #content-container #content-area.company-info .row .col-8 .tab-content .date-controls a:last-child {
  margin-left: 75px;
  margin-top: 15px;
}
body .cont #content-container #content-area.company-info .row .col-8 .tab-content .date-controls .date {
  font-family: 'Muli';
  font-size: 13px;
  font-weight: 600;
  text-align: center;
  color: #a0a4a8;
}
body .cont #content-container #content-area.company-info .row .col-8 .tab-content .date-controls .from-to {
  font-family: 'Muli';
  font-size: 14px;
  text-align: center;
  color: #44474c;
}
body .cont #content-container #content-area.operator-info #modal-dayoff .modal-content {
  margin-top: 15vh;
  background-color: transparent;
  border: none;
  color: #fff;
}
body .cont #content-container #content-area.operator-info #modal-dayoff .modal-content input {
  width: 100%;
  height: 36px;
  float: left;
  border-radius: 4px;
  border: 1px solid #efefef;
  padding-left: 10px;
  margin-bottom: 40px;
}
body .cont #content-container #content-area.operator-info #modal-dayoff .modal-content .btn-primary {
  width: 200px;
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
}
body .cont #content-container #content-area.operator-info #modal-dayoff .modal-content .close {
  color: #fff;
}
body .cont #content-container #content-area.operator-info #modal-dayoff .modal-content div {
  border: none;
}
body .cont #content-container #content-area.operator-info #modal-dayoff .modal-content .input-group {
  width: 100%;
  display: flex;
  flex-direction: column;
}
body .cont #content-container #content-area.operator-info #modal-dayoff .modal-content .input-group select {
  height: 40px;
  border-radius: 5px;
  border: none;
}
body .cont #content-container #content-area.operator-info #modal-dayoff .modal-content textarea {
  width: 100%;
  height: 100px;
  float: left;
  border-radius: 4px;
  border: 1px solid #efefef;
  padding-left: 10px;
  margin-top: 40px;
  margin-bottom: 40px;
  resize: none;
}
body .cont #content-container #content-area.operator-info #modal-dayoff-edit .modal-content {
  margin-top: 15vh;
  background-color: transparent;
  border: none;
  color: #fff;
}
body .cont #content-container #content-area.operator-info #modal-dayoff-edit .modal-content input {
  width: 100%;
  height: 36px;
  float: left;
  border-radius: 4px;
  border: 1px solid #efefef;
  padding-left: 10px;
  margin-bottom: 40px;
}
body .cont #content-container #content-area.operator-info #modal-dayoff-edit .modal-content .btn-primary {
  width: 200px;
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
}
body .cont #content-container #content-area.operator-info #modal-dayoff-edit .modal-content .close {
  color: #fff;
}
body .cont #content-container #content-area.operator-info #modal-dayoff-edit .modal-content div {
  border: none;
}
body .cont #content-container #content-area.operator-info #modal-dayoff-edit .modal-content .input-group {
  width: 100%;
  display: flex;
  flex-direction: column;
}
body .cont #content-container #content-area.operator-info #modal-dayoff-edit .modal-content .input-group select {
  height: 40px;
  border-radius: 5px;
  border: none;
}
body .cont #content-container #content-area.operator-info #modal-dayoff-edit .modal-content textarea {
  width: 100%;
  height: 100px;
  float: left;
  border-radius: 4px;
  border: 1px solid #efefef;
  padding-left: 10px;
  margin-top: 40px;
  margin-bottom: 40px;
  resize: none;
}
body .cont #content-container #content-area.operator-info .row {
  height: 100%;
}
body .cont #content-container #content-area.operator-info .row .col-4 {
  background-color: #fff;
  position: relative;
  box-shadow: 5px 0 6px 0 rgba(0, 0, 0, 0.05), 0 1px 1px 0 rgba(0, 0, 0, 0.11);
  z-index: 10;
}
body .cont #content-container #content-area.operator-info .row .col-4 .comp-logo {
  width: 200px;
  margin: 30% calc(50% - 100px) 20%;
}
body .cont #content-container #content-area.operator-info .row .col-4 .operator-hours {
  margin-top: 50px;
  position: relative;
  width: 240px;
  left: 50%;
  transform: translateX(-50%);
}
body .cont #content-container #content-area.operator-info .row .col-4 .operator-hours .hours-progress {
  width: calc(100% - 34px);
  margin-left: 17px;
  height: 5px;
  background-color: #dadada;
  border-radius: 5px;
  position: relative;
  margin-bottom: 10px;
}
body .cont #content-container #content-area.operator-info .row .col-4 .operator-hours .hours-progress .body {
  position: absolute;
  left: 0;
  top: 0;
  height: 5px;
  border-radius: 5px;
  background-color: #aacc65;
}
body .cont #content-container #content-area.operator-info .row .col-4 .operator-hours p {
  text-transform: uppercase;
  background-image: url(../img/icons/timer-hightlighted.png);
  background-position: left center;
  padding-left: 15px;
  width: 210px;
  left: 50%;
  transform: translateX(-50%);
  background-size: 12px 14px;
  background-repeat: no-repeat;
  font-family: 'Overpass';
  font-size: 14px;
  letter-spacing: 1px;
  text-align: center;
  color: #a0a4a8;
  position: relative;
}
body .cont #content-container #content-area.operator-info .row .col-4 .operator-hours p .hightlight {
  color: #aacc65;
}
body .cont #content-container #content-area.operator-info .row .col-4 .operator-hours .hour-field {
  width: 240px;
  height: 50px;
  perspective: 1000px;
  transition: 0.3s;
  overflow: hidden;
  margin-bottom: 5px;
}
body .cont #content-container #content-area.operator-info .row .col-4 .operator-hours .hour-field.active .front {
  transform: rotateX(180deg);
  z-index: 1;
}
body .cont #content-container #content-area.operator-info .row .col-4 .operator-hours .hour-field.active .back {
  transform: rotateX(0deg);
  z-index: 2;
}
body .cont #content-container #content-area.operator-info .row .col-4 .operator-hours .hour-field .front {
  width: 240px;
  height: 36px;
  border-radius: 4px;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  transform: rotateX(0deg);
  position: relative;
  z-index: 2;
  transition: 0.3s;
}
body .cont #content-container #content-area.operator-info .row .col-4 .operator-hours .hour-field .back {
  position: relative;
  top: -36px;
  width: 240px;
  height: 36px;
  border-radius: 4px;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  transform: rotateX(-180deg);
  z-index: 1;
  transition: 0.3s;
}
body .cont #content-container #content-area.operator-info .row .col-4 .operator-hours .hour-field .back h3 {
  padding-left: 40px;
  padding-top: 36px;
  width: 0px;
  display: block;
  float: left;
  background-image: url(../img/icons/timer-hightlighted.png);
  background-repeat: no-repeat;
  background-position: left center;
  margin: 0;
}
body .cont #content-container #content-area.operator-info .row .col-4 .operator-hours .hour-field .back input {
  width: calc(100% - 100px);
  height: 36px;
  float: left;
  border-radius: 4px;
  border: 1px solid #efefef;
  padding-left: 10px;
}
body .cont #content-container #content-area.operator-info .row .col-4 .button-controls {
  position: absolute;
  bottom: 32px;
  max-width: 220px;
  left: 50%;
  transform: translateX(-50%);
}
body .cont #content-container #content-area.operator-info .row .col-4 .button-controls button,
body .cont #content-container #content-area.operator-info .row .col-4 .button-controls .btn-delete {
  display: inline-block;
  width: 220px;
  height: 35px;
  position: relative;
  left: 50%;
  padding-top: 8px;
  transform: translateX(-50%);
  font-family: 'Overpass';
  font-size: 13px;
  text-align: center;
  color: #44474c;
  border: solid 1px #e6e6e6;
  background-color: #fff;
  margin-bottom: 18px;
}
body .cont #content-container #content-area.operator-info .row .col-4 .button-controls button:hover,
body .cont #content-container #content-area.operator-info .row .col-4 .button-controls .btn-delete:hover {
  cursor: pointer;
  text-decoration: none;
}
body .cont #content-container #content-area.operator-info .row .col-4 .button-controls button img,
body .cont #content-container #content-area.operator-info .row .col-4 .button-controls .btn-delete img {
  position: absolute;
  left: 12px;
  top: 50%;
  transform: translateY(-50%);
}
body .cont #content-container #content-area.operator-info .row .col-4 .button-controls button:last-child,
body .cont #content-container #content-area.operator-info .row .col-4 .button-controls .btn-delete:last-child {
  border: solid 1px #d13636;
  color: #d13636;
  margin-top: 48px;
}
body .cont #content-container #content-area.operator-info .row .col-4 .profile-img {
  height: 45%;
  overflow: hidden;
}
body .cont #content-container #content-area.operator-info .row .col-4 .profile-img .profile-image-large {
  position: relative;
  object-fit: cover;
  width: 100%;
  top: 50%;
  transform: translateY(-50%);
  min-width: 100%;
  min-height: 100%;
}
body .cont #content-container #content-area.operator-info .row .col-8 {
  padding: 0;
  position: relative;
  box-shadow: 5px 0 6px 0 rgba(0, 0, 0, 0.05), 0 1px 1px 0 rgba(0, 0, 0, 0.11);
}
body .cont #content-container #content-area.operator-info .row .col-8 .nav-pills {
  height: 50px;
  width: 100%;
  margin: 0 !important;
}
body .cont #content-container #content-area.operator-info .row .col-8 .nav-pills .nav-link {
  height: 100%;
  min-width: 190px;
  border-radius: 0;
  background-color: #F6F6F6;
  box-sizing: border-box;
  padding-top: 14px;
  font-family: 'Overpass';
  font-size: 14px;
  letter-spacing: 1px;
  text-align: center;
  color: #44474c;
  position: relative;
}
body .cont #content-container #content-area.operator-info .row .col-8 .nav-pills .nav-link:before {
  width: 50px;
  height: 3px;
  display: block;
  content: '';
  background-color: #d2d2d2;
  position: absolute;
  top: calc(100% - 3px);
  left: 50%;
  transform: translateX(-50%);
}
body .cont #content-container #content-area.operator-info .row .col-8 .nav-pills .nav-link.active {
  background-color: #fff;
}
body .cont #content-container #content-area.operator-info .row .col-8 .nav-pills .nav-link.active:before {
  background-color: #FF750B;
}
body .cont #content-container #content-area.operator-info .row .col-8 .tab-content {
  max-height: calc(100% - 50px);
  height: calc(100% - 50px);
  width: calc(100%);
  position: relative;
}
body .cont #content-container #content-area.operator-info .row .col-8 .tab-content#pills-tabContent {
  height: calc(100% - 50px);
}
body .cont #content-container #content-area.operator-info .row .col-8 .tab-content .data-ferie {
  position: relative;
  margin-top: 4%;
}
body .cont #content-container #content-area.operator-info .row .col-8 .tab-content .data-ferie.active .overlay {
  opacity: 0.8;
}
body .cont #content-container #content-area.operator-info .row .col-8 .tab-content .data-ferie .overlay {
  width: 100%;
  height: 120%;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 100;
  background-color: #fff;
  opacity: 0;
  transition: 0.3s;
}
body .cont #content-container #content-area.operator-info .row .col-8 .tab-content .data-ferie p {
  background-image: none !important;
  padding-left: 0 !important;
}
body .cont #content-container #content-area.operator-info .row .col-8 .tab-content #pills-info .row .row {
  height: 280px !important;
}
body .cont #content-container #content-area.operator-info .row .col-8 .tab-content #pills-info p {
  font-family: 'Overpass';
  font-size: 14px;
  color: #587aad;
}
body .cont #content-container #content-area.operator-info .row .col-8 .tab-content #pills-info p:nth-child(4) {
  padding-left: 40px;
  background-image: url(../img/icons/envelope.png);
  background-repeat: no-repeat;
  background-position: left center;
}
body .cont #content-container #content-area.operator-info .row .col-8 .tab-content #pills-info p:nth-child(5) {
  padding-left: 40px;
  background-image: url(../img/icons/phone.png);
  background-repeat: no-repeat;
  background-position: left center;
}
body .cont #content-container #content-area.operator-info .row .col-8 .tab-content #pills-info p:nth-child(5) .mobile {
  padding-left: 40px;
  background-image: url(../img/icons/mobile.png);
  background-repeat: no-repeat;
  background-position: left center;
}
body .cont #content-container #content-area.operator-info .row .col-8 .tab-content #pills-info p:nth-child(6) {
  padding-left: 40px;
  background-image: url(../img/icons/position.png);
  background-repeat: no-repeat;
  background-position: left center;
}
body .cont #content-container #content-area.operator-info .row .col-8 .tab-content #pills-info p:nth-child(7) {
  padding-left: 40px;
  background-image: url(../img/icons/user-blue.png);
  background-repeat: no-repeat;
  background-position: left center;
}
body .cont #content-container #content-area.operator-info .row .col-8 .tab-content #pills-info p:nth-child(7) span {
  margin-left: 40px;
  padding: 7px 20px 7px 40px;
  border: solid 1px #e6e6e6;
  border-radius: 2px;
  background-image: url(../img/icons/copy-icon.png);
  background-repeat: no-repeat;
  background-position: 10px center;
}
body .cont #content-container #content-area.operator-info .row .col-8 .tab-content #pills-info p:nth-child(7) span:hover {
  cursor: pointer;
}
body .cont #content-container #content-area.operator-info .row .col-8 .tab-content #pills-info p.phone-line {
  line-height: 1.43;
  color: #44474C;
}
body .cont #content-container #content-area.operator-info .row .col-8 .tab-content #pills-info p.role {
  font-size: 13px;
  letter-spacing: 2px;
  color: #a0a2a8;
}
body .cont #content-container #content-area.operator-info .row .col-8 .tab-content #pills-info p img {
  margin-right: 20px;
}
body .cont #content-container #content-area.operator-info .row .col-8 .tab-content #pills-info p .mobile {
  margin-left: 70px;
}
body .cont #content-container #content-area.operator-info .row .col-8 .tab-content #pills-rules h2 {
  color: #587aad;
}
body .cont #content-container #content-area.operator-info .row .col-8 .tab-content #pills-rules h4 {
  margin-bottom: 40px;
}
body .cont #content-container #content-area.operator-info .row .col-8 .tab-content #pills-rules table {
  overflow: hidden;
  border-radius: 6px;
  width: 100%;
}
body .cont #content-container #content-area.operator-info .row .col-8 .tab-content #pills-rules table td,
body .cont #content-container #content-area.operator-info .row .col-8 .tab-content #pills-rules table th {
  min-height: 30px;
  height: 40px;
}
body .cont #content-container #content-area.operator-info .row .col-8 .tab-content #pills-rules table td:nth-child(2),
body .cont #content-container #content-area.operator-info .row .col-8 .tab-content #pills-rules table th:nth-child(2) {
  width: 30px;
}
body .cont #content-container #content-area.operator-info .row .col-8 .tab-content #pills-rules table tr {
  background-color: #fff;
}
body .cont #content-container #content-area.operator-info .row .col-8 .tab-content #pills-rules table tr.table-headings {
  background-color: #e6e6e6;
  border-bottom: #dadada 1px solid;
}
body .cont #content-container #content-area.operator-info .row .col-8 .tab-content #pills-rules table tr.table-headings button {
  position: relative;
  left: 50%;
  transform: translateX(-50%);
  height: 35px;
  border: none;
  padding: 5px 25px;
  box-shadow: 0 3px 5px 0 rgba(0, 0, 0, 0.1);
  background-color: #5679b0;
  font-family: 'Muli';
  font-size: 12px;
  letter-spacing: 1px;
  text-align: center;
  color: #ffffff;
  transition: 0.3s;
  border-radius: 4px;
}
body .cont #content-container #content-area.operator-info .row .col-8 .tab-content #pills-rules table tr.table-headings button:hover {
  background-color: #3b557e;
  cursor: pointer;
}
body .cont #content-container #content-area.operator-info .row .col-8 .tab-content #pills-rules table tr.table-headings th {
  padding: 6px 10px !important;
}
body .cont #content-container #content-area.operator-info .row .col-8 .tab-content #pills-rules table tr.table-headings:hover {
  background-color: #e6e6e6;
}
body .cont #content-container #content-area.operator-info .row .col-8 .tab-content #pills-rules table tr:hover {
  background-color: #cccccc;
}
body .cont #content-container #content-area.operator-info .row .col-8 .tab-content #pills-rules table tr td {
  padding-left: 10px !important;
}
body .cont #content-container #content-area.operator-info .row .col-8 .tab-content #pills-rules table tr td button {
  background-color: transparent;
  border: none;
  appearance: none;
  float: right;
  margin-right: 10px !important;
}
body .cont #content-container #content-area.operator-info .row .col-8 .tab-content #pills-rules table tr td button:hover {
  color: red;
  cursor: pointer;
}
body .cont #content-container #content-area.operator-info .row .col-8 .tab-content .description {
  position: absolute;
  bottom: 10px;
  min-height: 0 !important;
  height: 22%;
}
body .cont #content-container #content-area.operator-info .row .col-8 .tab-content .description label {
  font-family: 'Overpass';
  font-size: 12px;
  letter-spacing: 0.9px;
  color: #a0a2a8;
}
body .cont #content-container #content-area.operator-info .row .col-8 .tab-content .description textarea {
  height: 100%;
  resize: none;
  width: 100%;
  border: solid 1px #e1e1e1;
  background-color: rgba(247, 247, 247, 0.59);
  font-family: 'Overpass';
  font-size: 14px;
  line-height: 1.43;
  text-align: justify;
  box-sizing: border-box;
  padding: 15px;
  color: #7b7e84;
}
body .cont #content-container #content-area.operator-info .row .col-8 .tab-content .date-controls {
  display: flex;
  justify-content: center;
  height: 110px;
  background-color: #fff;
  text-align: center;
  padding: 30px 0;
}
body .cont #content-container #content-area.operator-info .row .col-8 .tab-content .date-controls a:first-child {
  margin-right: 75px;
  margin-top: 15px;
}
body .cont #content-container #content-area.operator-info .row .col-8 .tab-content .date-controls a:last-child {
  margin-left: 75px;
  margin-top: 15px;
}
body .cont #content-container #content-area.operator-info .row .col-8 .tab-content .date-controls .date {
  font-family: 'Muli';
  font-size: 13px;
  font-weight: 600;
  text-align: center;
  color: #a0a4a8;
}
body .cont #content-container #content-area.operator-info .row .col-8 .tab-content .date-controls .from-to {
  font-family: 'Muli';
  font-size: 14px;
  text-align: center;
  color: #44474c;
}
body .cont #content-container #content-area.operator-info .row .col-8 .tab-content .tab-pane {
  padding: 20px 30px;
  position: relative;
  width: 100%;
}
body .cont #content-container #content-area.operator-info .row .col-8 .tab-content .tab-pane.active {
  display: block;
  height: 100%;
}
body .cont #content-container #content-area.operator-info .row .col-8 .tab-content .tab-pane:first-child {
  margin: 50px 50px;
  max-height: calc(100% - 100px);
  width: calc(100% - 100px);
}
body .cont #content-container #content-area.operator-info .row .col-8 .tab-content .tab-pane .row {
  height: 45%;
  width: 110%;
}
body .cont #content-container #content-area.operator-info .row .col-8 .tab-content .tab-pane .table-cont {
  max-height: calc(100% - 92px);
  height: calc(100% - 92px);
  overflow: auto;
  box-sizing: border-box;
  padding-right: 30px;
  margin-right: 10px;
}
body .cont #content-container #content-area.operator-info .row .col-8 .tab-content .tab-pane .table-cont .btn-dayoff {
  position: relative;
  left: 50%;
  transform: translateX(-50%);
  margin: 10px 0 30px;
  height: 35px;
  border: none;
  padding: 5px 25px;
  box-shadow: 0 3px 5px 0 rgba(0, 0, 0, 0.1);
  background-color: #5679b0;
  font-family: 'Muli';
  font-size: 12px;
  letter-spacing: 1px;
  text-align: center;
  color: #ffffff;
  border-radius: 4px;
  position: absolute;
  transform: translateY(-200%);
  left: auto;
  right: 60px;
  opacity: 0;
  transition: 0.3s;
}
body .cont #content-container #content-area.operator-info .row .col-8 .tab-content .tab-pane .table-cont .btn-dayoff:hover {
  background-color: #3b557e;
  cursor: pointer;
}
body .cont #content-container #content-area.operator-info .row .col-8 .tab-content .tab-pane .table-cont .btn-dayoff.active {
  opacity: 1;
  right: 100px;
}
body .cont #content-container #content-area.operator-info .row .col-8 .tab-content .tab-pane .table-cont table {
  background-color: #fff;
  width: 100%;
  padding-right: 20px;
}
body .cont #content-container #content-area.operator-info .row .col-8 .tab-content .tab-pane .table-cont table tr th:nth-child(1) {
  font-family: 'Muli';
  font-size: 14px;
  font-weight: bold;
  text-align: center;
  text-transform: uppercase;
  color: #343434 !important;
}
body .cont #content-container #content-area.operator-info .row .col-8 .tab-content .tab-pane .table-cont table tr:nth-child(1) {
  height: 58px;
}
body .cont #content-container #content-area.operator-info .row .col-8 .tab-content .tab-pane .table-cont table tr:nth-child(1) th {
  font-family: 'Muli';
  padding: 0;
  font-size: 12px;
  height: 58px;
  font-weight: bold;
  text-align: center;
  text-transform: uppercase;
  color: #343434 !important;
}
body .cont #content-container #content-area.operator-info .row .col-8 .tab-content .tab-pane .table-cont table tr:nth-child(1) th.dayoff-checkbox {
  color: #fff;
  background-color: #808080 !important;
}
body .cont #content-container #content-area.operator-info .row .col-8 .tab-content .tab-pane .table-cont table tr:nth-child(1) th.dayoff-checkbox .back input:before {
  color: #fff;
  border-radius: 0;
  background-color: #808080 !important;
  background-image: url(../img/icons/ico-ferie-active.svg);
}
body .cont #content-container #content-area.operator-info .row .col-8 .tab-content .tab-pane .table-cont table tr:nth-child(1) th.dayoff-checkbox .back input:checked:before {
  background-image: url(../img/icons/ico-ferie.svg);
  background-color: #cccbc4 !important;
}
body .cont #content-container #content-area.operator-info .row .col-8 .tab-content .tab-pane .table-cont table tr:nth-child(1) th:nth-child(1) {
  perspective: 1000px;
  height: 58px;
  transition: 0.3s;
  clear: both;
  overflow: hidden;
  margin-bottom: 10px;
}
body .cont #content-container #content-area.operator-info .row .col-8 .tab-content .tab-pane .table-cont table tr:nth-child(1) th:nth-child(1).active .front {
  transform: rotateX(180deg);
  z-index: 1;
}
body .cont #content-container #content-area.operator-info .row .col-8 .tab-content .tab-pane .table-cont table tr:nth-child(1) th:nth-child(1).active .back {
  transform: rotateX(0deg);
  z-index: 2;
}
body .cont #content-container #content-area.operator-info .row .col-8 .tab-content .tab-pane .table-cont table tr:nth-child(1) th:nth-child(1) .front {
  width: 100%;
  height: 58px;
  border-radius: 4px;
  backface-visibility: hidden;
  transform: rotateX(0deg);
  position: absolute;
  top: 0px;
  z-index: 2;
  transition: 0.3s;
  background-image: url(../img/ferie.png);
  background-size: 30px 30px;
  background-position: center;
  background-repeat: no-repeat;
}
body .cont #content-container #content-area.operator-info .row .col-8 .tab-content .tab-pane .table-cont table tr:nth-child(1) th:nth-child(1) .front:hover {
  background-color: #f2f2f2;
  cursor: pointer;
}
body .cont #content-container #content-area.operator-info .row .col-8 .tab-content .tab-pane .table-cont table tr:nth-child(1) th:nth-child(1) .back {
  position: absolute;
  top: 0px;
  width: 100%;
  height: 58px;
  background-image: url(../img/icons/cross-gray.png);
  background-position: center;
  background-repeat: no-repeat;
  background-size: 15px 15px;
  border-radius: 4px;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  transform: rotateX(-180deg);
  z-index: 1;
  transition: 0.3s;
}
body .cont #content-container #content-area.operator-info .row .col-8 .tab-content .tab-pane .table-cont table tr:nth-child(1) th:nth-child(1) .back .btn-group {
  display: none;
}
body .cont #content-container #content-area.operator-info .row .col-8 .tab-content .tab-pane .table-cont table tr:nth-child(1) th:nth-child(1) .back .btn-group .btn-primary {
  background-color: #587aad;
  border-color: #587aad;
}
body .cont #content-container #content-area.operator-info .row .col-8 .tab-content .tab-pane .table-cont table tr:nth-child(1) th:nth-child(1) .back .btn-group .btn-primary:hover {
  background-color: #45628d;
  border-color: #45628d;
}
body .cont #content-container #content-area.operator-info .row .col-8 .tab-content .tab-pane .table-cont table tr:nth-child(1) th:nth-child(1) .back:hover {
  background-color: #f2f2f2;
  background-image: url(../img/icons/cross-red.png);
  cursor: pointer;
}
body .cont #content-container #content-area.operator-info .row .col-8 .tab-content .tab-pane .table-cont table tr:nth-child(1) th:nth-child(1) .back.active .btn-group {
  display: block;
}
body .cont #content-container #content-area.operator-info .row .col-8 .tab-content .tab-pane .table-cont table tr:nth-child(1) th:nth-child(1) .back h3 {
  width: 40px;
  height: 36px;
  display: inline-block;
  background-position: left center;
  background-repeat: no-repeat;
  background-image: url(../img/icons/envelope.png);
  float: left;
}
body .cont #content-container #content-area.operator-info .row .col-8 .tab-content .tab-pane .table-cont table tr:nth-child(1) th:nth-child(1) .back .input {
  padding-left: 40px;
  width: calc(50% - 40px);
  background-image: url(../img/icons/phone.png);
  background-repeat: no-repeat;
  background-position: left center;
  float: left;
}
body .cont #content-container #content-area.operator-info .row .col-8 .tab-content .tab-pane .table-cont table tr:nth-child(1) th:nth-child(1) .back .input input {
  width: 100%;
  height: 36px;
  border-radius: 4px;
  border: 1px solid #efefef;
  padding-left: 10px;
}
body .cont #content-container #content-area.operator-info .row .col-8 .tab-content .tab-pane .table-cont table tr:nth-child(1) th:nth-child(1) .back .input:nth-child(2) {
  margin-left: 28px;
  width: calc(50% - 40px);
  background-image: url(../img/icons/mobile.png);
}
body .cont #content-container #content-area.operator-info .row .col-8 .tab-content .tab-pane .table-cont table tr:nth-child(1) th.active .front {
  transform: rotateX(180deg);
  z-index: 1;
}
body .cont #content-container #content-area.operator-info .row .col-8 .tab-content .tab-pane .table-cont table tr:nth-child(1) th.active .back {
  transform: rotateX(0deg);
  z-index: 2;
}
body .cont #content-container #content-area.operator-info .row .col-8 .tab-content .tab-pane .table-cont table tr:nth-child(1) th.active.hightlighted {
  background-color: #cccbc4 !important;
}
body .cont #content-container #content-area.operator-info .row .col-8 .tab-content .tab-pane .table-cont table tr:nth-child(1) th .front {
  width: 100%;
  height: 58px;
  border-radius: 4px;
  backface-visibility: hidden;
  transform: rotateX(0deg);
  position: absolute;
  padding-top: 20px;
  top: 0px;
  z-index: 2;
  transition: 0.3s;
}
body .cont #content-container #content-area.operator-info .row .col-8 .tab-content .tab-pane .table-cont table tr:nth-child(1) th .back {
  position: absolute;
  top: 0px;
  width: 100%;
  height: 58px;
  padding-top: 15px;
  border-radius: 4px;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  transform: rotateX(-180deg);
  z-index: 1;
  transition: 0.3s;
}
body .cont #content-container #content-area.operator-info .row .col-8 .tab-content .tab-pane .table-cont table tr:nth-child(1) th .back input:before {
  width: 28px;
  height: 28px;
  content: "";
  position: relative;
  left: -6px;
  display: block;
  background-color: #fff;
  background-image: url(../img/icons/ico-ferie.svg);
  background-repeat: no-repeat;
  background-size: contain;
  transition: 0.3s;
}
body .cont #content-container #content-area.operator-info .row .col-8 .tab-content .tab-pane .table-cont table tr:nth-child(1) th .back input:checked:before {
  background-image: url(../img/icons/ico-ferie-active.svg);
  background-color: #cccbc4 !important;
}
body .cont #content-container #content-area.operator-info .row .col-8 .tab-content .tab-pane .table-cont table tr:nth-child(1) th.dayoff-checkbox.hightlighted {
  color: #fff;
  background-color: #808080 !important;
}
body .cont #content-container #content-area.operator-info .row .col-8 .tab-content .tab-pane .table-cont table tr:nth-child(1) th.dayoff-checkbox .back input {
  position: relative;
  left: -8px;
  top: -14px;
}
body .cont #content-container #content-area.operator-info .row .col-8 .tab-content .tab-pane .table-cont table tr:nth-child(1) th.dayoff-checkbox .back input:before {
  border-radius: 0;
  background-color: #808080 !important;
  background-image: url(../img/icons/ico-ferie-active.svg);
}
body .cont #content-container #content-area.operator-info .row .col-8 .tab-content .tab-pane .table-cont table tr:nth-child(1) th.dayoff-checkbox .back input:checked:before {
  background-image: url(../img/icons/ico-ferie.svg);
  background-color: #cccbc4 !important;
}
body .cont #content-container #content-area.operator-info .row .col-8 .tab-content .tab-pane .table-cont table tr th {
  padding: 10px 0;
  width: 10%;
  height: 35px;
  transition: 0.3s;
  box-sizing: border-box;
  text-align: center;
}
body .cont #content-container #content-area.operator-info .row .col-8 .tab-content .tab-pane .table-cont table tr th:nth-child(1) {
  width: 20%;
}
body .cont #content-container #content-area.operator-info .row .col-8 .tab-content .tab-pane .table-cont table tr th.check-box-single.dayoff .back .check-dayoff-single:before {
  background-color: #808080 !important;
}
body .cont #content-container #content-area.operator-info .row .col-8 .tab-content .tab-pane .table-cont table tr th.check-box-single.dayoff .back .check-dayoff-single:checked::before {
  background-color: #808080 !important;
  background-image: url(../img/icons/minus-hightlighted.png);
}
body .cont #content-container #content-area.operator-info .row .col-8 .tab-content .tab-pane .table-cont table tr th.check-box-single.dayoff .front {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}
body .cont #content-container #content-area.operator-info .row .col-8 .tab-content .tab-pane .table-cont table tr th.check-box-single.dayoff .front .footer {
  display: flex;
  justify-content: flex-end;
  margin: -5px;
  opacity: 0;
}
body .cont #content-container #content-area.operator-info .row .col-8 .tab-content .tab-pane .table-cont table tr th.check-box-single.dayoff .front .footer .remove {
  background-color: #d53332;
  padding: 2px 4px;
}
body .cont #content-container #content-area.operator-info .row .col-8 .tab-content .tab-pane .table-cont table tr th.check-box-single.dayoff .front .footer .remove:hover {
  cursor: pointer;
}
body .cont #content-container #content-area.operator-info .row .col-8 .tab-content .tab-pane .table-cont table tr th.check-box-single.dayoff .front .footer .edit {
  background: #46628e;
  padding: 2px 4px 2px 6px;
  color: #fff;
}
body .cont #content-container #content-area.operator-info .row .col-8 .tab-content .tab-pane .table-cont table tr th.check-box-single.dayoff .front .footer .edit:hover {
  cursor: pointer;
}
body .cont #content-container #content-area.operator-info .row .col-8 .tab-content .tab-pane .table-cont table tr th.check-box-single.dayoff .front:hover .footer {
  opacity: 1;
}
body .cont #content-container #content-area.operator-info .row .col-8 .tab-content .tab-pane .table-cont table tr th.check-box-single.dayoff:hover .front {
  box-shadow: 2px 0 10px rgba(0, 0, 0, 0.2);
}
body .cont #content-container #content-area.operator-info .row .col-8 .tab-content .tab-pane .table-cont table tr th.check-box-single.asigned .back .check-dayoff-single:before {
  background-color: #587aad !important;
  background-image: url(../img/icons/plus-blue.png);
}
body .cont #content-container #content-area.operator-info .row .col-8 .tab-content .tab-pane .table-cont table tr th.check-box-single.asigned .back .check-dayoff-single:checked::before {
  background-color: #587aad !important;
  background-image: url(../img/icons/minus-white.png);
}
body .cont #content-container #content-area.operator-info .row .col-8 .tab-content .tab-pane .table-cont table tr th.check-box-single .back .check-dayoff-single {
  position: relative;
  left: -4px;
  top: -14px;
}
body .cont #content-container #content-area.operator-info .row .col-8 .tab-content .tab-pane .table-cont table tr th.check-box-single .back .check-dayoff-single:before {
  display: block;
  content: "";
  width: 20px;
  height: 20px;
  background-position: center;
  background-size: contain;
  background-repeat: no-repeat;
  border-radius: 0;
  background-color: #fff !important;
  transition: 0.3s;
  background-image: url(../img/icons/plus.png);
}
body .cont #content-container #content-area.operator-info .row .col-8 .tab-content .tab-pane .table-cont table tr th.check-box-single .back .check-dayoff-single:checked:before {
  background-image: url(../img/icons/minus-hightlighted.png);
  background-color: #cccbc4 !important;
}
body .cont #content-container #content-area.operator-info .row .col-8 .tab-content .tab-pane .table-cont table tr th.check-box-single .front .footer {
  position: absolute;
  flex-direction: column-reverse;
  right: 0;
  transform: translateX(20px);
}
body .cont #content-container #content-area.operator-info .row .col-8 .tab-content .tab-pane .table-cont table tr th.active .front {
  transform: rotateX(180deg);
  z-index: 1;
  pointer-events: none;
}
body .cont #content-container #content-area.operator-info .row .col-8 .tab-content .tab-pane .table-cont table tr th.active .back {
  transform: rotateX(0deg);
  z-index: 2;
}
body .cont #content-container #content-area.operator-info .row .col-8 .tab-content .tab-pane .table-cont table tr th.active.dayoff {
  background-color: rgba(62, 62, 62, 0.64) !important;
}
body .cont #content-container #content-area.operator-info .row .col-8 .tab-content .tab-pane .table-cont table tr th.active.dayoff .front {
  transform: rotateX(0deg);
  z-index: 2;
  background-color: rgba(62, 62, 62, 0.64) !important;
  color: rgba(255, 255, 255, 0.27) !important;
  pointer-events: none;
}
body .cont #content-container #content-area.operator-info .row .col-8 .tab-content .tab-pane .table-cont table tr th.active.dayoff .back {
  transform: rotateX(180deg);
  z-index: 1;
}
body .cont #content-container #content-area.operator-info .row .col-8 .tab-content .tab-pane .table-cont table tr th.active.asigned {
  background-color: rgba(62, 62, 62, 0.64) !important;
  pointer-events: none;
}
body .cont #content-container #content-area.operator-info .row .col-8 .tab-content .tab-pane .table-cont table tr th.active.asigned .front {
  transform: rotateX(0deg);
  z-index: 2;
  background-color: transparent !important;
  color: rgba(255, 255, 255, 0.27) !important;
  pointer-events: none;
}
body .cont #content-container #content-area.operator-info .row .col-8 .tab-content .tab-pane .table-cont table tr th.active.asigned .back {
  transform: rotateX(180deg);
  z-index: 1;
}
body .cont #content-container #content-area.operator-info .row .col-8 .tab-content .tab-pane .table-cont table tr th .front {
  width: 100%;
  border-radius: 4px;
  backface-visibility: hidden;
  transform: rotateX(0deg);
  position: absolute;
  padding: 5px;
  top: 0;
  z-index: 2;
  transition: 0.3s;
}
body .cont #content-container #content-area.operator-info .row .col-8 .tab-content .tab-pane .table-cont table tr th .back {
  position: absolute;
  top: 0px;
  width: 100%;
  padding-top: 15px;
  border-radius: 4px;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  transform: rotateX(-180deg);
  z-index: 1;
  transition: 0.3s;
}
body .cont #content-container #content-area.operator-info .row .col-8 .tab-content .tab-pane .table-cont table tr th .back input {
  position: relative;
  top: -10px;
}
body .cont #content-container #content-area.operator-info .row .col-8 .tab-content .tab-pane .table-cont table tr th:nth-child(1),
body .cont #content-container #content-area.operator-info .row .col-8 .tab-content .tab-pane .table-cont table tr th:nth-child(2),
body .cont #content-container #content-area.operator-info .row .col-8 .tab-content .tab-pane .table-cont table tr th:nth-child(3) {
  text-align: center !important;
}
body .cont #content-container #content-area.operator-info .row .col-8 .tab-content .tab-pane .table-cont table tr th:nth-child(7),
body .cont #content-container #content-area.operator-info .row .col-8 .tab-content .tab-pane .table-cont table tr th:nth-child(8) {
  background-color: #fbf7e6;
}
body .cont #content-container #content-area.operator-info .row .col-8 .tab-content .tab-pane .table-cont table tr th:nth-child(7).asigned,
body .cont #content-container #content-area.operator-info .row .col-8 .tab-content .tab-pane .table-cont table tr th:nth-child(8).asigned {
  background-color: #fbf7e6;
}
body .cont #content-container #content-area.operator-info .row .col-8 .tab-content .tab-pane .table-cont table tr th.dayoff.hightlighted .front {
  color: #fff;
  background-color: #808080 !important;
  z-index: 4;
  border-radius: 0;
}
body .cont #content-container #content-area.operator-info .row .col-8 .tab-content .tab-pane .table-cont table tr th.completed {
  background-color: #d0e4a7;
  position: relative;
  transition: 0.3s;
  z-index: 10;
  padding-top: 25px;
}
body .cont #content-container #content-area.operator-info .row .col-8 .tab-content .tab-pane .table-cont table tr th.completed:hover {
  box-shadow: 0 10px 18px 0 rgba(0, 0, 0, 0.31);
  background-color: #587aad;
  z-index: 100;
  cursor: pointer;
}
body .cont #content-container #content-area.operator-info .row .col-8 .tab-content .tab-pane .table-cont table tr th.completed:hover .btn-ico {
  background-color: #5679b0;
  transition: 0.3s;
}
body .cont #content-container #content-area.operator-info .row .col-8 .tab-content .tab-pane .table-cont table tr th.completed:hover p {
  color: #fff;
}
body .cont #content-container #content-area.operator-info .row .col-8 .tab-content .tab-pane .table-cont table tr th.completed p {
  position: relative;
  top: 1px;
  left: 50%;
  transform: translateX(-70%);
  transition: 0.3s;
  float: left;
}
body .cont #content-container #content-area.operator-info .row .col-8 .tab-content .tab-pane .table-cont table tr th.completed .btn-ico {
  background-color: #829e49;
  display: block;
  width: 23px;
  height: 23px;
  position: relative;
  left: 50%;
  transform: translateX(-50%);
  top: -5px;
  border-radius: 50%;
  background-image: url(../img/icons/info-icon.png);
  background-position: center;
  background-repeat: no-repeat;
  transition: 0.3s;
}
body .cont #content-container #content-area.operator-info .row .col-8 .tab-content .tab-pane .table-cont table tr th.asigned {
  background-color: #7995c0 !important;
  transition: 0.3s;
  padding-top: 25px;
  position: relative;
  box-sizing: border-box;
  z-index: 10;
}
body .cont #content-container #content-area.operator-info .row .col-8 .tab-content .tab-pane .table-cont table tr th.asigned.hightlighted {
  background-color: #566884 !important;
}
body .cont #content-container #content-area.operator-info .row .col-8 .tab-content .tab-pane .table-cont table tr th.asigned.hightlighted .btn-ico {
  background-color: #3e4c63 !important;
}
body .cont #content-container #content-area.operator-info .row .col-8 .tab-content .tab-pane .table-cont table tr th.asigned:hover {
  box-shadow: 0 10px 18px 0 rgba(0, 0, 0, 0.31);
  background-color: #587aad;
  cursor: pointer;
  z-index: 100;
}
body .cont #content-container #content-area.operator-info .row .col-8 .tab-content .tab-pane .table-cont table tr th.asigned:hover .btn-ico {
  background-color: #5679b0;
  transition: 0.3s;
}
body .cont #content-container #content-area.operator-info .row .col-8 .tab-content .tab-pane .table-cont table tr th.asigned:hover .btn-ico .img {
  width: 30px;
  height: 30px;
  background-position: center;
  background-size: contain;
}
body .cont #content-container #content-area.operator-info .row .col-8 .tab-content .tab-pane .table-cont table tr th.asigned:hover .btn-ico .company-name {
  color: red;
}
body .cont #content-container #content-area.operator-info .row .col-8 .tab-content .tab-pane .table-cont table tr th.asigned:hover p {
  color: #fff;
}
body .cont #content-container #content-area.operator-info .row .col-8 .tab-content .tab-pane .table-cont table tr th.asigned p {
  position: relative;
  top: 1px;
  left: 50%;
  float: left;
  transform: translateX(-70%);
  transition: 0.3s;
  color: #343434;
}
body .cont #content-container #content-area.operator-info .row .col-8 .tab-content .tab-pane .table-cont table tr th.asigned .btn-ico {
  background-color: #5679b0;
  display: block;
  width: 23px;
  height: 23px;
  position: relative;
  left: 50%;
  transform: translateX(-50%);
  top: -5px;
  border-radius: 50%;
  background-image: url(../img/icons/info-icon.png);
  background-position: center;
  background-repeat: no-repeat;
  transition: 0.3s;
}
body .cont #content-container #content-area.operator-info .row .col-8 .tab-content .tab-pane .table-cont table tr th.hightlighted {
  background-color: #cccbc4 !important;
}
body .cont #content-container #content-area.operator-info .row .col-8 .tab-content .tab-pane .table-cont table tr th.dayoff:hover,
body .cont #content-container #content-area.operator-info .row .col-8 .tab-content .tab-pane .table-cont table tr th.asigned:hover {
  position: relative;
  z-index: 40;
}
body .cont #content-container #content-area.operator-info .row .col-8 .tab-content .tab-pane form {
  width: 100%;
  padding: 0;
  margin: 0;
  min-height: 260px;
}
body .cont #content-container #content-area.operator-info .row .col-8 .tab-content .tab-pane form .name-field {
  width: 340px;
  height: 36px;
  perspective: 1000px;
  transition: 0.3s;
  overflow: hidden;
  margin-bottom: 5px;
  float: left;
}
body .cont #content-container #content-area.operator-info .row .col-8 .tab-content .tab-pane form .name-field.active .front {
  transform: rotateX(180deg);
  z-index: 1;
}
body .cont #content-container #content-area.operator-info .row .col-8 .tab-content .tab-pane form .name-field.active .back {
  transform: rotateX(0deg);
  z-index: 2;
}
body .cont #content-container #content-area.operator-info .row .col-8 .tab-content .tab-pane form .name-field .front {
  width: 340px;
  height: 36px;
  border-radius: 4px;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  transform: rotateX(0deg);
  position: relative;
  z-index: 2;
  transition: 0.3s;
}
body .cont #content-container #content-area.operator-info .row .col-8 .tab-content .tab-pane form .name-field .front h2 {
  font-family: 'Overpass';
  margin: 0;
  font-size: 30px;
  color: #44474c;
}
body .cont #content-container #content-area.operator-info .row .col-8 .tab-content .tab-pane form .name-field .back {
  position: relative;
  top: -36px;
  width: 340px;
  height: 36px;
  border-radius: 4px;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  transform: rotateX(-180deg);
  z-index: 1;
  transition: 0.3s;
}
body .cont #content-container #content-area.operator-info .row .col-8 .tab-content .tab-pane form .name-field .back h3 {
  font-size: 18px;
  display: inline-block;
  float: left;
  line-height: 36px;
  width: 100px;
  height: 100%;
}
body .cont #content-container #content-area.operator-info .row .col-8 .tab-content .tab-pane form .name-field .back input {
  width: calc(100% - 150px);
  height: 36px;
  float: left;
  border-top-left-radius: 4px;
  border-bottom-left-radius: 4px;
  border: 1px solid #efefef;
  border-right: none;
  padding-left: 10px;
}
body .cont #content-container #content-area.operator-info .row .col-8 .tab-content .tab-pane form .btn-submit {
  width: 100px;
  height: 36px;
  border: none;
  display: none;
  position: relative;
  left: 0;
  float: left;
  margin-left: 10px;
  border-radius: 4px;
  box-shadow: 0 3px 5px 0 rgba(0, 0, 0, 0.1);
  background-color: #5679b0;
  font-family: 'Muli';
  font-size: 12px;
  letter-spacing: 1px;
  text-align: center;
  color: #ffffff;
  transition: 0.3s;
}
body .cont #content-container #content-area.operator-info .row .col-8 .tab-content .tab-pane form .btn-submit p {
  color: #fff !important;
  margin-top: 6px;
}
body .cont #content-container #content-area.operator-info .row .col-8 .tab-content .tab-pane form .btn-submit:hover {
  background-color: #3b557e;
  cursor: pointer;
}
body .cont #content-container #content-area.operator-info .row .col-8 .tab-content .tab-pane form .btn-submit.submit {
  display: block;
}
body .cont #content-container #content-area.operator-info .row .col-8 .tab-content .tab-pane form .role-field {
  width: 340px;
  height: 36px;
  perspective: 1000px;
  transition: 0.3s;
  clear: both;
  overflow: hidden;
}
body .cont #content-container #content-area.operator-info .row .col-8 .tab-content .tab-pane form .role-field.active .front {
  transform: rotateX(180deg);
  z-index: 1;
}
body .cont #content-container #content-area.operator-info .row .col-8 .tab-content .tab-pane form .role-field.active .back {
  transform: rotateX(0deg);
  z-index: 2;
}
body .cont #content-container #content-area.operator-info .row .col-8 .tab-content .tab-pane form .role-field .front {
  width: 340px;
  height: 36px;
  border-radius: 4px;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  transform: rotateX(0deg);
  position: relative;
  z-index: 2;
  transition: 0.3s;
}
body .cont #content-container #content-area.operator-info .row .col-8 .tab-content .tab-pane form .role-field .front .role {
  font-size: 13px;
  line-height: 36px;
  letter-spacing: 2px;
  color: #a0a2a8;
  margin: 0;
}
body .cont #content-container #content-area.operator-info .row .col-8 .tab-content .tab-pane form .role-field .back {
  position: relative;
  top: -36px;
  width: 340px;
  height: 36px;
  border-radius: 4px;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  transform: rotateX(-180deg);
  z-index: 1;
  transition: 0.3s;
}
body .cont #content-container #content-area.operator-info .row .col-8 .tab-content .tab-pane form .role-field .back h3 {
  font-size: 18px;
  display: inline-block;
  float: left;
  line-height: 36px;
  width: 100px;
  height: 100%;
}
body .cont #content-container #content-area.operator-info .row .col-8 .tab-content .tab-pane form .role-field .back select {
  width: calc(100% - 100px);
  height: 36px;
  float: left;
  border-radius: 4px;
  border: 1px solid #efefef;
}
body .cont #content-container #content-area.operator-info .row .col-8 .tab-content .tab-pane form .active-btn {
  width: 36px;
  height: 36px;
  perspective: 1000px;
  transition: 0.3s;
  float: left;
}
body .cont #content-container #content-area.operator-info .row .col-8 .tab-content .tab-pane form .active-btn:hover {
  cursor: pointer;
}
body .cont #content-container #content-area.operator-info .row .col-8 .tab-content .tab-pane form .active-btn.submit .back button {
  display: block;
}
body .cont #content-container #content-area.operator-info .row .col-8 .tab-content .tab-pane form .active-btn.active .front {
  transform: rotateX(180deg);
  z-index: 1;
}
body .cont #content-container #content-area.operator-info .row .col-8 .tab-content .tab-pane form .active-btn.active .back {
  transform: rotateX(0deg);
  z-index: 2;
}
body .cont #content-container #content-area.operator-info .row .col-8 .tab-content .tab-pane form .active-btn .front {
  width: 36px;
  height: 36px;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  transform: rotateX(0deg);
  position: relative;
  z-index: 2;
  transition: 0.3s;
  background-image: url(../img/icons/eye-open.png);
  background-repeat: no-repeat;
  background-position: center;
}
body .cont #content-container #content-area.operator-info .row .col-8 .tab-content .tab-pane form .active-btn.shut .front {
  background-image: url(../img/icons/eye-shut.png);
}
body .cont #content-container #content-area.operator-info .row .col-8 .tab-content .tab-pane form .active-btn.disabled {
  pointer-events: none;
}
body .cont #content-container #content-area.operator-info .row .col-8 .tab-content .tab-pane form .mail-field {
  width: 340px;
  height: 36px;
  perspective: 1000px;
  transition: 0.3s;
  clear: both;
  overflow: hidden;
  margin-bottom: 10px;
}
body .cont #content-container #content-area.operator-info .row .col-8 .tab-content .tab-pane form .mail-field.active .front {
  transform: rotateX(180deg);
  z-index: 1;
}
body .cont #content-container #content-area.operator-info .row .col-8 .tab-content .tab-pane form .mail-field.active .back {
  transform: rotateX(0deg);
  z-index: 2;
}
body .cont #content-container #content-area.operator-info .row .col-8 .tab-content .tab-pane form .mail-field .front {
  width: 340px;
  height: 36px;
  border-radius: 4px;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  transform: rotateX(0deg);
  position: relative;
  z-index: 2;
  transition: 0.3s;
}
body .cont #content-container #content-area.operator-info .row .col-8 .tab-content .tab-pane form .mail-field .front p {
  padding-left: 40px;
  background-image: url(../img/icons/envelope.png);
  background-repeat: no-repeat;
  background-position: left center;
  line-height: 36px;
  margin: 0;
}
body .cont #content-container #content-area.operator-info .row .col-8 .tab-content .tab-pane form .mail-field .back {
  position: relative;
  top: -36px;
  width: 340px;
  height: 36px;
  border-radius: 4px;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  transform: rotateX(-180deg);
  z-index: 1;
  transition: 0.3s;
}
body .cont #content-container #content-area.operator-info .row .col-8 .tab-content .tab-pane form .mail-field .back h3 {
  width: 40px;
  height: 36px;
  display: inline-block;
  background-position: left center;
  background-repeat: no-repeat;
  background-image: url(../img/icons/envelope.png);
  float: left;
}
body .cont #content-container #content-area.operator-info .row .col-8 .tab-content .tab-pane form .mail-field .back input {
  width: calc(100% - 100px);
  height: 36px;
  float: left;
  border-radius: 4px;
  border: 1px solid #efefef;
  padding-left: 10px;
}
body .cont #content-container #content-area.operator-info .row .col-8 .tab-content .tab-pane form .phone-field {
  width: 500px;
  height: 36px;
  perspective: 1000px;
  transition: 0.3s;
  clear: both;
  overflow: hidden;
  margin-bottom: 10px;
}
body .cont #content-container #content-area.operator-info .row .col-8 .tab-content .tab-pane form .phone-field.active .front {
  transform: rotateX(180deg);
  z-index: 1;
}
body .cont #content-container #content-area.operator-info .row .col-8 .tab-content .tab-pane form .phone-field.active .back {
  transform: rotateX(0deg);
  z-index: 2;
}
body .cont #content-container #content-area.operator-info .row .col-8 .tab-content .tab-pane form .phone-field .front {
  width: 500px;
  height: 36px;
  border-radius: 4px;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  transform: rotateX(0deg);
  position: relative;
  z-index: 2;
  transition: 0.3s;
}
body .cont #content-container #content-area.operator-info .row .col-8 .tab-content .tab-pane form .phone-field .front p {
  padding-left: 40px;
  background-image: url(../img/icons/phone.png);
  background-repeat: no-repeat;
  background-position: left center;
  line-height: 36px;
  display: inline-block;
  height: 36px;
  margin: 0;
}
body .cont #content-container #content-area.operator-info .row .col-8 .tab-content .tab-pane form .phone-field .front p span {
  line-height: 36px;
}
body .cont #content-container #content-area.operator-info .row .col-8 .tab-content .tab-pane form .phone-field .front p .mobile {
  padding-left: 40px;
  margin-left: 70px;
  background-image: url(../img/icons/mobile.png);
  background-repeat: no-repeat;
  background-position: left center;
}
body .cont #content-container #content-area.operator-info .row .col-8 .tab-content .tab-pane form .phone-field .back {
  position: relative;
  top: -36px;
  width: 500px;
  height: 36px;
  border-radius: 4px;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  transform: rotateX(-180deg);
  z-index: 1;
  transition: 0.3s;
}
body .cont #content-container #content-area.operator-info .row .col-8 .tab-content .tab-pane form .phone-field .back h3 {
  width: 40px;
  height: 36px;
  display: inline-block;
  background-position: left center;
  background-repeat: no-repeat;
  background-image: url(../img/icons/envelope.png);
  float: left;
}
body .cont #content-container #content-area.operator-info .row .col-8 .tab-content .tab-pane form .phone-field .back .input {
  padding-left: 40px;
  width: calc(50% - 40px);
  background-image: url(../img/icons/phone.png);
  background-repeat: no-repeat;
  background-position: left center;
  float: left;
}
body .cont #content-container #content-area.operator-info .row .col-8 .tab-content .tab-pane form .phone-field .back .input input {
  width: 100%;
  height: 36px;
  border-radius: 4px;
  border: 1px solid #efefef;
  padding-left: 10px;
}
body .cont #content-container #content-area.operator-info .row .col-8 .tab-content .tab-pane form .phone-field .back .input:nth-child(2) {
  margin-left: 28px;
  width: calc(50% - 40px);
  background-image: url(../img/icons/mobile.png);
}
body .cont #content-container #content-area.operator-info .row .col-8 .tab-content .tab-pane form .address-field {
  width: 500px;
  height: 36px;
  perspective: 1000px;
  transition: 0.3s;
  clear: both;
  overflow: hidden;
  margin-bottom: 10px;
}
body .cont #content-container #content-area.operator-info .row .col-8 .tab-content .tab-pane form .address-field.active .front {
  transform: rotateX(180deg);
  z-index: 1;
}
body .cont #content-container #content-area.operator-info .row .col-8 .tab-content .tab-pane form .address-field.active .back {
  transform: rotateX(0deg);
  z-index: 2;
}
body .cont #content-container #content-area.operator-info .row .col-8 .tab-content .tab-pane form .address-field .front {
  width: 500px;
  height: 36px;
  border-radius: 4px;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  transform: rotateX(0deg);
  position: relative;
  z-index: 2;
  transition: 0.3s;
}
body .cont #content-container #content-area.operator-info .row .col-8 .tab-content .tab-pane form .address-field .front p {
  padding-left: 40px;
  background-image: url(../img/icons/position.png);
  background-repeat: no-repeat;
  background-position: left center;
  line-height: 36px;
  margin: 0;
}
body .cont #content-container #content-area.operator-info .row .col-8 .tab-content .tab-pane form .address-field .back {
  position: relative;
  top: -36px;
  width: 500px;
  height: 36px;
  border-radius: 4px;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  transform: rotateX(-180deg);
  z-index: 1;
  transition: 0.3s;
}
body .cont #content-container #content-area.operator-info .row .col-8 .tab-content .tab-pane form .address-field .back h3 {
  width: 40px;
  height: 36px;
  display: inline-block;
  background-position: left center;
  background-repeat: no-repeat;
  background-image: url(../img/icons/position.png);
  float: left;
}
body .cont #content-container #content-area.operator-info .row .col-8 .tab-content .tab-pane form .address-field .back input {
  width: calc(100% - 100px);
  height: 36px;
  float: left;
  border-radius: 4px;
  border: 1px solid #efefef;
  padding-left: 10px;
}
body .cont #content-container #content-area.operator-info .row .col-8 .tab-content .tab-pane form .col-1.active .edit-btn {
  display: none;
}
body .cont #content-container #content-area.operator-info .row .col-8 .tab-content .tab-pane form .col-1.active .btn-submit {
  display: block;
}
body .cont #content-container #content-area.operator-info .row .col-8 .tab-content .tab-pane form .col-1 .edit-btn {
  width: 36px;
  height: 36px;
  perspective: 1000px;
  transition: 0.3s;
  overflow: hidden;
}
body .cont #content-container #content-area.operator-info .row .col-8 .tab-content .tab-pane form .col-1 .edit-btn.active .front {
  transform: rotateX(180deg);
  z-index: 1;
}
body .cont #content-container #content-area.operator-info .row .col-8 .tab-content .tab-pane form .col-1 .edit-btn.active .back {
  transform: rotateX(0deg);
  z-index: 2;
}
body .cont #content-container #content-area.operator-info .row .col-8 .tab-content .tab-pane form .col-1 .edit-btn .front {
  width: 36px;
  height: 36px;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  transform: rotateX(0deg);
  position: relative;
  z-index: 2;
  transition: 0.3s;
  background-image: url(../img/icons/edit.png);
  background-repeat: no-repeat;
  background-position: center;
}
body .cont #content-container #content-area.operator-info .row .col-8 .tab-content .tab-pane form .col-1 .edit-btn .back {
  width: 36px;
  height: 36px;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  transform: rotateX(-180deg);
  position: relative;
  top: -36px;
  z-index: 1;
  transition: 0.3s;
  background-image: url(../img/icons/cross-gray.png);
  background-repeat: no-repeat;
  background-position: center;
}
body .cont #content-container #content-area.operator-info .row .col-8 .tab-content .tab-pane form .col-1 .edit-btn .back:hover {
  background-image: url(../img/icons/cross-red.png);
}
body .cont #content-container #content-area.operator-info .row .col-8 .tab-content .tab-pane .name-field {
  width: 340px;
  height: 36px;
  perspective: 1000px;
  transition: 0.3s;
  overflow: hidden;
  margin-bottom: 5px;
  float: left;
}
body .cont #content-container #content-area.operator-info .row .col-8 .tab-content .tab-pane .name-field.active .front {
  transform: rotateX(180deg);
  z-index: 1;
}
body .cont #content-container #content-area.operator-info .row .col-8 .tab-content .tab-pane .name-field.active .back {
  transform: rotateX(0deg);
  z-index: 2;
}
body .cont #content-container #content-area.operator-info .row .col-8 .tab-content .tab-pane .name-field .front {
  width: 340px;
  height: 36px;
  border-radius: 4px;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  transform: rotateX(0deg);
  position: relative;
  z-index: 2;
  transition: 0.3s;
}
body .cont #content-container #content-area.operator-info .row .col-8 .tab-content .tab-pane .name-field .front h2 {
  font-family: 'Overpass';
  font-size: 30px;
  color: #44474c;
}
body .cont #content-container #content-area.operator-info .row .col-8 .tab-content .tab-pane .name-field .back {
  position: relative;
  top: -36px;
  width: 340px;
  height: 36px;
  border-radius: 4px;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  transform: rotateX(-180deg);
  z-index: 1;
  transition: 0.3s;
}
body .cont #content-container #content-area.operator-info .row .col-8 .tab-content .tab-pane .name-field .back h3 {
  font-size: 18px;
  display: inline-block;
  float: left;
  line-height: 36px;
  width: 100px;
  height: 100%;
}
body .cont #content-container #content-area.operator-info .row .col-8 .tab-content .tab-pane .name-field .back input {
  width: calc(100% - 150px);
  height: 36px;
  float: left;
  border-top-left-radius: 4px;
  border-bottom-left-radius: 4px;
  border: 1px solid #efefef;
  border-right: none;
  padding-left: 10px;
}
body .cont #content-container #content-area.operator-info .row .col-8 .tab-content .tab-pane .edit-btn {
  width: 36px;
  height: 36px;
  perspective: 1000px;
  transition: 0.3s;
  float: left;
}
body .cont #content-container #content-area.operator-info .row .col-8 .tab-content .tab-pane .edit-btn:hover {
  cursor: pointer;
}
body .cont #content-container #content-area.operator-info .row .col-8 .tab-content .tab-pane .edit-btn.submit .back button {
  display: block;
}
body .cont #content-container #content-area.operator-info .row .col-8 .tab-content .tab-pane .edit-btn.active .front {
  transform: rotateX(180deg);
  z-index: 1;
}
body .cont #content-container #content-area.operator-info .row .col-8 .tab-content .tab-pane .edit-btn.active .back {
  transform: rotateX(0deg);
  z-index: 2;
}
body .cont #content-container #content-area.operator-info .row .col-8 .tab-content .tab-pane .edit-btn .front {
  width: 36px;
  height: 36px;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  transform: rotateX(0deg);
  position: relative;
  z-index: 2;
  transition: 0.3s;
  background-image: url(../img/icons/edit.png);
  background-repeat: no-repeat;
  background-position: center;
}
body .cont #content-container #content-area.operator-info .row .col-8 .tab-content .tab-pane .edit-btn .back {
  width: 100px;
  height: 36px;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  transform: rotateX(-180deg);
  position: relative;
  top: -36px;
  z-index: 1;
  transition: 0.3s;
  background-image: url(../img/icons/cross-gray.png);
  background-repeat: no-repeat;
  background-position: center;
}
body .cont #content-container #content-area.operator-info .row .col-8 .tab-content .tab-pane .edit-btn .back:hover {
  background-image: url(../img/icons/cross-red.png);
}
body .cont #content-container #content-area.operator-info .row .col-8 .tab-content .tab-pane .edit-btn .back button {
  width: 100px;
  height: 36px;
  border: none;
  display: none;
  position: relative;
  left: 0;
  margin-left: 10px;
  border-radius: 4px;
  box-shadow: 0 3px 5px 0 rgba(0, 0, 0, 0.1);
  background-color: #5679b0;
  font-family: 'Muli';
  font-size: 12px;
  letter-spacing: 1px;
  text-align: center;
  color: #ffffff;
  transition: 0.3s;
}
body .cont #content-container #content-area.operator-info .row .col-8 .tab-content .tab-pane .edit-btn .back button:hover {
  background-color: #3b557e;
  cursor: pointer;
}
body .cont #content-container #content-area.operator-info .row .col-8 .tab-content .tab-pane .active-btn {
  width: 36px;
  height: 36px;
  perspective: 1000px;
  transition: 0.3s;
  float: left;
}
body .cont #content-container #content-area.operator-info .row .col-8 .tab-content .tab-pane .active-btn:hover {
  cursor: pointer;
}
body .cont #content-container #content-area.operator-info .row .col-8 .tab-content .tab-pane .active-btn.submit .back button {
  display: block;
}
body .cont #content-container #content-area.operator-info .row .col-8 .tab-content .tab-pane .active-btn.active .front {
  transform: rotateX(180deg);
  z-index: 1;
}
body .cont #content-container #content-area.operator-info .row .col-8 .tab-content .tab-pane .active-btn.active .back {
  transform: rotateX(0deg);
  z-index: 2;
}
body .cont #content-container #content-area.operator-info .row .col-8 .tab-content .tab-pane .active-btn .front {
  width: 36px;
  height: 36px;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  transform: rotateX(0deg);
  position: relative;
  z-index: 2;
  transition: 0.3s;
  background-image: url(../img/icons/eye-open.png);
  background-repeat: no-repeat;
  background-position: center;
}
body .cont #content-container #content-area.operator-info .row .col-8 .tab-content .tab-pane .active-btn.shut .front {
  background-image: url(../img/icons/eye-shut.png);
}
body .cont #content-container #content-area.operator-info .row .col-8 .tab-content .tab-pane .active-btn.disabled {
  pointer-events: none;
}
body .cont #content-container #content-area.operator-info .row .col-8 .tab-content .tab-pane .role-field {
  width: 340px;
  height: 36px;
  perspective: 1000px;
  transition: 0.3s;
  clear: both;
  overflow: hidden;
}
body .cont #content-container #content-area.operator-info .row .col-8 .tab-content .tab-pane .role-field .front {
  width: 340px;
  height: 36px;
  border-radius: 4px;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  transform: rotateX(0deg);
  position: relative;
  z-index: 2;
  transition: 0.3s;
}
body .cont #content-container #content-area.operator-info .row .col-8 .tab-content .tab-pane .role-field .front .role {
  font-size: 13px;
  line-height: 36px;
  letter-spacing: 2px;
  color: #a0a2a8;
}
body .cont #content-container #content-area.operator-info .row .col-8 .tab-content .tab-pane .role-field .back {
  position: relative;
  top: -36px;
  width: 340px;
  height: 36px;
  border-radius: 4px;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  transform: rotateX(-180deg);
  z-index: 1;
  transition: 0.3s;
}
body .cont #content-container #content-area.operator-info .row .col-8 .tab-content .tab-pane .role-field .back h3 {
  font-size: 18px;
  display: inline-block;
  float: left;
  line-height: 36px;
  width: 100px;
  height: 100%;
}
body .cont #content-container #content-area.operator-info .row .col-8 .tab-content .tab-pane .role-field .back select {
  width: calc(100% - 100px);
  height: 36px;
  float: left;
  border-radius: 4px;
  border: 1px solid #efefef;
}
body .cont #content-container #content-area.operator-info .row .col-8 .tab-content .tab-pane .mail-field {
  width: 340px;
  height: 36px;
  perspective: 1000px;
  transition: 0.3s;
  clear: both;
  overflow: hidden;
  margin-bottom: 10px;
}
body .cont #content-container #content-area.operator-info .row .col-8 .tab-content .tab-pane .mail-field.active .front {
  transform: rotateX(180deg);
  z-index: 1;
}
body .cont #content-container #content-area.operator-info .row .col-8 .tab-content .tab-pane .mail-field.active .back {
  transform: rotateX(0deg);
  z-index: 2;
}
body .cont #content-container #content-area.operator-info .row .col-8 .tab-content .tab-pane .mail-field .front {
  width: 340px;
  height: 36px;
  border-radius: 4px;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  transform: rotateX(0deg);
  position: relative;
  z-index: 2;
  transition: 0.3s;
}
body .cont #content-container #content-area.operator-info .row .col-8 .tab-content .tab-pane .mail-field .front p {
  padding-left: 40px;
  background-image: url(../img/icons/envelope.png);
  background-repeat: no-repeat;
  background-position: left center;
  line-height: 36px;
}
body .cont #content-container #content-area.operator-info .row .col-8 .tab-content .tab-pane .mail-field .back {
  position: relative;
  top: -36px;
  width: 340px;
  height: 36px;
  border-radius: 4px;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  transform: rotateX(-180deg);
  z-index: 1;
  transition: 0.3s;
}
body .cont #content-container #content-area.operator-info .row .col-8 .tab-content .tab-pane .mail-field .back h3 {
  width: 40px;
  height: 36px;
  display: inline-block;
  background-position: left center;
  background-repeat: no-repeat;
  background-image: url(../img/icons/envelope.png);
  float: left;
}
body .cont #content-container #content-area.operator-info .row .col-8 .tab-content .tab-pane .mail-field .back input {
  width: calc(100% - 100px);
  height: 36px;
  float: left;
  border-radius: 4px;
  border: 1px solid #efefef;
  padding-left: 10px;
}
body .cont #content-container #content-area.operator-info .row .col-8 .tab-content .tab-pane .phone-field {
  width: 500px;
  height: 36px;
  perspective: 1000px;
  transition: 0.3s;
  clear: both;
  overflow: hidden;
  margin-bottom: 10px;
}
body .cont #content-container #content-area.operator-info .row .col-8 .tab-content .tab-pane .phone-field.active .front {
  transform: rotateX(180deg);
  z-index: 1;
}
body .cont #content-container #content-area.operator-info .row .col-8 .tab-content .tab-pane .phone-field.active .back {
  transform: rotateX(0deg);
  z-index: 2;
}
body .cont #content-container #content-area.operator-info .row .col-8 .tab-content .tab-pane .phone-field .front {
  width: 500px;
  height: 36px;
  border-radius: 4px;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  transform: rotateX(0deg);
  position: relative;
  z-index: 2;
  transition: 0.3s;
}
body .cont #content-container #content-area.operator-info .row .col-8 .tab-content .tab-pane .phone-field .front p {
  padding-left: 40px;
  padding-top: 8px;
  background-image: url(../img/icons/phone.png);
  background-repeat: no-repeat;
  background-position: left center;
  line-height: 36px;
  display: inline-block;
  height: 36px;
}
body .cont #content-container #content-area.operator-info .row .col-8 .tab-content .tab-pane .phone-field .front p .mobile {
  padding-left: 40px;
  margin-left: 70px;
  background-image: url(../img/icons/mobile.png);
  background-repeat: no-repeat;
  background-position: left center;
}
body .cont #content-container #content-area.operator-info .row .col-8 .tab-content .tab-pane .phone-field .back {
  position: relative;
  top: -36px;
  width: 500px;
  height: 36px;
  border-radius: 4px;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  transform: rotateX(-180deg);
  z-index: 1;
  transition: 0.3s;
}
body .cont #content-container #content-area.operator-info .row .col-8 .tab-content .tab-pane .phone-field .back h3 {
  width: 40px;
  height: 36px;
  display: inline-block;
  background-position: left center;
  background-repeat: no-repeat;
  background-image: url(../img/icons/envelope.png);
  float: left;
}
body .cont #content-container #content-area.operator-info .row .col-8 .tab-content .tab-pane .phone-field .back .input {
  padding-left: 40px;
  width: calc(50% - 40px);
  background-image: url(../img/icons/phone.png);
  background-repeat: no-repeat;
  background-position: left center;
  float: left;
}
body .cont #content-container #content-area.operator-info .row .col-8 .tab-content .tab-pane .phone-field .back .input input {
  width: 100%;
  height: 36px;
  border-radius: 4px;
  border: 1px solid #efefef;
  padding-left: 10px;
}
body .cont #content-container #content-area.operator-info .row .col-8 .tab-content .tab-pane .phone-field .back .input:nth-child(2) {
  margin-left: 28px;
  width: calc(50% - 40px);
  background-image: url(../img/icons/mobile.png);
}
body .cont #content-container #content-area.operator-info .row .col-8 .tab-content .tab-pane .address-field {
  width: 500px;
  height: 36px;
  perspective: 1000px;
  transition: 0.3s;
  clear: both;
  overflow: hidden;
  margin-bottom: 10px;
}
body .cont #content-container #content-area.operator-info .row .col-8 .tab-content .tab-pane .address-field.active .front {
  transform: rotateX(180deg);
  z-index: 1;
}
body .cont #content-container #content-area.operator-info .row .col-8 .tab-content .tab-pane .address-field.active .back {
  transform: rotateX(0deg);
  z-index: 2;
}
body .cont #content-container #content-area.operator-info .row .col-8 .tab-content .tab-pane .address-field .front {
  width: 500px;
  height: 36px;
  border-radius: 4px;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  transform: rotateX(0deg);
  position: relative;
  z-index: 2;
  transition: 0.3s;
}
body .cont #content-container #content-area.operator-info .row .col-8 .tab-content .tab-pane .address-field .front p {
  padding-left: 40px;
  background-image: url(../img/icons/position.png);
  background-repeat: no-repeat;
  background-position: left center;
  line-height: 36px;
}
body .cont #content-container #content-area.operator-info .row .col-8 .tab-content .tab-pane .address-field .back {
  position: relative;
  top: -36px;
  width: 500px;
  height: 36px;
  border-radius: 4px;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  transform: rotateX(-180deg);
  z-index: 1;
  transition: 0.3s;
}
body .cont #content-container #content-area.operator-info .row .col-8 .tab-content .tab-pane .address-field .back h3 {
  width: 40px;
  height: 36px;
  display: inline-block;
  background-position: left center;
  background-repeat: no-repeat;
  background-image: url(../img/icons/position.png);
  float: left;
}
body .cont #content-container #content-area.operator-info .row .col-8 .tab-content .tab-pane .address-field .back input {
  width: calc(100% - 100px);
  height: 36px;
  float: left;
  border-radius: 4px;
  border: 1px solid #efefef;
  padding-left: 10px;
}
body .cont #content-container #content-area.operator-info .row .col-8 .tab-content .tab-pane .password-field {
  width: 340px;
  height: 36px;
  perspective: 1000px;
  transition: 0.3s;
  clear: both;
  overflow: hidden;
  margin-bottom: 10px;
}
body .cont #content-container #content-area.operator-info .row .col-8 .tab-content .tab-pane .password-field.active .front {
  transform: rotateX(180deg);
  z-index: 1;
}
body .cont #content-container #content-area.operator-info .row .col-8 .tab-content .tab-pane .password-field.active .back {
  transform: rotateX(0deg);
  z-index: 2;
}
body .cont #content-container #content-area.operator-info .row .col-8 .tab-content .tab-pane .password-field .front {
  width: 340px;
  height: 36px;
  border-radius: 4px;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  transform: rotateX(0deg);
  position: relative;
  z-index: 2;
  transition: 0.3s;
}
body .cont #content-container #content-area.operator-info .row .col-8 .tab-content .tab-pane .password-field .front p {
  padding-left: 40px;
  background-image: url(../img/icons/pass.png);
  background-repeat: no-repeat;
  background-position: left center;
  line-height: 36px;
}
body .cont #content-container #content-area.operator-info .row .col-8 .tab-content .tab-pane .password-field .back {
  position: relative;
  top: -52px;
  width: 340px;
  height: 36px;
  border-radius: 4px;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  transform: rotateX(-180deg);
  z-index: 1;
  transition: 0.3s;
}
body .cont #content-container #content-area.operator-info .row .col-8 .tab-content .tab-pane .password-field .back h3 {
  width: 40px;
  height: 36px;
  display: inline-block;
  background-position: left center;
  background-repeat: no-repeat;
  background-image: url(../img/icons/pass.png);
  float: left;
}
body .cont #content-container #content-area.operator-info .row .col-8 .tab-content .tab-pane .password-field .back input {
  width: calc(100% - 100px);
  height: 36px;
  float: left;
  border-radius: 4px;
  border: 1px solid #efefef;
  padding-left: 10px;
}
body .cont #content-container #content-area.operator-info .row .col-8 .tab-content .tab-pane .confirm-field {
  width: 340px;
  height: 36px;
  perspective: 1000px;
  transition: 0.3s;
  clear: both;
  overflow: hidden;
  margin-bottom: 10px;
}
body .cont #content-container #content-area.operator-info .row .col-8 .tab-content .tab-pane .confirm-field.active .front {
  transform: rotateX(180deg);
  z-index: 1;
}
body .cont #content-container #content-area.operator-info .row .col-8 .tab-content .tab-pane .confirm-field.active .back {
  transform: rotateX(0deg);
  z-index: 2;
}
body .cont #content-container #content-area.operator-info .row .col-8 .tab-content .tab-pane .confirm-field .front {
  width: 340px;
  height: 36px;
  border-radius: 4px;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  transform: rotateX(0deg);
  position: relative;
  z-index: 2;
  transition: 0.3s;
}
body .cont #content-container #content-area.operator-info .row .col-8 .tab-content .tab-pane .confirm-field .front p {
  padding-left: 40px;
  background-image: url(../img/icons/unlock.png);
  background-repeat: no-repeat;
  background-position: left center;
  line-height: 36px;
}
body .cont #content-container #content-area.operator-info .row .col-8 .tab-content .tab-pane .confirm-field .back {
  position: relative;
  top: -52px;
  width: 340px;
  height: 36px;
  border-radius: 4px;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  transform: rotateX(-180deg);
  z-index: 1;
  transition: 0.3s;
}
body .cont #content-container #content-area.operator-info .row .col-8 .tab-content .tab-pane .confirm-field .back h3 {
  width: 40px;
  height: 36px;
  display: inline-block;
  background-position: left center;
  background-repeat: no-repeat;
  background-image: url(../img/icons/unlock.png);
  float: left;
}
body .cont #content-container #content-area.operator-info .row .col-8 .tab-content .tab-pane .confirm-field .back input {
  width: calc(100% - 100px);
  height: 36px;
  float: left;
  border-radius: 4px;
  border: 1px solid #efefef;
  padding-left: 10px;
}
body .cont #content-container #content-area.operator-info .row .col-8 .tab-content .tab-pane .col-1.active .edit-btn {
  display: none;
}
body .cont #content-container #content-area.operator-info .row .col-8 .tab-content .tab-pane .col-1.active button {
  display: block;
}
body .cont #content-container #content-area.operators #operators-cont {
  overflow: auto;
  padding-right: 20px;
  display: flex;
  flex-wrap: wrap;
  justify-content: left;
  width: 100%;
  height: 100%;
  background-color: #fff;
}
body .cont #content-container #content-area.operators #operators-cont:after {
  content: "";
  flex: auto;
}
body .cont #content-container #content-area.operators #operators-cont .operator-card {
  background-color: #fff;
  border-radius: 4px;
  margin: 10px 1.1%;
  width: 224px;
  height: 337px;
  box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.07), 0 22px 22px 0 rgba(0, 0, 0, 0.03);
  position: relative;
}
body .cont #content-container #content-area.operators #operators-cont .operator-card .export-overall {
  width: 30px;
  height: 30px;
  display: flex;
  position: absolute;
  right: 10px;
  top: 10px;
  padding: 0;
  border-radius: 50%;
  background-image: url(../img/icons/file-export.svg);
  background-position: center;
  background-size: 20px;
  appearance: none;
  border: none;
  background-color: transparent;
  background-repeat: no-repeat;
  z-index: 2;
}
body .cont #content-container #content-area.operators #operators-cont .operator-card .export-overall:hover {
  background-color: rgba(0, 0, 0, 0.3);
  cursor: pointer;
}
body .cont #content-container #content-area.operators #operators-cont .operator-card.unavailable {
  opacity: 1;
  background: #f4a4a43d;
}
body .cont #content-container #content-area.operators #operators-cont .operator-card .operator-top {
  width: 100%;
  height: 142px;
  position: relative;
}
body .cont #content-container #content-area.operators #operators-cont .operator-card .operator-top .close-btn {
  position: absolute;
  top: 17px;
  right: 17px;
}
body .cont #content-container #content-area.operators #operators-cont .operator-card .operator-top .close-btn:hover {
  cursor: pointer;
}
body .cont #content-container #content-area.operators #operators-cont .operator-card .operator-top .operator-photo {
  width: 112px;
  height: 112px;
  background-image: url(../img/operators/operator-1.png);
  border-radius: 50%;
  background-position: center;
  background-size: cover;
  position: absolute;
  top: 30px;
  left: 50%;
  transform: translateX(-50%);
}
body .cont #content-container #content-area.operators #operators-cont .operator-card .operator-info p {
  color: #a0a4a8;
  text-align: center;
  font-family: 'Overpass';
  font-size: 11px;
  line-height: 1.08;
}
body .cont #content-container #content-area.operators #operators-cont .operator-card .operator-info p:nth-child(1) {
  margin: 10px 0;
  font-family: 'Overpass';
  font-size: 16px;
  line-height: 0.88;
  color: #5679b0;
}
body .cont #content-container #content-area.operators #operators-cont .operator-card .operator-info p:nth-child(2) {
  text-transform: uppercase;
  background-image: url(../img/icons/phone.png);
  background-position: left center;
  padding-left: 5px;
  width: 120px;
  position: relative;
  left: 50%;
  transform: translateX(-50%);
  background-size: 12px 14px;
  background-repeat: no-repeat;
}
body .cont #content-container #content-area.operators #operators-cont .operator-card .operator-info p:nth-child(3) {
  background-image: url(../img/icons/envelope.png);
  background-position: left center;
  padding-left: 20px;
  width: 140px;
  position: relative;
  left: 50%;
  transform: translateX(-60%);
  background-size: 16px 12px;
  background-repeat: no-repeat;
}
body .cont #content-container #content-area.operators #operators-cont .operator-card .operator-info p:nth-child(3) .distance {
  color: #5679b0;
}
body .cont #content-container #content-area.operators #operators-cont .operator-card .operator-info p:nth-child(5) {
  text-transform: uppercase;
  background-image: url(../img/icons/timer-hightlighted.png);
  background-position: left center;
  padding-left: 15px;
  width: 170px;
  position: relative;
  left: 50%;
  transform: translateX(-50%);
  background-size: 12px 14px;
  background-repeat: no-repeat;
}
body .cont #content-container #content-area.operators #operators-cont .operator-card .operator-info p:nth-child(5) .hightlight {
  color: #aacc65;
}
body .cont #content-container #content-area.operators #operators-cont .operator-card .operator-info .hours-progress {
  width: calc(100% - 34px);
  margin-left: 17px;
  height: 5px;
  background-color: #dadada;
  border-radius: 5px;
  position: relative;
  margin-bottom: 10px;
}
body .cont #content-container #content-area.operators #operators-cont .operator-card .operator-info .hours-progress .body {
  position: absolute;
  left: 0;
  top: 0;
  height: 5px;
  width: 50%;
  border-radius: 5px;
  background-color: #aacc65;
}
body .cont #content-container #content-area.operators #operators-cont .operator-card .btn-profile {
  position: relative;
  left: 50%;
  transform: translateX(-50%);
  margin-bottom: 21px;
  border-radius: 4px;
  height: 35px;
  border: none;
  box-shadow: 0 3px 5px 0 rgba(0, 0, 0, 0.1);
  background-color: #587aad;
  display: block;
  font-family: 'Muli';
  font-size: 12px;
  padding: 8px;
  letter-spacing: 1px;
  text-align: center;
  color: #ffffff;
  width: 204px;
}
body .cont #content-container #content-area.operators #operators-cont .operator-card .btn-profile:hover {
  background-color: #45628d;
  text-decoration: none;
}
body .cont #content-container #content-area.individual #planner-table table tr th .front {
  padding-top: 10px;
}
body .cont #content-container #content-area.individual #planner-table table tr th .front .divider-individual {
  width: 90%;
  height: 0;
  left: 5%;
  display: inline-block;
  border-bottom: 1px solid #dcdcdc;
  position: relative;
  top: -5px;
  margin: 15px 0 10px;
}
body .cont #content-container #content-area .centered {
  font-size: 40px;
  width: 100%;
  position: relative;
  text-align: center;
  text-shadow: 0 5px 15px rgba(0, 0, 0, 0.3);
  color: #587aad;
  top: 50%;
  transform: translateY(-50%);
}
body .cont #content-container #content-area .add-btn {
  position: absolute;
  bottom: 19px;
  right: 36px;
  width: 75px;
  height: 75px;
  box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.29), 0 5px 17px 0 rgba(0, 0, 0, 0.31);
  background-color: #587aad;
  border-radius: 50%;
  z-index: 1000;
  transition: 0.3s;
}
body .cont #content-container #content-area .add-btn:hover {
  cursor: pointer;
  background-color: #45628d;
  text-shadow: 0 0 15px rgba(255, 255, 255, 0.4);
}
body .cont #content-container #content-area .add-btn h3 {
  font-size: 70px;
  line-height: 1;
  position: relative;
  top: 50%;
  left: 50%;
  transform: translate(-28%, -58%);
  color: #fff;
}
body .cont #content-container #content-area .add-btn h3 a {
  text-decoration: none;
  color: #fff;
}
body .cont #content-container #content-area.settings .nav-tabs {
  height: 50px;
  width: 100%;
  margin: 0 !important;
  border: none;
}
body .cont #content-container #content-area.settings .nav-tabs .nav-link {
  height: 100%;
  min-width: 190px;
  border-radius: 0;
  background-color: #F6F6F6;
  box-sizing: border-box;
  padding-top: 14px;
  font-family: 'Overpass';
  border: none;
  font-size: 14px;
  letter-spacing: 1px;
  text-align: center;
  color: #44474c;
  position: relative;
}
body .cont #content-container #content-area.settings .nav-tabs .nav-link:before {
  width: 50px;
  height: 3px;
  display: block;
  content: '';
  background-color: #d2d2d2;
  position: absolute;
  top: calc(100% - 3px);
  left: 50%;
  transform: translateX(-50%);
}
body .cont #content-container #content-area.settings .nav-tabs .nav-link.active {
  background-color: #fff;
}
body .cont #content-container #content-area.settings .nav-tabs .nav-link.active:before {
  background-color: #FF750B;
}
body .cont #content-container #content-area.settings .tab-content {
  background-color: #fff;
  height: calc(100% - 50px);
}
body .cont #content-container #content-area.settings .tab-content #tasks-panel {
  padding: 30px 30px;
  position: relative;
}
body .cont #content-container #content-area.settings .tab-content #tasks-panel .task-type-adder {
  position: relative;
  width: 560px;
}
body .cont #content-container #content-area.settings .tab-content #tasks-panel .task-type-adder .form-group input {
  width: 400px;
  height: 35px;
}
body .cont #content-container #content-area.settings .tab-content #tasks-panel .task-type-adder .form-group #task-description {
  width: 400px;
  resize: none !important;
}
body .cont #content-container #content-area.settings .tab-content #tasks-panel .task-type-adder #add-task-type-btn {
  height: 35px;
  position: absolute;
  top: 0;
  right: 0;
  border: none;
  padding: 5px 25px;
  box-shadow: 0 3px 5px 0 rgba(0, 0, 0, 0.1);
  background-color: #5679b0;
  font-family: 'Muli';
  font-size: 12px;
  letter-spacing: 1px;
  text-align: center;
  color: #ffffff;
  transition: 0.3s;
  border-radius: 4px;
}
body .cont #content-container #content-area.settings .tab-content #tasks-panel .task-type-adder #add-task-type-btn:hover {
  background-color: #3b557e;
  cursor: pointer;
}
body .cont #content-container #content-area.settings .tab-content #tasks-panel .list-cont ul {
  max-height: calc(100vh - 358px);
  height: 100%;
  width: 100%;
  padding: 10px;
  margin: 0;
  list-style-type: none;
  background-color: #f7f7f7;
  border-radius: 4px;
  overflow: auto;
}
body .cont #content-container #content-area.settings .tab-content #tasks-panel .list-cont ul li {
  background-color: #fff;
  width: 100%;
  padding: 10px;
  margin: 0 0 10px 0;
  position: relative;
  border-radius: 4px;
  box-shadow: 0 5px 30px 3px rgba(0, 0, 0, 0.05);
}
body .cont #content-container #content-area.settings .tab-content #tasks-panel .list-cont ul li:last-child {
  margin: 0;
}
body .cont #content-container #content-area.settings .tab-content #tasks-panel .list-cont ul li h5 {
  margin: 0 0 10px;
  width: calc(100% - 100px);
  text-overflow: ellipsis;
  overflow: hidden;
}
body .cont #content-container #content-area.settings .tab-content #tasks-panel .list-cont ul li p {
  margin: 0;
  width: calc(100% - 100px);
  text-overflow: ellipsis;
  overflow: hidden;
}
body .cont #content-container #content-area.settings .tab-content #tasks-panel .list-cont ul li button {
  position: absolute;
  right: 10px;
  top: 50%;
  transform: translateY(-50%);
  border: none;
  background-color: #fff;
  appearance: none;
  border-radius: 50%;
  width: 40px;
  height: 40px;
}
body .cont #content-container #content-area.settings .tab-content #tasks-panel .list-cont ul li button:hover {
  background-color: #e6e6e6;
  color: red;
  cursor: pointer;
}
body .cont #content-container #content-area.settings .tab-content #tasks-panel .list-cont ul li button.edit-task-type-btn {
  right: 60px;
}
body .cont #content-container #content-area.settings .tab-content #tasks-panel .list-cont ul li button.edit-task-type-btn:hover {
  color: #5679b0;
}
body .cont #content-container #content-area.settings .tab-content .default-settings-btn {
  height: 35px;
  border: none;
  padding: 5px 25px;
  box-shadow: 0 3px 5px 0 rgba(0, 0, 0, 0.1);
  background-color: #5679b0;
  font-family: 'Muli';
  font-size: 12px;
  margin: 10px;
  letter-spacing: 1px;
  text-align: center;
  color: #ffffff;
  transition: 0.3s;
  border-radius: 4px;
}
body .cont #content-container #content-area.settings .tab-content .default-settings-btn:hover {
  background-color: #3b557e;
  cursor: pointer;
}
body .cont .add-btn {
  position: absolute;
  bottom: 19px;
  right: 36px;
  width: 75px;
  height: 75px;
  box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.29), 0 5px 17px 0 rgba(0, 0, 0, 0.31);
  background-color: #587aad;
  border-radius: 50%;
  z-index: 1000;
}
body .cont .add-btn:hover {
  cursor: pointer;
  background-color: #45628d;
}
body .cont .add-btn h3 {
  font-size: 70px;
  line-height: 1;
  position: relative;
  top: 50%;
  left: 50%;
  transform: translate(-28%, -58%);
  color: #fff;
}
body .cont .add-btn h3 a {
  text-decoration: none;
  color: #fff;
}
body footer {
  width: 100vw;
  position: absolute;
  bottom: 0;
  background-color: #efefef;
  text-align: center;
}
body footer p {
  font-family: 'Overpass', sans-serif;
  font-size: 11px;
  font-weight: 600;
  text-align: center;
  color: #878787;
}
body footer p a {
  color: #557db8;
  text-decoration: none;
}
body.overalls {
  display: flex;
  flex-direction: column;
  overflow-x: hidden;
}
body.overalls #table-cont button {
  margin: 5px 4px;
  float: left;
  border: none;
  padding: 5px;
  box-shadow: 0 3px 5px 0 rgba(0, 0, 0, 0.1);
  background-color: #5679b0;
  font-family: 'Muli';
  font-size: 12px;
  letter-spacing: 1px;
  text-align: center;
  color: #ffffff;
  transition: 0.3s;
  border-radius: 4px;
}
body.overalls #table-cont button:hover {
  background-color: #3b557e;
  cursor: pointer;
}
body #modal-datespan-csv {
  background: rgba(0, 0, 0, 0.7) !important;
}
body #modal-datespan-csv .error {
  color: red;
}
body #modal-datespan-csv .error:not(.active) {
  display: none;
}
body #modal-datespan-csv .modal-content {
  margin-top: 15vh;
  background-color: rgba(0, 0, 0, 0);
  border: 0;
  color: #fff;
}
body #modal-datespan-csv .modal-content input {
  width: 100%;
  height: 36px;
  float: left;
  border-radius: 4px;
  border: 1px solid #efefef;
  padding-left: 10px;
  margin-bottom: 40px;
}
.hours-progress .body {
  max-width: calc(100% - 34px);
}
/*# sourceMappingURL=style.css.map */