@charset "ISO-8859-1";

html {
  position: relative;
  height: 100vh;
  font-family: arial !important;
  line-height: 1.428571429;
}

body {
  color: #222d32 !important;
  font-size: 16px !important;
  font-family: Arial !important;
  position: absolute !important;
  top: 0 !important;
  left: 0 !important;
  right: 0 !important;
  bottom: 0 !important;
  background-color: #ebf0f6 !important;
  margin: 0 !important;
}

.grid {
  margin-left: 0px !important;
  margin-right: 0px !important;
  margin-top: 0 !important;
}

.heading1, h1, .h1 {
  font-size: 42px;
  line-height: 48px;
}

.heading2, h2, .h2 {
  font-size: 26px;
  line-height: 38px;
}

.heading3, h3, .h3  {
  font-size: 20px;
  font-weight: normal;
  line-height: 32px;
}

.heading4, h4, .h4  {
  font-size: 16px;
  font-weight: bold;
  line-height: 20px;
}

.bodyRegular {
  font-size: 16px;
  line-height: 20px;
}

.small {
  font-size: 14px;
  line-height: 20px;
}

.extraSmall {
  font-size: 12px;
  line-height: 16px;
}

.caption {
  font-size: 12px;
  line-height: 16px;
  text-transform: uppercase;
}

.buttonText {
  font-size: 16px;
  line-height: 20px;
  vertical-align: middle;
}

body a {
  color: #0d5678 !important;
  outline: 0 !important;
  font-weight: normal !important;
  text-decoration: none;
}

p {
  margin: 0 0 10px;
}

.dialog {
  background-color: #ffffff !important;
}

.whiteLink {
  bottom: 0 !important;
  position: fixed;
}

.whiteLink a {
  color: #ffffff !important;
  text-decoration: none;
  float: right;
}

.page-container {
  background-color: #ebf0f6 !important;
  padding-top: 12px !important;
  width: 100%;
}

.logInPart {
  background: rgba(0, 0, 0, .20);
  margin: 0 !important;
  top: 20%;
  position: absolute;
  width: 100%;
  color: #ffffff !important;
}

.loginInput {
  background-color: transparent !important;
  border: 1px solid #ffffff !important;
  color: #ffffff !important;
  min-width:375px;
}

.ui-widget {
  font-family: arial !important;
  font-size: 16px !important;
  border-radius: 4px !important;
}

/*-------------------*/
.input-group-addon:not(:first-child):not(:last-child) {
  border-top-left-radius: 0px !important;
  border-top-right-radius: 4px !important;
  border-bottom-right-radius: 4px !important;
  border-bottom-left-radius: 0px !important;
  border-left: 0px !important;
  width: 1%
}
/*-----------------------------------------*/

.primaryButton {
  background-color: #0d5678 !important;
  border-color: #0d5678 !important;
  color: #ffffff !important;
  height: 40px !important;
  border-radius: 4px !important;
  font-weight: normal !important;
  min-width: 97px;
}

.primaryButton:hover, .saveButton:hover  {
  background-color: #0A3F58 !important;
  border: 1px solid #0A3F58 !important;
}

.loginBtn {
  background-color: #076b99 !important;
  border: 1px solid #0d5678 !important;
  width:200px !important;
  padding-top: 4px !important;
}

.ui-message-warn, .ui-messages-warn, .ui-messages-warn .ui-messages-close {
  background-color: #f3b61f !important;
  border-color: #f3b61f !important;
   color: #fff !important;
}

.ui-message-error, .ui-messages-error, .ui-messages-error .ui-messages-close {
  background-color: #DD353A !important;
  border-color: #DD353A !important;
   color: #fff !important;
}

.ui-message-info, .ui-messages-info, .ui-messages-info .ui-messages-close {
  background-color: #28a745 !important;
  border-color: #28a745 !important;
   color: #fff !important;
}

.ui-message-warn, .ui-message-error, .ui-message-info,
.ui-messages-warn, .ui-messages-error, .ui-messages-info {
  color: #fff !important;
  font-size: 16px;
  font-weight: bold;
  height: auto !important;
  padding: 8px !important;
  margin: 0 !important;
  font-size: 14px !important;
}

.ui-message-warn-icon:before, .ui-message-error-icon:before, .ui-message-info-icon:before,
.ui-messages-warn-icon:before, .ui-messages-error-icon:before, .ui-messages-info-icon:before {
  content: "" !important;
}

