/* line 3, ../sass/main.scss */
body {
  color: #383a3c;
  background: #fff;
  font-family: "Mark Web W02 Regular", TradeGothicLTPro-Bold, "Helvetica Neue",
    Roboto, Arial, "Droid Sans", sans-serif;
  font-size: 13px;
  font-weight: 400;
  line-height: 1.471;
}

/* line 12, ../sass/main.scss */
.spacer {
  margin-bottom: 60px;
}

/* line 16, ../sass/main.scss */
.optus-logo-title {
  color: #fdcc08;
  font-family: "Mark Web W02 Heavy";
  font-size: 20px;
  cursor: pointer;
}

/* line 22, ../sass/main.scss */
.optus-black-bold {
  font-family: "Mark Web W02 Heavy";
  color: #000;
}

/* line 26, ../sass/main.scss */
.optus-teal-bold {
  font-family: "Mark Web W02 Heavy";
  color: #2aa3ad;
}

/* line 30, ../sass/main.scss */
.optus-jade-bold {
  font-family: "Mark Web W02 Heavy";
  color: #006280;
}

/* line 34, ../sass/main.scss */
.optus-teal {
  color: #2aa3ad;
}

/* line 39, ../sass/main.scss */
.header-wrapper {
  background: #2aa3ad;
  margin-bottom: 15px;
}
/* line 42, ../sass/main.scss */
.header-wrapper a:hover.logout-header {
  background-color: #000;
  color: #fff;
}

/* Login Screen only header */
/* line 48, ../sass/main.scss */
.header-login-wrapper {
  background: url("../img/hero2.jpg") no-repeat center center;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
  height: 420px;
}

/* line 57, ../sass/main.scss */
.subtitle-login {
  font-size: 50px;
  font-family: "Mark Web W02 Heavy";
  color: #149ba3;
  /*width: 35%;*/
  float: right;
  margin-top: 50px;
  margin-right: 10%;
  background-image: url("../img/yes_brand_yellow.png");
  background-size: 240px;
  background-repeat: no-repeat;
  background-position: right bottom;
  height: 250px;
}

/* line 71, ../sass/main.scss */
.blank-login-space {
  height: 30px;
  background-color: white;
}

/* line 76, ../sass/main.scss */
.navbar {
  border-radius: 0;
}

/* line 79, ../sass/main.scss */
.navbar-insight-wrapper {
  padding: 20px 15px 0;
}
/* line 81, ../sass/main.scss */
.navbar-insight-wrapper .navbar-insight {
  background-color: #000;
  border-color: #000;
  border: 0px;
}

/* line 87, ../sass/main.scss */
.insight-logo {
  color: #fff;
  font-family: "Mark Web W02 Heavy";
}

/* line 91, ../sass/main.scss */
.userid-header {
  top: 15px;
  color: #fff;
  font-weight: bold;
}

/* line 96, ../sass/main.scss */
.logout-header {
  color: #fff;
  font-family: "Mark Web W02 Heavy";
  font-size: 1.3em;
  cursor: pointer;
}

/* line 105, ../sass/main.scss */
.brand-centered {
  display: -webkit-flex;
  display: flex;
  -webkit-justify-content: center;
  justify-content: center;
  position: absolute;
  width: 100%;
  left: 0;
  top: 0;
}
/* line 112, ../sass/main.scss */
.brand-centered .navbar-brand {
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: center;
  align-items: center;
  color: #ffcc08;
  cursor: default;
}

/* line 122, ../sass/main.scss */
.ie9 .brand-centered {
  width: 30%;
  left: 47%;
}

/* line 127, ../sass/main.scss */
.logout-toggle {
  display: none;
}

/*
.header-upper {
	
	.insight-logo {
		font-size: 1.4em;
	    font-weight: bold;
	    color: #fff;	
	}
	.optus-logo {
		padding-top:10px;
	    text-align: center;
	    margin:0 auto;
	}
}*/
/* line 144, ../sass/main.scss */
.header-menubar {
  background-color: #fff;
  border-bottom: 1px solid #cfcfcf;
}
/* line 147, ../sass/main.scss */
.header-menubar .support-link {
  padding-top: 10px;
  padding-right: 30px;
  padding-bottom: 10px;
  font-size: 1.1em;
  color: #000;
  font-weight: bold;
  cursor: pointer;
}
/* line 158, ../sass/main.scss */
.header-menubar li.menu-nav a {
  padding-top: 10px;
  padding-bottom: 10px;
}
/* line 161, ../sass/main.scss */
.header-menubar li.menu-nav a span {
  font-size: 1.1em;
  color: #000;
  font-weight: bold;
}
/* line 170, ../sass/main.scss */
.header-menubar li.menu-nav:hover span {
  /*border-bottom:3px solid #ff707e;*/
  border-bottom: solid 4px #2aa3ad;
  padding-bottom: 12px;
}
/* line 177, ../sass/main.scss */
.header-menubar li.menu-nav.active span {
  /*border-bottom:3px solid #ff707e;*/
  border-bottom: solid 4px #2aa3ad;
  padding-bottom: 12px;
}
.new-badge {
  display: inline-block;
  font-size: 10px;
  font-weight: bold;
  color: red;
 /* border: 1px solid red;
  padding: 2px 8px;
  border-radius: 999px;*/
  margin-left: 3px;
  vertical-align: super;
}
/*.new-badge {
  display: inline-block;
  font-size: 12px;
  font-weight: bold;
  color: white;
  background: linear-gradient(135deg, #ff4d4d, #ff1a1a);
  padding: 2px 8px;
  border-radius: 999px;
  margin-left: 6px;
  position: relative;
  overflow: hidden;
}

*//* Shine animation *//*
.new-badge::before {
  content: '';
  position: absolute;
  top: 0;
  left: -50%;
  width: 50%;
  height: 100%;
  background: linear-gradient(120deg, rgba(255,255,255,0.4), rgba(255,255,255,0));
  transform: skewX(-25deg);
  animation: shine 2s infinite;
}

@keyframes shine {
  0% {
    left: -50%;
  }
  100% {
    left: 120%;
  }
}*/


/* line 186, ../sass/main.scss */
.dropdown-menu {
  min-width: 240px;
  left: -126px;
  padding: 10px;
}

/*----------------Shared----------------*/
/* line 193, ../sass/main.scss */
.generic-insight-panel {
  background-color: rgba(202, 232, 235, 0.2);
  padding: 5px 20px;
  color: #4a4a4a;
  margin: 5px;
}

/* line 201, ../sass/main.scss */
.insight-panel h4.insight-panel-header {
  text-align: left;
  border-bottom: 2px solid #00a3ad;
  margin-top: 3px;
  color: #00a3ad;
  margin-bottom: 5px;
  line-height: 2;
  font-size: 20px;
}
/* line 210, ../sass/main.scss */
.insight-panel p.insight-panel-value {
  text-align: right;
  font-size: 1.5em;
  margin-bottom: 5px;
}

/* line 216, ../sass/main.scss */
.modal-fullscreen {
  width: 95%;
}
/* line 218, ../sass/main.scss */
.modal-fullscreen .modal-body {
  height: calc(100vh - 210px);
  overflow-y: auto;
}

/* line 225, ../sass/main.scss */
.modal-header {
  background-color: #00a3ad;
  color: #fff;
  font-family: "Mark Web W02 Heavy";
}
/*Font size*/
.modal-body {
font-size: 15px;
}
.modal-section-header {
  background-color: #eee;
  font-family: "Mark Web W02 Heavy";
  padding-left: 10px;
  padding-bottom: 1px;
  margin-bottom: 15px;
  padding-top: 1px;
}

/* line 231, ../sass/main.scss */
.row-dirty {
  color: #f57f7f;
}

/* line 235, ../sass/main.scss */
.spinner {
  position: relative;
  width: 50px;
  height: 50px;
  margin: 0 auto;
  padding: 40px 0;
}
/* line 241, ../sass/main.scss */
.spinner p {
  margin-top: 20px;
}

/* line 244, ../sass/main.scss */
.results_overlay {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  z-index: 10;
  background: rgba(255, 255, 255, 0.5);
}

/* line 254, ../sass/main.scss */
.form-control {
  border-radius: 0;
}

