﻿/** {
   font-family: arial;
}*/




/*input[type=text], textarea {
   border: 1px solid #ccc; //#ccc = light gray
   border-radius: 0.25rem;
}*/

/*
   Bottstrap scheme:
.fs-6 {
   font-size: 1rem !important;
}*/

.fs-7 {
   font-size: .75rem !important;
}

.fs-8 {
   font-size: .5rem !important;
}
/*
standard bootstrap 
.m-1 {
   margin: 0.25rem !important;
}
 .ml-2,
.mx-2 {
  margin-left: 0.5rem !important;
}
.ml-3,
.mx-3 {
  margin-left: 1rem !important;
}
.ml-4,
 {
  margin-left: 1.5rem !important;
}
.ml-5,
 {
  margin-left: 3rem !important;
}

.mt-1{
  margin-top: 0.25rem !important;
}
.mt-2{
  margin-top: 0.5rem !important;
}
.mt-3 {
  margin-top: 1rem !important;
}
.mt-4 {
   margin-top: 1.5rem !important;
}
.mt-5{
   margin-top: 3rem !important;
}*/

.ml-05 {
   margin: 0.12rem !important;
}
.ml-06 {
   margin: 0.14rem !important;
}
.ml-2-3 {
   margin-left: 0.63rem !important;
}
.ml-2-5 {
   margin-left: 0.75rem !important;
}
.ml-2-6 {
   margin-left: 0.85rem !important;
}
.ml-3-5 {
   margin-left: 1.25rem !important;
}
.ml-3-6 {
   margin-left: 1.3rem !important;
}
.ml-4-3 {
   margin-left: 1.8rem !important;
}
.ml-4-4 {
   margin-left: 2.13rem !important;
}
.ml-4-5 {
   margin-left: 2.39rem !important;
}
.ml-5-5 {
   margin-left: 3.75rem !important;
}
.ml-6 {
   margin-left: 4.5rem !important;
}
.ml-6-5 {
   margin-left: 5.25rem !important;
}
.ml-7 {
   margin-left: 6rem !important;
}
.ml-8 {
   margin-left: 7.5rem !important;
}
.ml-9 {
   margin-left: 9.0rem !important;
}
.ml-10 {
   margin-left: 12.0rem !important;
}
.ml-11 {
   margin-left: 15.0rem !important;
}
.ml-12 {
   margin-left: 18.0rem !important;
}

.mr-4-4 {
   margin-right: 2.0rem !important;
}
.mr-6 {
   margin-right: 4.5rem !important;
}
.mr-7 {
   margin-right: 6rem !important;
}
.mr-8 {
   margin-right: 7.5rem !important;
}
.mr-9 {
   margin-right: 9.0rem !important;
}
.mr-10 {
   margin-right: 12.0rem !important;
}
.mr-11 {
   margin-right: 15.0rem !important;
}

.mt-05 {
   margin-top: 0.125rem !important;
}
.mt-06 {
   margin-top: 0.195rem !important;
}
.mt-105 {
   margin-top: 0.375rem !important;
}
.mt-108 {
   margin-top: 0.4rem !important;
}
.mt-2p {
   margin-top: 0.65rem !important;
}
.mt-2q {
   margin-top: 0.85rem !important;
}
.mt-2-5 {
   margin-top: 0.75rem !important;
}
.mt-2r {
   margin-top: 0.8rem !important;
}
.mt-2s {
   margin-top: 0.9rem !important;
}
.mt-4n {
   margin-top: 1.64rem !important;
}
.mt-4p {
   margin-top: 1.72rem !important;
}
.mt-4s {
   margin-top: 1.9rem !important;
}
.mt-4t {
   margin-top: 2.25rem !important;
}
.mt-4v {
    margin-top: 2.50rem !important;
}
.mt-4y {
   margin-top: 2.75rem !important;
}
.mt-505 {
   margin-top: 3.5rem !important;
}
.mt-6 {
   margin-top: 4.0rem !important;
}
.mt-6-5 {
   margin-top: 5.5rem !important;
}
.mt-7 {
   margin-top: 5.9rem !important;
}
.mt-8 {
   margin-top: 7rem !important;
}
.mt-9 {
   margin-top: 9.0rem !important;
}