.ui-messages-info-icon, .ui-messages-warn-icon, .ui-messages-error-icon, .ui-messages-fatal-icon {
  width: 0 !important;
  height: 0 !important;
  margin: 0 0 0 0;
}

.ui-message-info-summary, .ui-message-info-detail, .ui-message-warn-summary, .ui-message-warn-detail,  .ui-message-error-summary, .ui-message-error-detail {
  margin-left: 0 !important;
}

@media (min-width : 1090px) {
  .navbar-expand-lg {
    margin-left: 16.666666666666664% !important;
    margin-top: -60px !important;
  }
}

@media ( max-width : 910px) {
  .navbar-expand-lg {
    background-color: rgba(10, 63, 88, 0.65) !important;
    border-bottom: #fff solid 1px !important;
    box-shadow: 3px 0 10px rgba(0, 0, 0, .6);
    display: block !important;
  }

  .navbar-expand-lg .ui-button {
    width: 100%;
    margin-right: 0 !important;
  }
}

.navLogout {
  float: right;
  margin-right: 10px;
  padding-top: 36px !important;
}

.main-header {
  position: relative;
  z-index: 1000 !important;
}

.main-header a {
  color: #ffffff !important;
  text-decoration: none;
}

.logo {
  width: 200px !important;
}


.logo img {
  width: 110px;
  margin-top: 15px;
  margin-left: 15px !important;
}

.logo.logoSmall img {
  width: 55px;
   margin-top: 0;
  margin-left: 7px !important;

}
.logoSticky img {
  width: 120px;
  margin-left: 15px !important;
}

a.logo,
a.logo:hover,
a.logo:focus,
a.logo:visited {
  background-color: transparent !important;
}

a:hover,
a:active,
a:focus,
a:visited {
  text-decoration: none !important;
}

.mainMenueButtonText {
  display: block;
  padding: 12px 16px 12px 16px;
}

.mainMenueButtonText i {
  margin-bottom: 8px;
}

.navbar-expand-lg button {
  margin-right: 8px;
}

.main-header .ui-button {
  background-color: transparent !important;
  border: none !important;
  margin-top: -3px !important;
  font-size: 16px !important;
  font-weight: normal !important;
  font-stretch: normal !important;
  font-style: normal !important;
  line-height: normal !important;
  letter-spacing: normal !important;
  padding: 0 !important;
  border-radius: 4px !important;
}

.main-header .ui-button:hover,
.main-header .ui-button:active,
.main-header .ui-button:focus,
.main-header .ui-button:visited,
.main-header .ui-button.active {
  background-color: #0a3f58 !important;
  border: none !important;
  border-bottom-left-radius: 0px !important;
  border-bottom-right-radius: 0px !important;
}

.main-header .ui-button:disabled {
  pointer-events: none;
  opacity: 0.65 !important;
}

.StilogoLogin {
  width: 65px;
  float: right;
  padding-top: 15px;
  margin-right: 30px;
}

.navBarRowSticky {
  position: fixed;
  z-index: 1000;
  width: 100%;
  top: 0;
  background-color: rgba(13, 86, 120, 0.90);
  max-height: 78px;
  display: none;
}

.Stilogo {
  width: 65px;
  margin-top: -10px;
}

.navbar {
  background: none !important;
  border: none !important;
  min-height: 40px !important;
  margin-bottom: 0 !important;
}

.loginText .input-group-addon {
  background: transparent !important;
  height: 34px;
  color: #ffffff !important;
  cursor: pointer;
}

.timeRow {
  text-align: right;
  padding-top: 10px;
  margin-right: 13px !important;
}

.timeRow.timeRowSmall {
  padding-top: 0;
}

.timeRowMulti {
  text-align: right;
  height: 30px;
}


.timeRowMulti .Stilogo {
  margin-top:  0 !important;
  width: 46px !important;
}

.loggedInUserName {
  color: #ffffff;
  margin-top: -3px !important;
  font-size: 16px !important;
  margin-right: 15px;
}

.marginLeft {
  margin-left: 15px;
}

.marginLeft22 {
  margin-left: 22px;
}

.marginRight {
  margin-right: 16px;
}

.elementBoxHeader {
  font-size: 20px !important;
  color: #222d32 !important;
}

.smallText {
  font-size: 14px !important;
  color: #222d32 !important;
}

.startButton {
  margin-top: 12px !important;
}


.loginBtn:hover {
  background-color: #076b99 !important;
}