/* line 258, ../sass/main.scss */
.btn.yellow {
  border-radius: 0;
  font-weight: bold;
  color: #191919 !important;
  background: #ffd100 no-repeat !important;
  background: -moz-linear-gradient(
    top,
    #ffd100 0%,
    #ffd100 95%,
    #f9bb00 95%,
    #f9bb00 100%
  ) !important;
  background: -webkit-gradient(
    linear,
    left top,
    left bottom,
    color-stop(0%, #ffd100),
    color-stop(95%, #ffd100),
    color-stop(95%, #f9bb00),
    color-stop(100%, #f9bb00)
  ) !important;
  background: -webkit-linear-gradient(
    top,
    #ffd100 0%,
    #ffd100 95%,
    #f9bb00 95%,
    #f9bb00 100%
  ) !important;
  background: -o-linear-gradient(
    top,
    #ffd100 0%,
    #ffd100 95%,
    #f9bb00 95%,
    #f9bb00 100%
  ) !important;
  background: -ms-linear-gradient(
    top,
    #ffd100 0%,
    #ffd100 95%,
    #f9bb00 95%,
    #f9bb00 100%
  ) !important;
  background: linear-gradient(
    to bottom,
    #ffd100 0%,
    #ffd100 95%,
    #f9bb00 95%,
    #f9bb00 100%
  ) !important;
  -ms-filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#FFFFD100', endColorstr='#FFF9BB00',GradientType=0 );
}

/* line 271, ../sass/main.scss */
.btn.grey {
  border-radius: 0;
  color: #191919 !important;
  background: #d1d7da no-repeat !important;
  background: -moz-linear-gradient(
    top,
    #d1d7da 0%,
    #d1d7da 95%,
    #d1d7da 95%,
    #d1d7da 100%
  ) !important;
  background: -webkit-gradient(
    linear,
    left top,
    left bottom,
    color-stop(0%, #d1d7da),
    color-stop(95%, #d1d7da),
    color-stop(95%, #d1d7da),
    color-stop(100%, #d1d7da)
  ) !important;
  background: -webkit-linear-gradient(
    top,
    #d1d7da 0%,
    #d1d7da 95%,
    #d1d7da 95%,
    #d1d7da 100%
  ) !important;
  background: -o-linear-gradient(
    top,
    #d1d7da 0%,
    #d1d7da 95%,
    #d1d7da 95%,
    #d1d7da 100%
  ) !important;
  background: -ms-linear-gradient(
    top,
    #d1d7da 0%,
    #d1d7da 95%,
    #d1d7da 95%,
    #d1d7da 100%
  ) !important;
  background: linear-gradient(
    to bottom,
    #d1d7da 0%,
    #d1d7da 95%,
    #d1d7da 95%,
    #d1d7da 100%
  ) !important;
  -ms-filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#FFFFD100', endColorstr='#FFF9BB00',GradientType=0 );
}

/* line 285, ../sass/main.scss */
.ui-grid-top-panel {
  background: #fff;
}

/* line 289, ../sass/main.scss */
.ui-grid-row:nth-child(even) .ui-grid-cell {
  background-color: #f5fbfb;
}

/* line 292, ../sass/main.scss */
.ui-grid-row .ui-grid-cell.ui-grid-row-header-cell {
  background-color: #ffffff;
}

/*----------------Login Module----------------*/
/* line 297, ../sass/main.scss */
.login-wrapper .title {
  font-family: "Mark Web W02 Heavy";
}

/* line 300, ../sass/main.scss */
.content-spacer {
  margin-bottom: 30px;
  margin-bottom: 1.875rem;
}

/*----------------MyAccount Module----------------*/
/* line 308, ../sass/main.scss */
.btn-myaccount-tab {
  border: none;
  font-size: 1.3em;
  font-weight: bold;
  border-bottom: 2px solid #b3b3b3;
  padding: 10px 0px;
}
/* line 314, ../sass/main.scss */
.btn-myaccount-tab.active {
  background-color: #fff;
  box-shadow: none;
  border-bottom: 4px solid #80276c;
  border-radius: 0px;
  background: #80276c;
  color: #fff;
}
/* line 321, ../sass/main.scss */
.btn-myaccount-tab.active:hover {
  transition: all 0.3s ease-out;
  background-color: #fff;
  border-bottom: 4px solid #2aa3ad;
  border-bottom: 4px solid #80276c;
  background: #80276c;
  color: #fff;
}
/* line 330, ../sass/main.scss */
.btn-myaccount-tab:hover {
  transition: all 0.5s ease-out;
  background-color: #fff;
  background-color: #f1f1f1;
  border-bottom: 4px solid #2aa3ad;
}

/* line 342, ../sass/main.scss */
.report-quicklink-wrapper {
  margin-top: 15px;
  background-color: rgba(202, 232, 235, 0.2);
  border-bottom: 1px solid #f4f4f4;
  padding: 20px;
}

/* line 348, ../sass/main.scss */
.report-quicklink {
  margin: 10px 20px;
  font-size: 1.2em;
}
/* line 351, ../sass/main.scss */
.report-quicklink .report-quicklink-inner {
  display: inline-block;
}
/* line 353, ../sass/main.scss */
.report-quicklink .report-quicklink-inner .report-quicklink-title {
  cursor: pointer;
  font-size: 1.2em;
  font-family: "Mark Web W02 Heavy";
  color: #000;
}
/* line 359, ../sass/main.scss */
.report-quicklink .report-quicklink-inner p.status-ready {
  color: #006280;
}
/* line 362, ../sass/main.scss */
.report-quicklink .report-quicklink-inner p.status-failed {
  color: #ff6e7e;
}
/* line 365, ../sass/main.scss */
.report-quicklink .report-quicklink-inner p.status-processing {
  color: #000;
}
/* line 368, ../sass/main.scss */
.report-quicklink .report-quicklink-inner p.status-noData {
  color: #bdbdbd;
}
/* line 372, ../sass/main.scss */
.report-quicklink .quicklink-icon {
  font-size: 30px;
  position: absolute;
  margin-top: 5px;
  margin-left: 10px;
  cursor: pointer;
}
/* line 380, ../sass/main.scss */
.report-quicklink.noReportAccess
  .report-quicklink-inner
  p.report-quicklink-title,
.report-quicklink.noReportAccess .quicklink-icon {
  cursor: default;
}

/* line 391, ../sass/main.scss */
.quick-border-left {
  border-left: 1px solid #d1d7da;
}

/* line 394, ../sass/main.scss */
.quick-border-last {
  border-right: 1px solid #d1d7da;
}

/* line 399, ../sass/main.scss */
.your-monthly-bill {
  background-color: rgba(202, 232, 235, 0.2);
  padding: 5px 20px 30px;
  color: #4a4a4a;
  margin: 5px;
}

/* line 405, ../sass/main.scss */
.account-details-box {
  padding: 5px 10px;
  border-bottom: 1px solid rgba(172, 175, 178, 0.32);
  font-size: 1.2em;
}
/* line 412, ../sass/main.scss */
.account-details-box .account-details-value {
  font-weight: bold;
  font-size: 1.4em;
}

/* line 417, ../sass/main.scss */
.monthly-trend-wrapper {
  background-color: rgba(202, 232, 235, 0.2);
  padding: 5px 5px 20px;
  margin: 5px;
}
/* line 421, ../sass/main.scss */
.monthly-trend-wrapper .monthly-bill-title {
  padding-left: 15px;
}

/* line 426, ../sass/main.scss */
.quick-link-warpper {
  font-size: 2.3em;
  text-align: center;
  border-radius: 5px;
  background-color: #006280;
  color: #fff;
  min-height: 70px;
  margin-bottom: 10px;
  padding-top: 8px;
}

/* line 436, ../sass/main.scss */
.group-panel {
  background-color: rgba(208, 208, 208, 0.13);
}
/* line 438, ../sass/main.scss */
.group-panel .last-bill-date {
  color: #00a3ad;
  font-size: 1.5em;
  margin-top: 0px;
  margin-bottom: 0px;
}
/* line 444, ../sass/main.scss */
.group-panel .insight-panel {
  margin-bottom: 5px;
}

/* line 449, ../sass/main.scss */
.insight-metric-panel {
  text-align: center;
  margin-bottom: 5px;
}
/* line 452, ../sass/main.scss */
.insight-metric-panel p {
  margin: 0;
}
/* line 456, ../sass/main.scss */
.insight-metric-panel .insight-metric-header {
  font-size: 1.2em;
  color: #00a3ad;
}
/* line 460, ../sass/main.scss */
.insight-metric-panel .insight-metric-body {
  font-size: 2.4em;
  line-height: 47px;
  font-weight: 600;
}
/* line 465, ../sass/main.scss */
.insight-metric-panel .insight-metric-footer {
  margin-bottom: 5px;
}

/*----------------Unbilled--------------*/
/* line 471, ../sass/main.scss */
#unbilled_container .product-tab-area {
  margin-top: 30px;
}
/* line 476, ../sass/main.scss */
#unbilled_container .product-tab-area .nav-tabs li.active a {
  border-top: 3px solid #2aa3ad;
}
/* line 480, ../sass/main.scss */
#unbilled_container .product-tab-area .nav-tabs li a {
  font-size: 1.2em;
  font-weight: bold;
  border-radius: 0;
  color: #696969;
}
/* line 490, ../sass/main.scss */
#unbilled_container .product-button-area {
  text-align: right;
}
/* line 493, ../sass/main.scss */
#unbilled_container .btn-product {
  font-size: 1.3em;
  font-weight: bold;
  border-radius: 0px;
}
/* line 497, ../sass/main.scss */
#unbilled_container .btn-product.active {
  color: #f9f9f9;
  background-color: rgba(42, 163, 173, 0.81);
  border-color: #54b3bb;
}
/* line 507, ../sass/main.scss */
#unbilled_container .unbilled-panel .unbilled-panel-body {
  text-align: center;
  text-align: center;
  cursor: pointer;
  border: 2px solid #fff;
  border-radius: 4px;
}
/* line 509, ../sass/main.scss */
#unbilled_container .unbilled-panel .unbilled-panel-body .activity-box-title {
  font-size: 1.4em;
  font-weight: bold;
  color: #216681;
}
/* line 514, ../sass/main.scss */
#unbilled_container .unbilled-panel .unbilled-panel-body .activity-title {
  font-size: 1.4em;
  font-weight: bold;
}
/* line 518, ../sass/main.scss */
#unbilled_container .unbilled-panel .unbilled-panel-body .activity-value {
  font-size: 1.4em;
  font-weight: bold;
}
/* line 522, ../sass/main.scss */
#unbilled_container .unbilled-panel .unbilled-panel-body .activity-sub-title {
  font-size: 1.2em;
  font-weight: bold;
}
/* line 526, ../sass/main.scss */
#unbilled_container .unbilled-panel .unbilled-panel-body .activity-sub-value {
  font-size: 1.2em;
  font-weight: bold;
}
/* line 534, ../sass/main.scss */
#unbilled_container .unbilled-panel .unbilled-panel-body:hover {
  box-shadow: 0px 8px 13px 0px rgba(0, 0, 0, 0.2);
  border-color: #006687;
  -webkit-transition: box-shadow 0.3s ease-out, border-color 0.3s ease-out;
  transition: box-shadow 0.3s ease-out;
}
/* line 545, ../sass/main.scss */
#unbilled_container .unbilled-panel .noReportAccess:hover {
  box-shadow: 0px 0px #fff;
  border-color: #fff;
  cursor: default;
}
/* line 554, ../sass/main.scss */
#unbilled_container .unbilled-chart1 .nv-groups .nv-group {
  fill-opacity: 1 !important;
}
/* line 560, ../sass/main.scss */
#unbilled_container .unbilled-service-list_buttons {
  margin-bottom: 10px;
}
/* line 562, ../sass/main.scss */
#unbilled_container .unbilled-service-list_buttons .btn {
  border-radius: 0;
  font-size: 16px;
}
/* line 566, ../sass/main.scss */
#unbilled_container .unbilled-service-list_buttons .btn-save {
  color: #fff;
  background-color: #2aa3ad;
  border-color: #2aa3ad;
}
/* line 570, ../sass/main.scss */
#unbilled_container .unbilled-service-list_buttons .btn-save:hover {
  background-color: rgba(42, 163, 173, 0.71);
  border-color: rgba(42, 163, 173, 0.71);
}
/* line 579, ../sass/main.scss */
#unbilled_container .ui-grid-header-cell {
  background-color: initial;
}
/* line 582, ../sass/main.scss */
#unbilled_container .riskHeader {
  color: white;
  background: rgba(128, 39, 108, 0.72);
}
/* line 588, ../sass/main.scss */
#unbilled_container .ui-grid-category {
  text-align: center;
  border-right: 0px;
  box-shadow: -1px 1px #d4d4d4;
}
/* line 591, ../sass/main.scss */
#unbilled_container .category-title {
  font-size: 1.4em;
}
/* line 594, ../sass/main.scss */
#unbilled_container .ui-grid-footer-cell .ui-grid-cell-contents {
  text-align: center;
}
/* line 598, ../sass/main.scss */
#unbilled_container .roam-cell .fa-star {
  color: #ffdd3b;
}
/* line 602, ../sass/main.scss */
#unbilled_container .roam-cell .fa-plane {
  color: #2aa3ad;
}