.w-10 {
   width: 10% !important;
}
.w-12 {
   width: 12% !important;
}
.w-13 {
   width: 13% !important;
}
.w-15 {
   width: 15% !important;
}
.w-17 {
   width: 17% !important;
}
.w-18 {
   width: 18% !important;
}
.w-19 {
   width: 19% !important;
}
.w-20 {
   width: 20% !important;
}
.w-22 {
   width: 22% !important;
}
.w-25 {
   width: 25% !important;
}
.w-26 {
   width: 26% !important;
}
.w-30 {
   width: 30% !important;
}
.w-33 {
   width: 33% !important;
}
.w-35 {
   width: 35% !important;
}
.w-37 {
   width: 37% !important;
}
.w-38 {
   width: 38% !important;
}
.w-39 {
   width: 39% !important;
}
.w-40 {
   width: 40% !important;
}
.w-41 {
   width: 41% !important;
}
.w-42 {
   width: 42% !important;
}
.w-45 {
   width: 45% !important;
}
.w-55 {
   width: 55% !important;
}
.w-58 {
   width: 58% !important;
}
.w-60 {
   width: 60% !important;
}
.w-65 {
   width: 65% !important;
}
.w-70 {
   width: 70% !important;
}
.w-75 {
   width: 75% !important;
}
.w-80 {
   width: 80% !important;
}
.w-90 {
   width: 90% !important;
}
.w-95 {
   width: 95% !important;
}

.sm3-gutters > .col,
.sm3-gutters > [class*="col-"] {
   padding-right: 0.75rem;
   padding-left: 0.75rem;
}

.sm2-gutters > .col,
.sm2-gutters > [class*="col-"] {
   padding-right: 0.5rem;
   padding-left: 0.5rem;
}

.sm1-gutters > .col,
.sm1-gutters > [class*="col-"] {
   padding-right: 0.25rem;
   padding-left: 0.25rem;
}

.sm0-gutters > .col,
.sm0-gutters > [class*="col-"] {
   padding-right: 0.0rem;
   padding-left: 0.0rem;
}

.container-slim {
   /*width: 100%;*/
    padding-right: 0px; 
    padding-left: 0px; 
   /*margin-right: auto;
   margin-left: auto;*/
}

.btn-sm1, .btn-group-sm1 > .btn {
   padding: 0.12rem 0.25rem;
   font-size: 0.625rem;
   line-height: 1.2;
   border-radius: 0.1rem;
}

   .btn-sm1 + .dropdown-toggle-split, .btn-group-sm1 > .btn + .dropdown-toggle-split {
      padding-right: 0.175rem;
      padding-left: 0.175rem;
   }

.btn-sm1a, .btn-group-sm1a > .btn {
   padding: 0.12rem 0.25rem;
   font-size: 0.625rem;
   line-height: 1.2;
   border-radius: 0.2rem;
}

   .btn-sm1a + .dropdown-toggle-split, .btn-group-sm1a > .btn + .dropdown-toggle-split {
      padding-right: 0.175rem;
      padding-left: 0.175rem;
   }

.btn-sm2, .btn-group-sm2 > .btn {
   padding: 0.12rem  0.20rem ;
   font-size: 0.625rem;
   line-height: 1.55;
   border-radius: 0.1rem;
}

   .btn-sm2 + .dropdown-toggle-split, .btn-group-sm2 > .btn + .dropdown-toggle-split {
      padding-right: 0.175rem;
      padding-left: 0.175rem;
   }