.ui-state-disabled {
  background-color: #d6d8d9 !important;
  color: #9c9e9e !important;
  border-color: #d6d8d9 !important;
  opacity: 0.65 !important;
}

.ui-state-disabled.loggedInUserName {
  background-color: transparent !important;
}

.abortButton {
  background-color: #5e6669 !important;
  color: #ffffff !important;
  border: 1px solid #5e6669 !important;
  height: 32px !important;
  margin-left: 30px !important;
  float: right;
  width: 100%;
  font-size: 16px !important;
  min-width: 97px;
}


.saveButton {
  background-color: #0d5678 !important;
  border-color: #0d5678 !important;
  color: #ffffff !important;
  height: 32px !important;
  border-radius: 4px !important;
  font-weight: normal !important;
  min-width: 97px;
}

.bigIcon {
  color: #0d5678 !important;
  text-align: center;
}

.timetext {
  color: #ffffff;
  margin-right: 5px;
  font-size: 14px !important;
}


.sidebarContainerLeft {
  height: calc(100vh - 156px);
  background-color: #ffffff;
  overflow: auto;
   padding: 6px 22px 0 22px;
  border: 1px solid #d0d0cf;
  box-shadow: none !important;
}

.slideContainerLeft {
  height: calc(100vh - 156px);
  background-color: #ffffff;
  border: 1px solid #d0d0cf;
  box-shadow: none !important;
}

.slideContainerRight {
  width: 382px;
  height: calc(100vh - 156px);
  background-color: #ffffff;
  border: 1px solid #d0d0cf;
  box-shadow: none !important;
}

.slideContainerMultiTop {
  width: 100%;
  height: calc(100vh - 266px);
  background-color: #ffffff;
  border: 1px solid #d0d0cf;
  box-shadow: none !important;
}

.slideContainerMultiBottom {
  width: 100%;
  height: 190px;
  background-color: #ffffff;
  border: 1px solid #d0d0cf;
  box-shadow: none !important;
}

.slideContainerMultiBottom .ui-card-content, .slideContainerMultiTop  .ui-card-content, .slideContainerMultiTop  .ui-card-body {
  padding: 0 !important;
}

.slideContainerLeft .ui-card-body, .slideContainerLeft .ui-card-content,
.slideContainerRight .ui-card-content {
  padding: 0 !important;
}

.slideContainerLeft .ui-card-body, .slideContainerLeft .ui-card-content {
  padding: 0 !important;
}

.slideContainerRight .ui-card-body {
  padding: 16px 0 0 0 !important;
}

.slideViewBGSize {
  height: calc(100vh - 158px);
  border-radius: 4px;
}

.slideMultiViewBGSize {
  height: calc(100vh - 268px);
  border-radius: 4px;
}

.navbar-toggle {
  border: none !important;
  padding-top: 0px !important;
}

.navbar-default .navbar-toggle .icon-bar {
  background-color: #fff !important;
}

.navbar-default .navbar-toggle:hover,
.navbar-default .navbar-toggle:focus {
  background-color: rgb(255, 255, 255)parent !important;
}

.navbar-default .navbar-collapse {
  border: none !important;
  margin-left: 0 !important;
}

.navbar-default {
  margin-top: -50px !important;
}

.NextBtn {
  background-color: #0d5678 !important;
  border-color: #0d5678 !important;
  color: #ffffff !important;
  height: 40px !important;
  border-radius: 4px !important;
  font-weight: normal !important;
  width: 75px;
  margin-left: 16px !important;
}

.NextBtn.ui-button-text-icon-left .ui-button-text {
  padding: 0 0 0 15px !important;
}

.NextBtn.ui-button-text-icon-right .ui-button-text {
  padding: 0 15px 0 0 !important;
}

.NextBtn.ui-button-text-only .ui-button-text {
  padding: 0 0 0 0 !important;
}

.ui-state-disabled.NextBtn {
  background-color: #d6d8d9 !important;
  color: #9c9e9e !important;
  border-color: #d6d8d9 !important;
}

.ui-message-dialog {
  width: auto !important;
  height: auto !important;
  border: 0 none !important;
  border-radius: 4px !important;
  position: fixed !important;
  overflow: hidden !important;
  max-width: 600px;
}

.ui-dialog-title {
  color: #222d32 !important;
  font-size: 22px !important;
  font-weight: normal !important;
}

.ui-dialog-titlebar {
  background: #ffffff !important;
  border-bottom: 1px solid #d0d0cf !important;
}

