/* FONT VARIABLES */
body {
  font-weight: normal;
  font-size: 16px;
  font-family: "Roboto", "Trebuchet MS", Arial, Helvetica, sans-serif;
  color: #666666;
  background-color: #ffffff;
  font-weight: normal !important;
}
h2 {
  font-family: "Roboto", "Trebuchet MS", Arial, Helvetica, sans-serif;
  font-weight: normal;
  font-size: 30px;
}
.arm-header {
  font-weight: normal;
  font-size: 20px;
  color: #666666;
  font-family: "Roboto", "Trebuchet MS", Arial, Helvetica, sans-serif;
  color: white;
  height: 30px;
  width: 100%;
  line-height: 50px;
  /*background-color: #102886;*/
  background-image: linear-gradient(to right, #001668, #ff5a2f); 
}
.arm-header-button-text {
  font-size: 15px;
  color: white;
  font-weight: normal;
}
.arm-footer {
  font-weight: normal;
  font-size: 20px;
  color: #666666;
  font-family: "Roboto", "Trebuchet MS", Arial, Helvetica, sans-serif;
  color: white;
  height: 27px;
  width: 100%;
  line-height: 27px;
  /*background-color: #001668;*/
  background-image: linear-gradient(to right, #001668, #ff5a2f); /*#1A237E url(../images/login_background.jpg);*/
  bottom: 0;
  position: fixed;
}
.arm-footer-img {
  content: url(../images/gcr_logo.png);
}
.arm-darkBackground {
  background-color: #102886 !important;
}
.arm-mediumBackground {
  background-color: #283593 !important;
}
.arm-lightBackground {
  background-color: #377dd5 !important;
}
.arm-lightText {
  color: white !important;
}
.arm-login md-input-container .md-input {
  border-bottom: 1px solid rgba(255, 255, 255, 0.5) !important;
}
.arm-login label,
input,
md-input-container.md-default-theme label,
md-input-container.md-default-theme .md-placeholder {
  color: #666666;
  font-size: 16px !important;
}
.arm-login md-input-container label:not(.md-no-float):not(.md-container-ignore) {
  opacity: 0.5;
  color: white !important;
  font-size: 14px;
}
.arm-login md-input-container:not(.md-input-invalid).md-input-focused label {
  opacity: 1;
  color: white !important;
  font-size: 14px;
}
.arm-header-icon-purple-circle-border {
  height: 65px !important;
  width: 150px !important;
}
/*#961670*/
.arm-header-icon-slateblue-circle-border {
  border: 4px solid slateblue;
  border-radius: 8px !important;
  height: 65px !important;
  width: 236px !important;
}
.arm-header-icon-slateblue-circle-border:hover {
  border: 4px solid rgba(0, 0, 0, 0.5);
  background: slateblue !important;
  color: #fff !important;
}
.arm-header-icon-orange-circle-border {
  border: 4px solid #ef6c00;
  border-radius: 8px !important;
  height: 65px !important;
  width: 236px !important;
}
.arm-header-icon-orange-circle-border:hover {
  border: 4px solid rgba(0, 0, 0, 0.5);
  background: #ef6c00 !important;
  color: #fff !important;
}
.arm-header-icon-pink-circle-border {
  border: 4px solid #d81b60;
  border-radius: 8px !important;
  height: 65px !important;
  width: 236px !important;
}
.arm-header-icon-pink-circle-border:hover {
  border: 4px solid rgba(0, 0, 0, 0.5);
  background: #d81b60 !important;
  color: #fff !important;
}
.arm-header-icon-yellow-circle-border {
  border: 4px solid #fbc02d;
  border-radius: 8px !important;
  height: 65px !important;
  width: 236px !important;
}
.arm-header-icon-yellow-circle-border:hover {
  border: 4px solid rgba(0, 0, 0, 0.5);
  background: #fbc02d !important;
  color: #fff !important;
}
.arm-header-icon-blueGreen-circle-border {
    border: 4px solid #006B92;
    border-radius: 8px !important;
    height: 65px !important;
    width: 236px !important;
}
.arm-header-icon-blueGreen-circle-border:hover {
    border: 4px solid rgba(0, 0, 0, 0.5);
    background: #006B92 !important;
    color: #fff !important;
}
.arm-header-icon-blue-circle-border {
  border: 4px solid #82b1ff;
  border-radius: 8px !important;
  height: 65px !important;
  width: 236px !important;
}
.arm-header-icon-blue-circle-border:hover {
  border: 4px solid rgba(0, 0, 0, 0.5);
  background: #82b1ff !important;
  color: #fff !important;
}
.arm-header-icon-aqua-circle-border {
  border: 4px solid #00bfa5;
  border-radius: 8px !important;
  height: 65px !important;
  width: 236px !important;
}
.arm-header-icon-aqua-circle-border:hover {
  border: 4px solid rgba(0, 0, 0, 0.5);
  background: #00bfa5 !important;
  color: #fff !important;
}
.arm-header-icon-green-circle-border {
  border: 4px solid #689f38;
  border-radius: 8px !important;
  height: 65px !important;
  width: 236px !important;
}
.arm-header-icon-green-circle-border:hover {
  border: 4px solid rgba(0, 0, 0, 0.5);
  background: #689f38 !important;
  color: #fff !important;
}
.arm-sub-header-tabs md-tabs.md-default-theme .md-tab,
md-tabs .md-tab {
  color: white;
}
.arm-sub-header-tabs md-tabs.md-default-theme .md-tab.md-active,
md-tabs .md-tab.md-active,
md-tabs.md-default-theme .md-tab.md-active md-icon,
md-tabs .md-tab.md-active md-icon,
md-tabs.md-default-theme .md-tab.md-focused,
md-tabs .md-tab.md-focused,
md-tabs.md-default-theme .md-tab.md-focused md-icon,
md-tabs .md-tab.md-focused md-icon {
  color: white;
}
.background-teal {
  background-color: #1fb5ac !important;
}
md-toolbar {
  min-height: 48px;
}
.md-toolbar-tools {
  height: auto;
}
md-pagination-wrapper {
  width: auto !important;
}
.no-wrap {
  white-space: nowrap !important;
}
.absolute-center {
  width: 50%;
  height: 58%;
  margin-top: 178px;
  margin: auto;
  position: absolute;
  top: 0px;
  left: 0;
  bottom: 0;
  right: 0;
  width: 300px;
}
.absolute-center-loader {
  width: 50%;
  height: 58%;
  margin-top: 178px;
  margin: auto;
  position: absolute;
  top: 225px;
  left: 0;
  bottom: 0;
  right: 0;
  width: 300px;
}
.font-xl {
  font-weight: normal;
  font-size: 30px;
  color: #666666;
  font-family: "Roboto", "Trebuchet MS", Arial, Helvetica, sans-serif;
}
.font-xl-dark {
  font-weight: normal;
  font-size: 30px;
  font-family: "Roboto", "Trebuchet MS", Arial, Helvetica, sans-serif;
  color: #666666;
}
.font-xl-light {
  font-weight: normal;
  font-size: 30px;
  color: #666666;
  font-family: "Roboto", "Trebuchet MS", Arial, Helvetica, sans-serif;
  color: white;
}
.font-lg {
  font-weight: normal;
  font-size: 20px;
  color: #666666;
  font-family: "Roboto", "Trebuchet MS", Arial, Helvetica, sans-serif;
}
.font-lg-dark {
  font-weight: normal;
  font-size: 20px;
  font-family: "Roboto", "Trebuchet MS", Arial, Helvetica, sans-serif;
  color: #666666;
}
.font-lg-light {
  font-weight: normal;
  font-size: 20px;
  color: #666666;
  font-family: "Roboto", "Trebuchet MS", Arial, Helvetica, sans-serif;
  color: white;
}
.font-md {
  font-weight: normal;
  font-size: 16px;
  color: #666666;
  font-family: "Roboto", "Trebuchet MS", Arial, Helvetica, sans-serif;
}
.font-md-dark {
  font-weight: normal;
  font-size: 16px;
  font-family: "Roboto", "Trebuchet MS", Arial, Helvetica, sans-serif;
  color: #666666;
}
.font-md-light {
  font-weight: normal;
  font-size: 16px;
  color: #666666;
  font-family: "Roboto", "Trebuchet MS", Arial, Helvetica, sans-serif;
  color: white;
}
.font-sm {
  font-weight: normal;
  font-size: 12px;
  font-family: "Roboto", "Trebuchet MS", Arial, Helvetica, sans-serif;
}
.font-sm-dark {
  font-weight: normal;
  font-size: 12px;
  font-family: "Roboto", "Trebuchet MS", Arial, Helvetica, sans-serif;
  color: #666666;
}
.font-sm-light {
  font-weight: normal;
  font-size: 12px;
  font-family: "Roboto", "Trebuchet MS", Arial, Helvetica, sans-serif;
  color: white;
}
.font-xs {
  font-weight: normal;
  font-size: 10px;
  font-family: "Roboto", "Trebuchet MS", Arial, Helvetica, sans-serif;
}
.font-xs-dark {
  font-weight: normal;
  font-size: 10px;
  font-family: "Roboto", "Trebuchet MS", Arial, Helvetica, sans-serif;
  color: #666666;
}
.font-xs-light {
  font-weight: normal;
  font-size: 10px;
  font-family: "Roboto", "Trebuchet MS", Arial, Helvetica, sans-serif;
  color: white;
}
.darkBackground-whiteText {
  background-color: #102886 !important;
  color: white;
  overflow-x: hidden;
}
.btn1 {
  color: white;
  background-color: transparent;
  border-radius: 10px 0 0 10px;
  font-size: 16px;
}
.btn1:hover {
  color: #fbc02d;
  background-color: transparent;
}
.btn1[disabled] {
  color: #bbbbbb;
  background-color: transparent;
}
/*OVERRIDE STYLES FOR TAB UNDERLINES AND BACKGROUND COLOR*/
md-tabs.md-default-theme md-ink-bar,
md-tabs md-ink-bar {
  color: #fbc02d !important;
  background-color: #fbc02d !important;
}
md-tabs > md-tabs-wrapper > md-tabs-canvas > md-pagination-wrapper > md-tab-item:not([disabled]).md-active,
md-tabs > md-tabs-wrapper > md-tabs-canvas > md-pagination-wrapper > md-tab-item:not([disabled]).md-active md-icon,
md-tabs.md-accent > md-tabs-wrapper > md-tabs-canvas > md-pagination-wrapper > md-tab-item:not([disabled]).md-active md-icon,
md-tabs.md-default-theme.md-accent > md-tabs-wrapper > md-tabs-canvas > md-pagination-wrapper > md-tab-item:not([disabled]).md-focused,
md-tabs.md-default-theme.md-accent > md-tabs-wrapper > md-tabs-canvas > md-pagination-wrapper > md-tab-item:not([disabled]).md-focused md-icon {
  background-color: #285a9a !important;
}
.nav-active {
  background-color: transparent;
  color: #fbc02d !important;
}
.relative-position {
  position: relative;
}
.vertical-scroll {
  overflow-x: scroll;
}
.md-padding-bottom {
  padding-bottom: 20px;
}
.large-padding-bottom {
  /*padding-bottom: 30px;*/
  padding-bottom: 0px;
}
.md-padding4 {
  padding: 4px;
}
.larger-padding-bottom {
  padding-bottom: 36px;
}
.small-padding-bottom {
  padding-bottom: 5px;
}
.xs-padding-top {
  padding-top: 4px;
}
.med-padding-top {
  padding-top: 20px;
}
.med2-padding-top {
  padding-top: 30px;
}
.large-padding-top {
  padding-top: 45px;
}
.large-padding-left {
  padding-left: 55px;
}
.large-padding-right {
  padding-right: 55px;
}
.homeButton-active {
  /*background-color: #990099;
border: 4px solid rgba(0, 0, 0, 0.5);*/
}
.tenantFacilityHeader-active {
  background-color: #689f38;
  border: 4px solid rgba(0, 0, 0, 0.5);
}
.aeronauticalActivityHeader-active {
  background-color: #00bfa5;
  border: 4px solid rgba(0, 0, 0, 0.5);
}
.utilityHeader-active {
  background-color: #82b1ff;
  border: 4px solid rgba(0, 0, 0, 0.5);
}
.revenueHeader-active {
  background-color: #fbc02d;
  border: 4px solid rgba(0, 0, 0, 0.5);
}
.applicationMgmtHeader-active {
  background-color: #ef6c00;
  border: 4px solid rgba(0, 0, 0, 0.5);
}
.configurationMgmtHeader-active {
  background-color: slateblue;
  border: 4px solid rgba(0, 0, 0, 0.5);
}
.budgetHeader-active {
    background-color: #006B92;
    border: 4px solid rgba(0, 0, 0, 0.5);
}
.logo-image-button {
    padding: 0 0 0 0;
    background: transparent;
    border: 0px;
}
.logo-image-button:focus {
  outline: none;
  border: 0;
}
/*TREE MENU STYLES*/
md-list.menu-treemenu {
  margin-top: 10px;
}
md-list.menu-treemenu md-list-item {
  margin: 0;
  padding: 0;
  font-weight: normal;
  list-style: none;
  margin-left: 16px;
  margin-right: 26px;
  width: 100%;
  white-space: nowrap !important;
  font-size: 14px;
  position: relative;
  font-family: "Roboto", sans-serif;
}
md-list.menu-treemenu md-list {
  margin: 0;
  padding: 0;
  list-style: none;
}
md-list.menu-treemenu md-list md-list-item:hover {
  /*color:#efbd0f;*/
}
md-list.menu-treemenu > md-list-item {
  background: url(../images/tree-branch-ver-lv1.png) no-repeat;
}
md-list.menu-treemenu md-list > md-list-item.parent {
  background: url(../images/tree-branch-ver-lv2.png) 0 32px no-repeat;
}
div[class*="box-"] md-list.menu-treemenu md-list-item {
  color: #fff;
}
md-list.menu-treemenu md-list-item {
  /*display: block;*/
  color: #000;
  cursor: pointer;
  text-decoration: none;
}
md-list.menu-treemenu md-list-item > span {
  transition: all 0.2s ease-in-out;
  -moz-transition: all 0.2s ease-in-out;
  -webkit-transition: all 0.2s ease-in-out;
  display: inline-block;
}
.nonActive_circle {
  background-image: url(../images/icons-base.png);
  background-position: 0 -933px;
  background-repeat: no-repeat;
  display: block;
  width: 20px;
  height: 20px;
  margin-left: -16px;
}
.nonActive_circle .active_circle {
  background-image: url(../images/icons-base.png);
  background-position: 0 -849px;
  /*color:white;*/
  background-repeat: no-repeat;
  height: 20px;
  width: 20px;
  margin-left: -15px;
}
.active_circle {
  background-image: url(../images/icons-base.png);
  background-position: 0 -849px;
  /*color:white;*/
  background-repeat: no-repeat;
  height: 20px;
  width: 20px;
  margin-left: -15px;
}
.active_circle:hover {
  background-image: url(../images/icons-base.png);
  background-position: 0 -849px;
  /*color:#efbd0f;*/
  background-repeat: no-repeat;
  height: 20px;
  width: 20px;
  margin-left: -15px;
}
md-tab-item:hover {
  background-color: #1976D2 !important;
}
md-list.menu-treemenu md-list-item > span.active_circle {
  display: block;
  padding-left: 32px;
  line-height: 18px;
  background-repeat: no-repeat;
}
md-list.menu-treemenu md-list-item > span {
  transition: all 0.2s ease-in-out;
  -moz-transition: all 0.2s ease-in-out;
  -webkit-transition: all 0.2s ease-in-out;
  display: inline-block;
}
.jsn-menutitle,
.jsn-menudescription {
  display: block;
}
md-list.menu-treemenu md-list-item > span {
  line-height: 18px;
}
md-list.menu-treemenu md-list-item {
  color: #fff;
}
.dashed-management-header {
  background: #f7f9fb;
  border-bottom: 1px dashed #baccda;
  padding: 5px 8px !important;
  font-weight: bold !important;
  font-family: "Roboto", sans-serif !important;
  color: #486579;
  font-size: 17px;
}
.grid-header {
  background-color: #377dd5;
  font: "Roboto", sans-serif;
  color: white !important;
  font-size: 15px;
}
.grid-header-padding {
  padding: 10px 25px 10px 10px;
}
.table > tbody > tr > td {
  border-top: 1px dashed #ddd;
}
md-table-container tr td {
  vertical-align: middle;
}
.table-content tr td {
  padding: 10px;
}
.table td {
  line-height: 1.5;
  border-top: none;
}
.table-striped tbody tr:nth-of-type(2n+1) {
  border-bottom: 1px dashed #c7c7c7 !important;
  background: #f1f1f1;
}
.grid-button-icon {
  background: transparent;
  border: none;
}
.icon-darker-teal {
  color: #00897b;
}
.icon-teal {
  color: #1fb5ac !important;
}
.icon-blue {
  color: #2196F3 !important;
}
.icon-orange {
  color: #ff9800 !important;
}
.icon-green {
  color: #4CAF50 !important;
}
.icon-pink {
  color: #FF69B4 !important;
}
.icon-cell-padding {
  padding: 5px 5px 5px 5px !important;
}
.icon-cell-padding-zeroTop {
  padding: 0px 5px 5px 5px !important;
}
.content-container {
  border: 1px solid #d0dde7;
  background: #fff;
  margin: 15px !important;
  position: relative;
  transition: all 0.5s ease-in-out;
  width: 98%;
}
.blue-color-point {
  background: #377dd5;
  width: 4px;
  position: absolute;
  height: 21px;
  top: 4px;
  margin-left: 0px;
}
.circle_widget {
  background: #eaeff3;
  border-radius: 0px 15px 15px 0px;
  height: 16px;
  position: absolute;
  top: 33px;
  left: -10px;
  width: 10px;
}
.circle_widget_rt {
  background: #eaeff3;
  border-radius: 15px 0px 0px 15px;
  height: 15px;
  position: absolute;
  top: 33px;
  right: -10px;
  width: 10px;
}
.screen-background-color {
  background-color: #eaeff3;
}
.above-dropdown-label-margin {
  margin-top: -7px;
}
.medium-margin-top {
  margin-top: 15px;
}
.small-margin-top {
  margin-top: 7px;
}
.medium-margin-right {
  margin-right: 23px;
}
.light-gray-color {
  color: #9e9e9e;
}
.brown-color-button {
  background-color: #6d4c41 !important;
  color: #fff !important;
  border: none;
  border-radius: 8px;
}
.inner-button-icon-padding {
  padding-top: 9px;
  padding-right: 15px;
  padding-left: 5px;
}
.medium-font-size {
  font-size: 19px !important;
}
.grid-icons-height {
  height: 26px !important;
}
.grid-button-row {
  padding: 0px !important;
  margin: 0px !important;
}
.grid-filter-inputs {
  color: black !important;
}
table.md-table th.md-column {
  color: white;
  font-size: 15px;
  font-weight: 700;
  white-space: nowrap;
}
table.md-table:not(.md-row-select) td.md-cell:nth-child(n+2):nth-last-child(n+2),
table.md-table:not(.md-row-select) th.md-column:nth-child(n+2):nth-last-child(n+2) {
  padding: 0 10px 0 0;
}
.center-text {
  text-align: center !important;
}
.filter-icon {
  background-image: url('../images/filter-blue (1).png');
}
.filter-row md-select {
  margin: 0px !important;
}
.grid-filterBox-position {
  margin-top: 9px;
}
.grid-filterBox-height {
  height: 20px;
}
.no-padding-top {
  padding-top: 0px !important;
}
.modal-header-row {
  height: 55px;
}
.modal-header-lineHeight {
  line-height: 25px;
}
.bold-text {
  font-weight: bold;
}
.absolute-position {
  position: absolute;
}
.checkbox-lineHeight {
  line-height: 71px;
}
.med-padding-left-percentage {
  padding-left: 6% !important;
}
.medium-padding-left {
  padding-left: 19px;
}
md-checkbox:not([disabled]).md-primary.md-checked .md-ink-ripple {
  color: #377dd5;
}
.green-button {
  background-color: #4CAF50;
  color: white;
}
.green-button.md-button:not([disabled]).md-focused {
  background-color: #388E3C !important;
}
.green-button.md-button:not([disabled]):hover {
  background-color: #388E3C !important;
}
.red-button {
  background-color: #F70606;
  color: white;
}
.red-button[disabled] {
  color: rgba(0, 0, 0, 0.38);
  background-color: rgba(0, 0, 0, 0.12);
}
.red-button.md-button:not([disabled]).md-focused {
  background-color: #AF1010 !important;
}
.red-button.md-button:not([disabled]):hover {
  background-color: #AF1010 !important;
}
.blue-button {
  background-color: #3876e9;
  color: white;
}
.blue-button.md-button:not([disabled]).md-focused {
  background-color: #0051e9 !important;
}
.blue-button.md-button:not([disabled]):hover {
  background-color: #0051e9 !important;
}
.arm-modal {
  width: auto;
  margin-left: 20%;
  margin-right: 20%;
}
.arm-modalbackground {
  background-color: white;
}
.arm-modal .header {
  font-weight: bold;
  color: #666666;
  font-family: "Roboto", sans-serif;
  background-color: #4ea8ae;
  font-size: 35px;
  color: white;
}
.message-modal-header {
  font-size: 24px;
  padding: 5px;
}
.armModal {
  min-width: 493px !important;
}
.armModal #popupContainer {
  position: relative;
}
.armModal .footer {
  width: 100%;
  text-align: center;
  margin-left: 20px;
}
.armModal .footer,
.armModal .footer > code {
  font-size: 0.8em;
  margin-top: 50px;
}
.armModal button {
  width: 150px;
}
.header md-toolbar:not(.md-menu-toolbar) {
  background-color: #3f51b5 !important;
  color: rgba(255, 255, 255, 0.87);
}
.header-warning md-toolbar:not(.md-menu-toolbar) {
  background-color: #F44336 !important;
  color: rgba(255, 255, 255, 0.87);
}
.quickLinks-content md-content {
  background-color: transparent;
  display: inline !important;
}
.subHeader-toolbar md-toolbar {
  min-height: 137px;
}
.header-toolbar md-toolbar {
  min-height: 108px;
}
.agreementDetails-leftNav md-content {
  display: inline-block !important;
}
/*.ng-scope { height: 100%; }*/
.material-icons.md-light {
  color: #ffffff;
}
.material-icons.md-light.md-inactive {
  color: rgba(255, 255, 255, 0.3);
}
.circle-widget {
  background: #eaeff3;
  border-radius: 0px 15px 15px 0px;
  height: 15px;
  position: absolute;
  top: 35px;
  left: -1px;
  width: 10px;
}
.circle-widget-shorter-header {
  background: #eaeff3;
  border-radius: 0px 15px 15px 0px;
  height: 15px;
  position: absolute;
  top: 27px;
  left: -1px;
  width: 8px;
}
.circle-widget-rt {
  background: #eaeff3;
  border-radius: 15px 0px 0px 15px;
  height: 15px;
  position: absolute;
  top: 35px;
  right: -1px;
  width: 10px;
}
.circle-widget-rt-shorter-header {
  background: #eaeff3;
  border-radius: 15px 0px 0px 15px;
  height: 15px;
  position: absolute;
  top: 27px;
  right: -1px;
  width: 8px;
}
.widget_header {
  background: #f7f9fb;
  border-bottom: 1px dashed #baccda;
  padding: 13px 10px !important;
  font-weight: bold !important;
  font-family: "Roboto", sans-serif !important;
  color: #486579;
  font-size: 14px;
}
.widget_header_1 {
  background: #f7f9fb;
  border-bottom: 1px dashed #baccda;
  padding: 1px 10px !important;
  font-weight: bold !important;
  font-family: "Roboto", sans-serif !important;
  color: #486579;
  font-size: 14px;
}
.widget_header_smallPadding {
  background: #f7f9fb;
  border-bottom: 1px dashed #baccda;
  padding: 9px 10px !important;
  font-weight: bold !important;
  font-family: "Roboto", sans-serif !important;
  color: #486579;
  font-size: 14px;
}
.widget {
  border: 1px solid #d0dde7;
  background: #fff;
  margin: 5px 0px !important;
  position: relative;
  padding: 0px !important;
  transition: all 0.5s ease-in-out;
  z-index: 0;
}
.widget_oth {
  border: 1px solid #d0dde7;
  background: #fff;
  margin: 5px 0px !important;
  position: relative;
  padding: 0px !important;
  transition: all 0.5s ease-in-out;
  z-index: 0;
}
.widget_oth_noMargin {
  border: 1px solid #d0dde7;
  background: #fff;
  position: relative;
  padding: 0px !important;
  transition: all 0.5s ease-in-out;
  z-index: 0;
}
.pink_color_point {
  background: #db1d5e;
  width: 3px;
  position: absolute;
  height: 20px;
  top: 10px;
}
.green_color_point {
  background: #689e44;
  width: 3px;
  position: absolute;
  height: 20px;
  top: 10px;
}
.purple_color_point {
  background: #a48ad4;
  width: 3px;
  position: absolute;
  height: 20px;
  top: 10px;
}
.pop-title {
  color: #008080;
  font-weight: bold;
}
.blue-color-bar {
  background: #377dd5;
  width: 3px;
  position: absolute;
  height: 20px;
  top: 10px;
}
.blue-color-bar-shorter {
  background: #377dd5;
  width: 3px;
  position: absolute;
  height: 16px;
  top: 8px;
}
.color-blue-lite {
  background: #377dd5;
  color: #fff;
  font-weight: bold;
}
.padding-15 {
  padding: 15px;
}
.padding-top-10 {
  padding-top: 10px;
}
.pull-right {
  float: right;
}
.mdtab {
  color: rgba(0, 0, 0, 0.54) !important;
}
.md-custom-input-container {
  margin-top: 10px !important;
  margin-right: 15px !important;
}
md-input-container.md-custom-input-container-0 {
  display: inline-block;
  position: relative;
  padding: 4px;
  margin: 5px 0px -20px 0px;
  vertical-align: middle;
}
.inactive {
  pointer-events: none;
  cursor: default;
}
.blue1 {
  text-align: left;
  background: #377dd5 !important;
  color: #fff;
}
.purple1 {
  text-align: left;
  background: #800080 !important;
  color: #fff;
}
.ui-grid-header-viewport {
  text-align: left;
  background: #377dd5 !important;
  color: #fff;
}
.left-nav md-content {
  padding: 17px;
}
.redcolor {
  color: red;
}
.header-icon-height {
  height: 83px !important;
}
.padding-all-small {
  padding: 7px;
}
.full-width {
  width: 100% !important;
}
.full-height {
  /*height: 100%;*/
  height: 90%;
}
.modal-large-x {
  font-size: 37px !important;
  line-height: 54px;
}
.required-text {
  color: red;
}
.icon-teal md-checkbox.md-checked .md-icon {
  background-color: #1fb5ac;
}
.ui-grid-pager-control input {
  height: 16px !important;
}
.arm-loading {
  font-weight: bold;
  font-size: 18px;
  /*color: #666666;*/
  font-family: "Roboto", sans-serif !important;
  color: white;
  background-color: rgba(0, 0, 0, 0.65);
  border-radius: 0;
  position: absolute;
  left: 0;
  right: 0;
  top: 0px;
  z-index: 10000;
  height: 100% !important;
}
.arm-loading .container-fluid {
  margin-top: 225px;
}
.login-img {
  content: url(../images/login_logo.png);
  height: 80px;
  width: 100%;
}
.login-background {
  width: 100%;
  height: 100%;
  background: #1A237E url(../images/login_background.jpg);
  right: 0;
  position: fixed;
  background-position: 0% 90% !important;
  overflow: auto;
}
.login-submit {
  width: auto;
  float: right;
  background: #03A9F4;
  padding: 10px 16px;
  cursor: pointer;
  font-size: 14px;
  font-weight: 600;
  color: #fff !important;
  line-height: 16px;
  font-family: Roboto;
  text-transform: uppercase;
  max-height: 36px;
  height: 36px;
  letter-spacing: 0.5px;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border-radius: 2px;
  -webkit-box-shadow: 0 2px 6px rgba(0, 0, 0, 0.1), 0 3px 6px rgba(0, 0, 0, 0.1);
  -moz-box-shadow: 0 2px 6px rgba(0, 0, 0, 0.1), 0 3px 6px rgba(0, 0, 0, 0.1);
  box-shadow: 0 2px 6px rgba(0, 0, 0, 0.1), 0 3px 6px rgba(0, 0, 0, 0.1);
  -webkit-transition-duration: 0.25s;
  -moz-transition-duration: 0.25s;
  -o-transition-duration: 0.25s;
  transition-duration: 0.25s;
  -webkit-transition-property: background-color, -webkit-box-shadow;
  -moz-transition-property: background-color, box-shadow;
  -o-transition-property: background-color, box-shadow;
  transition-property: background-color, box-shadow;
  border: 0;
}
.change-password {
  width: auto;
  float: right;
  background: none;
  padding: 10px 16px;
  font-family: Roboto;
  font-size: 14px;
  color: #fff;
  font-weight: 600;
  margin: 0 10px !important;
  line-height: 16px;
  text-transform: uppercase;
  cursor: pointer;
  max-height: 36px;
  height: 36px;
  letter-spacing: 0.5px;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border-radius: 2px;
  -webkit-transition-duration: 0.25s;
  -moz-transition-duration: 0.25s;
  -o-transition-duration: 0.25s;
  transition-duration: 0.25s;
  -webkit-transition-property: background-color;
  -moz-transition-property: background-color;
  -o-transition-property: background-color;
  transition-property: background-color;
  border: 0;
  outline: 0;
}
.white-text {
  color: #ffffff;
}
.login-submit.md-button:not([disabled]):hover {
  background-color: #1976D2;
}
.change-password.md-button:not([disabled]):hover {
  background-color: #eee;
  color: #333;
}
.wavesEffect {
  position: relative;
  cursor: pointer;
  overflow: hidden;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -webkit-tap-highlight-color: transparent;
  vertical-align: middle;
  z-index: 1;
  will-change: opacity, transform;
  -moz-transition: all 0.3s ease-out;
  -o-transition: all 0.3s ease-out;
  -webkit-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out;
}
.login-form {
  font-size: 16px;
  font-weight: 400;
  opacity: 0.8;
  color: #fff !important;
}
.loginFields input[type=text] {
  border: none;
  border-radius: 0;
  box-shadow: none;
  -moz-box-sizing: content-box;
  -webkit-box-sizing: content-box;
  box-sizing: content-box;
  border-width: 0 0 1px;
  border-style: solid;
}
.loginFields md-input-container:not(.md-input-invalid).md-input-focused label {
  color: white !important;
}
.loginFields md-input-container:not(.md-input-invalid) .md-input {
  border-color: #fff;
  /*box-shadow: 0 1px 0 0 #26a69a;*/
}
.loginFields md-input-container:not(.md-input-invalid).md-input-focused .md-input {
  border-color: #fff;
  box-shadow: 0 1px 0 0 #26a69a;
}
.med-margin-bottom {
  margin-bottom: 30px;
}
.sm-margin-bottom {
  margin-bottom: 20px;
}
.xxl-margin-top {
  margin-top: 300px;
}
.fade-in-transition {
  -moz-transition: 1s linear all;
  -o-transition: 1s linear all;
  -webkit-transition: 1s linear all;
  transition: 1s linear all;
}
.fade-in-transition.ng-enter {
  opacity: 0;
}
.fade-in-transition.ng-enter.ng-enter-active {
  opacity: 1;
}
.fade-in-transition.ng-leave {
  opacity: 1;
}
.fade-in-transition.ng-leave.ng-leave-active {
  opacity: 0;
}
.change-password-header {
  /*width: 19%;*/
  /*height: 56%;*/
  margin: auto;
  position: absolute;
  top: 5%;
  left: 0;
  bottom: 0;
  right: 0;
  width: 300px;
}
.min-height-listItem {
  min-height: 32px;
}
.login-text-content {
  background: transparent !important;
  color: white !important;
}
.loginFields md-input-container .md-input {
  color: white;
}
.loginFields md-input-container .md-input-invalid .md-input-focused label {
  color: white;
}
.loginFields md-input-container:not(.md-input-invalid) .md-input-has-value label {
  color: white;
}
md-toolbar:not(.md-menu-toolbar).md-default-theme,
md-toolbar:not(.md-menu-toolbar) {
  background-color: #283593;
}
.frmLoginInputClass {
  height: 420px;
  width: 300px;
  background-color: rgba(0, 0, 0, 0.144);
  position: absolute;
  transform: translate(-50%,-50%);
  top: 35%;
  left: 50%;
  border-radius: 20px;
  backdrop-filter: blur(10px);
  box-shadow: 0 0 40px rgba(8,7,16,0.6);
  padding: 50px 35px;
}

.frmChangePasswordInputClass {
  height: 700px;
  width: 800px;
  background-color: rgba(0, 0, 0, 0.144);
  position: absolute;
  transform: translate(-50%,-50%);
  top: 45%;
  left: 50%;
  border-radius: 20px;
  backdrop-filter: blur(10px);
  box-shadow: 0 0 40px rgba(8,7,16,0.6);
  padding: 50px 35px;
}

.loginFields md-input-container:not(.md-input-invalid).md-input-has-value label {
  color: white !important;
}
.center-modal-button {
  margin: auto;
  padding-right: 6%;
}
.quick-links-icon {
  color: #377dd5 !important;
  background-color: white !important;
  font-weight: bold;
  border-radius: 15px;
}
.md-padding-right {
  padding-right: 30px;
}
.md-padding-left {
  padding-left: 30px;
}
.center-text-in-bar {
  line-height: 43px;
}
.center-icon-in-bar {
  line-height: 21px;
}
.center-modal-text {
  margin: 0 auto;
}
.white-background {
  background-color: #ffffff;
}
/*input:-webkit-autofill {
-webkit-box-shadow: 0 0 0 1000px white inset;
box-shadow: 0 0 0 1000px white inset;
}*/
/************************************* Provision Styles ******************/
.whole {
  margin-bottom: 0px !important;
  width: 100% !important;
  display: block !important;
}
.cw {
  left: 0px !important;
}
.cwr {
  right: 0px !important;
}
.cc {
  margin: 0px !important;
  width: 100% !important;
}
.color_blue_lit1 {
  background: #377dd5;
  color: #fff;
}
.ratetable {
  height: 270px;
  overflow-y: scroll;
}
.fourcolor {
  color: #ef3277 !important;
}
.orange-text {
  color: #ff9800 !important;
}
.blue-text {
  color: #2196F3 !important;
}
.teal-text {
  color: #1fb5ac !important;
}
.pop_title {
  color: #008080;
  font-weight: bold;
}
.blue1 {
  text-align: center;
  background: #377dd5;
  color: #fff;
}
.purple1 {
  text-align: left;
  background: #800080 !important;
  color: #fff;
}
.cell-center {
  text-align: center;
}
#provgrid .ui-grid-cell-focus {
  outline: 0;
  background-color: transparent;
}
/*MD GRID - CHECKBOX HACK*/
.ui-grid-cell md-checkbox:not(.md-checked) .md-icon {
  background-color: white !important;
}
.ui-grid-cell md-checkbox:not(.md-checked) .md-ripple-container {
  background-color: transparent !important;
}
.ui-grid-cell md-checkbox.md-checked .md-icon {
  background-color: #1fb5ac !important;
}
.ui-grid-cell md-checkbox.md-checked .md-ripple-container {
  background-color: transparent !important;
}
#provgrid .ui-grid-header-viewport {
  width: 100%;
  background-color: #377dd5 !important;
  color: #ffffff !important;
}
/* sorting icon */
#provgrid .ui-grid-icon-blank::before {
  width: 1em;
  content: '\c359' !important;
}
/* sorting icon */
#provgrid .ui-grid-invisible {
  visibility: visible;
}
/* sort priority number*/
#provgrid .ui-grid-sort-priority-number {
  display: none;
}
#provgrid .ui-grid-row-dirty .ui-grid-cell {
  color: #1fb5ac;
  background-color: #fff;
}
#provgrid .uigridClass[type="checkbox"]:not(:checked),
#provgrid .uigridClass[type="checkbox"]:checked {
  visibility: visible !important;
  position: static;
  left: 0px;
}
#provgrid .ui-grid-filter-container .ui-grid-filter-button [class^="ui-grid-icon"] {
  color: #000000;
}
.provisions md-pagination-wrapper {
  right: 0 !important;
  left: auto;
  width: 720px !important;
}
.provisions .md-tab {
  font-size: 12px;
  padding: 13px 20px;
  margin-left: 5px;
}
md-tabs.provisions .md-tab {
  border-top: 1px solid #9e9e9e;
  border-right: 1px solid #9e9e9e;
  border-left: 1px solid #9e9e9e;
  border-bottom: 1px solid #1fb5ac;
  background: #f2f2f2 !important;
  color: #999 !important;
}
md-tabs.provisions .md-tab.md-active {
  border-top: 1px solid #1fb5ac;
  border-right: 1px solid #1fb5ac;
  border-left: 1px solid #1fb5ac;
  border-bottom: 2px solid red !important;
  background: #fff !important;
  color: #377dd5 !important;
  z-index: 9999;
}
md-tabs.provisions md-ink-bar {
  color: #ffffff !important;
  background: #ffffff !important;
  right: 0px;
  left: 0px;
}
md-tabs.provisions[md-border-bottom] md-tabs-wrapper {
  border-style: none;
}
.provisions md-tab-content {
  border: 1px solid;
  border-top: 1px solid #1fb5ac !important;
  border-right: 1px solid #1fb5ac !important;
  border-left: 1px solid #1fb5ac !important;
  border-bottom: 1px solid #1fb5ac !important;
}
/* Date Picker */
.provdate .md-datepicker-input-mask {
  display: none;
}
.provdate md-calendar > table {
  width: 340px;
}
/********************************************Company/ Contact Details styles **************/
.green-text {
  color: #4CAF50 !important;
}
.companycontact md-pagination-wrapper {
  right: 0 !important;
  left: auto;
  width: auto !important;
}
.companycontact .md-tab {
  font-size: 12px;
  padding: 11px 20px;
  margin-left: 5px;
}
md-tabs.companycontact md-tabs-content-wrapper {
  top: -1px !important;
}
md-tabs.companycontact .md-tab {
  border-top: 1px solid #9e9e9e;
  border-right: 1px solid #9e9e9e;
  border-left: 1px solid #9e9e9e;
  border-bottom: 1px solid #1fb5ac;
  background: #f2f2f2 !important;
  color: #999 !important;
}
md-tabs.companycontact .md-tab.md-active {
  border-top: 1px solid #1fb5ac;
  border-right: 1px solid #1fb5ac;
  border-left: 1px solid #1fb5ac;
  border-bottom: 2px solid white !important;
  background: #fff !important;
  color: #377dd5 !important;
  z-index: 9999;
}
md-tabs.companycontact md-ink-bar {
  color: #ffffff !important;
  background: #ffffff !important;
  right: 0px;
  left: 0px;
}
md-tabs.companycontact[md-border-bottom] md-tabs-wrapper {
  border-style: none;
}
.companycontact md-tab-content {
  border: 1px solid;
  border-top: 1px solid #1fb5ac !important;
  border-right: 1px solid #1fb5ac !important;
  border-left: 1px solid #1fb5ac !important;
  border-bottom: 1px solid #1fb5ac !important;
}
.sub_title {
  color: #039be5;
  font-weight: bold;
  padding-bottom: 20px;
}
.sub_title_border {
  color: #039be5;
  font-weight: bold;
  border-bottom: 1px solid;
  padding-bottom: 10px;
}
md-dialog.companycontactdialogue {
  width: 65%;
}
.companyagreement md-pagination-wrapper {
  right: 0 !important;
  left: auto;
  width: auto !important;
}
.companytitle {
  z-index: 999;
  margin-bottom: -50px;
  margin-left: 17px;
}
.savestyle {
  z-index: 999;
  margin-right: 12px;
  margin-bottom: 20px;
}
.companycontact md-tabs-wrapper {
  z-index: 1000;
}
.guaranteeGroup md-tabs-wrapper {
  z-index: 0 !important;
}
/*md-dialog.md-transition-in {
width:100%;
}*/
/*need to wrap this style in a custom class so it doesnt get applied to every modal in the app.*/
/*************************************************************************************************************/
.circle_widget-layered-containers {
  background: #eaeff3;
  border-radius: 0px 15px 15px 0px;
  height: 16px;
  position: absolute;
  top: 38px;
  left: -3px;
  width: 10px;
}
.circle_widget_rt-layered-containers {
  background: #eaeff3;
  border-radius: 15px 0px 0px 15px;
  height: 15px;
  position: absolute;
  top: 38px;
  right: -2px;
  width: 10px;
}
.content-container-layered {
  border: 1px solid #d0dde7;
  background: #fff;
  margin: 20px;
  margin-top: 35px !important;
  position: relative;
  transition: all 0.5s ease-in-out;
  width: 98%;
  margin-bottom: 50px !important;
}
.form-side-margins {
  margin-left: 25px;
  margin-right: 25px;
}
.addNewForm .md-datepicker-input {
  box-sizing: border-box;
  border: none;
  box-shadow: none;
  outline: none;
  background: transparent;
  min-width: 189px;
  max-width: 328px;
}
.med-margin-left {
  margin-left: 17px;
}
.small-padding-left {
  padding-left: 15px;
}
.small-margin-left {
  margin-left: 15px !important;
}
.blue-color-point-layered {
  background: #377dd5;
  width: 4px;
  position: absolute;
  height: 21px;
  top: 10px;
  margin-left: 0px;
}
.xs-margin-bottom {
  margin-bottom: 7px;
}
.content-container-split-screen {
  border: 1px solid #d0dde7;
  background: #fff;
  margin: 20px;
  margin-top: 35px !important;
  position: relative;
  /*transition: all .5s ease-in-out;*/
  width: 43%;
  margin-bottom: 50px !important;
}
.md-row-height {
  height: 48px;
}
.gridCheckmark .ui-grid-icon-ok:before {
  content: '\c362';
  color: teal !important;
  line-height: 30px;
}
.sm-min-height {
  min-height: 80px;
}
.margin-all-md {
  margin: 32px;
}
.docEmailSection md-divider {
  width: 618px;
}
.md-min-height {
  min-height: 95px;
}
.md-margin-top {
  margin-top: 40px;
}
.med-padding-bottom {
  padding-bottom: 10px;
}
.margin-all-sm {
  margin: 10px;
}
.xl-padding-right {
  padding-right: 75px;
}
.green-bottom-border {
  border-bottom: #4CAF50;
  border-bottom-width: medium;
  border-bottom-style: solid;
  width: 77px;
}
.red-bottom-border {
  border-bottom: #F44336;
  border-bottom-width: medium;
  border-bottom-style: solid;
  width: 77px;
}
.padding-right-left-sm {
  padding-right: 13px;
  padding-left: 13px;
}
.radio-button-row-line-height {
  line-height: 50px;
}
.required-validation-message {
  color: #dd2c00;
  font-size: 12px;
}
.ui-grid-header-cell-wrapper {
  display: block;
  height: 100%;
  /*keep this for header-cell border to be 100%*/
}
.ui-grid-header-cell-row {
  display: block;
  height: 100%;
  /*keep this for header-cell border to be 100%*/
}
.ui-grid-header-cell {
  display: block;
  float: left;
  height: 100%;
  /*keep this for header-cell border to be 100%*/
}
.centered-cell-line-height {
  line-height: 30px;
}
.sm-row-height {
  height: 37px;
}
.dashed-management-header-smaller-font {
  background: #f7f9fb;
  border-bottom: 1px dashed #baccda;
  padding: 5px 8px !important;
  font-weight: bold !important;
  font-family: "Roboto", sans-serif !important;
  color: #486579;
  font-size: 14px;
}
.blue-color-point-shorter {
  background: #377dd5;
  width: 4px;
  position: absolute;
  height: 21px;
  top: 7px;
  margin-left: 0px;
}
.xs-margin-top {
  margin-top: 5px;
}
.content-container-split-screen-smaller {
  border: 1px solid #d0dde7;
  background: #fff;
  margin: 20px;
  margin-top: 10px !important;
  position: relative;
  width: 43%;
  margin-bottom: 0px !important;
}
.content-container-smaller {
  border: 1px solid #d0dde7;
  background: #fff;
  margin: 20px;
  margin-top: 13px !important;
  position: relative;
  width: 98%;
}
.colored-disabled-checkbox md-checkbox[disabled].md-checked .md-icon {
  background-color: #1fb5ac;
}
.ui-grid-cell.ui-grid-disable-selection.ui-grid-row-header-cell {
  pointer-events: all !important;
}
.globalCommunication md-pagination-wrapper {
  right: 0 !important;
  left: auto;
  width: 275px !important;
}
.globalCommunication .md-tab {
  font-size: 12px;
  padding: 11px 20px;
  margin-left: 5px;
}
md-tabs.globalCommunication .md-tab {
  border-top: 1px solid #9e9e9e;
  border-right: 1px solid #9e9e9e;
  border-left: 1px solid #9e9e9e;
  border-bottom: 1px solid #1fb5ac;
  background: #f2f2f2 !important;
  color: #999 !important;
}
md-tabs.globalCommunication .md-tab.md-active {
  border-top: 1px solid #1fb5ac;
  border-right: 1px solid #1fb5ac;
  border-left: 1px solid #1fb5ac;
  border-bottom: 2px solid white !important;
  background: #fff !important;
  color: #377dd5 !important;
  z-index: 9999;
}
md-tabs.globalCommunication md-ink-bar {
  color: #ffffff !important;
  background: #ffffff !important;
  right: 0px;
  left: 0px;
}
md-tabs.globalCommunication[md-border-bottom] md-tabs-wrapper {
  border-style: none;
}
.globalCommunication md-tab-content {
  border: 1px solid;
  border-top: 1px solid #1fb5ac !important;
  border-right: 1px solid #1fb5ac !important;
  border-left: 1px solid #1fb5ac !important;
  border-bottom: 1px solid #1fb5ac !important;
}
md-tabs.globalCommunication md-tabs-content-wrapper {
  top: -1px !important;
}
md-tabs.globalCommunication md-tabs-wrapper {
  z-index: 1000;
}
.globalCommunication-panel {
  background: white;
  border-radius: 4px;
  box-shadow: 0 7px 8px -4px rgba(0, 0, 0, 0.2), 0 13px 19px 2px rgba(0, 0, 0, 0.14), 0 5px 24px 4px rgba(0, 0, 0, 0.12);
  width: 65%;
}
.globalCommunicationGridClass {
  height: 200px;
}
.globalContactsGridClass {
  height: 200px;
}
.addressAddressGridClass {
  height: 170px;
}
.addressContactsGridClass {
  height: 170px;
}
.editModal .md-datepicker-input {
  box-sizing: border-box;
  border: none;
  box-shadow: none;
  outline: none;
  background: transparent;
  min-width: 231px;
  max-width: 328px;
}
.lg-margin-left {
  margin-left: 55px;
}
.xl-margin-left {
  margin-left: 74px !important;
}
.iconswidth .md-button.md-icon-button {
  width: 24px;
  padding-bottom: 10px !important;
}
.extraLargeWidthPanel {
  background: white;
  border-radius: 4px;
  box-shadow: 0 7px 8px -4px rgba(0, 0, 0, 0.2), 0 13px 19px 2px rgba(0, 0, 0, 0.14), 0 5px 24px 4px rgba(0, 0, 0, 0.12);
  width: 90%;
}
.largeWidthPanel {
  background: white;
  border-radius: 4px;
  box-shadow: 0 7px 8px -4px rgba(0, 0, 0, 0.2), 0 13px 19px 2px rgba(0, 0, 0, 0.14), 0 5px 24px 4px rgba(0, 0, 0, 0.12);
  width: 80%;
}
.extraMediumWidthPanel {
  background: white;
  border-radius: 4px;
  box-shadow: 0 7px 8px -4px rgba(0, 0, 0, 0.2), 0 13px 19px 2px rgba(0, 0, 0, 0.14), 0 5px 24px 4px rgba(0, 0, 0, 0.12);
  width: 70%;
}
.mediumWidthPanel {
  background: white;
  border-radius: 4px;
  box-shadow: 0 7px 8px -4px rgba(0, 0, 0, 0.2), 0 13px 19px 2px rgba(0, 0, 0, 0.14), 0 5px 24px 4px rgba(0, 0, 0, 0.12);
  width: 60%;
}
.smallMediumWidthPanel {
  background: white;
  border-radius: 4px;
  box-shadow: 0 7px 8px -4px rgba(0, 0, 0, 0.2), 0 13px 19px 2px rgba(0, 0, 0, 0.14), 0 5px 24px 4px rgba(0, 0, 0, 0.12);
  width: 50%;
}
.smallWidthPanel {
  background: white;
  border-radius: 4px;
  box-shadow: 0 7px 8px -4px rgba(0, 0, 0, 0.2), 0 13px 19px 2px rgba(0, 0, 0, 0.14), 0 5px 24px 4px rgba(0, 0, 0, 0.12);
  width: 40%;
}
.extraLargeContentHeight {
  height: 600px;
  overflow-y: scroll;
}
.largeContentHeight {
  height: 500px;
  overflow-y: scroll;
}
.mediumContentHeight {
  height: 400px;
  overflow-y: scroll;
}
.smallContentHeight {
  height: 300px;
  overflow-y: scroll;
}
.extraSmallContentHeight {
  height: 220px;
  overflow-y: scroll;
}
.groupValuesEdit-panel {
  background: white;
  border-radius: 4px;
  box-shadow: 0 7px 8px -4px rgba(0, 0, 0, 0.2), 0 13px 19px 2px rgba(0, 0, 0, 0.14), 0 5px 24px 4px rgba(0, 0, 0, 0.12);
  width: 65%;
}
md-input-container {
  display: inline-block;
  position: relative;
  padding: 4px;
  margin: 18px 0px;
  vertical-align: middle;
}
.sm-line-height {
  line-height: 20px;
}
.smaller-margin-input-container md-input-container {
  display: inline-block;
  position: relative;
  margin: 3px 0px;
  vertical-align: middle;
}
.sm-margin-font-input-container md-input-container {
  display: inline-block;
  position: relative;
  padding: 4px;
  font-size: 13px;
  margin: 4px 0px;
  height: 40px;
  vertical-align: middle;
}
.sm-margin-font14-input-container md-input-container {
  display: inline-block;
  position: relative;
  padding: 4px;
  font-size: 14px;
  margin: 4px 0px;
  height: 40px;
  vertical-align: middle;
}
.xs-padding-left {
  padding-left: 10px;
}
.content-container-split-screen-no-big-margins {
  border: 1px solid #d0dde7;
  background: #fff;
  position: relative;
  /*transition: all .5s ease-in-out;*/
  width: 43%;
  margin-top: 5px;
}
.padding-all-xs {
  padding: 3px;
}
.blue-border {
  border: 2px solid #377dd5;
}
.xxs-padding-left {
  padding-left: 3px;
}
.position-icon-left-of-input {
  line-height: 46px;
  margin-right: -5px;
}
.med-line-height {
  line-height: 38px;
}
.two-option-modal-button {
  width: 50%;
  text-align: center;
}
.one-option-modal-button {
  width: 100%;
  text-align: center;
}
.three-option-modal-button {
  width: 33%;
  text-align: center;
}
.nearly-full-height {
  height: 85%;
}
.companyagreementassogrid {
  height: 166px !important;
}
.cmpyctrtpnlht {
  overflow-y: visible !important;
  height: 260px !important;
}
.frmInputClass md-input-container {
  display: inline-block;
  position: relative;
  padding: 0px 4px 0px 4px;
  margin: 10px 0px;
  vertical-align: middle;
}
.frmLoginInputClass md-input-container {
  display: inline-block;
  position: relative;
  padding: 0px 4px 0px 4px;
  margin: 10px 0px;
  vertical-align: middle;
}
.cmpyctctExtraLargeWidthPanel {
  background: white;
  border-radius: 4px;
  box-shadow: 0 7px 8px -4px rgba(0, 0, 0, 0.2), 0 13px 19px 2px rgba(0, 0, 0, 0.14), 0 5px 24px 4px rgba(0, 0, 0, 0.12);
  width: 90%;
  top: 48% !important;
}
.cmpyctcExtraLargeContentHeight {
  height: auto;
  overflow-y: visible;
}
.agreementExtraLargeContentHeight {
  height: 750px;
}
.agreementXXLContentHeight {
  height: 800px;
}
@media only screen and (max-width: 1366px) {
  .cmpyctcExtraLargeContentHeight {
    height: 540px;
    overflow-y: scroll;
  }
  .agreementExtraLargeContentHeight {
    height: 540px;
  }
  .agreementXXLContentHeight {
    height: 540px;
  }
  .cmpnyCustHeight {
    height: auto !important;
    overflow-y: hidden !important;
  }
  div.cmpyctcExtraLargeContentHeight[ng-form=AgrmntAmend] {
    height: 333px;
    overflow-y: visible;
  }
}
.no-pad-topbot {
  padding-top: 0px !important;
  padding-bottom: 0px !important;
}
.savestylecmpny .md-button.md-icon-button {
  margin-top: -3px !important;
}
.agreementDetails md-tabs-content-wrapper {
  margin-top: 48px;
}
.blue-color-point-tab-screen {
  background: #377dd5;
  width: 4px;
  position: absolute;
  height: 21px;
  top: 2px;
  margin-left: 0px;
}
.padding-top-bottom-sm {
  padding-top: 6px;
  padding-bottom: 6px;
}
.circle_widget_tab_screen {
  background: #eaeff3;
  border-radius: 0px 15px 15px 0px;
  height: 16px;
  position: absolute;
  top: 29px;
  left: -10px;
  width: 10px;
}
.circle_widget_rt_tab_screen {
  background: #eaeff3;
  border-radius: 15px 0px 0px 15px;
  height: 15px;
  position: absolute;
  top: 29px;
  right: -10px;
  width: 10px;
}
md-tabs:not(.md-no-tab-content):not(.md-dynamic-height) {
  min-height: 565px;
}
.no-md-errors-spacer > .md-errors-spacer {
  min-height: 0px !important;
  height: 0px !important;
}
.xxs-margin-top {
  margin-top: 3px;
}
.xs-line-height {
  line-height: 17px;
}
.padding-all-med {
  padding: 10px;
}
.secondary-title-row {
  font-size: 15px;
}
.small-font-button {
  font-size: 13px;
}
.padding-left_timepicker {
  padding-left: 25px;
}
.agreementDetails md-tabs-wrapper {
  z-index: 40 !important;
}
.notesgrid {
  height: 20vh;
  width: 100%;
}
.notesContainer {
  margin: 0px !important;
}
.notesInputs md-input-container {
  display: inline-block;
  position: relative;
  padding: 0px 4px 0px 4px;
  margin: 15px 0px;
  vertical-align: middle;
}
.scrollable-text-area {
  height: 106px;
  max-height: 106px;
  overflow-y: scroll;
}
.scrollable-text-area-row-height {
  height: 153px;
}
.light-gray-color-background {
  background-color: #9e9e9e;
}
.extra-light-gray-background {
  background-color: #DCDCDC;
}
.lowerPadding md-tabs.md-dynamic-height md-tab-content.md-active {
  padding-bottom: 25px;
}
.form-side-margins-forced {
  margin-left: 25px !important;
  margin-right: 25px !important;
}
.dark-underline {
  border-bottom-color: #c2c2c2 !important;
  border-bottom: solid 1px;
}
.gray-underline {
  border-bottom-color: #f2f2f2 !important;
  border-bottom: solid 1px;
}
.green-underline {
  border-bottom-color: #4CAF50 !important;
  border-bottom: solid 1px;
}
.sm-search-button {
  min-width: 9px;
  height: 28px;
  padding-right: 3px;
  padding-left: 3px;
  width: 32px;
  min-height: 10px;
  margin-left: -33px;
}
.sm-search-button.md-button:not([disabled]).md-focused {
  background-color: #8c8c8c !important;
}
.sm-search-button.md-button:not([disabled]):hover {
  background-color: #8c8c8c !important;
}
.fixed-small-height {
  height: 156px;
}
.search-inline-icon {
  position: absolute;
  right: 10px;
}
md-input-container.md-icon-right.icon-right-only > label {
  left: 0;
}
.form-section-label {
  padding-left: 11px;
  font-size: 18px;
  font-weight: bold;
}
.form-sm-search-button {
  min-width: 9px;
  height: 28px;
  padding-right: 3px;
  padding-left: 3px;
  width: 32px;
  min-height: 10px;
}
.outer-div_form-search-button {
  line-height: 80px;
  margin-left: -14px;
}
.staffMemberDetailsBorder {
  border-top: 1px solid #1fb5ac;
  border-right: 1px solid #1fb5ac;
  border-left: 1px solid #1fb5ac;
  border-bottom: 1px solid #1fb5ac;
  background: #f2f2f2 !important;
  color: #999 !important;
  padding-top: 5px;
  background-color: white !important;
}
.staffMemberDetailsRow {
  height: 30px !important;
  background-color: white !important;
  padding-left: 10px !important;
}
.staffMemberDetailsHeading {
  font-size: 14px;
  padding-left: 10px !important;
  padding-top: 10px !important;
  color: #000 !important;
}
.checklistDateLabel,
.date-label {
  font-family: Arial;
  font-size: 11px;
  color: #a5a5a5;
  font-weight: normal !important;
}
.agreementExtraLargeWidthPanel {
  background: white;
  border-radius: 4px;
  box-shadow: 0 7px 8px -4px rgba(0, 0, 0, 0.2), 0 13px 19px 2px rgba(0, 0, 0, 0.14), 0 5px 24px 4px rgba(0, 0, 0, 0.12);
  width: 90%;
  top: 48% !important;
}
.emailbuildicon md-icon {
  margin: 0px;
  background-repeat: no-repeat no-repeat;
  display: inline-block;
  vertical-align: middle;
  fill: currentColor;
  height: 24px;
  width: 24px;
  min-height: 24px;
  min-width: 24px;
}
.circle_widget_rt_emailbuild {
  background: #eaeff3;
  border-radius: 15px 0px 0px 15px;
  height: 15px;
  position: absolute;
  top: 22px;
  right: -10px;
  width: 10px;
}
.circle_widget_emailbuild {
  background: #eaeff3;
  border-radius: 0px 15px 15px 0px;
  height: 16px;
  position: absolute;
  top: 22px;
  left: -10px;
  width: 10px;
}
.blue-color-point-top0 {
  background: #377dd5;
  width: 4px;
  position: absolute;
  height: 21px;
  top: 0px;
  margin-left: 0px;
}
.xl-padding-bottom {
  padding-bottom: 45px;
}
.invGrpDtlsContentHeight {
  height: auto;
}
@media only screen and (max-width: 1366px) {
  .invGrpDtlsContentHeight {
    height: 510px;
    overflow-y: scroll;
  }
}
.invGrps .md-subheader ._md-subheader-inner {
  display: block;
  padding: 5px;
}
.vertical-divider {
  border-top-width: 0;
  border-right-width: 1px;
  border-right-style: dashed;
  border-right-color: rgba(0, 0, 0, 0.38);
  height: 100%;
}
md-divider.horizontol-divider {
  border-top-width: 0;
  border-bottom-width: 1px;
  border-bottom-style: dashed;
  border-bottom-color: rgba(0, 0, 0, 0.38);
  width: 100%;
  padding-top: 20px;
  border-right-width: 0;
  border-right-style: none;
}
/*.error-input-container md-input-container:not(.md-input-invalid).md-input-focused .md-input {
border-color: #F44336;
}*/
.default-green-bottom-border {
  border-bottom: #009688;
  border-bottom-width: medium;
  border-bottom-style: solid;
  width: 77px;
}
.no-margin-left {
  margin-left: 0px !important;
}
.xs-margin-left {
  margin-left: 5px !important;
}
.keepFullLabel md-input-container label:not(.md-no-float):not(._md-container-ignore),
md-input-container ._md-placeholder {
  overflow: inherit !important;
}
.height-69 {
  height: 69px;
}
.height-383 {
  height: 383px !important;
}
.no-margin-bottom {
  margin-bottom: 0px;
}
.hideOverflow md-table-container {
  overflow-x: hidden;
}
.gridCheckmarkNoLineHeight .ui-grid-icon-ok:before {
  content: '\c362';
  color: teal !important;
}
.margin-bottom-50 {
  margin-bottom: 50px;
}
.margin-top-19 {
  margin-top: 19px;
}
.tab-height-536 md-tab-content {
  height: 536px;
}
.tab-form-vertical-divider {
  border-width: thin;
  border-color: #1fb5ac;
  height: auto;
  border-style: dashed;
  margin-top: 10px;
  margin-bottom: 10px;
}
.padding-all-12 {
  padding: 12px;
}
.underline-text {
  text-decoration: underline;
}
.smaller-form-side-margins {
  margin-left: 15px !important;
  margin-right: 15px !important;
}
.margin-all-7 {
  margin: 7px;
}
.padding-all-5 {
  padding: 5px;
}
.padding-top-7 {
  padding-top: 7px !important;
}
.small-10-margin-input-container md-input-container {
  display: inline-block;
  position: relative;
  margin: 10px 0px;
  vertical-align: middle;
}
.timeDatePanel {
  background: white;
  border-radius: 4px;
  box-shadow: 0 7px 8px -4px rgba(0, 0, 0, 0.2), 0 13px 19px 2px rgba(0, 0, 0, 0.14), 0 5px 24px 4px rgba(0, 0, 0, 0.12);
  width: auto;
  top: 50% !important;
}
/*custom highlight grid selection*/
.grid-highlight-row .ui-grid-row-selected.ui-grid-row:nth-child(odd) .ui-grid-cell,
.grid-highlight-row .ui-grid-row-selected.ui-grid-row:nth-child(even) .ui-grid-cell {
  color: #fff;
  background-color: #377dd5;
}
.grid-highlight-row .ui-grid-row-selected.ui-grid-row:nth-child(odd) .ui-grid-cell.ui-grid-cell-focus,
.grid-highlight-row .ui-grid-row-selected.ui-grid-row:nth-child(even) .ui-grid-cell.ui-grid-cell-focus {
  outline: 0;
  background-color: #377dd5;
}
.grid-highlight-row .ui-grid-row-selected.ui-grid-row:nth-child(odd):hover .ui-grid-cell,
.grid-highlight-row .ui-grid-row-selected.ui-grid-row:nth-child(even):hover .ui-grid-cell {
  color: #fff;
  background-color: #377dd5;
}
/*draggable rows*/
.ui-grid-draggable-row-target {
  opacity: 0.5 !important;
}
.ui-grid-draggable-row {
  height: 30px;
}
.ui-grid-draggable-row-over {
  position: relative;
}
.ui-grid-draggable-row-over:before {
  content: "";
  display: block;
  position: absolute;
  left: 0;
  width: 100%;
  border-bottom: 1px dotted #AAA;
}
.ui-grid-draggable-row-over--above:before {
  top: 0;
}
.ui-grid-draggable-row-over--below:before {
  bottom: 0;
}
@media only screen and (max-width: 959px) {
  .cmpyctrtpnlht {
    overflow-y: visible !important;
    height: 330px !important;
  }
}
.mdDialogStyleClass md-pagination-wrapper {
  right: 1px !important;
  left: auto;
  width: auto !important;
}
.mdDialogStyleClass .md-tab {
  font-size: 12px;
  padding: 11px 20px;
  margin-left: 5px;
}
md-tabs.mdDialogStyleClass md-tabs-content-wrapper {
  top: -1px !important;
}
md-tabs.mdDialogStyleClass .md-tab {
  border-top: 1px solid #9e9e9e;
  border-right: 1px solid #9e9e9e;
  border-left: 1px solid #9e9e9e;
  border-bottom: 1px solid #1fb5ac;
  background: #f2f2f2 !important;
  color: #999 !important;
}
md-tabs.mdDialogStyleClass .md-tab.md-active {
  border-top: 1px solid #1fb5ac;
  border-right: 1px solid #1fb5ac;
  border-left: 1px solid #1fb5ac;
  border-bottom: 2px solid white !important;
  background: #fff !important;
  color: #377dd5 !important;
  z-index: 9999;
}
md-tabs.mdDialogStyleClass {
  padding-right: 1px;
  padding-left: 1px;
}
md-tabs.mdDialogStyleClass md-ink-bar {
  color: #ffffff !important;
  background: #ffffff !important;
  right: 0px;
  left: 0px;
}
md-tabs.mdDialogStyleClass[md-border-bottom] md-tabs-wrapper {
  border-style: none;
}
.mdDialogStyleClass md-tab-content {
  border: 1px solid;
  border-top: 1px solid #1fb5ac !important;
  border-right: 1px solid #1fb5ac !important;
  border-left: 1px solid #1fb5ac !important;
  border-bottom: 1px solid #1fb5ac !important;
}
.mdDialogStyleClass md-tabs-wrapper {
  z-index: 1000;
}
.mdDialogAddAgrmntHt {
  height: 415px;
}
.mdDialogAddAgrmntHt div.md-dialog-content {
  padding: 20px 0px 0px 0px;
}
.overflowHidden {
  overflow: hidden !important;
}
.panelwithTabsTop md-tabs-wrapper {
  margin-top: 10px;
}
.addNewCmpnyHyt {
  height: 355px;
  overflow-y: scroll;
}
.height-132 {
  height: 132px;
}
.height-90 {
  height: 90px;
}
.line-height-58 {
  line-height: 58px;
}
.negative-20-margin-right {
  margin-right: -20px;
}
.small-padding-right {
  padding-right: 15px;
}
md-input-container textarea[md-no-autogrow].md-input {
  height: inherit;
  overflow-y: auto;
}
.padding-top-45 {
  padding-top: 45px;
}
.provisionsScreen md-tabs:not(.md-no-tab-content):not(.md-dynamic-height) {
  min-height: 604px;
}
.margin-right-left-5 {
  margin-left: 5px;
  margin-right: 5px;
}
.datepicker-hide-icon .md-datepicker-button {
  display: none;
}
.datepicker-hide-icon .md-datepicker-input-container {
  margin-left: 0 !important;
}
.xl-margin-top {
  margin-top: 10%;
}
.padding-top-70 {
  padding-top: 70px;
}
.margin-bottom-5percent {
  margin-bottom: 5%;
}
.delete-button-color {
  color: #F44336;
}
.overflowHiddenX {
  overflow-x: hidden !important;
}
.overflowHiddenY {
  overflow-y: hidden !important;
}
.cmpnyCustHeight {
  height: 300px;
  overflow-y: scroll;
}
.input-left-icons {
  line-height: 60px;
  margin-left: -20px;
}
.input-left-icons-format {
  padding: 1px !important;
  width: 26px !important;
  margin: 0px !important;
}
.md-select-undefined {
  transform: translate3d(0, 28px, 0) scale(1) !important;
  color: rgba(0, 0, 0, 0.26) !important;
}
.ui-grid-pager-row-count-label {
  line-height: 32px;
}
.ui-grid-pager-control {
  line-height: 28px;
  height: 2px;
}
.ui-grid-pager-count-container .ui-grid-pager-count {
  margin-right: 10px;
  margin-left: 10px;
  float: right;
  line-height: 29px;
}
.ui-grid-pager-panel {
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  padding-top: 3px;
  padding-bottom: 0px !important;
}
.wrapColumnHeaders .ui-grid-header-cell .ui-grid-cell-contents {
  /*height: 48px;*/
  white-space: normal;
  -ms-text-overflow: clip;
  -o-text-overflow: clip;
  text-overflow: clip;
  overflow: visible;
}
.default-dark-gray-text {
  color: #666666;
  font-size: 14px;
}
.above-grid-button {
  background-color: #2196F3;
  color: white;
}
.height-42 {
  height: 42px;
}
.shorter-button {
  line-height: 30px !important;
  min-height: 25px !important;
  font-size: 13px !important;
}
.font-size-17 {
  font-size: 17px;
}
.margin-top-negative-5 {
  margin-top: -5px;
}
div.cmpyctcExtraLargeContentHeight[ng-form=AgrmntAmend] {
  height: auto;
  overflow-y: visible;
}
.dashed-management-header-no-padding {
  background: #f7f9fb;
  border-bottom: 1px dashed #baccda;
  font-weight: bold !important;
  font-family: "Roboto", sans-serif !important;
  color: #486579;
  font-size: 17px;
}
.padding-4-8 {
  padding: 4px 8px;
}
.line-height-49 {
  line-height: 49px;
}
.sm-margin-right {
  margin-right: 12px;
}
md-tabs.arm-sub-header-tabs md-tabs-wrapper md-prev-button md-icon,
md-tabs.arm-sub-header-tabs md-tabs-wrapper md-next-button md-icon {
  fill: white;
}
md-input-container.frmInputClassMarginBtm0 {
  display: inline-block;
  position: relative;
  padding: 0px 4px 0px 4px;
  margin: 7px 0px 0px 0px;
  vertical-align: middle;
}
md-input-container.frmInputClassMarginBtm_neg25 {
  display: inline-block;
  position: relative;
  padding: 0px 4px 0px 4px;
  margin: 0px 0px -25px 0px;
  vertical-align: middle;
}
md-tabs-wrapper md-prev-button md-icon,
md-tabs-wrapper md-next-button md-icon {
  fill: white;
}
.dark-blue-text {
  color: #102886;
}
.keepNormalColorWhenDisabled md-select[disabled] ._md-select-value {
  color: #666666;
}
.keepNormalColorWhenDisabled md-checkbox[disabled] ._md-label {
  color: #666666;
}
div.customFieldsFlex > div[layout='row'] [flex] {
  flex-basis: auto;
}
.dashed-management-header_noBtns {
  background: #f7f9fb;
  border-bottom: 1px dashed #baccda;
  padding: 5px 8px 16px 8px !important;
  font-weight: bold !important;
  font-family: "Roboto", sans-serif !important;
  color: #486579;
  font-size: 17px;
  margin: 0px;
}
.content-container-noborder {
  background: #fff;
  margin: 15px !important;
  position: relative;
  transition: all 0.5s ease-in-out;
  width: 98%;
}
.height313_withScroll {
  height: 313px !important;
  overflow-y: scroll !important;
}
.margin-top-negative-20 {
  margin-top: -20px !important;
}
.no-margin-top {
  margin-top: 0px !important;
}
.header-detail-text {
  height: 25px;
  color: white;
  font-size: 14px;
}
.margin-top-negative-12 {
  margin-top: -12px !important;
}
.autoWidthContainer .content-container,
.content-container-noborder {
  width: auto !important;
}
.keepNormalColorWhenDisabled md-select[disabled] .md-select-value {
  color: #666666;
}
/*div.disabledInputs  md-input-container .md-input[disabled], md-select[disabled] .md-select-value {
color:rgba(0,0,0,0.7) !important;
}*/
md-checkbox.lblTop19 .md-label {
  margin-top: 19px !important;
}
.right-text {
  text-align: right !important;
}
.height-225 {
  height: 225px !important;
}
.width-215 {
  width: 215px;
}
.minWidth165 .md-datepicker-input {
  min-width: 165px !important;
}
.padding0-5-5-5 {
  padding: 0px 5px 5px 5px !important;
}
.margintop10_left3 {
  margin-top: 10px;
  margin-left: 3px;
}
.docEmailScroll {
  word-wrap: break-word;
  height: 50px !important;
  overflow-y: scroll;
}
.content-container_widthAuto {
  border: 1px solid #d0dde7;
  background: #fff;
  margin: 5px !important;
  position: relative;
  transition: all 0.5s ease-in-out;
  width: 98.5% !important;
  display: block;
}
.content-container_widthAuto-noborder {
  border: none;
  background: #fff;
  margin: 5px !important;
  position: relative;
  transition: all 0.5s ease-in-out;
  width: auto !important;
}
.padding_0 {
  padding: 0px !important;
}
.padding_8-0-0-0 {
  padding: 8px 0px 0px 0px !important;
}
.height250_withScroll {
  height: 250px !important;
  overflow-y: scroll !important;
}
.cursor_pointer {
  cursor: pointer;
}
.xs-padding-right {
  padding-right: 10px;
}
.margin-top-negative-7 {
  margin-top: -7px !important;
}
.agreementDetailsMarRt md-tab-content {
  margin-right: 1px !important;
}
md-tabs.agreementDetailsMarRt .md-tab {
  margin-right: 1px !important;
}
.min-width-100 {
  min-width: 100px;
}
md-badge.badge {
  position: absolute;
  background-color: #F44336;
  color: white;
  border-radius: 20px;
  margin-left: -20px;
  height: 20px;
  padding-right: 5px;
  padding-left: 5px;
  margin-top: 5px;
}
.notifyNum {
  position: relative;
  top: -13px;
  font-size: 13px;
  font-weight: bold;
}
.notifyNum:hover {
  cursor: pointer;
}
md-badge.noteBadge {
  position: absolute;
  background-color: #F44336;
  color: white;
  border-radius: 15px;
  margin-left: -20px;
  height: 18px;
  margin-top: -1px;
  width: 18px;
  text-align: center;
}
.noteNum {
  position: relative;
  top: -2px;
  font-size: 13px;
  font-weight: bold;
  cursor: default;
}
.noteNum:hover {
  cursor: default;
}
.eventDetailsHeight {
  height: auto;
  overflow-y: scroll;
  max-height: 400px;
}
.modal-word-wrap {
  word-wrap: normal;
  white-space: pre-wrap;
}
md-tabs.forRequired > md-tabs-wrapper > md-tabs-canvas > md-pagination-wrapper > md-tab-item:nth-child(1):after {
  content: '*';
  color: red;
}
md-tabs.forRequired2 > md-tabs-wrapper > md-tabs-canvas > md-pagination-wrapper > md-tab-item:nth-child(2):after {
  content: '*';
  color: red;
}
.lblColor {
  color: rgba(0, 0, 0, 0.38) !important;
}
.mrgnTop25 {
  margin-top: 25px !important;
}
.padding-top-25 {
  padding-top: 25px;
}
.content-container_fullwidth {
  border: 1px solid #d0dde7;
  background: #fff;
  margin: 3px !important;
  position: relative;
  transition: all 0.5s ease-in-out;
  width: 100% !important;
}
.frmInputClass-margin4 md-input-container {
  display: inline-block;
  position: relative;
  padding: 0px 4px 0px 4px;
  margin: 4px 0px;
  vertical-align: middle;
}
.loginbt-section {
  margin-bottom: 50px;
}
.header-big {
  padding: 5px 0px 5px 8px !important;
}
.big-margin-top {
  margin-top: 11px !important;
}
.big-blue-point {
  top: 8px !important;
}
.no-margin {
  margin: 0px !important;
}
.padding-btm {
  padding-bottom: 20px;
}
.text-right {
  text-align: right;
}
.payment-margin {
  margin-top: -5px !important;
  margin-bottom: 15px;
}
.tooltip-fontsize {
  font-size: 13px;
}
.padding-top-15 {
  padding-top: 15px;
}
.padding-left-40 {
  padding-left: 40px;
}
md-select[disabled] .md-select-value {
  font-style: italic;
  color: #484848;
}
div.disabledInputs md-input-container .md-input[disabled] {
  font-style: italic;
  color: #484848;
}
md-input-container.md-default-theme:not(.md-input-invalid).md-input-has-value label,
md-input-container:not(.md-input-invalid).md-input-has-value label {
  color: #00004d;
}
md-input-container.md-default-theme:not(.md-input-invalid) label,
md-input-container:not(.md-input-invalid) label {
  color: #00004d;
}
md-input-container .md-select {
  color: black;
}
md-select .md-select-value {
  color: black;
}
md-input-container .md-input {
  color: black;
}
.md-datepicker-input {
  color: black;
}
label md-container md-input-container {
  color: #00004d;
}
md-select[disabled] .md-select-value.md-select-placeholder {
  color: #00004d;
  /*font-style:italic;*/
}
md-select .md-select-value.md-select-placeholder {
  color: #00004d;
}
.dark-blue-field-label {
  color: #00004d !important;
}
form label {
  color: #00004d;
}
md-checkbox .md-label {
  color: #00004d;
}
/*div.disabledInputs  md-input-container .md-input[disabled], md-select[disabled] .md-select-value {
font-style: italic;
color: #484848;
}*/
.white-font-forced md-input-container.md-default-theme:not(.md-input-invalid) label,
md-input-container:not(.md-input-invalid) label label md-container md-input-container {
  color: white !important;
}
.noCellFocus .ui-grid-cell-focus {
  outline: 0;
  background-color: transparent;
}
.baseReferenceGridStyle {
  height: 535px;
  width: 100%;
}
.filterPanel {
  background: white;
  border-radius: 4px;
  box-shadow: 0 7px 8px -4px rgba(0, 0, 0, 0.2), 0 13px 19px 2px rgba(0, 0, 0, 0.14), 0 5px 24px 4px rgba(0, 0, 0, 0.12);
  width: 15%;
}
.modal-small-x {
  font-size: 25px !important;
  line-height: 20px;
}
.margin-left-10-percent {
  margin-left: 10%;
}
.margin-left-4-percent {
  margin-left: 4%;
}
.md-icon-reduced-margin {
  margin-left: 0px !important;
  margin-right: 0px !important;
  margin-top: 8px !important;
  margin-bottom: 9px !important;
}
.md-button-no-uppercase {
  text-transform: none !important;
}
.margin-auto {
  margin: auto;
}
.height-45 {
  height: 45px;
}
.padding-right-150 {
  padding-right: 150px;
}
.ui-grid {
  border: 1px solid #d4d4d4;
  box-sizing: content-box;
  -webkit-border-radius: 0px;
  -moz-border-radius: 0px;
  border-radius: 0px;
  -webkit-transform: translateZ(0);
  -moz-transform: translateZ(0);
  -o-transform: translateZ(0);
  -ms-transform: translateZ(0);
  transform: translateZ(0);
  padding-bottom: 2px !important;
}
.mag-rt10 {
  margin-right: 10px;
}
.grid-btstyle .md-icon-button.md-button {
  margin: 0 6px;
  height: 40px;
  min-width: 0;
  line-height: 24px;
  padding: 8px;
  width: 25px !important;
  border-radius: 50%;
}
.header-footer-background-color {
  background-color: #001668;
}
.footer-style {
  font-size: 14px !important;
  padding-left: 16px;
}
.height-32 {
  height: 32px;
}
.padding-top-8 {
  padding-top: 8px;
}
.display-inline-block {
  display: inline-block;
}
.arm-uigrid-header-cell-single-filter .ui-grid-header-cell {
  height: 60px !important;
}
.arm-uigrid-header-cell-double-filter .ui-grid-header-cell {
  height: 95px !important;
}
.remove-grid-overscroll .ui-grid-viewport {
  overflow-anchor: none;
}
.width-145 {
  width: 145px;
}
.black-border-top {
  border-top: 3px solid black;
}
.double-border-bottom {
  border-bottom: double black;
}
.width-127 {
  width: 127px;
}
.width-13 {
  width: 13px;
}
.no-margin-input-container md-input-container {
  margin: 0px 0px !important;
}
.widget_header-smaller-padding {
  background: #f7f9fb;
  border-bottom: 1px dashed #baccda;
  padding: 10px 7px !important;
  font-weight: bold !important;
  font-family: "Roboto", sans-serif !important;
  color: #486579;
  font-size: 14px;
}
.widget_header-smallest-padding {
  background: #f7f9fb;
  border-bottom: 1px dashed #baccda;
  padding: 8px 7px !important;
  font-weight: bold !important;
  font-family: "Roboto", sans-serif !important;
  color: #486579;
  font-size: 14px;
}
.widget_header-xs-padding {
  background: #f7f9fb;
  border-bottom: 1px dashed #baccda;
  padding: 4px 7px !important;
  font-weight: bold !important;
  font-family: "Roboto", sans-serif !important;
  color: #486579;
  font-size: 14px;
}
.blue-color-point-height-17 {
  background: #377dd5;
  width: 4px;
  position: absolute;
  height: 17px;
  top: 0px;
  margin-left: 0px;
}
.blue-color-point-smaller {
  background: #377dd5;
  width: 4px;
  position: absolute;
  height: 18px;
  top: 9px;
  margin-left: 0px;
}
.show-tooltip {
  pointer-events: auto !important;
}
.label-without-md-continer {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  width: 100%;
  -webkit-box-ordinal-group: 2;
  -webkit-order: 1;
  order: 1;
  pointer-events: auto;
  -webkit-font-smoothing: antialiased;
  padding: 5px;
  z-index: 1;
  -webkit-transform: translate3d(0, 28px, 0) scale(1);
  transform: translate3d(0, 28px, 0) scale(1);
  -webkit-transition: -webkit-transform 0.4s cubic-bezier(0.25, 0.8, 0.25, 1);
  transition: -webkit-transform 0.4s cubic-bezier(0.25, 0.8, 0.25, 1);
  transition: transform 0.4s cubic-bezier(0.25, 0.8, 0.25, 1);
  transition: transform 0.4s cubic-bezier(0.25, 0.8, 0.25, 1), -webkit-transform 0.4s cubic-bezier(0.25, 0.8, 0.25, 1);
  max-width: 100%;
  -webkit-transform-origin: left top;
  transform-origin: left top;
}
.grid-extension-border {
  border: 1px solid lightgray;
}
.width-4-percent {
  width: 4%;
}
.padding-allButTop-2em {
  padding: 0 2em 2em 2em;
}
.padding-top-4em {
  padding-top: 4em;
}
.padding-top-1em {
  padding-top: 1em;
}
.padding-left-1em {
  padding-left: 1em;
}
.navy-blue-span span {
  color: #00004d;
}
.input-icon-button {
  min-width: 0;
  line-height: 2px;
  border-radius: 50%;
  margin-left: 2px;
}
.padding-all-1em {
  padding: 1em;
}
.height-27 {
  height: 27px;
}
.ui-grid-header-viewport .ui-grid-icon-ok:before {
  color: #fff !important;
}
.margin-top-10 {
  margin-top: 10px;
}
.padding-right-6em {
  padding-right: 6em;
}
.pull-left {
  float: left;
}
.dashed-management-header-shorter {
  background: #f7f9fb;
  border-bottom: 1px dashed #baccda;
  padding: 5px 8px !important;
  font-weight: bold !important;
  font-family: "Roboto", sans-serif !important;
  color: #486579;
  font-size: 16px;
  height: 45px;
}
.height-30 {
  height: 30px;
}
.width-20em {
  width: 20em !important;
}
.extendInputContainer md-input-container:not(.md-input-invalid).md-input-has-value label {
  width: 20em !important;
}
.margin-top-47 {
  margin-top: 47px;
}
.white-tabs-background md-tabs-content-wrapper {
  background-color: white;
}
.smallerTabs .md-tab {
  font-size: 11px;
  padding: 3px 3px;
  margin-left: 1px;
}
.lowercase-tabs .md-tab {
  text-transform: none !important;
}
.no-left-space md-pagination-wrapper {
  left: 0 !important;
}
.smallerTabs md-tabs-canvas {
  position: relative;
  overflow: hidden;
  display: block;
  height: 32px;
}
.width-10em {
  width: 10em;
}
.blue-color-bar-shortest {
  background: #377dd5;
  width: 3px;
  position: absolute;
  height: 14px;
  top: 5px;
  margin-left: -1px;
}
.provisionStatisticsScreen {
  height: 125px !important;
  padding-left: 10px;
}
.smaller-padding-radio-buttons md-radio-button {
  box-sizing: border-box;
  display: block;
  margin-bottom: 10px;
  white-space: nowrap;
  cursor: pointer;
  position: relative;
}
.button-smaller-margin md-button {
  margin: 1px 12px;
}
.line-height-40 {
  line-height: 40px;
}
.padding-top-6 {
  padding-top: 6px;
}
.line-height-56 {
  line-height: 56px;
}
.line-height-14 {
  line-height: 14px;
}
.short-label-row {
  line-height: 14px;
  height: 30px;
}
.xs-padding-right-tab-space md-tabs-content-wrapper {
  padding-right: 3px;
}
.height-23 {
  height: 23px;
  min-height: 23px;
}
.height_line-height-16 {
  height: 16px;
  line-height: 16px;
}
.radio-button-closer-to-label md-radio-button .md-label {
  box-sizing: border-box;
  position: relative;
  display: inline-block;
  margin-left: 25px;
  margin-right: 0;
  vertical-align: middle;
  white-space: normal;
  pointer-events: none;
  width: auto;
}
.padding-right-7 {
  padding-right: 7px;
}
.font-size-13 label,
input.md-datepicker-input {
  font-size: 13px !important;
}
.padding-top-5 {
  padding-top: 5px;
}
.height-36 {
  height: 36px;
}
.line-height-34 {
  line-height: 34px;
}
.padding-left-20 {
  padding-left: 20px;
}
#breadcrumbs-two {
  overflow: hidden;
  font-family: Arial, Helvetica, sans-serif;
  width: 100%;
}
#breadcrumbs-two li {
  float: left;
  list-style: none;
  margin: 0 0.5em 0 1em;
}
#breadcrumbs-two a {
  background: #d6def0;
  padding: 0.4em 1em;
  float: left;
  text-decoration: none;
  color: #444;
  text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5);
  position: relative;
  font-size: 13px;
}
#breadcrumbs-two a:hover {
  /*background: #99db76;*/
}
#breadcrumbs-two a::before {
  content: "";
  position: absolute;
  top: 50%;
  margin-top: -1.5em;
  border-width: 1.5em 0 1.5em 1em;
  border-style: solid;
  border-color: #d6def0 #d6def0 #d6def0 transparent;
  left: -1em;
}
#breadcrumbs-two a:hover::before {
  /*border-color: #99db76 #99db76 #99db76 transparent;*/
}
#breadcrumbs-two a::after {
  content: "";
  position: absolute;
  top: 50%;
  margin-top: -1.5em;
  border-top: 1.5em solid transparent;
  border-bottom: 1.5em solid transparent;
  border-left: 1em solid #d6def0;
  right: -1em;
}
#breadcrumbs-two a:hover::after {
  /*border-left-color: #99db76;*/
}
#breadcrumbs-two .current a {
  background: #204586 !important;
  color: #fff;
}
#breadcrumbs-two .current a::before {
  content: "";
  position: absolute;
  top: 50%;
  margin-top: -1.5em;
  border-width: 1.5em 0 1.5em 1em;
  border-style: solid;
  border-color: #204586 #204586 #204586 transparent;
  left: -1em;
}
#breadcrumbs-two .current a::after {
  content: "";
  position: absolute;
  top: 50%;
  margin-top: -1.5em;
  border-top: 1.5em solid transparent;
  border-bottom: 1.5em solid transparent;
  border-left: 1em solid #204586;
  right: -1em;
}
#breadcrumbs-two .current,
#breadcrumbs-two .current:hover {
  font-weight: bold;
}
#breadcrumbs-two .current::after,
#breadcrumbs-two .current::before {
  content: normal;
  /*border-color: #99db76 #99db76 #99db76 transparent;*/
}
.ui-grid-viewport {
  overflow-anchor: none;
}
.smaller-grid-header-font .ui-grid-header-cell-label {
  font-size: 14px;
}
.height-600 {
  height: 600px;
}
.periwinkle-color {
  color: #9CA4B8;
}
.forced-normal-font-weight {
  font-weight: normal !important;
}
.inputContainerWithoutLabel md-input-container {
  margin-top: 0px !important;
  margin-right: 5px !important;
  margin-bottom: 0px !important;
  display: inline-block;
  position: relative;
  padding: 0px 4px 0px 4px;
  vertical-align: middle;
}
.customLabel {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  display: block;
  padding-top: 7px;
  font-size: 14px;
}
.customDate .md-datepicker-button {
  margin: 0px !important;
  padding: 0px !important;
}
.line-height-83 {
  line-height: 83px;
}
.min-height-300 {
  min-height: 300px;
}
.min-width-7em {
  min-width: 7em;
}
.changeable-content-area-border {
  border: turquoise 1px solid;
  margin: 10px;
}
.bold-font-forced {
  font-weight: bold !important;
}
.padding-top-bottom-0 {
  padding-top: 0px;
  padding-bottom: 0px;
}
#fcDates .md-datepicker-input-container {
  margin-left: 0px;
}
#fcDates label {
  width: 180px;
  font-size: 18px;
  left: 54px;
}
#fcDates md-input-container.md-input-has-placeholder.md-input-has-value {
  top: 20px;
}
.fc-buttons {
  white-space: normal;
  line-height: 18px;
}
.center-fc-button {
  margin: 10px auto;
}
.margin-top-bottom-10 {
  margin-top: 10px;
  margin-bottom: 10px;
}
/*#region Provision Index Detail*/
.idx-cng-dtl-lbl {
  margin: 8px;
  font-weight: bold;
}
.idx-cng-dtl-head {
  text-align: center;
  font-weight: bold;
}
.idx-cng-dtl {
  border-bottom: 2px solid #9e9e9e;
  margin: 8px;
  padding: 5px;
  text-align: right;
  font-weight: 500;
  color: #000;
}
.custom-small-button {
  font-size: 12px !important;
  margin: 3px 5px !important;
  line-height: 25px !important;
  min-height: 25px !important;
  min-width: 40px !important;
}
.darkGray {
  background-color: rgba(92, 105, 105, 0.63) !important;
}
.darkGrayWithRightAlign {
  background-color: rgba(92, 105, 105, 0.63) !important;
  text-align: right !important;
}
.redRequired {
  color: #dd2c00;
  font-size: 12px;
  padding-left: 2px;
}
.blackNotRequired {
  color: rgba(0, 0, 0, 0.54);
  font-size: 13px;
}
.gridheader-cls-small .ui-grid-header-cell {
  height: 30px !important;
}
.gridheader-cls-medium .ui-grid-header-cell {
  height: 50px !important;
}
.gridheader-cls-large .ui-grid-header-cell {
  height: 95px !important;
}
@media only screen and (max-width: 1366px) {
  .gridheader-cls-small .ui-grid-header-cell {
    height: 50px !important;
  }
}
/*@media screen and (min-width:768px) and (max-width:1366px) {*/
@media only screen and (max-width: 1366px) {
  .gridheader-cls-medium .ui-grid-header-cell {
    height: 70px !important;
  }
}
.margin-10-auto {
  width: 90%;
  margin: 10px auto;
}
.margin-0-auto {
  width: 95%;
  margin: 0 auto;
}
.margin-0-auto-height-240 {
  width: 95%;
  margin: 0 auto;
  height: 240px;
}
.margin-0-4-width-25 {
  margin: 0px 4px;
  width: 25px;
}
.margin-16-0 {
  margin: 16px 0px;
}
.content-header-text,
.invoices-header .content-header-text,
#fcDates .md-input-has-value label.content-header-text {
  color: #808080;
}
.padding-left-5-top-5 {
  width: 95%;
  margin: 0;
  padding-left: 5%;
  padding-top: 5%;
}
.padding-right-7-margin-6 {
  padding-right: 7px;
  text-align: right;
  margin: 6px 0px;
}
.padding-10-4 {
  padding: 10px 4px;
}
.margin-6 {
  margin: 6px 0px;
}
.min-height-42 {
  min-height: 42px;
}
.border-bottom-1 {
  border-bottom: 1px solid gray;
  text-align: right;
}
.clear-both-div {
  clear: both !important;
}
.float-left-line-height-45 {
  float: left;
  line-height: 45px;
}
.padding-5-0 {
  padding: 5px 0px;
}
.height-35 {
  height: 35px;
}
.smaller-button {
  font-size: 13px;
}
.smaller-md-select-item md-select-value {
  font-size: 13px !important;
}
.font-size-14 {
  font-size: 14px !important;
}
.sm-icon-date .md-button.md-icon-button {
  padding: 0px !important;
  width: 23px !important;
}
.sm-icon-date .md-datepicker-input-container {
  position: relative;
  border-bottom-width: 1px;
  border-bottom-style: solid;
  display: inline-block;
  width: 80px;
  margin-left: 2px;
}
.longer-footer div.ui-grid-footer-panel.ui-grid-footer-aggregates-row.ng-scope {
  height: 47px;
}
.margin-top-negative-4 {
  margin-top: -4px !important;
}
.hyperlink-button {
  text-transform: none;
  text-decoration: underline;
  font-size: 1em;
  color: #3876E9;
}
.padding-bottom-7 {
  padding-bottom: 7px !important;
}
.blue-color-point-small-secondary {
  background: #377dd5;
  width: 4px;
  position: absolute;
  height: 19px;
  top: 8px;
  margin-left: 0px;
}
.auto-width {
  width: auto !important;
}
.margin-5 {
  margin: 5px !important;
}
.double-footer-rows .ui-grid-footer-aggregates-row {
  height: 45px !important;
}
.double-footer-rows .ui-grid {
  padding-bottom: 17px !important;
}
.padding-top-bottom-3 {
  padding-top: 3px;
  padding-bottom: 3px;
}
.margin-top-right-15 {
  margin-top: 15px;
  margin-right: 15px;
}
.margin-left-20 {
  margin-left: 20px;
}
/*#region Posting*/
.postingTabs md-pagination-wrapper {
  right: 0 !important;
  left: auto;
  width: auto !important;
}
.postingTabs .md-tab {
  font-size: 12px;
  padding: 11px 20px;
  margin-left: 5px;
}
md-tabs.postingTabs md-tabs-content-wrapper {
  top: -1px !important;
}
md-tabs.postingTabs .md-tab {
  border-top: 1px solid #9e9e9e;
  border-right: 1px solid #9e9e9e;
  border-left: 1px solid #9e9e9e;
  border-bottom: 1px solid #1fb5ac;
  background: #f2f2f2 !important;
  color: #999 !important;
}
md-tabs.postingTabs .md-tab.md-active {
  border-top: 1px solid #1fb5ac;
  border-right: 1px solid #1fb5ac;
  border-left: 1px solid #1fb5ac;
  border-bottom: 2px solid white !important;
  background: #fff !important;
  color: #377dd5 !important;
  z-index: 9999;
}
md-tabs.postingTabs md-ink-bar {
  color: #ffffff !important;
  background: #ffffff !important;
  right: 0px;
  left: 0px;
}
md-tabs.postingTabs[md-border-bottom] md-tabs-wrapper {
  border-style: none;
}
.postingTabs md-tab-content {
  border: 1px solid;
  border-top: 1px solid #1fb5ac !important;
  border-right: 1px solid #1fb5ac !important;
  border-left: 1px solid #1fb5ac !important;
  border-bottom: 1px solid #1fb5ac !important;
}
.gridPagingBreak .ui-grid-pager-row-count-picker {
  padding-top: 25px;
  padding-left: 10px;
  width: 100%;
}
.gridPagingBreak .ui-grid-pager-row-count-picker select {
  padding: 0px 4px;
  width: 52px;
}
.gridPagingBreak .ui-grid-pager-control button {
  padding: 3px 8px;
}
.gridPagingBreak .ui-grid-pager-control {
  float: none;
}
.gridPagingBreak .ui-grid-pager-count-container {
  float: right;
  margin-bottom: 0px;
  position: absolute;
  min-width: 50px;
  right: 0px;
  bottom: 0px;
}
.nsfSearchPanelContainer {
  display: inline-block;
  position: relative;
  padding: 4px;
  margin: 15px 0px 0px 0px;
  vertical-align: top;
}
.paymentNumberContainer {
  display: inline-block;
  position: relative;
  padding: 0px 4px 0px 4px;
  margin: 0px 0px;
  vertical-align: top;
}
.no-margin-top {
  margin-top: 0px;
}
/*#endregion Posting*/
.label-black {
  color: black;
}
.data-tree-model ul {
  margin: 0;
  padding: 0;
  list-style: none;
  border: none;
  overflow: hidden;
}
.data-tree-model li {
  position: relative;
  padding: 0 0 0 5px;
  line-height: 20px;
}
.icon-invisible {
  visibility: hidden;
}
.data-tree-model li i,
a {
  cursor: pointer;
}
.margin-bottom-5 {
  margin-bottom: 5px !important;
}
.margin-bottom-0 {
  margin-bottom: 0px;
}
.data-tree-model i {
  transform: translateY(5px);
}
.data-tree-model .label {
  cursor: pointer;
  color: #5aadd6;
  font-weight: bold;
}
.data-tree-model .greenbold {
  font-weight: bold;
  color: #2ba55e;
}
.data-tree-model .bluebold {
  font-weight: bold;
  color: #2c62f5;
}
.margin-bottom-5 {
  margin-bottom: 5px;
}
.margin-bottom-0 {
  margin-bottom: 0px;
}
.font-size-14_5 {
  font-size: 14.5px;
}
.prepostdatepicker > div {
  width: 120px !important;
}
.width-38em {
  width: 38em;
}
.mdInputConMargin5 md-input-container {
  margin-top: 5px;
  margin-bottom: 5px;
}
.zIndex50 {
  z-index: 50 !important;
}
.padding-top-left-7 {
  padding-top: 7px;
  padding-left: 7px;
}
.text-left {
  text-align: left;
}
.small-table {
  width: 75%;
  border: 1px solid black;
  border-collapse: collapse;
}
.small-table-td {
  border: 1px solid black;
  padding: 4px;
}
.div-noborder-left {
  width: 15%;
  border-top: 1px solid #00c0d1;
  border-bottom: 1px solid #00c0d1;
  border-right: 1px solid #00c0d1;
}
.div-break {
  width: 100%;
  height: 5px;
}
.div-border-bottom {
  width: 100%;
  height: 1px;
  border-bottom: 1px solid #00c0d1;
}
.customDateInput .md-datepicker-input {
  text-align: center;
  font-size: 15px !important;
}
.div-border {
  border: 1px solid grey;
}
.border-bottom {
  border-bottom: 1px solid black;
}
.align-items-left {
  align-items: baseline;
}
.margin-top-2em {
  margin-top: 2em;
}
.right-center-text {
  text-align: right !important;
  line-height: 30px;
}
.minWidth-9em {
  min-width: 9em;
}
.padding-top-18-forced {
  padding-top: 18px !important;
}
.margin-bottom-1em {
  margin-bottom: 1em !important;
}
.green-border {
  border: 1px solid #1fb5ac;
}
.screen-header-font-color {
  color: #486579;
}
.width-11-em {
  width: 11em;
}
.text-overflow-80 {
  display: inline-block;
  width: 80px;
  white-space: nowrap;
  overflow: hidden !important;
  text-overflow: ellipsis;
  color: blue;
}
.right-center-text {
  text-align: right !important;
  line-height: 30px;
}
.inputContainerMargin8 md-input-container {
  display: inline-block;
  position: relative;
  padding: 4px;
  margin: 8px 0px;
  vertical-align: middle;
}
.min-height-4em {
  min-height: 4em;
}
.pagingToolbarSmallerFont .ui-grid-pager-panel {
  font-size: 12px;
}
.displayBlockForced {
  display: block !important;
}
md-checkbox.md-checkbox-small .md-icon {
  transform: scale(0.5);
}
.smallerCheckbox md-checkbox .md-icon {
  width: 17px;
  height: 17px;
}
.labelCloserToCheckbox md-checkbox .md-label {
  margin-left: 20px;
}
.margin-left-7 {
  margin-left: 7px;
}
.smallerCheckbox md-checkbox.md-checked .md-icon:after {
  left: 3px;
  top: 0px;
}
.smallerCheckbox md-checkbox.md-indeterminate .md-icon:after {
  top: 50%;
  left: 49.5%;
  width: 10px;
}
.line-height-19 {
  line-height: 19px;
}
.short-noMargin-input-container md-input-container {
  display: inline-block;
  height: 34px;
  margin: 0px;
}
.align-inputContainer-right md-input-container .md-input {
  text-align: right;
}
.padding-right-6 {
  padding-right: 6px;
}
.smaller-margin-button .md-button {
  margin: 4px 6px;
}
.display-initial {
  display: initial;
}
.padding-bottom-8 {
  padding-bottom: 8px;
}
.div-border-green {
  border: 1px solid rgba(0, 137, 123, 0.87);
}
.font-14-input input {
  font-size: 14px !important;
}
.yellow-icon-color {
  color: #fbc02d;
}
.thinner-icon-button .md-button {
  min-width: 65px;
}
/*#region GIS*/
#spaceInventoryGISMainMap {
  height: 100%;
}
.gis-tool-icon {
  height: 32px !important;
  width: 36px !important;
  margin: 5px !important;
}
.gis-sidebar-color {
  background-color: #377dd5;
}
.gis-sidebar {
  width: 55px;
}
.gis-sidebar .container {
  padding-top: 5px;
}
.gis-text-rotate {
  font-weight: bold;
  font-size: 30px;
  font-family: "Roboto", Arial, Helvetica, sans-serif;
  color: white;
  -ms-transform: rotate(90deg);
  -moz-transform: rotate(90deg);
  -webkit-transform: rotate(90deg);
  -o-transform: rotate(90deg);
  width: 400px;
  transform-origin: 0 50px;
}
.gis-tool-header {
  color: #ffffff;
  letter-spacing: 0.005em;
  font-size: 20px;
}
.gis-container {
  max-width: 20% !important;
  border-right: 1px solid #BBBBBB;
}
.zero-margin-switch md-switch {
  margin: 0;
}
.md-fab.md-tiny {
  width: 20px;
  height: 20px;
  vertical-align: top;
  min-height: 20px;
  padding: 0 0;
}
.gis-latitude-longitude-indicator-tool {
  background-color: rgba(255, 255, 255, 0.8);
  position: absolute;
  bottom: 3px;
  left: 5px;
  font-size: 14px;
}
/*#endregion GIS*/
/*#region Resizable*/
.resizable {
  position: relative;
}
.resizable.no-transition {
  -webkit-transition: none !important;
  transition: none !important;
}
.rg-right,
.rg-left,
.rg-top,
.rg-bottom {
  display: block;
  width: 14px;
  height: 14px;
  line-height: 14px;
  position: absolute;
  z-index: 1;
  -moz-user-select: -moz-none;
  -ms-user-select: none;
  -webkit-user-select: none;
  user-select: none;
}
.rg-right span,
.rg-left span,
.rg-top span,
.rg-bottom span {
  position: absolute;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  display: block;
  border: 1px solid #ccc;
}
.rg-right span,
.rg-left span {
  border-width: 0 1px;
  top: 50%;
  margin-top: -10px;
  margin: -10px 0 0 3.5px;
  height: 20px;
  width: 7px;
}
.rg-top span,
.rg-bottom span {
  border-width: 1px 0;
  left: 50%;
  margin: 3.5px 0 0 -10px;
  width: 20px;
  height: 7px;
}
.rg-top {
  cursor: row-resize;
  width: 100%;
  top: 0;
  left: 0;
  margin-top: -7px;
}
.rg-right {
  cursor: col-resize;
  height: 100%;
  right: 0;
  top: 0;
  margin-right: -14px;
}
.rg-bottom {
  cursor: row-resize;
  width: 100%;
  bottom: 0;
  left: 0;
  margin-bottom: -7px;
}
.rg-left {
  cursor: col-resize;
  height: 100%;
  left: 0;
  top: 0;
  margin-left: -14px;
}
/*#endregion Resizable*/
.md-accordion md-toolbar {
  cursor: pointer;
  margin-bottom: 2px;
}
.md-accordion .md-toolbar-tools {
  font-size: 15px !important;
  font-family: "Roboto", sans-serif;
  font-weight: bold !important;
  padding-top: 12px;
}
.keepFullLabelWithValue md-input-container.md-input-has-value label:not(.md-no-float) {
  overflow: visible !important;
}
/*
    DRAG AND DROP
*/
/***************************** Required styles *****************************/
/**
 * For the correct positioning of the placeholder element, the dnd-list and
 * it's children must have position: relative
 */