/*----------------Cost Centre Manager--------------*/
/* line 609, ../sass/main.scss */
#costCentreMng_container .period-button-area {
  margin-bottom: 10px;
}
/* line 611, ../sass/main.scss */
#costCentreMng_container .period-button-area .btn {
  font-size: 18px;
  padding: 8px 20px;
  border-radius: 0px;
}
/* line 618, ../sass/main.scss */
#costCentreMng_container .Grouping-button-area {
  margin-top: 20px;
}
/* line 620, ../sass/main.scss */
#costCentreMng_container .Grouping-button-area .grp-by-title {
  margin-top: 10px;
  font-size: 1.3em;
  font-weight: bold;
}
/* line 625, ../sass/main.scss */
#costCentreMng_container .Grouping-button-area .btn {
  border-radius: 0px;
  font-size: 16px;
  margin-right: 5px;
}
/* line 629, ../sass/main.scss */
#costCentreMng_container .Grouping-button-area .btn.active {
  color: #fff;
  background-color: #2aa3ad;
  border-color: #2aa3ad;
  -webkit-box-shadow: inset 0 0 0 rgba(0, 0, 0, 0.125);
  box-shadow: inset 0 0 0 rgba(0, 0, 0, 0.125);
}
/* line 637, ../sass/main.scss */
#costCentreMng_container .Grouping-button-area .fav-button-wrapper {
  vertical-align: bottom;
  margin-left: 15px;
  display: inline-block;
}
/* line 641, ../sass/main.scss */
#costCentreMng_container
  .Grouping-button-area
  .fav-button-wrapper
  .fa-toggle-on,
#costCentreMng_container
  .Grouping-button-area
  .fav-button-wrapper
  .fa-toggle-off {
  color: #2aa3ad;
}
/* line 647, ../sass/main.scss */
#costCentreMng_container .cost-centre-mng-buttons {
  height: 40px;
}
/* line 649, ../sass/main.scss */
#costCentreMng_container .cost-centre-mng-buttons .btn {
  border-radius: 0;
  font-size: 16px;
}
/* line 653, ../sass/main.scss */
#costCentreMng_container .cost-centre-mng-buttons .btn-primary {
  color: #fff;
  background-color: #2aa3ad;
  border-color: #2aa3ad;
}
/* line 657, ../sass/main.scss */
#costCentreMng_container .cost-centre-mng-buttons .btn-primary:hover {
  background-color: rgba(42, 163, 173, 0.71);
  border-color: rgba(42, 163, 173, 0.71);
}