.ui-icon-closethick {
  padding-top: 10px !important;
  color: #0d5678 !important;
  font-size: 12px !important;
  font-weight: bold !important;
  line-height: 1 !important;
  text-shadow: 0 1px 0 #fff !important;
}

.ui-dialog-content {
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 16px !important;
  color: #222d32 !important;
  border: none !important;
  padding: 30px !important;
}

.ui-dialog-message-content {
  line-height: 22px !important;
}

.contentBoxManual {
  min-height: 150px;
  padding: 40px;
  margin-right: 60px;
  margin-bottom: 40px;
  vertical-align: top;
  background-color: #fff;
  border: 1px solid #d0d0cf;
  border-radius: 4px !important;
}

.hintCardBoxLeft, .hintCardBoxRight {
  min-height: 77vh;
}

.hintCardBoxRight2 {
  min-height: calc(77vh - 101.43px) !important;
}

.attachmentIcon {
  padding-right: 10px;
  font-size: 20px !important;
}

.floatRight {
  float: right;
}

.red {
  color: red;
}

.hr {
  margin-top: 10px !important;
  margin-bottom: 5px !important;
}

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

.tooltip-inner {
  background: #0a3f58 !important;
  border: 1px solid #0a3f58 !important;
  word-wrap: break-word;
}

.tooltip.top .tooltip-arrow, .tooltip.bottom .tooltip-arrow {
  border-top-color: #0a3f58 !important;
  border-bottom-color: #0a3f58 !important;
}

.tooltip.left .tooltip-arrow, .tooltip.right .tooltip-arrow {
  border-left-color: #0a3f58 !important;
  border-right-color: #0a3f58 !important;
}

.ui-tooltip-arrow {
  border-top-color: #0a3f58 !important;
  border-bottom-color: #0a3f58 !important;
}

.ui-tooltip-right .ui-tooltip-arrow, .ui-tooltip-left .ui-tooltip-arrow
  {
  border-left-color: #0a3f58 !important;
  border-right-color: #0a3f58 !important;
  border-top-color: transparent !important;
  border-bottom-color: transparent !important;
}

.ui-tooltip .ui-tooltip-text {
  background-color: #0a3f58 !important;
  font-size: 12px !important;
}

.linkActive {
  border-left: 5px solid #0A3F58;
  padding-left: 10px;
  border-radius: 0 !important;
}

.hintLink {
  padding-left: 15px;
}

.attachmentLinkBg {
  background-color: #eaebec;
}

.attachmentLink {
  padding: 10px;
  margin-bottom: 0 !important;
}

.shrinkToFit {
  width: 100% !important;
  height: auto !important;
}

.hintRead {
  color: #222d32 !important;
}

.hintBadge {
  position: absolute !important;
  background-color: #dd353a !important;
  border: 2px solid #ffffff !important;
  line-height: 18px !important;
  top: -12px;
  font-size: 12px !important;
  min-width: 24px !important;
  height: 24px !important;
  padding: 0 8px !important;
}

.breadCrumbText {
  color: #9b9b9b;
  vertical-align: middle;
}

#mainHeaderForm .breadCrumbText, #mainHeaderForm .breadCrumbIcon {
  color: #ffffff;
}

.fullPageBreadCrumb {
  margin-left: 40px;
}

.breadCrumbLink {
  font-size: 16px !important;
  display: inline !important;
  padding: 0 !important;
}

.breadCrumbIcon {
  color: #9b9b9b;
  vertical-align: middle;
}

.breadCrumnbForm {
  padding-left: 40px;
  margin-top: -20px;
}

.timeOutBox {
  background-color: #f3b61f;
  padding: 5px;
  font-weight: bold;
  color: #ffffff;
  text-align: center;
  margin: 0 16px 10px 16px;
}

.multiTimeOutBox {
  background-color: #f3b61f;
  padding: 5px;
  font-weight: bold;
  color: #ffffff;
  text-align: center;
}

.noHeaderDialog .ui-dialog-titlebar {
  display: none;
}

.menuIcon {
  font-size: 24px;
}

#form\:slideBox {
  padding: 0;
}

#form\:slide {
  display: flex;
  justify-content: center;
  align-items: center;
}

#form\:slide img {
  margin: auto
}

.secondTabIcon {
  color: #f3b61f;
}

.loaderDiv {
  display: flex;
  height: 0;
  width: 0;
  position: absolute;
  left: 50%;
  z-index: 100;
  margin: auto;
}