.nestedDemo ul[dnd-list],
.nestedDemo ul[dnd-list] > li {
  position: relative;
}
/***************************** Dropzone Styling *****************************/
/**
 * The dnd-list should always have a min-height,
 * otherwise you can't drop to it once it's empty
 */
.nestedDemo .dropzone ul[dnd-list] {
  min-height: 42px;
  margin: 0px;
  padding-left: 0px;
}
/**
 * The dnd-lists's child elements currently MUST have
 * position: relative. Otherwise we can not determine
 * whether the mouse pointer is in the upper or lower
 * half of the element we are dragging over. In other
 * browsers we can use event.offsetY for this.
 */
.nestedDemo .dropzone li {
  background-color: #fff;
  border: 1px solid #ddd;
  display: block;
  padding: 0px;
}
/**
 * Reduce opacity of elements during the drag operation. This allows the user
 * to see where he is dropping his element, even if the element is huge. The
 * .dndDragging class is automatically set during the drag operation.
 */
.nestedDemo .dropzone .dndDragging {
  opacity: 0.7;
}
/**
 * The dndDraggingSource class will be applied to the source element of a drag
 * operation. It makes sense to hide it to give the user the feeling that he's
 * actually moving it. Note that the source element has also .dndDragging class.
 */
.nestedDemo .dropzone .dndDraggingSource {
  display: none;
}
/**
 * An element with .dndPlaceholder class will be added as child of the dnd-list
 * while the user is dragging over it.
 */