/*----------------Inbound----------------*/
/* line 668, ../sass/main.scss */
#inbound_container .optus-teal-bold {
  margin-top: 10px;
}
/* line 671, ../sass/main.scss */
#inbound_container .yesterday-service-no {
  color: #000;
  font-size: 0.8em;
}
#inbound_container .sub-header {
  font-size: 18px;
}
/* line 676, ../sass/main.scss */
#inbound_container .inbound-panel {
  margin-bottom: 10px;
}
/* line 680, ../sass/main.scss */
#inbound_container .inbound-panel-body {
  font-size: 1.4em;
  font-weight: bold;
  text-align: center;
  cursor: pointer;
  border: 2px solid #fff;
  -webkit-transition: box-shadow 0.3s ease-out, border-color 0.3s ease-out;
  transition: box-shadow 0.3s ease-out, border-color 0.3s ease-out;
  border-radius: 4px;
}
/* line 691, ../sass/main.scss */
#inbound_container .inbound-panel-body:hover {
  box-shadow: 0px 8px 13px 0px rgba(0, 0, 0, 0.2);
  border-color: #006687;
}
/* line 704, ../sass/main.scss */
#inbound_container .status-no-data {
  color: #b1b1b1;
}
/* line 708, ../sass/main.scss */
#inbound_container .status-no-connection {
  color: #b1b1b1;
}
/* line 712, ../sass/main.scss */
#inbound_container .status-available {
  color: #000;
}
/* line 717, ../sass/main.scss */
#inbound_container .noReportAccess:hover {
  box-shadow: 0px 0px #fff;
  border-color: #fff;
  cursor: default;
}
/* line 733, ../sass/main.scss */
#inbound_container .ui-grid-header-cell {
  background-color: initial;
}
/* line 737, ../sass/main.scss */
#inbound_container .yesterdayHeader {
  color: #80276c;
  background: rgba(202, 176, 225, 0.4);
}
/* line 742, ../sass/main.scss */
#inbound_container .ui-grid-row:nth-child(even) .ui-grid-coluiGrid-0007,
#inbound_container .ui-grid-row:nth-child(even) .ui-grid-coluiGrid-0008,
#inbound_container .ui-grid-row:nth-child(even) .ui-grid-coluiGrid-0009 {
  background-color: rgba(234, 223, 243, 0.4);
}
/* line 745, ../sass/main.scss */
#inbound_container .ui-grid-row:nth-child(even) .ui-grid-coluiGrid-000D,
#inbound_container .ui-grid-row:nth-child(even) .ui-grid-coluiGrid-000E,
#inbound_container .ui-grid-row:nth-child(even) .ui-grid-coluiGrid-000F {
  background-color: rgba(255, 247, 215, 0.4);
}
/* line 749, ../sass/main.scss */
#inbound_container
  .ui-grid-row.ui-grid-row-selected
  > [ui-grid-row]
  > .ui-grid-cell {
  background-color: #c9dde1;
}
/* line 753, ../sass/main.scss */
#inbound_container .last2WeeksHeader {
  color: #00a3ad;
  background: rgba(153, 218, 222, 0.4);
}
/* line 758, ../sass/main.scss */
#inbound_container .last4WeeksHeader {
  color: #666666;
  background: rgba(255, 235, 156, 0.4);
}
/* line 764, ../sass/main.scss */
#inbound_container .ui-grid-category {
  text-align: center;
  border-right: 0px;
  box-shadow: -1px 1px #d4d4d4;
}
/* line 767, ../sass/main.scss */
#inbound_container .ui-grid-footer-cell .ui-grid-cell-contents {
  text-align: center;
}
/* line 771, ../sass/main.scss */
#inbound_container .watch-list-cell .fa-star {
  color: #ffdd3b;
}

#inbound_container .inbound-download-monthyear {
  display: inline;
  width: 150px;
  padding-top: 0;
}
#inbound_container .inbound-download-button {
  margin-left: 20px;
}

/*----------------Report Module----------------*/
/* line 778, ../sass/main.scss */
.folder-panel {
  background-color: rgba(202, 232, 235, 0.2);
}
/* line 781, ../sass/main.scss */
.folder-panel h4.folder-panel-header {
  text-align: left;
  margin-top: 3px;
  color: #000;
  font-weight: bold;
  margin-bottom: 5px;
}
/* line 788, ../sass/main.scss */
.folder-panel ul {
  list-style-type: none;
  -webkit-padding-start: 10px;
  font-size: 1.2em;
  color: #006280;
}
/* line 793, ../sass/main.scss */
.folder-panel ul ul {
  font-size: 0.95em;
  -webkit-padding-start: 20px;
}
/* line 797, ../sass/main.scss */
.folder-panel ul span {
  cursor: pointer;
}
/* line 800, ../sass/main.scss */
.folder-panel ul .active {
  color: #000;
  font-weight: bold;
}
/* line 805, ../sass/main.scss */
.folder-panel .navbar {
  margin-bottom: 0px;
}

/* line 811, ../sass/main.scss */
.schedule-report-form .form-inline .form-group {
  margin-left: 0;
  margin-right: 0;
}

/* line 817, ../sass/main.scss */
.emailNotification-content,
.parameter-content {
  border: 1px #dcdcdc solid;
  border-radius: 10px;
  padding: 10px;
  margin-bottom: 10px;
}

/*multipleTextbox*/
/* line 826, ../sass/main.scss */
.multipleTextbox ul,
.multipleRangeTextbox ul,
.rangeTextbox ul {
  list-style: none;
  padding-left: 0;
  margin-top: 25px;
}
/* line 832, ../sass/main.scss */
.multipleTextbox li,
.multipleRangeTextbox li,
.rangeTextbox li {
  border: 1px solid black;
  display: inline-block;
  padding: 5px 10px;
  margin-right: 5px;
  margin-bottom: 5px;
}
/* line 840, ../sass/main.scss */
.multipleTextbox .fa-close,
.multipleRangeTextbox .fa-close,
.rangeTextbox .fa-close {
  cursor: pointer;
}
/* line 845, ../sass/main.scss */
.multipleTextbox [contenteditable]:focus,
.multipleTextbox [contenteditable]:active,
.multipleRangeTextbox [contenteditable]:focus,
.multipleRangeTextbox [contenteditable]:active,
.rangeTextbox [contenteditable]:focus,
.rangeTextbox [contenteditable]:active {
  outline: 0;
}

/* line 851, ../sass/main.scss */
.report-history-buttons {
  margin-bottom: 10px;
}
/* line 854, ../sass/main.scss */
.report-history-buttons button {
  margin-right: 5px;
}

/*----------------Service Profile--------------*/
/* line 860, ../sass/main.scss */
.service-profile-buttons {
  margin-bottom: 10px;
}

/*----------------Control Panel----------------*/
/* line 865, ../sass/main.scss */
#control_panel_conteiner .panel-heading {
  background-color: #fff;
}

/* line 868, ../sass/main.scss */
#control_panel_conteiner .panel-open .panel-heading {
  background-color: rgba(202, 232, 235, 0.2);
}

/* line 872, ../sass/main.scss */
.user-admin-error {
  float: left;
}

/* line 878, ../sass/main.scss */
.email-body-wrapper {
  padding: 5px;
  background: rgba(0, 163, 173, 0.14);
  border-radius: 5px;
}

/* line 883, ../sass/main.scss */
.ta-editor {
  max-height: 250px;
  height: auto;
  overflow: auto;
  font-family: inherit;
  font-size: 100%;
}

/* line 890, ../sass/main.scss */
.ta-readonly {
  background: #eee;
}

/* line 894, ../sass/main.scss */
#auto-report-container td {
  vertical-align: middle;
}
/* line 897, ../sass/main.scss */
#auto-report-container th {
  font-size: 1.1em;
}
/* line 900, ../sass/main.scss */
#auto-report-container .auto-report-header {
  background: #2aa3ad;
  color: #fff;
  border-right: 1px solid #fff;
}
/* line 905, ../sass/main.scss */
#auto-report-container .navy-back {
  background: #172659;
}
/* line 908, ../sass/main.scss */
#auto-report-container .berry-back {
  background: #80276c;
}
/* line 911, ../sass/main.scss */
#auto-report-container .jade-back {
  background: #006280;
}
/* line 917, ../sass/main.scss */
#auto-report-container .table > tbody > tr > td,
#auto-report-container .table > tbody > tr > th,
#auto-report-container .table > tfoot > tr > td,
#auto-report-container .table > tfoot > tr > th,
#auto-report-container .table > thead > tr > td,
#auto-report-container .table > thead > tr > th {
  border-top: 0px;
}
/* line 920, ../sass/main.scss */
#auto-report-container .subgroup-tile {
  height: 50px;
  color: #80276c;
  font-size: 1.4em;
  font-family: "Mark Web W02 heavy";
}
/* line 929, ../sass/main.scss */
#auto-report-container .checkbox-wrapper {
  text-align: center;
}
/* line 932, ../sass/main.scss */
#auto-report-container .enable-box {
  background: #e3e9ec;
}
/* line 936, ../sass/main.scss */
#auto-report-container .select.dropdown-menu {
  max-height: 200px;
  overflow: auto;
}
/* line 941, ../sass/main.scss */
#auto-report-container .auto-report-buttons {
  margin-bottom: 10px;
}
/* line 943, ../sass/main.scss */
#auto-report-container .auto-report-buttons .btn {
  border-radius: 0;
  font-size: 16px;
}
/* line 947, ../sass/main.scss */
#auto-report-container .auto-report-buttons .btn-save {
  color: #fff;
  background-color: #2aa3ad;
  border-color: #2aa3ad;
}
/* line 951, ../sass/main.scss */
#auto-report-container .auto-report-buttons .btn-save:hover {
  background-color: rgba(42, 163, 173, 0.71);
  border-color: rgba(42, 163, 173, 0.71);
}
/* line 961, ../sass/main.scss */
#auto-report-container .automater-describe-table th {
  color: #fff;
  background: #2aa3ad;
  border-right: 1px solid #fff;
}
/* line 965, ../sass/main.scss */
#auto-report-container .automater-describe-table th:last-child {
  border-right: 1px solid #2aa3ad;
}
/* line 971, ../sass/main.scss */
#auto-report-container .automater-describe-table tr td {
  border-bottom: 1px solid #2aa3ad;
  border-right: 1px solid #2aa3ad;
  background: #fff;
}
/* line 978, ../sass/main.scss */
#auto-report-container .automater-describe-table tr.group-title {
  color: #80276c;
  font-size: 1.2em;
  font-family: "Mark Web W02 heavy";
}