/*
   the below is from Bootstrap.css & is included for reference only -  and should remain commented
   .col-1 {
   -ms-flex: 0 0 8.333333%;
   flex: 0 0 8.333333%;
   max-width: 8.333333%;
}
.col-2 {
   -ms-flex: 0 0 16.666667%;
   flex: 0 0 16.666667%;
   max-width: 16.666667%;
}
.col-3 {
   -ms-flex: 0 0 25%;
   flex: 0 0 25%;
   max-width: 25%;
}
.col-4 {
   -ms-flex: 0 0 33.333333%;
   flex: 0 0 33.333333%;
   max-width: 33.333333%;
}
.col-5 {
   -ms-flex: 0 0 41.666667%;
   flex: 0 0 41.666667%;
   max-width: 41.666667%;
}
.col-6 {
   -ms-flex: 0 0 50%;
   flex: 0 0 50%;
   max-width: 50%;
}
.col-7 {
   -ms-flex: 0 0 58.333333%;
   flex: 0 0 58.333333%;
   max-width: 58.333333%;
}
.col-8 {
   -ms-flex: 0 0 66.666667%;
   flex: 0 0 66.666667%;
   max-width: 66.666667%;
}
.col-9 {
   -ms-flex: 0 0 75%;
   flex: 0 0 75%;
   max-width: 75%;
}

.col-10 {
   -ms-flex: 0 0 83.333333%;
   flex: 0 0 83.333333%;
   max-width: 83.333333%;
}
.col-11 {
   -ms-flex: 0 0 91.666667%;
   flex: 0 0 91.666667%;
   max-width: 91.666667%;
}
.col-12 {
   -ms-flex: 0 0 100%;
   flex: 0 0 100%;
   max-width: 100%;
}*/

.col-3-4 {
   position: relative;
   width: 100%;
   padding-right: 15px;
   padding-left: 15px;
}
.col-4-5 {
   position: relative;
   width: 100%;
   padding-right: 15px;
   padding-left: 15px;
}
.col-5-5 {
   position: relative;
   width: 100%;
   padding-right: 15px;
   padding-left: 15px;
}

.col-5-7 {
   position: relative;
   width: 100%;
   padding-right: 15px;
   padding-left: 15px;
}