.loader {
  transform: rotateZ(45deg);
  perspective: 1000px;
  border-radius: 50%;
  width: 48px;
  height: 48px;
  color: #0d5678;
}

.loader:before,
.loader:after {
  content: '';
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: inherit;
  height: inherit;
  border-radius: 50%;
  transform: rotateX(70deg);
  animation: 1s spin linear infinite;
  animation-delay: 0s;
}

.loader:after {
  color: #dd353a;
  transform: rotateY(70deg);
  animation-delay: .4s;
}

@keyframes rotate {
  0% {
    transform: translate(-50%, -50%) rotateZ(0deg);
  }

  100% {
    transform: translate(-50%, -50%) rotateZ(360deg);
  }
}

@keyframes rotateccw {
  0% {
    transform: translate(-50%, -50%) rotate(0deg);
  }

  100% {
    transform: translate(-50%, -50%) rotate(-360deg);
  }
}

@keyframes spin {

  0%,
  100% {
    box-shadow: .4em 0px 0 0px currentcolor;
  }

  12% {
    box-shadow: .4em .4em 0 0 currentcolor;
  }

  25% {
    box-shadow: 0 .4em 0 0px currentcolor;
  }

  37% {
    box-shadow: -.4em .4em 0 0 currentcolor;
  }

  50% {
    box-shadow: -.4em 0 0 0 currentcolor;
  }

  62% {
    box-shadow: -.4em -.4em 0 0 currentcolor;
  }

  75% {
    box-shadow: 0px -.4em 0 0 currentcolor;
  }

  87% {
    box-shadow: .4em -.4em 0 0 currentcolor;
  }
}

.error-page {
  padding-top: 30px;
  padding-bottom: 30px;
  background-color: #fff;
  text-align: center;
  border: 1px solid #d0d0cf;
  border-radius: 4px !important;
}

.inactive {
  color: #cccccc;
  cursor: not-allowed;
  text-decoration: none;
  pointer-events: none;
  padding-left: 15px;
}


.keyboardCol {
  align-self: flex-end;
  max-height: calc(63vh - 100px);
  position: absolute !important;
  bottom: 16px !important;
  overflow: auto;
  width: 385px;
}

.marginLeft10Percent {
 margin-left: 10%;
}

.nextBar {
  align-self: flex-end;
  max-height: calc(63vh - 100px);
  position: absolute !important;
  overflow: auto;
  bottom: 16px !important;
  width: 250px;
}

.imageDescription {
 max-height: calc(50vh - 100px);
  overflow: auto;
}

.leftIconLink,
.rightIconLink {
  color: #0d5678 !important;
  font-size: 24px !important;
}

.leftIconLink {
  margin-right: 15px;
}

.rightIconLink {
  margin-left: 15px;
}

.itemRealImage {
  max-width: 700px;
  border: 1px solid #d0d0cf;
  border-radius: 4px !important;
  cursor: pointer;
}


.ql-container {
  padding: 15px 45px 15px 45px;
  overflow: auto;
  font-family: Arial;
}

.modal-header {
  padding: 0 15px 0 15px !important;
}

.modal-header h4 {
  font-size: 22px !important;
}

.modal {
  text-align: center;
  padding: 0 !important;
}

.modal:before {
  content: '';
  display: inline-block;
  height: 100%;
  vertical-align: middle;
  margin-right: -4px;
}

.modal-dialog {
  display: inline-block;
  text-align: left;
  vertical-align: middle;
}

.close {
  padding-top: 10px !important;
  opacity: 1 !important;
  color: #0d5678 !important;
}

.circle:before {
  content: "\f111";
  font-family: 'FontAwesome';
  color: #222d32;
  font-size: 12px;
  padding-right: 5px;
}


.gf-btn-container {
  position: fixed !important;
  z-index: 99999;
  height: 120px;
  width: 30px !important;
  top: 200px;
  left: 0px;

  transition: opacity 0.1s ease-in;
}

.gf-btn-button {
  position: relative !important;
  background-color: #0d5678 !important;
  border-radius: 0px 5px 5px 0px !important;
  width: 100% !important;
  height: 100% !important;
  cursor: pointer !important;
  -webkit-box-shadow: 10px 0px 10px -6px rgba(0, 0, 0, 0.6) !important;
  -moz-box-shadow: 10px 0px 10px -6px rgba(0, 0, 0, 0.6) !important;
  box-shadow: 10px 0px 10px -6px rgba(0, 0, 0, 0.6) !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  border: 2px solid #ffffff !important;
  border-left: none !important;
  opacity: 0.6;
}