.nestedDemo .dropzone .dndPlaceholder {
  background-color: #ddd;
  min-height: 42px;
  display: block;
  position: relative;
}
/***************************** Element type specific styles *****************************/
.nestedDemo .dropzone .item {
  padding: 10px 15px;
}
.nestedDemo .dropzone .container-element {
  margin: 10px;
}
.nestedDemo .dropzone .container-element .column {
  float: left;
  width: 50%;
}
/***************************** Toolbox *****************************/
.nestedDemo .toolbox ul {
  list-style: none;
  padding-left: 0px;
  cursor: move;
}
.nestedDemo .toolbox button {
  margin: 5px;
  width: 123px;
  opacity: 1;
}
.nestedDemo .toolbox .dndDragging {
  opacity: 0.5;
}
.nestedDemo .toolbox .dndDraggingSource {
  opacity: 1;
}
/***************************** Trashcan *****************************/
.nestedDemo .trashcan ul {
  list-style: none;
  padding-left: 0px;
}
.box {
  margin-bottom: 20px;
  background-color: #fff;
  border: 1px solid transparent;
  border-radius: 4px;
  -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05);
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05);
}
.box > h3 {
  color: #333;
  border-color: #ddd;
  border-bottom: 1px solid transparent;
  border-top-right-radius: 3px;
  border-top-left-radius: 3px;
  background-repeat: repeat-x;
  display: block;
  font-size: 16px;
  padding: 10px 15px;
  margin-top: 0;
  margin-bottom: 0;
}
.box-padding {
  padding: 15px;
  padding-left: 5px;
}
.box-padding > h3 {
  margin: -15px;
  margin-left: -5px;
  margin-bottom: 15px;
}
.box-blue {
  border-color: #bce8f1;
}
.box-blue > h3 {
  color: #31708f;
  background-color: #d9edf7;
  border-color: #bce8f1;
}
.trash {
  width: 100%;
  height: 200px;
  background: url(../images/trash.png) no-repeat center center !important;
  opacity: 0.4;
}
.trash-wrapper-icon {
  width: 100% !important;
  height: 100%;
}
md-icon .dndDragover {
  opacity: 0 !important;
  position: absolute;
  top: -20px !important;
  left: 0px;
}
.label-width-95 {
  width: 95% !important;
  margin-left: 5px;
  color: black;
}
.right-Input-Textbox {
  float: right;
  width: 57%;
  padding-right: 10px;
  margin: 0px;
}
.width23Percent {
  width: 23% !important;
}
.width10Percent {
  width: 10% !important;
}
.width15Percent {
  width: 15% !important;
}
.width85Percent {
  width: 85% !important;
}
.width60Percent {
  width: 60% !important;
}
.width35Percent {
  width: 35% !important;
}
md-tooltip {
  font-size: 1rem;
}
.time-date > .control > .slider > .date-control,
.time-date > .control > .slider > .time-control {
  width: 45%;
  overflow: hidden !important;
}
.fcFilters {
  display: inline-block !important;
  position: relative !important;
  padding: 4px !important;
  margin: -11px 0px !important;
  vertical-align: middle !important;
}
.tealBorder {
  border-top: 1px solid #1fb5ac;
  border-right: 1px solid #1fb5ac;
  border-left: 1px solid #1fb5ac;
  border-bottom: 1px solid #1fb5ac;
  background: #f2f2f2 !important;
  padding-top: 5px;
  background-color: white !important;
}
.custom-list-item:hover {
  background-color: rgba(158, 158, 158, 0.2) !important;
  color: white !important;
}
.custom-list-item a {
  text-decoration: none !important;
  color: white !important;
}
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
  .custom-criteria {
    margin-top: 30px;
    margin-bottom: 30px;
  }
  .custom-adhoc-a {
    padding-top: 15px;
    padding-bottom: 15px;
  }
}
.title-break {
  word-break: break-all;
  white-space: pre-wrap;
}
md-radio-group.md-default-theme[disabled] .md-container .md-on,
md-radio-group[disabled] .md-container .md-on,
md-radio-button.md-default-theme[disabled] .md-container .md-on,
md-radio-button[disabled] .md-container .md-on {
  border-color: rgba(0, 0, 0, 0.38);
  background-color: rgba(0, 0, 0, 0.38);
}
.keep-in-single-line {
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}
.view-map-inline-icon {
    position: absolute;
    right: 10px;
}
.eyeball-inline-icon {
  background-repeat: no-repeat;
  background-position: 100% 5px;
  background-image: url(../images/eyeball.png);
  height: 25px;
  width: 25px;
  position: absolute;
  right: 45px;
  top: 300px;
  border: none;
  outline: none;
}