.col-0-5 {
   -ms-flex: 0 0 5.0%;
   flex: 0 0 5.0%;
   max-width: 5.0%;
}
.col-0-7 {
   -ms-flex: 0 0 7.0%;
   flex: 0 0 7.0%;
   max-width: 7.0%;
}
.col-0-8 {
   -ms-flex: 0 0 8.0%;
   flex: 0 0 8.0%;
   max-width: 8.0%;
}
.col-1-0 {
   -ms-flex: 0 0 10.0%;
   flex: 0 0 10.0%;
   max-width: 10.0%;
}
.col-1-1 {
   -ms-flex: 0 0 11.0%;
   flex: 0 0 11.0%;
   max-width: 11.0%;
}
.col-1-2 {
   -ms-flex: 0 0 12.0%;
   flex: 0 0 12.0%;
   max-width: 12.0%;
}
.col-1-3 {
   -ms-flex: 0 0 13.0%;
   flex: 0 0 13.0%;
   max-width: 13.0%;
}
.col-1-4 {
   -ms-flex: 0 0 14.0%;
   flex: 0 0 14.0%;
   max-width: 14.0%;
}
.col-1-5 {
   -ms-flex: 0 0 15.0%;
   flex: 0 0 15.0%;
   max-width: 15.0%;
}
.col-1-6 {
   -ms-flex: 0 0 16.0%;
   flex: 0 0 16.0%;
   max-width: 16.0%;
}
.col-1-7 {
   -ms-flex: 0 0 17.0%;
   flex: 0 0 17.0%;
   max-width: 17.0%;
}
.col-1-8 {
   -ms-flex: 0 0 18.0%;
   flex: 0 0 18.0%;
   max-width: 18.0%;
}
.col-1-9 {
   -ms-flex: 0 0 19.0%;
   flex: 0 0 19.0%;
   max-width: 19.0%;
}
.col-2-0 {
   -ms-flex: 0 0 20.000%;
   flex: 0 0 20.000%;
   max-width: 20.000%;
}
.col-2-1 {
   -ms-flex: 0 0 21.000%;
   flex: 0 0 21.000%;
   max-width: 21.000%;
}
.col-2-2 {
   -ms-flex: 0 0 22.000%;
   flex: 0 0 22.000%;
   max-width: 22.000%;
}
.col-2-3 {
   -ms-flex: 0 0 23.000%;
   flex: 0 0 23.000%;
   max-width: 23.000%;
}
.col-2-4 {
   -ms-flex: 0 0 24.000%;
   flex: 0 0 24.000%;
   max-width: 24.000%;
}
.col-2-5 {
   -ms-flex: 0 0 25.000%;
   flex: 0 0 25.000%;
   max-width: 25.000%;
}
.col-2-6 {
   -ms-flex: 0 0 26%;
   flex: 0 0 26%;
   max-width: 26%;
}
.col-2-7 {
   -ms-flex: 0 0 27%;
   flex: 0 0 27%;
   max-width: 27%;
}
.col-3-0 {
   -ms-flex: 0 0 30%;
   flex: 0 0 30%;
   max-width: 30%;
}
.col-3-1 {
   -ms-flex: 0 0 31%;
   flex: 0 0 31%;
   max-width: 31%;
}
.col-3-3 {
   -ms-flex: 0 0 33%;
   flex: 0 0 33%;
   max-width: 33%;
}
.col-3-4 {
   -ms-flex: 0 0 34%;
   flex: 0 0 34%;
   max-width: 34%;
}
.col-3-5 {
   -ms-flex: 0 0 35%;
   flex: 0 0 35%;
   max-width: 35%;
}
.col-3-8 {
   -ms-flex: 0 0 38%;
   flex: 0 0 38%;
   max-width: 38%;
}
.col-4-0 {
   -ms-flex: 0 0 40%;
   flex: 0 0 40%;
   max-width: 40%;
}
.col-4-5 {
   -ms-flex: 0 0 45%;
   flex: 0 0 45%;
   max-width: 45%;
}
.col-5-5 {
   -ms-flex: 0 0 55%;
   flex: 0 0 55%;
   max-width: 55%;
}
.col-5-7 {
   -ms-flex: 0 0 57%;
   flex: 0 0 57%;
   max-width: 57%;
}
.col-6-0 {
   -ms-flex: 0 0 60%;
   flex: 0 0 60%;
   max-width: 60%;
}
.col-6-2 {
   -ms-flex: 0 0 62%;
   flex: 0 0 62%;
   max-width: 62%;
}
.col-6-5 {
   -ms-flex: 0 0 65%;
   flex: 0 0 65%;
   max-width: 65%;
}
.col-7-0 {
   -ms-flex: 0 0 70%;
   flex: 0 0 70%;
   max-width: 70%;
}
.col-7-5 {
   -ms-flex: 0 0 75%;
   flex: 0 0 75%;
   max-width: 75%;
}
.col-7-8 {
   -ms-flex: 0 0 78%;
   flex: 0 0 78%;
   max-width: 78%;
}
.col-8-0 {
   -ms-flex: 0 0 80%;
   flex: 0 0 80%;
   max-width: 80%;
}
.col-8-1 {
   -ms-flex: 0 0 81%;
   flex: 0 0 81%;
   max-width: 81%;
}
.col-8-2 {
   -ms-flex: 0 0 82%;
   flex: 0 0 82%;
   max-width: 82%;
}
.col-8-5 {
   -ms-flex: 0 0 85%;
   flex: 0 0 85%;
   max-width: 85%;
}
.col-8-7 {
   -ms-flex: 0 0 87%;
   flex: 0 0 87%;
   max-width: 87%;
}
.col-9-5 {
   -ms-flex: 0 0 95%;
   flex: 0 0 95%;
   max-width: 95%;
}


.ddl-btn {
   display: inline-block;
   font-weight: 400;
   color: #212529;
   text-align: center;
   vertical-align: middle;
   user-select: none;
   background-color: transparent;
   border: 1px solid transparent;
   padding: 0.175rem 0.175rem;
   /*font-size: 1rem;*/
   line-height: 1.5;
   border-radius: 0.25rem;
   transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}

   .ddl-btn:focus, .ddl-btn.focus {
      outline: 0;
      box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.25);
   }

.btn-outline-secondary {
   color: #6c757d;
   border-color: #6c757d;
}

.btn.disabled, .btn:disabled {
   opacity: 0.25;
}

.input-group-prepend .ddl-btn,
.input-group-append .ddl-btn {
   position: relative;
   /*z-index: 2;*/
   border-top-right-radius: 0;
   border-bottom-right-radius: 0;
}

.dropdown-menu {
   position: absolute;
   top: 100%;
   left: 0;
   z-index: 1000;
   display: none;
   float: left;
   min-width: 10rem;
   padding: 0.5rem 0;
   margin: 0.125rem 0 0;
   font-size: 10px; /*1rem;*/
   color: #212529;
   text-align: left;
   list-style: none;
   background-color: #fff;
   background-clip: padding-box;
   border: 1px solid rgba(0, 0, 0, 0.15);
   border-radius: 0.25rem;
}