.gf-btn-button:hover {
  opacity: 1 !important;
}

.gf-btn-button .ui-button-text {
  font-size: 14px !important;
  color: white !important;
  display: block !important;
  transform: rotate(-90deg) !important;
  -webkit-font-smoothing: antialiased !important;
  font-weight: bold;
}

.feedbackReportBox {
  border: 1px solid #d0d0cf !important;
  border-radius: 4px !important;
  background: white !important;
  padding: 15px !important;
  width: 400px;
  left: 30px !important;
  position: absolute !important;
  top: 1px !important;
  font-size: 14px !important;
}

.feedbackReportBox .ui-overlaypanel-close {
  background: #0d5678 !important;
}

.feedbackReportBox .ui-icon-closethick {
  display: block !important;
  color: #ffffff !important;
  font-weight: normal !important;
}

.reportText {
  resize: vertical !important;
  width: 100%;
}

.nummuratinIcon {
  font-size: 7px;
}

.yellowBorder {
  border: 3px solid #f3b61f !important;
}

.backButton {
  background-color: #5a6669 !important;
  color: #ffffff !important;
  border: 1px solid #5a6669 !important;
  height: 32px !important;
  width: auto !important;
  font-size: 16px !important;
  margin: 15px 0 15px -15px !important;
  text-align: left !important;
  margin-left: 0 !important;
}

.backButton:hover, .abortButton:hover {
  background-color: #222d32 !important;
  border: 1px solid #222d32 !important;
}

.backButton .ui-button-text {
  margin-left: 15px;
}

#form\:slideRealImage {
  z-index: 1000;
  position: relative;
  left: 25%;
  max-width: 50%;
  max-height: 100%;
  border: 1px solid #d0d0cf;
  border-radius: 4px !important;
}

.ui-inputfield {
  border: 1px solid #d0d0cf !important;
  min-height: 34px !important;
  border-radius: 4px !important;
  font-size: 14px !important;
}

.ui-state-default:focus, .ui-selectcheckboxmenu.ui-state-focus, .ui-selectonemenu.ui-state-focus, .ui-inputfield.ui-state-focus {
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 8px
    rgba(102, 175, 233, 0.6) !important;
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 8px
    rgba(102, 175, 233, 0.6) ;
}

.ui-outputlabel {
  font-weight: bold;
}

.ui-password {
  width: 100% !important;
}

.logInPart .ui-password-icon {
  color: #fff !important;
}

.ui-password-icon {
  margin-top: -11px !important;
}

.ui-card-body {
  width: 100%
}

.cardBox {
  width: 437px;
  padding: 8px 20px 0 20px;
  border: 1px solid #d0d0cf;
  box-shadow: none !important;
}

.cardBox .col, .cardBox .col-12  {
  padding-left: 0 !important;
  padding-right: 0 !important;
}

.sessionCardBox {
  padding: 8px 20px 0 20px;
  border: 1px solid #d0d0cf;
  box-shadow: none !important;
  min-width: 220px;
}

.cardBoxHeader {
  font-size: 26px !important;
  font-weight: normal;
  color: #222d32 !important;
}

.cardBoxHeaderIcon {
  padding-right: 12px;
  font-size: 24px !important;
}

.cardBoxBodyIcon {
  padding-right: 12px;
  font-size: 16px !important;
}

.passwordCardBox {
  width: 700px !important;
}

.pl-cardBox {
  padding-left: 40px;
}

.pr-cardBox {
  padding-right: 40px;
}

.ui-dialog-titlebar-icon:focus {
  box-shadow: none !important;
}

.iFrame {
  padding: 16px 40px 0 40px;
}

#form\:slideBox {
  position: relative;
}

.chartBar {
  color: #D0D0CF;
}

div, span {
   scrollbar-color: #9C9E9E;
   scrollbar-width: 6px !important;
}

::-webkit-scrollbar {
    width: 6px !important;
    background: #F8F9FA !important;
    height: 6px !important;
}

::-webkit-scrollbar-thumb {
    background: #9C9E9E !important;
    -webkit-border-radius: 1ex !important;
}

::-webkit-scrollbar-corner {
    background: #9C9E9E !important;
}

.pt-110 {
  padding-top: 110px !important;
}

.border-right-1 {
  border-right-color: #d0d0cf !important;
}