.on-off-switch {
  position: relative;
  width: 78px;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}
.on-off-switch input[type="checkbox"] {
  display: none;
}
.on-off-switch .on-off-switch-label {
  display: block;
  overflow: hidden;
  cursor: pointer;
  border: 1px solid #a7a7a7;
  border-radius: 3px;
}
.on-off-switch .on-off-switch-label .on-off-switch-switch {
  width: 30px;
  margin: 0;
  background: #eeedf0;
  border: 1px solid #a7a7a7;
  border-radius: 3px;
  position: absolute;
  top: 0;
  bottom: 0;
  right: 48px;
  -moz-transition: all 0.15s ease-in 0s;
  -webkit-transition: all 0.15s ease-in 0s;
  -o-transition: all 0.15s ease-in 0s;
  transition: all 0.15s ease-in 0s;
}
.on-off-switch .on-off-switch-label .on-off-switch-inner {
  width: 200%;
  margin-left: -100%;
  -moz-transition: margin 0.15s ease-in 0s;
  -webkit-transition: margin 0.15s ease-in 0s;
  -o-transition: margin 0.15s ease-in 0s;
  transition: margin 0.15s ease-in 0s;
}
.on-off-switch .on-off-switch-label .on-off-switch-inner:before,
.on-off-switch .on-off-switch-label .on-off-switch-inner:after {
  float: left;
  width: 50%;
  height: 30px;
  padding: 0;
  line-height: 30px;
  font-size: 15px;
  color: white;
  font-family: Trebuchet, Arial, sans-serif;
  font-weight: bold;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
.on-off-switch .on-off-switch-label .on-off-switch-inner:before {
  content: attr(data-on);
  padding-left: 7px;
  background: linear-gradient(to bottom, #3166c5 20%, #5892e3 75%);
  color: #fff;
  text-align: left;
}
.on-off-switch .on-off-switch-label .on-off-switch-inner:after {
  content: attr(data-off);
  padding-right: 7px;
  background: linear-gradient(to bottom, #e9ebea 20%, #fcfafb 75%);
  color: #616263;
  text-align: right;
}
.on-off-switch .on-off-switch-checkbox:checked + .on-off-switch-label .on-off-switch-inner {
  margin-left: 0;
}
.on-off-switch .on-off-switch-checkbox:checked + .on-off-switch-label .on-off-switch-switch {
  right: 0;
}
.milestones-popover {
  max-width: none;
}
.milestones-content {
  white-space: nowrap;
}
.milestones-content .milestone-label {
  max-width: 300px;
  overflow-x: hidden;
  text-overflow: ellipsis;
}
@font-face {
  font-family: 'FontAwesome';
  src: url('fonts/fontawesome-webfont.eot?v=3.1.0');
  src: url('fonts/fontawesome-webfont.eot?#iefix&v=3.1.0') format('embedded-opentype'), url('fonts/fontawesome-webfont.woff?v=3.1.0') format('woff'), url('fonts/fontawesome-webfont.ttf?v=3.1.0') format('truetype'), url('fonts/fontawesome-webfont.svg#fontawesomeregular?v=3.1.0') format('svg');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'segoe_ui';
  src: url('fonts/segoe_ui_light-webfont.eot');
  src: url('fonts/segoe_ui_light-webfont.eot?#iefix') format('embedded-opentype'), url('fonts/segoe_ui_light-webfont.woff') format('woff'), url('fonts/segoe_ui_light-webfont.ttf') format('truetype'), url('fonts/segoe_ui_light-webfont.svg#segoe_uilight') format('svg');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'segoe_ui';
  src: url('fonts/segoe_ui_bold-webfont.eot');
  src: url('fonts/segoe_ui_bold-webfont.eot?#iefix') format('embedded-opentype'), url('fonts/segoe_ui_bold-webfont.woff') format('woff'), url('fonts/segoe_ui_bold-webfont.ttf') format('truetype'), url('fonts/segoe_ui_bold-webfont.svg#segoe_uibold') format('svg');
  font-weight: bold;
  font-style: normal;
}
@font-face {
  font-family: 'segoe_ui';
  src: url('fonts/segoe_ui_bold-webfont.eot');
  src: url('fonts/segoe_ui_bold-webfont.eot?#iefix') format('embedded-opentype'), url('fonts/segoe_ui_bold-webfont.woff') format('woff'), url('fonts/segoe_ui_bold-webfont.ttf') format('truetype'), url('fonts/segoe_ui_bold-webfont.svg#segoe_uibold') format('svg');
  font-weight: bold;
  font-style: normal;
}
@font-face {
  font-family: 'segoe_ui';
  src: url('fonts/segoe_ui_bold-webfont.eot');
  src: url('fonts/segoe_ui_bold-webfont.eot?#iefix') format('embedded-opentype'), url('fonts/segoe_ui_bold-webfont.woff') format('woff'), url('fonts/segoe_ui_bold-webfont.ttf') format('truetype'), url('fonts/segoe_ui_bold-webfont.svg#segoe_uibold') format('svg');
  font-weight: bold;
  font-style: normal;
}
@font-face {
  font-family: 'expressway_rg';
  src: url('fonts/expressway_rg.ttf');
}
:root {
  --kaliti-color: #0098d6;
}
html,
body {
  height: 100%;
  letter-spacing: 0;
  padding: 0 !important;
}
body.modal-open-noscroll {
  margin-right: 0 !important;
  overflow: hidden;
}
body.login-layout {
  font-family: 'Open Sans', sans-serif;
  background: url('../images/login_bg.jpg') no-repeat center center fixed;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
  width: 100%;
  height: 100%;
  text-align: center;
  display: flex;
  flex-direction: column;
  justify-content: center;
}
body.login-layout .main-header {
  font-weight: 500;
  margin-bottom: 30px;
}
body.login-layout ul li {
  text-align: left;
}
body.login-layout #force-reset-password-form .form-group,
body.login-layout #reset-password-form .form-group,
body.login-layout #request-password-reset-form .form-group {
  text-align: left !important;
}
body.login-layout #force-reset-password-form .buttons,
body.login-layout #reset-password-form .buttons,
body.login-layout #request-password-reset-form .buttons {
  text-align: right !important;
}
body.login-layout #force-reset-password-form .buttons a,
body.login-layout #reset-password-form .buttons a,
body.login-layout #request-password-reset-form .buttons a {
  border: none;
  padding: 7px 10px !important;
}
body.login-layout #force-reset-password-form .buttons button,
body.login-layout #reset-password-form .buttons button,
body.login-layout #request-password-reset-form .buttons button {
  margin-right: 0;
}
body.login-layout .login-page-toolbar {
  text-align: right;
  padding: 15px 15px 0;
}
body.login-layout .login-page-toolbar .nav {
  margin-right: 0;
}
body.login-layout .login-page-toolbar .confidential-content {
  display: inline-block;
  vertical-align: middle;
  margin-right: 25px;
  text-align: center;
}
body.login-layout .login-page-toolbar .confidential-content p {
  color: #fff;
  text-align: center;
}
body.login-layout .login-page-toolbar a {
  display: inline-block;
  vertical-align: middle;
  width: 36px;
  height: 36px;
  margin: 0 10px;
}
body.login-layout .language-container .open > a {
  background-color: transparent;
}
body.login-layout .language-container .open ul a {
  padding: 0 40px 0 15px;
  margin: 0;
  width: 100%;
  text-align: left;
  height: 34px;
  line-height: 34px;
}
body.login-layout .language-container .content-language {
  color: #fff;
  text-align: center;
}
body.login-layout a {
  padding: 10px;
}
body.login-layout .flag-icon {
  width: 45px;
  height: 45px;
}
body.login-layout .dropdown-menu:before {
  right: 24px;
}
body.login-layout .dropdown-menu:after {
  right: 24px;
}
body.login-layout .login-content {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 100%;
  z-index: 1;
}
body.login-layout .login-content .login-container {
  width: 566px;
  margin: 0;
  overflow: auto;
  padding: 78px 40px 17px 40px;
  background: rgba(232, 232, 232, 0.6);
}
body.login-layout .login-content .login-container a {
  color: #357bba;
  font-size: 15px;
  font-weight: 400;
  line-height: 12px;
  width: 100%;
  padding: 10px 9px 0;
  margin-bottom: 35px;
}
body.login-layout .login-content .login-container .help-block {
  margin: 0;
  padding: 0;
  font-size: 16px;
  text-align: left;
}
body.login-layout .login-content .login-container .password-container {
  position: relative;
  padding-bottom: 10px;
  margin-bottom: 36px;
  border-bottom: 2px solid #357bba;
}
body.login-layout .login-content .login-container .password-container .lock-icon,
body.login-layout .login-content .login-container .password-container .user-icon {
  position: absolute;
  left: 0;
}
body.login-layout .login-content .login-container .password-container .lock-icon {
  width: 24px;
  height: 27px;
  top: 1px;
}
body.login-layout .login-content .login-container .password-container .user-icon {
  width: 24px;
  height: 23px;
  top: 4px;
}
body.login-layout .login-content .login-container .lock-icon,
body.login-layout .login-content .login-container .user-icon {
  display: inline-block;
  vertical-align: middle;
  width: 19px;
}
body.login-layout .login-content .login-container .links-container {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
body.login-layout .login-content .login-container .forgot-password,
body.login-layout .login-content .login-container .login-with-sso {
  display: inline-block;
  font-size: 20px;
  line-height: 20px;
  color: #000000;
  margin: 0;
  padding: 0;
}
body.login-layout .login-content .login-container .forgot-password:hover,
body.login-layout .login-content .login-container .login-with-sso:hover {
  text-decoration: underline;
}
body.login-layout .login-content .login-container .login-with-sso {
  text-align: right;
  margin-right: 20px;
}
body.login-layout .login-content .login-container ::-webkit-input-placeholder {
  color: #357bba;
}
body.login-layout .login-content .login-container ::-moz-placeholder {
  color: #357bba;
}
body.login-layout .login-content .login-container :-ms-input-placeholder {
  color: #357bba !important;
}
body.login-layout .login-content .login-container ::-ms-input-placeholder {
  color: #357bba !important;
}
body.login-layout .login-content .login-container :-moz-placeholder {
  color: #357bba;
}
body.login-layout .login-content .login-container input:-webkit-autofill,
body.login-layout .login-content .login-container input:-webkit-autofill:hover,
body.login-layout .login-content .login-container input:-webkit-autofill:focus,
body.login-layout .login-content .login-container input:-webkit-autofill:active {
  animation: autofill 5s infinite;
}
@keyframes autofill {
  0% {
    background: transparent;
  }
  100% {
    background: transparent;
  }
}
@-webkit-keyframes autofill {
  0% {
    background: transparent;
  }
  100% {
    background: transparent;
  }
}
body.login-layout .login-content .login-container input:-webkit-autofill {
  -webkit-text-fill-color: #555 !important;
}
body.login-layout .login-content .login-container button[type="submit"] {
  float: right;
  width: 228px;
  height: 46px;
  font-size: 21px;
  font-weight: 100;
  text-transform: uppercase;
  margin: 40px 0 0 0;
  background: #357bba;
}
body.login-layout .login-content .login-container button[type="submit"]:active {
  background: #205584;
}
body.login-layout .login-content .login-container button[type="submit"].no-float {
  float: none;
}
body.login-layout .login-content .login-container .login-row {
  display: block;
  margin: 1em 0 1em 0;
  font-size: 14px;
  line-height: 14px;
  color: #000000;
}
body.login-layout .login-content .login-container .divider {
  display: flex;
  align-items: center;
  margin: 40px 0 0 0;
}
body.login-layout .login-content .login-container .divider:before,
body.login-layout .login-content .login-container .divider:after {
  content: "";
  flex: 1;
  height: 1px;
  margin: 0 1em;
  background: black;
}
body.login-layout #login-form input,
body.login-layout #sso-form input {
  padding: 0 0 0 52px !important;
  font: 400 20px/36px 'Open Sans', sans-serif;
  height: 36px;
  border: none;
  outline: none;
  background: transparent;
}
body.login-layout #login-form input:focus,
body.login-layout #sso-form input:focus {
  background: transparent;
}
body.login-layout #login-form input::placeholder,
body.login-layout #sso-form input::placeholder {
  color: #357bba;
  font: 400 20px/36px 'Open Sans', sans-serif;
  text-transform: uppercase;
}
body.login-layout #login-form select,
body.login-layout #sso-form select {
  font: 400 20px/36px 'Open Sans', sans-serif;
  height: 50px;
  border: none;
  outline: none;
  background: transparent;
  border-bottom: solid 2px #357bba;
  margin-bottom: 36px;
  color: #357bba;
}
body.login-layout #login-form select option,
body.login-layout #sso-form select option {
  font: 400 16px/30px 'Open Sans', sans-serif;
  color: #357bba;
}
body.login-layout #login-form select:focus,
body.login-layout #sso-form select:focus {
  background: transparent;
}
body.login-layout #login-form select::placeholder,
body.login-layout #sso-form select::placeholder {
  color: #357bba;
  font: 400 20px/36px 'Open Sans', sans-serif;
  text-transform: uppercase;
}
body.login-layout #sso-form select {
  font-size: 14px;
  width: 50%;
  height: 40px;
}
body.login-layout #sso-form select option {
  font-size: 14px;
}
body.login-layout footer {
  text-align: left;
}
body.login-layout footer img {
  margin: 0 0 0 40px;
  max-width: 620px;
}
body.login-layout footer p {
  color: #fff;
  padding: 0 75px 20px 0;
  font-size: 12px;
  font-weight: 300;
  text-align: right;
  width: 100%;
  margin: 10px 0 0;
}
.main-color {
  color: #0098d6;
}
#flash-alerts-container {
  position: fixed;
  width: 350px;
  top: 40px;
  right: 36px;
  z-index: 99999;
}
#flash-alerts-container .alert {
  margin-bottom: 10px;
}
.modal-open-noscroll .navbar-default,
.modal-open .navbar-default {
  margin-right: 0 !important;
}
.modal-header h1,
.modal-header h2,
.modal-header h3,
.modal-header h4,
.modal-header h5,
.modal-header h6 {
  margin: 0;
}
.wrap {
  min-height: 100%;
  height: 100%;
  margin: 0 auto;
}
.wrap > .container {
  width: 100%;
  margin: 0;
  padding: 0;
}
html,
body,
#main {
  height: 100%;
  letter-spacing: 0;
}
.footer {
  height: 60px;
  background-color: #f5f5f5;
  border-top: 1px solid #ddd;
  padding-top: 20px;
}
.jumbotron {
  text-align: center;
  background-color: transparent;
}
.jumbotron .btn {
  font-size: 21px;
  padding: 14px 24px;
}
.not-set {
  color: #c55;
  font-style: italic;
}
/* add sorting icons to gridview sort links */
a.asc:after,
a.desc:after {
  position: relative;
  top: 1px;
  display: inline-block;
  font-family: 'Glyphicons Halflings', serif;
  font-style: normal;
  font-weight: normal;
  line-height: 1;
  padding-left: 5px;
}
a.asc:after {
  content: "\e151";
}
a.desc:after {
  content: "\e152";
}
.sort-numerical a.asc:after {
  content: "\e153";
}
.sort-numerical a.desc:after {
  content: "\e154";
}
.sort-ordinal a.asc:after {
  content: "\e155";
}
.sort-ordinal a.desc:after {
  content: "\e156";
}
.grid-view th {
  white-space: nowrap;
}
.grid-column-date {
  min-width: 90px;
}
.phase-roles th {
  white-space: normal;
  min-width: 110px;
}
.hint-block {
  display: block;
  margin-top: 5px;
  color: #999;
}
.error-summary {
  color: #a94442;
  background: #fdf7f7;
  border-left: 3px solid #eed3d7;
  padding: 10px 20px;
  margin: 0 0 15px 0;
}
.clear,
.clearAll {
  clear: both;
  float: none;
  width: 100%;
}
#logo-link {
  display: block;
}
#logo-image {
  padding: 2px;
}
#logo-image > img {
  max-width: 125px;
  margin: 5px 12px 0;
}
#logo-title {
  font-family: 'expressway_rg', 'segoe_ui', arial, "lucida grande", "Segoe UI", sans-serif;
  font-size: 11px;
  color: #0098d6;
  text-align: center;
  vertical-align: top;
  letter-spacing: -0.3px;
  width: 180px;
  margin: 0 12px 4px;
  text-decoration: none;
}
.plan-maps-form button.btn-primary {
  float: right;
}
.main {
  max-width: 1000px;
  margin: 15px auto 0;
}
.main .form-group.action-buttons:last-child {
  text-align: right;
}
.main .form-group.action-buttons:last-child a.btn-default {
  margin-right: 0;
}
.purchaser-admin.main {
  max-width: 1500px;
  margin: 15px auto 0;
}
.purchaser-admin.main .form-group.action-buttons:last-child {
  text-align: right;
}
.purchaser-admin.main .form-group.action-buttons:last-child a.btn-default {
  margin-right: 0;
}
.purchaser-admin.main .form-control {
  width: auto;
}
.template-report.main {
  max-width: 100%;
}
.template-report.main a.btn-default {
  float: right;
}
.main-full {
  margin: 0 auto;
}
.project-card-border,
#phase-card-container .phase-card,
.groups-view .phase-card {
  border: 1px solid #dddddd;
}
.project-card-main {
  margin: 10px;
  padding: 10px;
}
a:hover,
a:focus {
  text-decoration: none;
}
#phase-card-container {
  width: 85%;
  padding-top: 30px;
}
.project-card {
  width: 450px;
  float: left;
  margin: 10px 14px 0;
}
.phase-card {
  height: 362px;
  float: none;
  width: 452px;
  margin: 0 auto;
}
.project-card-main-logo {
  height: 264px;
  width: 450px;
  margin: 0 auto;
  vertical-align: middle;
  text-align: center;
}
.project-card-main-logo span {
  font-size: 80px;
  font-weight: bold;
  color: #CBCBCB;
}
.project-card-main-logo img {
  max-width: 100%;
  max-height: 100%;
}
.project-card-sub-logo {
  height: 52px;
  width: 50%;
  float: left;
  text-align: center;
  display: inline-block;
  vertical-align: middle;
}
.project-card-title {
  display: block;
  font-size: 16px;
  -webkit-margin-before: 0.67em;
  -webkit-margin-after: 0.67em;
  -webkit-margin-start: 0;
  -webkit-margin-end: 0;
  margin: 0;
  font-weight: bold;
}
.project-card-sub-title {
  height: 22px;
}
.vertical-helper {
  display: inline-block;
  height: 100%;
  vertical-align: middle;
}
.data-container {
  padding: 20px;
}
.loading-gif {
  display: block;
  margin: 0 auto;
}
.label-enterprise {
  background-color: #A85CB8;
}
.groups-index,
.groups-view {
  display: -webkit-box;
  /* OLD - iOS 6-, Safari 3.1-6 */
  display: -moz-box;
  /* OLD - Firefox 19- (buggy but mostly works) */
  display: -ms-flexbox;
  /* TWEENER - IE 10 */
  display: -webkit-flex;
  /* NEW - Chrome */
  display: flex;
  flex-wrap: wrap;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-direction: row;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  padding: 10px;
}
.main-large {
  width: 100%;
  margin: 0 auto;
}
.main-container {
  flex-wrap: wrap;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
}
.project-pager {
  display: block;
  width: 100%;
  padding-left: 30px;
}
.hidden-text {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.indent {
  text-indent: 1em;
}
.error-set-block {
  white-space: pre-wrap;
  max-height: 200px;
  max-width: 500px;
  overflow: scroll;
}
.error-set-filter .filter-form {
  right: 10px;
}
.gly-flip-horizontal {
  filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=0, mirror=1);
  -webkit-transform: scale(-1, 1);
  -moz-transform: scale(-1, 1);
  -ms-transform: scale(-1, 1);
  -o-transform: scale(-1, 1);
  transform: scale(-1, 1);
}
#oprs-photo_1,
#oprs-photo_2 {
  display: block;
}
span.loading-icon {
  color: #3A79BF;
  padding: 0 4px;
}
#spinner {
  color: white;
  font-size: 20px;
}
.accordion-menu .general-plan-icon {
  background: url('../images/general_plan_black_icon.svg') no-repeat right center;
  height: 19px;
  width: 19px;
  background-size: cover;
  margin: 7px 11px 0 4px;
}
.dropdown-menu .general-plan-icon {
  background: url('../images/general_plan_black_icon.svg') no-repeat right center;
  height: 14px;
  width: 14px;
  background-size: cover;
}
.item-phase {
  float: left;
  margin: 20px;
}
.select2-results__option {
  min-height: 30px;
}
#menu-left-main > ul > li > a > img {
  width: 21px;
  margin-right: 3px;
  vertical-align: text-top;
}
html .p-none {
  padding: 0;
}
.column-text {
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  max-width: 300px;
  white-space: normal;
}
.text-center {
  text-align: center;
}
.text-right {
  text-align: right;
}
.d-flex {
  display: flex;
}
.justify-between {
  justify-content: space-between;
}
/*
Bootstrap-4 style:
margin: .mb-1, .mt-2 .mr-3, .ml-4
padding: .pb-1, .pt-2 .pr-3, .pl-4
example: <div class="mr-1 ml-2 p-2"></div>
*/
.mt-0 {
  margin-top: 0rem;
}
.pt-0 {
  padding-top: 0rem;
}
.mr-0 {
  margin-right: 0rem;
}
.pr-0 {
  padding-right: 0rem;
}
.mb-0 {
  margin-bottom: 0rem;
}
.pb-0 {
  padding-bottom: 0rem;
}
.ml-0 {
  margin-left: 0rem;
}
.pl-0 {
  padding-left: 0rem;
}
.m-0 {
  margin: 0rem;
}
.p-0 {
  padding: 0rem;
}
.mt-1 {
  margin-top: 0.5rem;
}
.pt-1 {
  padding-top: 0.5rem;
}
.mr-1 {
  margin-right: 0.5rem;
}
.pr-1 {
  padding-right: 0.5rem;
}
.mb-1 {
  margin-bottom: 0.5rem;
}
.pb-1 {
  padding-bottom: 0.5rem;
}
.ml-1 {
  margin-left: 0.5rem;
}
.pl-1 {
  padding-left: 0.5rem;
}
.m-1 {
  margin: 0.5rem;
}
.p-1 {
  padding: 0.5rem;
}
.mt-2 {
  margin-top: 1rem;
}
.pt-2 {
  padding-top: 1rem;
}
.mr-2 {
  margin-right: 1rem;
}
.pr-2 {
  padding-right: 1rem;
}
.mb-2 {
  margin-bottom: 1rem;
}
.pb-2 {
  padding-bottom: 1rem;
}
.ml-2 {
  margin-left: 1rem;
}
.pl-2 {
  padding-left: 1rem;
}
.m-2 {
  margin: 1rem;
}
.p-2 {
  padding: 1rem;
}
.mt-3 {
  margin-top: 1.5rem;
}
.pt-3 {
  padding-top: 1.5rem;
}
.mr-3 {
  margin-right: 1.5rem;
}
.pr-3 {
  padding-right: 1.5rem;
}
.mb-3 {
  margin-bottom: 1.5rem;
}
.pb-3 {
  padding-bottom: 1.5rem;
}
.ml-3 {
  margin-left: 1.5rem;
}
.pl-3 {
  padding-left: 1.5rem;
}
.m-3 {
  margin: 1.5rem;
}
.p-3 {
  padding: 1.5rem;
}
.mt-4 {
  margin-top: 2rem;
}
.pt-4 {
  padding-top: 2rem;
}
.mr-4 {
  margin-right: 2rem;
}
.pr-4 {
  padding-right: 2rem;
}
.mb-4 {
  margin-bottom: 2rem;
}
.pb-4 {
  padding-bottom: 2rem;
}
.ml-4 {
  margin-left: 2rem;
}
.pl-4 {
  padding-left: 2rem;
}
.m-4 {
  margin: 2rem;
}
.p-4 {
  padding: 2rem;
}
.mt-5 {
  margin-top: 2.5rem;
}
.pt-5 {
  padding-top: 2.5rem;
}
.mr-5 {
  margin-right: 2.5rem;
}
.pr-5 {
  padding-right: 2.5rem;
}
.mb-5 {
  margin-bottom: 2.5rem;
}
.pb-5 {
  padding-bottom: 2.5rem;
}
.ml-5 {
  margin-left: 2.5rem;
}
.pl-5 {
  padding-left: 2.5rem;
}
.m-5 {
  margin: 2.5rem;
}
.p-5 {
  padding: 2.5rem;
}
@-moz-document url-prefix() {
  .column-text {
    max-height: 60px;
  }
}
.italic-sub-chapter {
  font-style: italic;
  font-size: 16px;
}
div.language-block {
  margin-left: 4px;
}
div.language-block > a {
  display: inline-block;
}
.pv-templates-list div.purchaser-category {
  padding: 10px 30px;
}
div.purchaser-category .row div:nth-child(odd) {
  line-height: 30px;
}
#pv-templates #applyProjectTemplate {
  display: none;
}
.status-color-rect {
  width: 50px;
}
.status-color-circle {
  width: 20px;
  height: 20px;
  border-radius: 20px;
  margin: 6px auto;
}
.push-point-edit-table {
  width: 100%;
  margin: 20px 0;
}
.push-point-edit-table > tbody > tr:first-child > td:first-child {
  width: 40%;
}
.pushpoint-signature-area {
  height: 100px;
  border: 1px solid #ccc;
  border-radius: 3px;
  padding: 7px 15px;
  margin-bottom: 20px;
  text-align: center;
  display: table;
  min-width: 200px;
}
.pushpoint-signature-area.readonly {
  background: #eee;
}
.pushpoint-signature-area img {
  max-width: 100%;
  max-height: 100%;
  height: 100%;
}
.file-caption .file-caption-name {
  font-family: 'segoe_ui', arial, "lucida grande", "Segoe UI", sans-serif;
}
.bootstrap-dialog-footer .bootstrap-dialog-button-icon.icon-spin {
  font-family: 'Glyphicons Halflings';
}
.cursor-pointer {
  cursor: pointer;
}
.settings-btn.custom-plan-styles a.btn {
  margin-right: 0;
}
.custom-btn-settings {
  text-align: right;
  padding: 0 20px;
}
.custom-btn-settings .btn-default {
  margin-right: 0;
}
.table-settings tr.template-upload td:last-child {
  text-align: right;
}
.table-settings tr.template-upload td:last-child button:last-child {
  margin-right: 0;
}
form button,
form a.btn {
  margin-right: 7px;
}
form .single-file-input-without-buttons .kv-file-remove,
form .single-file-input-without-buttons .file-drag-handle,
form .single-file-input-without-buttons button.close {
  display: none;
}
.summary-text-padding {
  padding-left: 5px;
}
.languages-block {
  padding: 22px 18px;
}
.languages-block .dropdown-menu {
  right: -15px;
}
.languages-block .open .dropdown-menu {
  margin-top: 33px !important;
}
.languages .caret {
  border: none !important;
}
.client-accounts-index {
  padding: 10px;
}
.parameters {
  padding: 20px;
  position: static;
}
.my-profile-menu {
  display: block;
  clear: both;
  white-space: nowrap;
  padding: 7px 10px;
}
.my-profile-menu.padding-top {
  padding-top: 10px;
}
.my-profile-menu.logout {
  padding: 0 0 10px;
}
.my-profile-menu i {
  display: inline-flex;
  min-width: 12px;
  margin-right: 5px !important;
}
#timezone-button {
  padding-left: 0;
}
#admin-menu i {
  display: inline-flex;
  min-width: 15px;
  margin-right: 5px;
}
#admin-menu a {
  margin-right: 5px;
}
.mailbox-nav li a i {
  margin-right: 3px;
  min-width: 15px;
  display: inline-block !important;
}
.toggle-password {
  float: right;
  margin-right: 7px;
  margin-top: -24px;
  position: relative;
  cursor: pointer;
  z-index: 2;
}
.toggle-password-confirm {
  float: right;
  margin-right: 7px;
  margin-top: -24px;
  position: relative;
  cursor: pointer;
  z-index: 2;
}
a.btn.default,
button.btn.default,
div.btn.default,
a.btn.default-transparent,
button.btn.default-transparent,
div.btn.default-transparent {
  background-color: #fff;
  color: #333;
  border: 1px solid #e5e5e5;
}
a.btn.default:hover,
button.btn.default:hover,
div.btn.default:hover,
a.btn.default:focus,
button.btn.default:focus,
div.btn.default:focus,
a.btn.default-transparent:focus,
button.btn.default-transparent:focus,
div.btn.default-transparent:focus,
a.btn.default-transparent:hover,
button.btn.default-transparent:hover,
div.btn.default-transparent:hover {
  color: #333;
  background-color: #f1f1f1;
}
a.btn.default.disabled,
button.btn.default.disabled,
div.btn.default.disabled,
a.btn.default.disabled:hover,
button.btn.default.disabled:hover,
div.btn.default.disabled:hover,
a.btn.default[disabled],
button.btn.default[disabled],
div.btn.default[disabled],
a.btn.default[disabled]:hover,
button.btn.default[disabled]:hover,
div.btn.default[disabled]:hover {
  background-color: #fff;
  border-color: #ccc;
}
a.btn.default-transparent,
button.btn.default-transparent,
div.btn.default-transparent {
  background-color: transparent;
}
a.btn.reports,
button.btn.reports,
div.btn.reports,
a.btn.edit,
button.btn.edit,
div.btn.edit,
a.btn.snag-action-edit,
button.btn.snag-action-edit,
div.btn.snag-action-edit {
  color: #fff;
  background-color: #7A6FBE;
  border-color: transparent;
}
a.btn.reports:focus,
button.btn.reports:focus,
div.btn.reports:focus,
a.btn.reports:hover,
button.btn.reports:hover,
div.btn.reports:hover,
a.btn.reports.disabled,
button.btn.reports.disabled,
div.btn.reports.disabled,
a.btn.reports.disabled:hover,
button.btn.reports.disabled:hover,
div.btn.reports.disabled:hover,
a.btn.reports[disabled],
button.btn.reports[disabled],
div.btn.reports[disabled],
a.btn.reports[disabled]:hover,
button.btn.reports[disabled]:hover,
div.btn.reports[disabled]:hover,
a.btn.edit:focus,
button.btn.edit:focus,
div.btn.edit:focus,
a.btn.edit:hover,
button.btn.edit:hover,
div.btn.edit:hover,
a.btn.edit.disabled,
button.btn.edit.disabled,
div.btn.edit.disabled,
a.btn.edit.disabled:hover,
button.btn.edit.disabled:hover,
div.btn.edit.disabled:hover,
a.btn.edit[disabled],
button.btn.edit[disabled],
div.btn.edit[disabled],
a.btn.edit[disabled]:hover,
button.btn.edit[disabled]:hover,
div.btn.edit[disabled]:hover,
a.btn.snag-action-edit:focus,
button.btn.snag-action-edit:focus,
div.btn.snag-action-edit:focus,
a.btn.snag-action-edit:hover,
button.btn.snag-action-edit:hover,
div.btn.snag-action-edit:hover,
a.btn.snag-action-edit.disabled,
button.btn.snag-action-edit.disabled,
div.btn.snag-action-edit.disabled,
a.btn.snag-action-edit.disabled:hover,
button.btn.snag-action-edit.disabled:hover,
div.btn.snag-action-edit.disabled:hover,
a.btn.snag-action-edit[disabled],
button.btn.snag-action-edit[disabled],
div.btn.snag-action-edit[disabled],
a.btn.snag-action-edit[disabled]:hover,
button.btn.snag-action-edit[disabled]:hover,
div.btn.snag-action-edit[disabled]:hover {
  background-color: #6a5fac;
  color: #fff;
  border-color: transparent;
}
a.btn.save,
button.btn.save,
div.btn.save,
a.btn.snag-action-close,
button.btn.snag-action-close,
div.btn.snag-action-close {
  color: #fff;
  background-color: #22BAA0;
  border-color: transparent;
}
a.btn.save:focus,
button.btn.save:focus,
div.btn.save:focus,
a.btn.save:hover,
button.btn.save:hover,
div.btn.save:hover,
a.btn.save.disabled,
button.btn.save.disabled,
div.btn.save.disabled,
a.btn.save.disabled:hover,
button.btn.save.disabled:hover,
div.btn.save.disabled:hover,
a.btn.save[disabled],
button.btn.save[disabled],
div.btn.save[disabled],
a.btn.save[disabled]:hover,
button.btn.save[disabled]:hover,
div.btn.save[disabled]:hover,
a.btn.snag-action-close:focus,
button.btn.snag-action-close:focus,
div.btn.snag-action-close:focus,
a.btn.snag-action-close:hover,
button.btn.snag-action-close:hover,
div.btn.snag-action-close:hover,
a.btn.snag-action-close.disabled,
button.btn.snag-action-close.disabled,
div.btn.snag-action-close.disabled,
a.btn.snag-action-close.disabled:hover,
button.btn.snag-action-close.disabled:hover,
div.btn.snag-action-close.disabled:hover,
a.btn.snag-action-close[disabled],
button.btn.snag-action-close[disabled],
div.btn.snag-action-close[disabled],
a.btn.snag-action-close[disabled]:hover,
button.btn.snag-action-close[disabled]:hover,
div.btn.snag-action-close[disabled]:hover {
  background-color: #1DB198;
  color: #fff;
  border-color: transparent;
}
a.btn.add,
button.btn.add,
div.btn.add {
  color: #fff;
  background-color: #12AFCB;
  border-color: transparent;
}
a.btn.add:focus,
button.btn.add:focus,
div.btn.add:focus,
a.btn.add:hover,
button.btn.add:hover,
div.btn.add:hover,
a.btn.add.disabled,
button.btn.add.disabled,
div.btn.add.disabled,
a.btn.add.disabled:hover,
button.btn.add.disabled:hover,
div.btn.add.disabled:hover,
a.btn.add[disabled],
button.btn.add[disabled],
div.btn.add[disabled],
a.btn.add[disabled]:hover,
button.btn.add[disabled]:hover,
div.btn.add[disabled]:hover {
  background-color: #08A7C3;
  color: #fff;
  border-color: transparent;
}
a.btn.delete,
button.btn.delete,
div.btn.delete {
  color: #fff;
  background-color: #F25656;
  border-color: transparent;
}
a.btn.delete:focus,
button.btn.delete:focus,
div.btn.delete:focus,
a.btn.delete:hover,
button.btn.delete:hover,
div.btn.delete:hover,
a.btn.delete.disabled,
button.btn.delete.disabled,
div.btn.delete.disabled,
a.btn.delete.disabled:hover,
button.btn.delete.disabled:hover,
div.btn.delete.disabled:hover,
a.btn.delete[disabled],
button.btn.delete[disabled],
div.btn.delete[disabled],
a.btn.delete[disabled]:hover,
button.btn.delete[disabled]:hover,
div.btn.delete[disabled]:hover {
  background-color: #e14444;
  color: #fff;
  border-color: transparent;
}
a.btn.active,
button.btn.active,
div.btn.active {
  color: #fff;
  background-color: #e8bf40;
  border-color: transparent;
}
a.btn.active:hover,
button.btn.active:hover,
div.btn.active:hover,
a.btn.active:focus,
button.btn.active:focus,
div.btn.active:focus {
  color: #fff;
  background-color: #ec971f;
  border-color: #d58512;
}
a.btn.snag-action-default,
button.btn.snag-action-default,
div.btn.snag-action-default {
  background-color: #fff;
  color: #333;
}
a.btn.snag-action-default:hover,
button.btn.snag-action-default:hover,
div.btn.snag-action-default:hover,
a.btn.snag-action-default:focus,
button.btn.snag-action-default:focus,
div.btn.snag-action-default:focus {
  color: #333;
  background-color: #f1f1f1;
}
a.btn.snag-action-default.disabled,
button.btn.snag-action-default.disabled,
div.btn.snag-action-default.disabled,
a.btn.snag-action-default.disabled:hover,
button.btn.snag-action-default.disabled:hover,
div.btn.snag-action-default.disabled:hover,
a.btn.snag-action-default[disabled],
button.btn.snag-action-default[disabled],
div.btn.snag-action-default[disabled],
a.btn.snag-action-default[disabled]:hover,
button.btn.snag-action-default[disabled]:hover,
div.btn.snag-action-default[disabled]:hover {
  background-color: #fff;
  border-color: #ccc;
}
a.btn.snag-action-refuse,
button.btn.snag-action-refuse,
div.btn.snag-action-refuse {
  color: #fff;
  background-color: #f2ca4c;
  border-color: transparent;
}
a.btn.snag-action-refuse:focus,
button.btn.snag-action-refuse:focus,
div.btn.snag-action-refuse:focus,
a.btn.snag-action-refuse:hover,
button.btn.snag-action-refuse:hover,
div.btn.snag-action-refuse:hover,
a.btn.snag-action-refuse.disabled,
button.btn.snag-action-refuse.disabled,
div.btn.snag-action-refuse.disabled,
a.btn.snag-action-refuse.disabled:hover,
button.btn.snag-action-refuse.disabled:hover,
div.btn.snag-action-refuse.disabled:hover,
a.btn.snag-action-refuse[disabled],
button.btn.snag-action-refuse[disabled],
div.btn.snag-action-refuse[disabled],
a.btn.snag-action-refuse[disabled]:hover,
button.btn.snag-action-refuse[disabled]:hover,
div.btn.snag-action-refuse[disabled]:hover {
  background-color: #e8bf40;
  color: #fff;
  border-color: transparent;
}
a.btn.snag-action-delete,
button.btn.snag-action-delete,
div.btn.snag-action-delete {
  color: #fff;
  background-color: #F25656;
  border-color: transparent;
}
a.btn.snag-action-delete:focus,
button.btn.snag-action-delete:focus,
div.btn.snag-action-delete:focus,
a.btn.snag-action-delete:hover,
button.btn.snag-action-delete:hover,
div.btn.snag-action-delete:hover,
a.btn.snag-action-delete.disabled,
button.btn.snag-action-delete.disabled,
div.btn.snag-action-delete.disabled,
a.btn.snag-action-delete.disabled:hover,
button.btn.snag-action-delete.disabled:hover,
div.btn.snag-action-delete.disabled:hover,
a.btn.snag-action-delete[disabled],
button.btn.snag-action-delete[disabled],
div.btn.snag-action-delete[disabled],
a.btn.snag-action-delete[disabled]:hover,
button.btn.snag-action-delete[disabled]:hover,
div.btn.snag-action-delete[disabled]:hover {
  background-color: #e14444;
  color: #fff;
  border-color: transparent;
}
.gdpr-icons {
  background: url('/img/privacy.svg') no-repeat;
}
.language-icons {
  background: url('/img/language.svg') no-repeat;
}
#main-information {
  vertical-align: middle;
  width: 100%;
}
#main-information .page-breadcrumb {
  display: flex;
  align-items: center;
  margin-top: 3px;
}
#main-information ul.purchasers {
  list-style: inside;
  padding: 0;
}
#main-information ul.purchasers li {
  display: list-item;
  float: none;
  color: #5893c5;
}
#main-information #common-information {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
#main-information #common-information .breadcrumb-custom-style {
  padding-left: 15px;
}
#main-information #visited-plan-button {
  margin-left: 7px;
}
#main-information #plan-view-navigation {
  display: flex;
  justify-content: flex-end;
}
#main-information #plan-view-navigation .modal {
  text-align: left;
}
#main-information #plan-view-navigation a.active {
  color: #fff;
  background-color: #12AFCB;
}
#main-information #plan-view-navigation .docs {
  position: relative;
}
div#storage-buttons {
  min-height: 35px;
}
div#storage-buttons .float-right {
  float: right;
  margin-right: 2px;
}
div#main-storage {
  margin: 0;
}
div#upload-multiple-file .form-control {
  height: auto;
}
.project-btn-add {
  width: 100%;
  text-align: right;
}
.project-content {
  width: 100%;
}
.modal-dialog .modal-header .modal-title {
  text-align: left;
}
.modal-dialog .modal-body .control-label {
  text-align: left;
}
.container-control-synthesis .button-and-page-size-wrapper {
  display: block;
  margin-bottom: 10px;
}
.container-control-synthesis .button-and-page-size-wrapper #search-field {
  float: right;
  margin: 0;
}
.container-control-synthesis .button-and-page-size-wrapper #search-field button {
  margin-right: 0;
}
.container-control-synthesis .button-and-page-size-wrapper #search-field input {
  min-width: 210px;
}
.container-control-synthesis .button-and-page-size-wrapper .action-buttons {
  display: inline-block;
  vertical-align: middle;
  margin: 0 15px;
}
.container-control-synthesis .button-and-page-size-wrapper .action-buttons button {
  height: 34px;
}
.container-control-synthesis .button-and-page-size-wrapper .drop-down-selector {
  margin: 0;
  float: left;
}
.submenu-settings {
  font-size: 13px;
}
.settings-btn {
  margin: 10px 0 0;
  text-align: right;
}
.settings-btn a.btn-default {
  margin-right: 0;
}
.settings-btn a.btn-back {
  margin-left: 10px;
  margin-bottom: 10px;
}
#KalitiGridView td {
  position: relative;
}
#KalitiGridView td .sk-spinner-wave {
  position: absolute;
  left: calc(50% - 25px);
  top: calc(50% - 15px);
}
#KalitiGridView td img {
  position: relative;
  background: #fff;
  max-width: 100%;
  max-height: 200px;
  min-width: 100px;
}
a.disabled {
  color: currentColor;
  cursor: not-allowed;
  opacity: 0.5;
  text-decoration: none;
}
div#purchaser-choice-list div.button-and-page-size-wrapper {
  width: 20%;
  float: left;
  margin-bottom: 10px;
}
div#purchaser-choice-list div.button-and-page-size-wrapper a {
  display: block;
  margin: 0 0 0 auto;
}
div#purchaser-choice-list div#summaryWithPager {
  min-height: 30px;
  width: 80%;
  float: left;
}
div#purchaser-choice-list div#summaryWithPager div {
  float: left;
  margin-left: 10px;
}
div#purchaser-choice-list div#summaryWithPager div.summary {
  padding-top: 6px;
}
div#purchaser-choice-list div.kv-grid-container {
  clear: left;
}
div#purchaser-choice-list h1 {
  margin-bottom: 30px;
}
div#purchaser-choice-list #btn-success {
  margin-left: 88%;
  float: right;
  margin-right: 0;
}
div#purchaser-choice-list div.button-only-wrapper {
  float: left;
  width: 20%;
}
div#purchaser-choice-list div.button-only-wrapper a {
  display: block;
  float: right;
}
div#purchaser-choice-list div.button-only-wrapper button {
  float: right;
  margin-right: 10px;
}
div#purchaser-choice-list #add-links {
  margin-left: auto;
  margin-right: 0;
}
.modal-content .modal-body label {
  width: 100%;
}
.modal-content .modal-footer button:last-child,
.modal-content .modal-footer a:last-child {
  margin-right: 0;
}
#plans-grid-container {
  overflow-x: auto;
}
#plans-grid-container table .grid-view th {
  white-space: normal;
  text-align: center;
}
#plans-grid-container table td {
  overflow: hidden;
  -moz-text-overflow: ellipsis;
  -ms-text-overflow: ellipsis;
  -o-text-overflow: ellipsis;
  text-overflow: ellipsis;
}
#plans-grid-container table th {
  white-space: inherit;
  text-align: center;
}
#plans-grid-container table th:last-child {
  width: 180px !important;
}
#plans-grid-container table th:first-child {
  width: 30px;
}
.stats {
  position: relative;
}
.stats .simplified-report-stats {
  position: absolute;
  top: 0;
  right: 15px;
}
#change-period .modal-dialog {
  max-width: 350px;
}
#change-period #select-dates {
  margin-left: 0;
}
.form-group.has-error label,
.form-group.has-error .help-block {
  color: #a94442;
}
#task-details .modal-body label {
  width: 50%;
}
#task-details .btn.btn-primary {
  margin-top: 4px;
}
#companies .button-and-page-size-wrapper {
  flex-direction: row-reverse;
  -webkit-flex-direction: row-reverse;
  -ms-flex-direction: row-reverse;
  justify-content: space-between;
  -webkit-justify-content: space-between;
  -ms-justify-content: space-between;
}
#companies .table-responsive {
  width: 100%;
}
#companies .form-inline.drop-down-selector {
  margin-left: 0;
}
.main-menu .menu.accordion-menu a {
  padding: 9px 18px;
}
.contact-fields {
  display: inline-block;
  vertical-align: middle;
  padding: 5px 15px;
  background: #f8f8f8;
  width: 100%;
  border-radius: 4px;
  margin-bottom: 20px;
  border: 1px solid #e7e7e7;
}
#plan-zones-grid .table td {
  text-align: left;
}
.select2-selection--multiple {
  height: auto !important;
  padding: 0 !important;
}
.kv-grid-container {
  overflow-x: auto;
  padding-bottom: 100px;
}
#main-wrapper .container {
  width: 100%;
}
#main-wrapper .table {
  overflow-x: auto;
  width: 100%;
}
#main-wrapper .navbar {
  min-height: 60px;
  height: auto;
  margin: 10px 0;
}
#main-wrapper .navbar .container {
  padding: 0px;
}
#main-wrapper .center-wrapper {
  width: 100%;
}
#main-wrapper .projects-step-common-block,
#main-wrapper .tasks-step-common-block {
  width: 100%;
}
#main-wrapper .messaging {
  width: 100%;
  max-width: 900px;
}
#main-wrapper .messaging .messages-input textarea {
  width: 100%;
  max-width: 900px;
}
#main-wrapper .data-container .main {
  width: 100%;
}
#main-wrapper .history {
  max-width: 100%;
}
@media (min-width: 992px) {
  .col-md-1 {
    width: 16.66666667%;
  }
  .col-md-10 {
    width: 66.66666667%;
  }
  .col-md-11 {
    width: 83.33333333%;
  }
}
.break-words {
  white-space: normal !important;
  word-break: break-all !important;
}
#plan-view .tma-request-actions {
  display: flex;
  font-size: 12px;
}
#plan-view .tma-request-actions .dropdown-menu .dropdown-item {
  cursor: pointer;
  color: black;
}
#plan-view .tma-request-actions .dropdown-menu .dropdown-item:hover {
  background-color: rgba(207, 207, 207, 0.4);
}
#plan-view .tma-request-actions .fa-filter {
  margin-right: 4px;
}
#plan-view #tma-request-accordion,
#plan-view #tma-library-accordion {
  display: flex;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  flex-direction: column;
  height: 100%;
  width: 100%;
}
#plan-view .tma-library {
  width: 100%;
  height: 80px;
  display: flex;
  align-items: center;
  padding: 5px 15px;
}
#plan-view .tma-library:nth-child(odd) {
  background-color: rgba(227, 227, 227, 0.5);
}
#plan-view .tma-library .tma-library-name {
  font-size: 16px;
}
#plan-view .tma-library:hover {
  cursor: pointer;
}
#plan-view .breadcrumb {
  font-size: 16px;
  background-color: rgba(227, 227, 227, 0.5);
  width: 100%;
  height: 80px;
  display: flex;
  align-items: center;
  color: #0a6aa1;
  margin-bottom: 0;
}
#plan-view .additional-label {
  padding: 5px 15px;
}
#plan-view .tma-category {
  width: 100%;
  height: 80px;
  display: flex;
  align-items: center;
  padding: 5px 15px;
}
#plan-view .tma-category:nth-child(odd) {
  background-color: rgba(227, 227, 227, 0.5);
}
#plan-view .tma-category .complex-block {
  margin-left: 30px;
}
#plan-view .tma-category .complex-block .tma-category-name {
  font-size: 16px;
}
#plan-view .tma-category .complex-block .tma-category-items {
  font-style: italic;
  font-size: 12px;
}
#plan-view .tma-category:hover {
  cursor: pointer;
}
#plan-view .tma-category .image-container {
  width: 60px;
  height: 60px;
  position: relative;
}
#plan-view .tma-category .image-container img {
  max-height: 100%;
  max-width: 100%;
  width: auto;
  height: auto;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  margin: auto;
}
#plan-view .tma-library-item {
  width: 100%;
  height: 80px;
  display: flex;
  align-items: center;
  padding: 5px 15px;
}
#plan-view .tma-library-item:nth-child(even) {
  background-color: rgba(227, 227, 227, 0.5);
}
#plan-view .tma-library-item .complex-block {
  margin-left: 30px;
}
#plan-view .tma-library-item .complex-block .tma-library-item-name {
  font-size: 16px;
}
#plan-view .tma-library-item .complex-block .tma-library-item-price {
  font-size: 12px;
  color: #0a6aa1;
  margin-left: 10px;
  font-weight: 600;
}
#plan-view .tma-library-item .complex-block.right-data {
  margin-left: auto;
}
#plan-view .tma-library-item .complex-block.right-data .tma-library-item-name {
  height: 22px;
}
#plan-view .tma-library-item .complex-block.right-data .tma-library-item-subcategory {
  font-style: italic;
  font-size: 12px;
}
#plan-view .tma-library-item .image-container {
  width: 60px;
  height: 60px;
  position: relative;
}
#plan-view .tma-library-item .image-container img {
  max-height: 100%;
  max-width: 100%;
  width: auto;
  height: auto;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  margin: auto;
}
#plan-view .tma-library-item .image-container div.library-item-tooltip {
  position: absolute;
  display: none;
  width: 350px;
  height: 200px;
  left: 35px;
  top: 45px;
  background-color: white;
  border: black 1px solid;
  z-index: 9999;
  padding: 10px;
}
#plan-view .tma-library-item .image-container div.library-item-tooltip .description-block {
  line-height: 15px;
}
#plan-view .tma-library-item .image-container div.library-item-tooltip .library-item-info-and-image-block {
  display: flex;
  justify-content: space-between;
  align-items: start;
}
#plan-view .tma-library-item .image-container div.library-item-tooltip .library-item-info-and-image-block .image-container {
  width: 120px;
  height: 120px;
}
#plan-view .tma-library-item .image-container div.library-item-tooltip .library-item-info-and-image-block .library-item-info-block .title-unit-block,
#plan-view .tma-library-item .image-container div.library-item-tooltip .library-item-info-and-image-block .library-item-info-block .category-block {
  margin-bottom: 20px;
}
#plan-view .tma-library-item .image-container div.library-item-tooltip .library-item-info-and-image-block .library-item-info-block .title-unit-block .tma-library-item-title {
  font-size: 16px;
}
#plan-view .tma-library-item .image-container div.library-item-tooltip .library-item-info-and-image-block .library-item-info-block .title-unit-block .tma-library-item-price {
  font-size: 12px;
  color: #0a6aa1;
  font-weight: 600;
}
#plan-view .tma-library-item .image-container div.library-item-tooltip .library-item-info-and-image-block .library-item-info-block .category-block .tma-library-item-category,
#plan-view .tma-library-item .image-container div.library-item-tooltip .library-item-info-and-image-block .library-item-info-block .category-block .tma-library-item-subcategory {
  font-style: italic;
  font-size: 12px;
}
#plan-view .panel .panel-default #collapse {
  padding-left: 20px;
}
#plan-view .panel .panel-default #collapse #mix-view-snag-list {
  overflow-y: auto;
}
#plan-view .panel .panel-default .panel-tma-heading {
  border: none;
  background: #f9f9f9;
}
#plan-view .panel .panel-default .panel-tma-heading .panel-title {
  font-weight: normal;
  font-size: 13px;
  align-items: center;
  justify-content: space-between;
  -webkit-justify-content: space-between;
  -ms-justify-content: space-between;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  flex-direction: row;
  padding: 10px;
}
#plan-view .panel .panel-default .panel-tma-heading .panel-title .tma-query,
#plan-view .panel .panel-default .panel-tma-heading .panel-title .tma-description {
  flex: 2;
}
#plan-view .panel .panel-default .panel-tma-heading .panel-title .fa-angle-right,
#plan-view .panel .panel-default .panel-tma-heading .panel-title .fa-angle-down {
  font-size: 32px;
  cursor: pointer;
  vertical-align: middle;
  padding: 10px 15px 10px 8px;
}
#plan-view .panel .panel-default .panel-tma-heading .panel-title .tma-information {
  line-height: 22px;
}
#plan-view .panel .panel-default .panel-tma-heading .panel-title .tma-information:hover {
  cursor: pointer;
}
#plan-view .panel .panel-default .panel-tma-heading .panel-title .tma-information,
#plan-view .panel .panel-default .panel-tma-heading .panel-title .tma-query-quatation {
  display: inline-block;
  vertical-align: middle;
}
#plan-view .panel .panel-default .panel-tma-heading .panel-title .tma-actions,
#plan-view .panel .panel-default .panel-tma-heading .panel-title .tma-query-quatation {
  margin-left: 6px;
  border: 1px solid #90999c;
  color: #90999c;
  cursor: pointer;
}
#plan-view .panel .panel-default .panel-tma-heading .panel-title .tma-actions {
  width: 76px;
  height: 32px;
  float: right;
}
#plan-view .panel .panel-default .panel-tma-heading .panel-title .tma-query .panel-toggle {
  display: inline-block;
  vertical-align: middle;
  min-width: 45px;
}
#plan-view .panel .panel-default .panel-tma-heading .panel-title .tma-description {
  line-height: 16px;
  font-style: italic;
  padding: 0 10px;
}
#plan-view .panel .panel-default .panel-tma-heading .panel-title .tma-actions {
  padding: 8px 15px;
}
#plan-view .panel .panel-default .panel-tma-heading .panel-title .tma-query-quatation {
  vertical-align: bottom;
  text-align: center;
  padding: 4px 4px;
}
#plan-view .panel .panel-default .panel-tma-heading .panel-title .tma-price {
  color: #08A7C3;
}
#plan-view .panel .panel-default .panel-tma-heading .panel-title .panel-toggle[aria-expanded=true] .fa-angle-right {
  display: none;
}
#plan-view .panel .panel-default .panel-tma-heading .panel-title .panel-toggle[aria-expanded=false] .fa-angle-down {
  display: none;
}
.plan-note-description {
  padding: 10px;
}
.modal {
  overflow-y: auto;
}
.margin-bottom-40 {
  margin-bottom: 40px;
}
.margin-left {
  margin-left: 10px;
}
.no-padding-left {
  padding-left: 0;
}
.no-padding-right {
  padding-right: 0;
}
input[type=number].no-spin-buttons {
  -moz-appearance: textfield;
}
input[type=number].no-spin-buttons::-webkit-outer-spin-button,
input[type=number].no-spin-buttons::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}
.tooltip {
  z-index: 11000;
}
.row:before,
.row:after {
  display: flex !important;
}
.create-password-purchaser .small p {
  font-size: 70%;
}
.create-password-purchaser img {
  max-width: 100%;
}
.align-middle {
  display: flex;
  justify-content: center;
  align-items: center;
}
.btn.action-create-pv-report-preview,
.action-create-pv-сommitment-report-preview,
.action-create-pv-reception-report-preview {
  color: #fff;
  background-color: #e8bf40 !important;
  border-color: transparent;
}
#openApp {
  position: fixed;
  top: 40px;
  width: 100%;
  background: white;
  border-radius: 10px;
  padding: 15px;
  z-index: 100;
  display: none;
}
#stayInBrowser {
  border: none;
  background: transparent;
}
.reception-report .content {
  text-align: center;
}
.reception-report .content .fa-clock-o {
  font-size: 75px;
  color: #EF7D17;
}
.reception-report .content h1 {
  font-size: 25px;
  font-weight: 900;
  color: #EF7D17;
}
.reception-report .content h3 {
  font-size: 17px;
  font-weight: 900;
  color: #0098d6;
}
.reception-report .content h5 {
  font-size: 15px;
  font-weight: 900;
  padding: 15% 0 20%;
}
.reception-report .action-buttons {
  text-align: end;
}
@media screen and (max-width: 767px) {
  .qr-code {
    display: none;
  }
  /* Hide it on small screens like iPhone, Android */
}
.font-for-nl-lang {
  font-size: 12px;
}
/*# sourceMappingURL=site.css.map */