/*@media (max-width: 500px) {
   .dropdown-menu {
      max-height: 80vh;
      overflow-y: auto;
   }
}

.myDropDown {
   max-height: 80vh;
   overflow-y: auto;
}*/


.btn {
   /*display: inline-block;
   font-weight: 400;
   color: #212529;
   text-align: center;
   vertical-align: middle;
   -webkit-user-select: none;
   -moz-user-select: none;
   -ms-user-select: none;
   user-select: none;
   background-color: transparent;
   border: 1px solid transparent;
   padding: 0.375rem 0.75rem;*/
   font-size: inherit; /*1rem;*/
   /*line-height: 1.5;
   border-radius: 0.25rem;
   transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;*/
}

/*.btn-outline-secondary {
   color: #6c757d;
   border-color: #6c757d;
}*/


.btn-primary {
   color: #212529;
   background-color: #dbe8f5;
   border-color: #20558a
}

   .btn-primary:hover {
      color: #dbe8f5;
      background-color: #20558a;
      border-color: #dbe8f5
   }

.btn-secondary {
   color: #fff;
   background-color: #6c757d;
   border-color: #6c757d;
}

   .btn-secondary:hover {
      color: #fff;
      background-color: #5a6268;
      border-color: #545b62;
   }

.btn-group,
.btn-group-vertical {
   position: relative;
   display: -ms-inline-flexbox;
   display: inline-flex;
   vertical-align: middle;
}

.profile-label {
   font-weight: bold
}

.profile-label-nm {
   font-weight: bold;
   margin-bottom:0.01rem;
}

.label-nm-nb {
   /*font-weight: bold;*/
   margin-bottom: 0.01rem;
}


/*Floating label styles*/
.floating-label {
   box-sizing: border-box;
   text-indent: 2px; /*indent for the label text*/
   margin-bottom: 8px;
   padding: 0 0px;
   position: relative;
}

   .floating-label input {
      border: inherit; /*none*/
      text-indent: 7px; /*indent for the main text*/
      font-size: inherit;
      padding: 16px 0 3px; /*set the height/position of the input text & container*/
   }

   .floating-label label {
      font-size: inherit;
      position: absolute;
      transform-origin: top left;
      transform: translate(0, 6px) scale(1); /* set the initial height/placement of the label within the box frame */
      transition: all 0.1s ease-in-out;
      pointer-events: none; /*note: this makes the label "transparent" -allowing the user to "click-through" the label*/
   }

   .floating-label.is-focused label {
      transform: translateY(-1px) scale(0.75); /* set scale = desired size of label relative to the text */
   }

.static-label {
   /*box-sizing: border-box;*/
   text-indent: 2px; /*indent for the label text*/
   margin-bottom: 8px;
   /*padding: 0 0px;*/
   /*position: relative;*/
   width: 100%;
}

   .static-label input {
      /*border: none;*/
      text-indent: 7px; /*indent for the main text*/
      font-size: inherit;
      padding: 16px 0 3px; /*set the height/position of the input text & container*/
   }

   .static-label label {
      /*font-size: inherit;*/
      font-size: smaller;
      position: absolute;
      /*transform-origin: top left;*/
      /*transform: translate(0, 6px) scale(1);  set the initial height/placement of the label within the box frame */
      /*transition: all 0.1s ease-in-out;*/
      pointer-events: none;
   }


.input-error {
   border: 1px solid #f00;
   border-radius: 0.25rem;
}

.static-label-group {
   display: flex;
   /*width: 100%;*/
}

.static-label-phone {
   width: 65%;
}

.static-label-ph-type {
   width: 30%;
}

.static-label-radio {
   /*float: right;*/
   margin: 7px 1px 4px 21px;
}

.static-label-radio-sgl {
   /*float: right;*/
  margin: 7px 1px 4px 5px; 
   /* margin: 0px 1px 4px 5px; tried, but changed back on 12-5-2023 jonno */
}

.static-label-radio-sgl2 {
   margin: -5px 3px 0px 0px;
}