/* line 988, ../sass/main.scss */
.btn-usage-tab {
  border: none;
  font-size: 1.3em;
  border-bottom: 2px solid #b3b3b3;
}
/* line 992, ../sass/main.scss */
.btn-usage-tab.active {
  background-color: #fff;
  box-shadow: none;
  border-bottom: 4px solid #2aa3ad;
  border-radius: 0px;
}
/* line 997, ../sass/main.scss */
.btn-usage-tab.active:hover {
  transition: all 0.3s ease-out;
  background-color: #fff;
  border-bottom: 4px solid #2aa3ad;
}
/* line 1003, ../sass/main.scss */
.btn-usage-tab:hover {
  transition: all 0.5s ease-out;
  background-color: #fff;
  border-bottom: 4px solid #2aa3ad;
}

/* line 1013, ../sass/main.scss */
.sms-example-wrapper {
  padding-top: 7px;
}

/* line 1016, ../sass/main.scss */
.sms-example-msg {
  color: #006280;
  font-weight: bold;
}

/* line 1021, ../sass/main.scss */
.usage-alert-divider {
  margin-top: 20px;
}

/* line 1025, ../sass/main.scss */
.gold {
  color: #fdcc08;
}

/*----------------Support Page----------------*/
/* line 1033, ../sass/main.scss */
#support-wrapper h5 a:link {
  color: #fff;
}
/* line 1036, ../sass/main.scss */
#support-wrapper h5 a:visited {
  color: #fff;
}
/* line 1039, ../sass/main.scss */
#support-wrapper h5 a:hover {
  color: #fff;
}
/* line 1042, ../sass/main.scss */
#support-wrapper h5 a:active {
  color: #fff;
}
/* line 1046, ../sass/main.scss */
#support-wrapper .module-top {
  height: 80px;
  margin-bottom: 10px;
  font-size: 30px;
  font-weight: bold;
  color: #fff;
  padding-top: 15px;
  padding-left: 10px;
}
/* line 1054, ../sass/main.scss */
#support-wrapper .module-top#my-account-top {
  background: #00a3ad;
}
/* line 1057, ../sass/main.scss */
#support-wrapper .module-top#inbound-top {
  background: #ff6e7e;
}
/* line 1060, ../sass/main.scss */
#support-wrapper .module-top#report-top {
  background: #172659;
}
/* line 1063, ../sass/main.scss */
#support-wrapper .module-top#service-top {
  background: #424492;
}
/* line 1066, ../sass/main.scss */
#support-wrapper .module-top#control-top {
  background: #80266c;
}
/* line 1069, ../sass/main.scss */
#support-wrapper .module-top#other-top {
  background: #006280;
}
/* line 1074, ../sass/main.scss */
#support-wrapper .row-separator {
  padding-bottom: 20px;
  border-bottom: 3px solid #e4e4e4;
  margin-bottom: 20px;
}
/* line 1080, ../sass/main.scss */
#support-wrapper .caq-table th {
  background: #5b9bd5;
  color: #fff;
}
/* line 1084, ../sass/main.scss */
#support-wrapper .caq-table .caq-ques-title {
  font-weight: bold;
  font-size: 1.2em;
}
/* line 1090, ../sass/main.scss */
#support-wrapper #about-each-report h4 {
  color: #00a3ad;
}
/* line 1095, ../sass/main.scss */
#support-wrapper .report-detail-table th {
  background: #00a3ad;
  color: #fff;
}
/* line 1099, ../sass/main.scss */
#support-wrapper .report-detail-table td {
  vertical-align: middle;
}
/* line 1102, ../sass/main.scss */
#support-wrapper .report-detail-table .report-name-title {
  font-weight: bold;
  font-size: 1.2em;
}
/* line 1108, ../sass/main.scss */
#support-wrapper .unbilled-status-table th {
  background: #00a3ad;
  color: #fff;
  font-weight: bold;
  font-size: 1.2em;
}
/* line 1116, ../sass/main.scss */
#support-wrapper .custom-list-group {
  padding-right: 0;
}
/* line 1119, ../sass/main.scss */
#support-wrapper .custom-list-item {
  height: 75px;
  text-align: center;
  border: 0px;
  border-bottom: 1px solid #ddd;
  border-top: 1px solid #ddd;
}
/* line 1125, ../sass/main.scss */
#support-wrapper .custom-list-item div {
  height: 50px;
  vertical-align: middle;
  display: table-cell;
  width: 1000px;
}
/* line 1131, ../sass/main.scss */
#support-wrapper .custom-list-item:first-child {
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}
/* line 1135, ../sass/main.scss */
#support-wrapper .custom-list-item:last-child {
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}
/* line 1140, ../sass/main.scss */
#support-wrapper .list-header {
  color: #fff;
  padding-top: 19px;
}
/* line 1143, ../sass/main.scss */
#support-wrapper .list-header h5 {
  font-weight: bold;
}
/* line 1146, ../sass/main.scss */
#support-wrapper .list-header small {
  color: #fff;
}
/* line 1150, ../sass/main.scss */
#support-wrapper .list-myaccount-header {
  background: #00a3ad;
}
/* line 1153, ../sass/main.scss */
#support-wrapper .list-inbound-header {
  background: #ff6e7e;
}
/* line 1156, ../sass/main.scss */
#support-wrapper .list-report-header {
  background: #172659;
}
/* line 1159, ../sass/main.scss */
#support-wrapper .list-service-header {
  background: #424492;
}
/* line 1162, ../sass/main.scss */
#support-wrapper .list-control-header {
  background: #80266c;
}
/* line 1165, ../sass/main.scss */
#support-wrapper .list-other-header {
  background: #006280;
}

/* UI-GRID*/
/*
   This is the background of our overlay. We need it to be
   absolutely positioned within the grid, and fill from
   top to bottom, and the full width. It will also have
   a black background with 40% opacity.
*/
/* line 1184, ../sass/main.scss */
.grid-msg-overlay {
  position: absolute;
  top: 0;
  bottom: 0;
  width: 100%;
  background: rgba(0, 0, 0, 0.4);
}

/*
  This guy will contain our message. We want it centered
  so it's positioned absolutely with percentage-based
  offsets and dimensions. It also has some basic border
  stuff and most important is using "display: table" so
  we can vertically center its contents.
*/
/* line 1199, ../sass/main.scss */
.grid-msg-overlay .msg {
  opacity: 1;
  position: absolute;
  top: 20%;
  left: 20%;
  width: 60%;
  height: 50%;
  background-color: #eee;
  border-radius: 4px;
  border: 1px solid #555;
  text-align: center;
  font-size: 24px;
  display: table;
}

/*
  Lastly this is the actual message text. It uses
  display: table-cell so the vertical alignment
  works properly.
*/
/* line 1219, ../sass/main.scss */
.grid-msg-overlay .msg span {
  display: table-cell;
  vertical-align: middle;
}

/* Animation */
@keyframes fadeInUp {
  0% {
    opacity: 0;
    transform: translateY(15px);
  }
  100% {
    opacity: 1;
    transform: translateY(0);
  }
}
/* line 1233, ../sass/main.scss */
.fade-in-up {
  -webkit-animation: fadeInUp 0.5s;
  animation: fadeInUp 0.5s;
}