.static-label-no-radio {
   text-indent: 2px;
   margin-bottom: 8px;
   margin-right: 19px; /*this is the purpose for this section - the margin creates the space where the radio button was*/
}

   .static-label-no-radio input {
      text-indent: 7px;
      font-size: inherit;
      padding: 16px 0 3px;
   }

   .static-label-no-radio label {
      font-size: smaller;
      position: absolute;
      pointer-events: none;
   }

/*.table-header {
   background-color:aqua;
   color: white;
}

table.dataTable thead .sorting,
table.dataTable thead .sorting_asc,
table.dataTable thead .sorting_desc {
   background: none;
}
table.dataTable thead .sorting,
table.dataTable thead .sorting_asc,
table.dataTable thead .sorting_desc,
table.dataTable thead .sorting_asc_disabled,
table.dataTable thead .sorting_desc_disabled {
   background-repeat: no-repeat;
   background-position: center right;
}*/

 /*here we are over-riding the jquery datatable classes - using our own icon, with our custom position */
table.dataTable thead .sorting {
   background-image: none !important; /*url("../images/sort_both.png");*/
}

table.dataTable thead .sorting_asc {
   background-image: none !important; /*url("../images/sort_asc.png");*/
}

table.dataTable thead .sorting_desc {
   background-image: none !important; /*url("../images/sort_desc.png");*/
}

table.dataTable thead .sorting_asc_disabled {
   background-image: none !important; /*url("../images/sort_asc_disabled.png");*/
}

table.dataTable thead .sorting_desc_disabled {
   background-image: none !important; /*url("../images/sort_desc_disabled.png");*/
}

/*here we are over-riding the jquery datatable classes - using our own icon, with our custom position */
.arrow-icon{
   margin-left: 3px;
}

.sorting .arrow-icon {
   background-image: url('../images/sort_both.png');
   background-repeat: no-repeat;
   position: absolute;
   height: 19px;
   width: 19px;
   background-size: 19px 19px;
   margin-top: 0;
}

.sorting_asc .arrow-icon {
   background-image: url('../images/sort_asc.png');
   background-repeat: no-repeat;
   position: absolute;
   height: 19px;
   width: 19px;
   background-size: 19px 19px;
   margin-top: 0;
}

.sorting_desc .arrow-icon {
   background-image: url('../images/sort_desc.png');
   background-repeat: no-repeat;
   position: absolute;
   height: 19px;
   width: 19px;
   background-size: 19px 19px;
   margin-top: 0;
}

 /*added this custom class because the checkbox wasn't lining up with the label when using the standard Bootstrap class*/ 
input[type="checkbox"] {
   margin: 3px 0px 0px -20px; 
}

.myUniqueTable th {
   justify-content: center !important;
}

.hideme {
   display: none;
}

.template-left {
   text-align: left;
}

.template-center {
   text-align: center;
}

.template-right {
   text-align: right;
}

.btn-light {
   /*Used primarily by the multi-select in the Resources Profile page.*/
   /*color: #212529;
  background-color: #f8f9fa;
  border-color: #f8f9fa;*/
   color: #212529;
   background-color: #dbe8f5;
   border-color: #20558a
}

a {
   -webkit-transition: .3s all ease;
   -o-transition: .3s all ease;
   transition: .3s all ease;
   /*color: #f30e5c;*/
   color: #007bff;
}

.bg-primary {
   /*background: #f30e5c !important;*/
   background: #007bff !important;
}

.bootstrap-select .bs-ok-default:after {
   /*color: #f30e5c;*/
   color: #007bff;
   font-size: 12px;
   margin-top: 5px;
}

a:hover, a:focus {
   text-decoration: none !important;
   outline: none !important;
   -webkit-box-shadow: none;
   box-shadow: none;
}

.popover-asi {
   border-color: #20558a !important;
}

/*table.dataTable tbody th,
table.dataTable tbody td {
   //padding : 8px 10px;
   padding: 2px 10px  !important;
}*/

/*.table th,
.table td {
   padding: 0.25rem;
  vertical-align: middle;
   // border-top: 1px solid #dee2e6;
}*/

.btn-sm1a {
   padding: 0.12rem 0.25rem;
   font-size: 0.625rem;
   /*color: #35484c;*/
   line-height: 1.2;
   border-radius: 0.2rem;
}