/* line 1237, ../sass/main.scss */
.animate-enter,
.animate-leave {
  -webkit-transition: 700ms cubic-bezier(0.42, 0, 1, 1) all;
  -moz-transition: 700ms cubic-bezier(0.42, 0, 1, 1) all;
  -ms-transition: 700ms cubic-bezier(0.42, 0, 1, 1) all;
  -o-transition: 700ms cubic-bezier(0.42, 0, 1, 1) all;
  transition: 700ms cubic-bezier(0.42, 0, 1, 1) all;
  position: relative;
  display: block;
}

/* line 1248, ../sass/main.scss */
.animate-leave.animate-leave-active,
.animate-enter {
  -webkit-transform: scaleY(0);
  -moz-transform: scaleY(0);
  -ms-transform: scaleY(0);
  -o-transform: scaleY(0);
  transform: scaleY(0);
  height: 0px;
  opacity: 0;
}

/* line 1259, ../sass/main.scss */
.animate-enter.animate-enter-active,
.animate-leave {
  -webkit-transform: scaleY(1);
  -moz-transform: scaleY(1);
  -ms-transform: scaleY(1);
  -o-transform: scaleY(1);
  transform: scaleY(1);
  height: 30px;
  opacity: 1;
}

@media (max-width: 768px) {
  /* line 1271, ../sass/main.scss */
  .header-login-wrapper {
    background: url("../img/hero_mobile.jpg") no-repeat center center;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    height: 320px;
  }

  /* line 1279, ../sass/main.scss */
  .subtitle-login {
    font-size: 30px;
    color: #149ba3;
    float: right;
    margin-top: 110px;
    margin-right: 2%;
    background-color: rgba(255, 255, 255, 0.52);
    padding: 5px;
    background-size: 100px;
    height: 120px;
  }

  /* line 1291, ../sass/main.scss */
  .navbar-collapse.in {
    overflow-y: hidden;
  }

  /* line 1294, ../sass/main.scss */
  .navbar-insight-wrapper {
    padding: 0;
  }

  /* line 1298, ../sass/main.scss */
  .brand-centered {
    width: 30%;
    left: 40%;
  }

  /* line 1302, ../sass/main.scss */
  .ie9 .brand-centered {
    width: 30%;
    left: 47%;
  }

  /* line 1307, ../sass/main.scss */
  .header-menubar .support-link {
    margin-left: 20px;
  }
  /* line 1310, ../sass/main.scss */
  .header-menubar .dropdown-menu {
    margin-left: 20px;
  }

  /* line 1314, ../sass/main.scss */
  .logout-toggle {
    display: block;
    margin-left: 20px;
  }
  /* line 1317, ../sass/main.scss */
  .logout-toggle .logout-in {
    color: #000;
    font-family: "Mark Web W02 Heavy";
    font-size: 1.3em;
    cursor: pointer;
  }

  /* line 1325, ../sass/main.scss */
  .quick-border-left {
    border-left: 0;
  }

  /* line 1328, ../sass/main.scss */
  .quick-border-last {
    border-right: 0;
  }
}

#my_account_container .ui-grid-header-cell {
  background-color: initial;
  text-align: center;
}

#my_account_container .ui-grid-cell {
  cursor: pointer;
}

.ui-grid-viewport {
  overflow-anchor: none;
}


#recent_downloads_container {
  width: 80%;
  margin: 0 auto;
  font-family: Arial, sans-serif;
}

.recent-downloads-heading{
  font-family: "Mark Web W02 Heavy";
  color: #2aa3ad;
  margin-bottom: 50px;
}

.downloads-container {
  width: 90%;
  padding: 20px;
  background-color: #f4f4f4;
  border-radius: 12px;
  box-shadow: 0 4px 10px rgba(0, 0, 0, 0.1);
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  margin-bottom: 30px;
}

.recent-downloads-row {
  display: flex;
  flex-direction: row;
}


.file{
  font-weight: 600;
  font-size: 16px;
  color: #666;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  flex-grow: 1;
}

.download-button {
    padding: 10px 20px;
    font-size: 16px;
    background-color: #2aa3ad;
    color: white;
    font-weight: bold;
    margin-left: 15px;
    text-align: center;
    border: none;
    border-radius: 6px;
    cursor: pointer;
    display: inline-block;
    line-height: 1.2;
}

.empty-message{
  color: red;
  font-size: 16px;
  text-align: center;
  font-weight: bold;
}

/*
.download-button {
  background-color: #1a73e8;
  color: white;
  border: none;
  border-radius: 4px;
  padding: 8px 14px;
  font-size: 14px;
  cursor: pointer;
  transition: background-color 0.2s ease-in-out;
}*/



/* Basic styling for the container */
/* General container styling */
#notification_container {
  width: 80%;
  margin: 0 auto;
  font-family: Arial, sans-serif;
}

/* Flexbox layout for the rows */
/*.container {
  width: 100%;
  margin-bottom: 0px; *//* Add space between containers *//*
}*/
.notification-heading{
  font-family: "Mark Web W02 Heavy";
  color: #000;
  margin-bottom: 50px;
}
.notification-container {
  width: 90%;
  padding: 20px;
  background-color: #f4f4f4;
  border-radius: 12px;
  box-shadow: 0 4px 10px rgba(0, 0, 0, 0.1);
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
}

/* Row styling */
/*.row {
  display: flex;
  margin-bottom: 0; *//* Ensure no space between rows *//*
}*/
.notification-row {
  display: flex;
  flex-direction: row;
  margin-bottom: 15px;
}

/* Styling for individual cells */
/*.cell {

  padding: 10px;
  text-align: center;
  box-sizing: border-box; *//* Ensure padding doesn't cause overflow *//*
}*/

/* Styling for Cell 1 */
.expirydate{
  padding: 10px 20px;
  font-size: 16px;
  color: #666;
  font-weight: bold;
  margin-left: 15px;
  text-align:end;
  flex-grow: 1;
}


.publisheddate{
  padding: 10px 20px;
  font-size: 16px;
  color: #666;
  font-weight: bold;
  margin-left: 15px;
  text-align:end;
  flex-grow: 1;
}
/*cell-1 {
  flex: 0 0 25%; *//* Cell 1 takes up 25% of the row width *//*
  border: 1px solid skyblue; *//* Skyblue border *//*
  border-right: 10x solid skyblue; *//* Thinner right border between Cell 1 & Cell 2 *//*
   font-size: 1.2em; *//* Increased font size for expiryDate *//*
}*/

/* Styling for Cell 2 */
/*.cell-2 {
  flex: 0 0 25%; *//* Cell 2 takes up 25% of the row width *//*
  border: 1px solid skyblue; *//* Skyblue border *//*
  position: relative; *//* For positioning the star *//*
   font-size: 1.2em; *//* Increased font size for expiryDate *//*
}*/

.category {
  padding: 10px 20px;
  font-size: 18px;
  color: #2aa3ad;
  font-weight: bold;
}

/* Spanning column styling */
.notification {
  background-color: white;
  width: 95%;
  padding: 20px;
  border-radius: 8px;
  color: black;
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
  font-size: 16px;
  line-height: 1.5;
  margin:auto;
}
.star{
  font-size: 30px;
  margin-left:15px;
  color: red;
  font-weight:bold;
}

/* Red star after Cell 2 */
/*.category::after {
  content: "★";
  transform: translateY(-50%);
  font-size: 14px;
  color: red;
}*/

/* Remove space between rows */
.notification-container .notification-row + .notification-row {
  margin-top: 0; /* No space between rows */
}

/* Ensure MORE space between containers */
.notification-container + .notification-container {
  margin-top: 40px; /* Increased from 20px to 40px */
}
/* myaccount width fix */
.myaccount-col-md-4 {
    width: 33.33333333%;
    display: flex;
}

/* sms styling */

/*
.sms-tab-container {
    font-family: "Mark Web W02 Heavy";
    padding: 40px 20px;
    display: flex;
    flex-direction: column;
}

.sms-tab-header {
    font-size: 20px;
    font-weight: bold;
    color: #2aa3ad;              */
/* Highlighted color *//*

    margin-bottom: 20px;
    margin-left: 120px;
    text-align: left;
    width: 100%;
}

.sms-panel-header {
    font-size: 18px;
    font-style: italic;
    color: #2aa3ad;              */
/* Highlighted color *//*

    margin-bottom: 15px;
   */
/* margin-left: 120px;*//*

    text-align: left;
    width: 100%;
}

.sms-form-container {
    border: 1px solid #ccc;
    border-radius: 8px;
    padding: 30px;
    width: 2500px;
    max-width: 90%;

    margin: 0 auto;
    */
/*background-color: #f9f9f9;*//*

}

.sms-dashed {
  border: none;
  border-top: 2px dashed #2aa3ad;
  height: 0;
  display: block;
 */
/* margin-left: 120px;
  margin-right: 120px;*//*

  margin-bottom: 30px;
}

.sms-parameters-container {
    width: 2500px;
    max-width: 98%;
    margin: 0 auto;
}

.sms-parameters-header {
    font-weight: 700;
    font-size: 16px;
    padding: 8px 12px;
    background-color: #e9ecef;
    border: 1px solid #ccc;
    border-bottom: none;
    border-top-left-radius: 6px;
    border-top-right-radius: 6px;
    text-align: left;
    user-select: none;
   */
/* width: 2500px;
    max-width: 90%;*//*

    margin: 0 auto;

}

.sms-parameters-box {
    border: 1px solid #ccc;
    border-top: none;
    border-bottom-left-radius: 6px;
    border-bottom-right-radius: 6px;
    background-color: white;
    padding: 20px 16px;
   */
/* width: 2500px;
    max-width: 90%;*//*

    margin: 0 auto;
}

.sms-param-row {
    display: flex;
    align-items: center;
    justify-content: center;   */
/* Center label + input *//*

    gap: 15px;
    width: 100%;
}

.sms-sub-label {
    font-size: 18px;
}

.sms-month-input {
    width: 200px;
}

.sms-download-button {
    margin-top: 15px;
   margin-right: 50px;
    text-align: right;
    width: 100%;
}

.sms-download-button .sms-btn-success {
    background-color: #2aa3ad;
    border-color: #2aa3ad;
    color: white;
    font-size: 16px;
    padding: 10px 20px;
    border-radius: 6px;
    min-width: 120px;
    cursor: pointer;
    */
/*margin-right: 50px;*//*

}

.sms-download-button .sms-btn-success:hover {
    background-color: #238a8b;
    border-color: #238a8b;
}

.sms-file-container {
    margin-top: 10px;
    font-size: 14px;
    color: #333;
}

.sms-label {
    font-weight: 600;
    margin-right: 6px;
}

.sms-filename {
    font-style: italic;
    color: #555;
}

.sms-error-message {
    margin-top: 20px;
    color: red;
    font-weight: bold;
}

.sms-success-message {
    margin-top: 20px;
    color: green;
    font-weight: bold;
}
*/

/* SMS Tab Container */
.sms-tab-container {
    font-family: "Segoe UI", "Mark Web W02 Heavy", Arial, sans-serif;
    padding: 30px 40px;
    display: flex;
    flex-direction: column;
}

/* Main Header */
.sms-tab-header {
    font-size: 24px;
    font-weight: 700;
    color: #136f7a;              /* Rich teal for main title */
    margin-bottom: 25px;
    margin-left: 60px;
    text-align: left;
    width: 100%;
}


/* Card Container */
.sms-form-container {
    border: 1px solid #ccc;
    border-radius: 10px;
    padding: 30px 35px;
    width: 95%;
    margin: 0 auto;
    background-color: #fff;
    box-shadow: 0px 4px 12px rgba(0,0,0,0.05);
}

/* Section Title */
.sms-panel-header {
    font-size: 20px;
    font-style: italic;
    font-weight: 600;
    color: #0d5f68;             /* Dark teal */
    margin-bottom: 12px;
}

/* Divider (solid line now) */
.sms-dashed {
    border: none;
    border-top: 2px solid #2aa3ad;
    margin: 15px 0 25px 0;
}

/* Parameters Container */
.sms-parameters-container {
    margin: 0 auto;
    width: 100%;
}

/* Parameters header */
.sms-parameters-header {
    font-weight: 700;
    font-size: 17px;
    padding: 10px 15px;
    background-color: #679ea773;
    border: 1px solid #ccc;
    border-bottom: none;
    border-top-left-radius: 8px;
    border-top-right-radius: 8px;
    color: #136f7a;
    width: 50%;   /* shrink to 60% */
    margin: 0 auto; /* keep it centered *//* Make the label pop */
}

/* Parameters box */
.sms-parameters-box {
    border: 1px solid #ccc;
    border-top: none;
    border-bottom-left-radius: 8px;
    border-bottom-right-radius: 8px;
    background-color: #fff;
    padding: 20px;
     width: 50%;   /* shrink to 60% */
      margin: 0 auto; /* keep it centered */

}

/* Label + Input Row */
.sms-param-row {
    display: flex;
    align-items: center;
    justify-content: center;
    /*gap: 15px;*/
    width: 100%
}

.sms-sub-label {
    font-size: 17px;
    font-weight: 600;
    min-width: 140px;
    color: #333;
}

/* Month Dropdown */
/* Month dropdown styling */
.sms-month-input {
    width: auto;
    min-width: 130px;
    min-height: 40px;
    max-width: 100%;
    padding: 6px 12px;
    font-size: 15px;
    font-weight: 500;
    color: #333;
    text-align: center;
    border: 1px solid #ccc;
    border-radius: 6px;
    background-color: #ffffff1c;
    background-image: none;
    display: inline-block;
    white-space: nowrap;
}


/* Download Button Section */
.sms-download-button {
    margin-top: 25px;
    text-align: right;
}

.sms-download-button .sms-btn-success {
    background-color: #2aa3ad;
    border: none;
    color: white;
    font-size: 17px;
    font-weight: 600;
    padding: 10px 28px;
    border-radius: 6px;
    min-width: 140px;
    cursor: pointer;
    transition: all 0.2s ease-in-out;
    box-shadow: 0px 3px 6px rgba(0,0,0,0.15);
    letter-spacing: 0.5px;
}

.sms-download-button .sms-btn-success:hover {
    background-color: #238a8b;
    transform: translateY(-2px);
}

/* File info */
.sms-file-container {
    margin-top: 18px;
    font-size: 15px;
    color: #222;
}

.sms-label {
    font-weight: 700;
    margin-right: 6px;
    color: #0d5f68;
}

.sms-filename {
    font-style: italic;
    color: #444;
}

/* Messages */
.sms-error-message {
    margin-top: 20px;
    color: #d9534f;
    font-weight: 700;
    font-size: 15px;
}

.sms-success-message {
    margin-top: 20px;
    color: #28a745;
    font-weight: 700;
    font-size: 15px;
}

/*Additional comment box*/
.user-additional-comment textarea.form-control {
  height: 150px;   /* adjust as needed */
  resize: vertical; /* allow only vertical resize, can remove if not needed */
}


/* Full page wrapper */
.security-wrapper {
  display: flex;
  justify-content: center;   /* center horizontally */
  align-items: flex-start;   /* align to top */
  min-height: 60vh;          /* relative to viewport */
  background-color: #f0f0f0; /* grey background */
  padding: 2%;               /* relative padding */
  box-sizing: border-box;
  width: 100%;               /* full width */
}

/* Collapse box */
.security-select-boxes {
  display: flex;
  flex-wrap: wrap;
  gap: 1.5%;                 /* responsive gap */
  padding: 2%;
  background-color: transparent;
  border-radius: 0.5rem;
/*  box-shadow: 0 0 10px rgba(0,0,0,0.1);*/
  width: 100%;               /* scale with wrapper */
  max-width: 1200px;         /* optional max width */
  box-sizing: border-box;
}

/* Columns container */
.security-columns {
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
  gap: 1.5%;
  width: 100%;
}

/* Column boxes */
/* Column boxes */
.edit-user-account-box,
.edit-user-service-box {
  flex: 1 1 250px;       /* flexible base size */
  max-width: 30%;       /* don’t exceed wrapper */
  min-width: 180px;
  background-color: #fff;
  padding: 1rem;
  border-radius: 0.5rem;
  box-shadow: 0 0 5px rgba(0,0,0,0.1);
  box-sizing: border-box;
}

/* Select boxes inside columns */
/* Select boxes inside columns */
.edit-user-account-box select,
.edit-user-service-box select {
  width: 100%;
  height: 8rem;          /* fixed visible height */
  overflow-y: scroll;    /* force vertical scrollbar */
  overflow-x: hidden;
  padding: 0.25rem 0.5rem;
  font-size: 1.3rem;
  border: 1px solid #ccc;
  border-radius: 0.3rem;
  box-sizing: border-box;

  /* Prevent native zoom/scale issues */
  max-height: 200px;
}


/* Arrow buttons container */
.arrow-buttons-edit {
  display: flex;
  flex-direction: row;
  gap: 10px;              /* consistent spacing */
  margin: 8px 0;
  justify-content: center; /* center all buttons horizontally */
}

/* Common button styles for all arrow buttons */
.arrow-buttons-edit button {
  background: #49bacf;
  color: white;
  border: none;
  cursor: pointer;
  border-radius: 4px;
  width: 32px;    /* square button */
  height: 32px;   /* square button */
  display: flex;
  justify-content: center; /* center horizontally */
  align-items: center;     /* center vertically */
  font-size: 25px;         /* arrow size */
  padding: 0;
  line-height: 1;
}

.arrow-buttons-edit button:hover {
  background: #3da4b7;
}

/* Double-up / Double-down buttons: stack carets vertically */
.double-up-btn-edit,
.double-down-btn-edit {
  display: flex;
  flex-direction: column;
}

/* Carets inside stacked buttons */
.double-up-btn-edit .caret-up-edit,
.double-down-btn-edit .caret-down-edit {
  font-size: 25px;    /* slightly smaller so both fit */
  line-height: 0.2;   /* compress vertical spacing */
  display: block;
  text-align: center;
}
.assignparagraph {
    margin-left: 95px;
    font-size: 16px;
}

/* pooja - adding flex to download multiple summary and last update to available downloads */
.myaccount-col-md-4{
    width: 33.33333333%;
    display: flex;
}


.last-updated {
  margin-top: 6px;
  font-size: 16px;
  color: #6a6969;
  font-family: 'Mark Web W02 Regular';
}

.service-filter-input {
  margin-bottom: 5px;
  width: 100%;
  padding: 5px 10px;
  font-size: 14px;
}

.assigned-security-grid {
  margin: 20px auto;          /* centers the table horizontally */
  width: 60%;                 /* table width */
  background: #f9f9f9;        /* light background for body */
  border-collapse: collapse;  /* cleaner look */
  box-shadow: 0 2px 6px rgba(0,0,0,0.1); /* subtle shadow */
}

.assigned-security-grid th {
  background-color: #286090;    /* dark shade for header */
  color: #fff;                /* white text */
  font-weight: bold;
  padding: 10px;
  text-align: center;
}

.assigned-security-grid td {
  background-color: #abc8e352;
  text-align: center;
  vertical-align: middle;
  padding: 8px;
  border: 1px solid #ddd;     /* light border for cells */
}
.no-notifications{
font-size: 25px;
margin-left: 450px;
font-weight: bold;
}

.currently-assigned     {
  margin-left: 450px;
  font-size: 16px;
}

/*subscribe to reports*/
/*

*/
/* Custom modal overlay *//*

.custom-report-modal.modal.fade.in {
  display: block;
  background: rgba(0, 0, 0, 0.5);
}

*/
/* Bigger modal dialog *//*

.custom-report-modal .modal-dialog {
  width: 1100px; */
/* Larger size *//*

  max-width: 95%;
  margin: 50px auto;
}

*/
/* Modal content *//*

.custom-report-modal .modal-content {
  border-radius: 8px;
  overflow: hidden;
}

*/
/* Header *//*

.custom-report-modal .modal-header {
  background-color: #00677F;
  color: white;
  padding: 18px;
  font-size: 20px;
  font-weight: bold;
}

*/
/* Body - vertical stacking *//*

.custom-report-modal .modal-body {
  padding: 30px;
  display: flex;
  flex-direction: column;
  gap: 30px;
}

*/
/* Checkbox group *//*

.custom-report-modal .checkbox-group {
  display: flex;
  gap: 20px;
  font-size: 16px;
}

*/
/* Select BR section *//*


*/
/* Apply only to this modal *//*

.custom-report-modal .select-br-box {
  background-color: #f9f9f9;
  width: 100%;
  padding: 20px;
  border-radius: 6px;
  display: flex;
  flex-direction: column; */
/* Stack everything vertically *//*

  gap: 20px; */
/* Space between sections *//*

}

*/
/* Each section inside select-br-box *//*

.custom-report-modal .select-section {
  display: flex;
  flex-direction: column;
  gap: 10px;
}

*/
/* Select boxes *//*

.custom-report-modal .half-width-br {
  width: 35%; */
/* Full width inside container *//*

  height: 100px; */
/* Taller for better visibility *//*

}

*/
/* Arrow buttons row *//*

.custom-report-modal .arrow-buttons-br {
  display: flex;
  flex-direction: row; */
/* Buttons in a row *//*

  gap: 30px;
  justify-content: start;
}

.custom-report-modal .arrow-buttons-br button {
  background: #49bacf;
  color: white;
  border: none;
  cursor: pointer;
  border-radius: 5px;
  width: 45px;
  height: 45px;
  font-size: 22px;
}


*/
/* For double-up and double-down buttons *//*

.custom-report-modal .double-up-btn,
.custom-report-modal .double-down-btn {
  display: flex;
  flex-direction: column; */
/* Stack arrows vertically *//*

  justify-content: center;
  align-items: center;
  gap: 2px; */
/* Small space between arrows *//*

}

*/
/* Caret styling *//*

.custom-report-modal .double-up-btn .caret-up,
.custom-report-modal .double-down-btn .caret-down {
  font-size: 18px;
  line-height: 1;
  display: block;
}


.custom-report-modal .arrow-buttons-br button:hover {
  background: #3da4b7;
}


*/
/* Footer *//*

.custom-report-modal .modal-footer {
  padding: 20px;
  text-align: right;
}

.custom-report-modal .modal-footer .btn {
  min-width: 100px;
  font-size: 16px;
}

.custom-report-modal .service-filter-input {
  margin-bottom: 5px;
  width: 35%;
  padding: 5px 10px;
  font-size: 14px;
}

*/
/* Custom modal overlay */
.custom-report-modal.modal.fade.in {
  display: block;
  background: rgba(0, 0, 0, 0.5); /* neutral overlay */
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

/* Modal dialog - centered horizontally */
.custom-report-modal .modal-dialog {
  width: 1100px;
  max-width: 95%;
  margin: 50px auto;
  position: relative;
}

/* Modal content */
.custom-report-modal .modal-content {
  border-radius: 6px;
  overflow: hidden;
  background: #fff; /* plain background */
  border: 1px solid #ddd; /* light neutral border */
}

/* Header */
.custom-report-modal .modal-header {
  padding: 15px;
  font-size: 18px;
  font-weight: bold;
  background: none; /* remove color */
  color: #333;      /* neutral text */
  border-bottom: 1px solid #ddd;
}

/* Body */
.custom-report-modal .modal-body {
  padding: 20px;
  max-height: 70vh; /* scrollable body */
  overflow-y: auto;
}

/* Footer */
.custom-report-modal .modal-footer {
  padding: 15px;
  text-align: right;
  border-top: 1px solid #ddd;
}

.custom-report-modal .modal-footer .btn {
  min-width: 100px;
  font-size: 14px;
}

/* Filter input */
.custom-report-modal .service-filter-input {
  margin-top: 5px;
  width: 100%;
  padding: 4px 8px;
  font-size: 13px;
}

/* Neutral grid look */
.ui-grid-contents-wrapper {
  width: 100%;
  border-collapse: collapse;
  background: transparent;
}

.ui-grid-contents-wrapper th,
.ui-grid-contents-wrapper td {
  border: 1px solid #ddd;
  padding: 8px;
  text-align: left;
}

.ui-grid-contents-wrapper th {
  font-weight: bold;
  background: none;
  color: #333;
}

.ui-grid-contents-wrapper tr {
  background: none; /* no striping */
}
/* Ensure info modal appears above custom-report-modal */
.info-modal {
  z-index: 1070 !important; /* Higher than custom-report-modal (1050) */
}

.info-modal .modal-dialog {
  z-index: 1071 !important;
}

.info-modal .modal-backdrop {
  z-index: 1060 !important;
}
.custom-report-modal .modal-body {
    max-height: 70vh; /* Limit height to 70% of viewport */
    overflow-y: auto; /* Enable vertical scrolling */
}

/* FIXED HEIGHT DROPDOWN WITH SCROLLBAR */
.summary-dd,
.usage-dd {
    max-height: 300px;        /* fixed dropdown height */
    overflow-y: auto;         /* scroll inside dropdown */
    overflow-x: hidden;
    border: 1px solid #ccc;
    border-radius: 6px;
}