.hidden {
  display: none;
}
.shown {
  display: block;
}
.modal {
  overflow-y: scroll !important;
  overflow-x: hidden;
}
.modal .modal-content {
  width: 130%;
  background-color: #ffffff;
  color: #0f4827;
  font-size: 100%;
  height: 85%;
  overflow-y: scroll !important;
  overflow-x: hidden;
}
.modal .form-control {
  border-radius: 0px !important;
}
.modal .modal-footer {
  max-height: 10%;
  /* flexbox
     * with even spacing all around items
     * rows will fit hieght of container
    */
  padding: 0;
  margin: 0;
  display: flex;
  justify-content: space-between;
  align-content: center;
  margin: 0 0 5px 0;
  flex-flow: row nowrap;
}
.delete-modal .modal-content {
  background-color: #cdcdcd;
}
.delete-modal .modal-header {
  display: block;
}
.btn,
.filters-btn,
#crop-btn-0,
#csvUploader .mapper-btn,
#csvUploader #show-instructions,
#users .stat-modal-btn,
#users-charts .stat-modal-btn,
#users-stats .stat-modal-btn {
  font-size: 100%;
  color: #1D8749;
  white-space: nowrap;
  width: 33%;
  border: 2px;
  border-color: #b3b3b3;
  padding: 0px;
  background: #E6E6E6;
}
.btn:hover,
.btn:focus {
  background: #b3b3b3;
}
/*subtle gradient for pages*/
/*background: linear-gradient(rgba(230, 206, 171, 1), rgba(230, 206, 171, 0.6));*/
#statsModal .btn,
#settings .btn {
  width: 100% !important;
}
#statsModal .modal-header,
#settings .modal-header {
  display: block !important;
}
.surface-btn,
.move-submit,
header .clear-btn {
  border: none;
  padding: 0px;
  background: #E6E6E6;
}
.surface-btn:hover,
.surface-btn:focus {
  background: #b3b3b3;
}
.move-submit {
  background-color: #1D8749;
  color: #fff;
  margin-left: 30% !important;
}
.move-submit:hover,
.move-submit:focus {
  background-color: #18723e;
}
.filters-btn {
  width: 100% !important;
}
#crop-btn-0 {
  width: 100% !important;
  margin-left: 25px;
}
#crop-btn-0:hover,
#crop-btn-0:focus {
  background: #b3b3b3;
  color: #0f4827;
}
.close-btn {
  opacity: 1 !important;
  background-color: #1D8749 !important;
  color: #fff !important;
  font-weight: normal !important;
  font-size: 14px !important;
  width: 60px;
  height: 25px !important;
  position: relative;
  bottom: 15px;
}
.close-btn:hover,
.close-btn:focus {
  background-color: #18723e !important;
}
/*--- Company ---*/
#company .modal-opacity {
  opacity: 0.5 !important;
}
#company ::-webkit-scrollbar {
  display: contents !important;
  width: 20px;
  height: 15px;
}
#company .bootstrap-tagsinput {
  overflow-x: hidden;
  overflow-y: scroll;
  max-height: 100px;
}
#company .cc_Title {
  font-size: 24px !important;
}
#company .company-card {
  padding: 0 !important;
  margin: 5px;
  background-color: #E6E6E6;
  max-width: 24% !important;
}
#company .company-card h3,
#company .company-card h5 {
  align-items: center;
}
#company .panel {
  margin: 0px;
}
#company .stats-btn {
  -webkit-appearance: none;
  text-align: center;
  padding: 1px;
  background-color: #ffffff;
  border: 2px solid #E6E6E6;
}
#company .stats-btn h5 {
  color: #1D8749;
}
#company .user-img {
  padding: 1px !important;
}
#company #backBtn {
  margin: 0px 35px 0px -80px;
  width: 50% !important;
}
#company #nextBtn,
#company #backBtn2,
#company #crmBtn,
#company .close-btn {
  width: 70% !important;
}
#company .save-btn {
  width: 70%;
  -webkit-appearance: button !important;
}
/*#add-payment-form{
input[name="cc_address"]{
    width: 500px !important;
}
.field{
    border-bottom: 1px solid @secondary-color;
    margin: 3px;
}
.field input{
    border: none;
}
.info{
    border: 1px solid #606060;
    display: column;
    overflow: visible;
    margin: 20px auto;
    background-color: #e8e8e8;
    padding: 10px 20px 10px 20px;
}
    .info{
        border: 1px solid #606060;
        display: colm;
        overflow: visible;
        margin: 20px auto;
        background-color: #e8e8e8;
        padding: 10px 20px 10px 20px;
    }

    .ui-widget-header,
    .ui-state-default,
    ui-button {
      background:#b9cd6d;
      border: 1px solid #b9cd6d;
      color: #FFFFFF;
      font-weight: bold;
    }
    #credit-dialog{
       z-index: 1000 !important;
    }
    #dialog_footer {

    }

    .StripeElement {
        box-sizing: border-box;
        height: 40px;
        padding: 10px 12px;
        border: 1px solid transparent;
        border-radius: 4px;
        background-color: white;
        box-shadow: 0 1px 3px 0 #e6ebf1;
        -webkit-transition: box-shadow 150ms ease;
        transition: box-shadow 150ms ease;
    }

    .StripeElement--focus {
        box-shadow: 0 1px 3px 0 #cfd7df;
    }

    .StripeElement--invalid {
        border-color: #fa755a;
    }

    .StripeElement--webkit-autofill {
        background-color: #fefde5 !important;
    }

}*/
#csvUploader {
  /*========= Mapped Table Styling ==========*/
  /* ============== OLD CSS ================*/
  /*.task-dropdown{
        border: thin solid @base;
        width: 100px;
        background: white;
        padding-left: 0px;
        text-indent: 5px;
    }*/
  /*th {
        font-size: small;
        border: thin solid gray;
    }*/
  /*.results-container,
    .mainContainer{
        width: 100%;
        background-color: white;
        padding: 10px;
    }*/
  /*.itemCTitle,
    #itemCTitle {
        width: 25%;
        background: white;
        padding-left: 0px;
        text-indent: 5px;
        font-size: small;
        white-space: nowrap;
    }*/
  /*.itemExample,
    #itemExample {
        width: 25%;
        background: white;
        padding-left: 0px;
        text-indent: 5px;
        font-size: small;
        white-space: nowrap;
    }*/
}
#csvUploader #map-title {
  padding-left: 35px;
  width: 30vw;
}
#csvUploader #map-title a {
  color: blue;
  text-decoration: none;
  cursor: pointer;
}
#csvUploader #save-map {
  display: flex;
  flex-direction: row;
  justify-content: space-around;
}
#csvUploader .mapper-btn {
  height: 40px;
  padding: 0px 10px 0px 10px;
  margin-right: 25px;
}
#csvUploader .table {
  border-radius: 10px;
  overflow: hidden;
  -webkit-box-shadow: 0 0px 40px 0px rgba(0, 0, 0, 0.15);
}
#csvUploader .instructions {
  border-radius: 0px 10px 10px 10px;
  overflow: hidden;
  -webkit-box-shadow: 0 0px 40px 0px rgba(0, 0, 0, 0.15);
}
#csvUploader .table-body {
  justify-content: center;
  width: 100%;
}
#csvUploader .table-body li {
  height: 30px;
  cursor: pointer;
}
#csvUploader .table-header {
  font-weight: bold;
  color: #1D8749;
  padding-left: 25px;
  justify-content: space-evenly;
  width: 95%;
  padding: 15px 0px 5px 0px;
}
#csvUploader .table-header th {
  font-weight: bold;
  color: #1D8749;
  padding-left: 15px;
}
#csvUploader .table-title {
  padding: 5px 0px 0px 2%;
}
#csvUploader .itemExample {
  width: 32%;
  padding-left: 0px;
  text-indent: 5px;
  white-space: nowrap;
  margin-top: -15px;
}
#csvUploader .itemExample p {
  font-weight: bold;
  color: #1D8749;
  margin-left: 10px;
  text-indent: 10px;
}
#csvUploader .mapping-container {
  padding: 15px;
}
#csvUploader .file {
  padding: 5px;
  height: 40px;
}
#csvUploader .mapper {
  width: 60%;
  height: 40px;
  display: flex;
  justify-content: space-around;
}
#csvUploader .map-dropdown {
  width: 40%;
  height: 40px;
  margin-right: 15px;
}
#csvUploader .head {
  display: flex;
  flex-wrap: nowrap;
  justify-content: space-between;
  padding-top: 1%;
}
#csvUploader #instructions {
  display: none;
  background: #ffffff;
  height: 40%;
  position: absolute;
  z-index: 1000;
  left: 50px;
  top: 50px;
}
#csvUploader #results-container {
  display: none;
  background: #ffffff;
  height: 40%;
  position: absolute;
  z-index: 1000;
  left: 25px;
}
#csvUploader .results-header {
  justify-content: left;
}
#csvUploader .instructions {
  padding: 15px;
}
#csvUploader #mapper-table {
  background: #ffffff;
  position: absolute;
  left: 25px;
  top: 60px;
  height: 100% !important;
  width: 97% !important;
}
#csvUploader #results-container {
  height: 100% !important;
}
#csvUploader #show-instructions {
  border-radius: 50%;
  background-color: #1D8749;
  color: #ffffff;
  position: absolute;
  width: 35px;
  height: 35px;
  -webkit-box-shadow: 0 0px 40px 0px rgba(0, 0, 0, 0.15);
}
#csvUploader #hide-instructions {
  width: 25px !important;
  height: 25px !important;
  position: absolute;
  top: 0px;
  left: 95%;
  color: #1D8749;
  -webkit-appearance: button !important;
}
#csvUploader #hide-results {
  width: 25px !important;
  height: 25px !important;
  position: absolute;
  top: 0px;
  left: 97%;
  color: #1D8749;
  -webkit-appearance: button !important;
}
#csvUploader #hide-mapper {
  width: 25px !important;
  height: 25px !important;
  position: absolute;
  top: 0px;
  left: 97%;
  color: #1D8749;
  -webkit-appearance: button !important;
}
#csvUploader .close-results {
  display: none;
  position: absolute;
  top: 0px;
  left: 95%;
}
#csvUploader .ops-dropdown {
  width: 105%;
  margin-left: -5px;
  background: white;
  height: 99%;
  border: thin solid #E6E6E6;
}
#csvUploader .index {
  background: white;
  padding-left: 0px;
  font-size: small;
}
#csvUploader #dataExample {
  border-radius: 10px;
  -webkit-box-shadow: 0 0px 40px 0px rgba(0, 0, 0, 0.15);
}
#csvUploader #dataExample th {
  color: #1D8749;
}
#csvUploader #dataExample .name,
#csvUploader #dataExample .email,
#csvUploader #dataExample .passwordText,
#csvUploader #dataExample .username,
#csvUploader #dataExample .address {
  width: 9%;
}
#csvUploader #dataExample .phoneNumber,
#csvUploader #dataExample .title,
#csvUploader #dataExample .city {
  width: 7%;
}
#csvUploader #dataExample .type,
#csvUploader #dataExample .department,
#csvUploader #dataExample .state,
#csvUploader #dataExample .zip,
#csvUploader #dataExample .isReferral,
#csvUploader #dataExample .status,
#csvUploader #dataExample .created,
#csvUploader #dataExample .companyId,
#csvUploader #dataExample .product,
#csvUploader #dataExample .completed {
  width: 5%;
}
#csvUploader #settings .uploads {
  width: 10%;
}
#csvUploader #itemExample {
  width: 32%;
}
#csvUploader #itemCTitle,
#csvUploader .itemCTitle {
  width: 25%;
}
#csvUploader body {
  background-color: #1D8749;
}
#csvUploader table {
  width: 100%;
}
#csvUploader td {
  border: thin solid #E6E6E6;
  height: 30px;
}
#csvUploader .text {
  width: 35%;
  background: white;
  padding-left: 0px;
  font-size: small;
}
#csvUploader th .index {
  width: 6%;
  padding-left: 0px;
  margin-left: 20px;
}
#csvUploader th .text {
  width: 35%;
  padding-left: 0px;
}
#csvUploader li {
  list-style-type: none;
  border-top: thin solid #E6E6E6;
  height: 30px;
}
#csvUploader .itemIndex,
#csvUploader #itemIndex {
  width: 5%;
  background: white;
  padding-left: 0px;
  text-align: center;
}
#csvUploader .itemTitle,
#csvUploader #itemTitle {
  width: 25%;
  background: white;
  padding-left: 0px;
  text-indent: 5px;
}
#csvUploader .border-right {
  border-right: thin solid gray;
}
#csvUploader .center {
  padding-left: 20px;
  text-align: center;
}
#csvUploader #csv,
#csvUploader h5 {
  margin: 0px 15px 0px 5px;
}
#csvUploader .test-res {
  visibility: hidden;
}
#csvUploader .hidden {
  display: none;
}
#csvUploader .flex-row {
  display: flex;
  flex-wrap: nowrap;
  align-content: left;
  margin-left: -15px;
}
#csvUploader #inx {
  width: 30px;
  height: 20px;
  margin-left: 5px;
}
#csvUploader .recount {
  margin-left: -5px;
}
#csvUploader #dataExample {
  width: 95%;
  margin-left: 2%;
  margin-top: 15px;
  text-align: center;
}
#comp-info {
  border: 1px solid #606060;
  overflow: visible;
  margin: 20px auto;
  background-color: #e8e8e8;
  padding: 10px 20px 10px 20px;
  position: absolute;
  top: 10%;
  left: 30%;
  width: 40%;
  margin-bottom: 10%;
}
#user-info {
  border: 1px solid #606060;
  overflow: visible;
  margin: 20px auto;
  background-color: #e8e8e8;
  padding: 10px 20px 10px 20px;
}
.ui-dialog-title {
  font-family: Tahoma !important;
  font-size: 24px !important;
}
.ui-dialog-titlebar-close .ui-icon-closethick {
  position: relative !important;
  margin-top: -1px !important;
  margin-left: -2px !important;
}
.dialog-button {
  height: 27px !important;
  background-color: #b5b5b5 !important;
  color: #000 !important;
  font-weight: normal !important;
}
.ui-dialog-buttonpane {
  text-align: center !important;
}
.ui-widget-header,
.ui-state-default,
ui-button {
  background: white !important;
  border: none !important;
  color: #1D8749 !important;
  font-weight: bold !important;
}
/*.ui-widget-header{
    background-color: white;
}*/
#jg-dialog {
  z-index: 1000 !important;
  height: auto !important;
  padding: 10px !important;
}
#dialog_footer {
  height: 45px !important;
}
/*==== Mass Move/Delete Dialog Styling ====*/
#assigned p {
  padding-bottom: 10px;
}
#move-pile .client-card {
  height: 60%;
}
#move-pile .gq-btn {
  display: none;
}
.modal-content {
  background-color: #F2F2F2 !important;
}
/*--- Employees ---*/
#move-pile .x-btn {
  width: 30px;
  height: 30px;
  position: relative;
  background: #1D8749;
  border-radius: 46%;
  text-align: center;
  top: -75px;
  left: 260px;
  font-size: 12px !important;
  font-weight: bold;
  color: white;
}
#users,
#users-charts,
#users-stats {
  /*#search-div{
        margin-left: 60% !important;
    }*/
}
#users .options-row,
#users-charts .options-row,
#users-stats .options-row {
  width: 100%;
}
#users .stats-row,
#users-charts .stats-row,
#users-stats .stats-row {
  position: absolute;
  bottom: 0 !important;
  width: 100%;
}
#users .panel,
#users-charts .panel,
#users-stats .panel {
  height: 80vh;
  overflow-y: scroll;
}
#users .panel ::-webkit-scrollbar,
#users-charts .panel ::-webkit-scrollbar,
#users-stats .panel ::-webkit-scrollbar {
  display: none;
  width: 25px !important;
}
#users .card-container,
#users-charts .card-container,
#users-stats .card-container {
  background-color: #ffffff;
  display: flex;
  flex-direction: row;
  padding-bottom: 80px !important;
}
#users .stats-pile,
#users-charts .stats-pile,
#users-stats .stats-pile {
  background-color: #ffffff;
  display: flex;
  flex-flow: row wrap;
  direction: rtl;
  width: 100%;
  height: 80vh;
  overflow-y: scroll !important;
  overflow-x: hidden;
  /* CLIENT HEADER */
  direction: ltr !important;
  justify-content: center;
}
#users .stats-pile .inactive h4,
#users-charts .stats-pile .inactive h4,
#users-stats .stats-pile .inactive h4 {
  color: black;
}
#users .stats-pile .lr-display,
#users-charts .stats-pile .lr-display,
#users-stats .stats-pile .lr-display {
  display: block;
}
#users .stats-pile .client-card,
#users-charts .stats-pile .client-card,
#users-stats .stats-pile .client-card {
  min-height: 33%;
  direction: ltr;
  display: flex;
  flex-direction: column;
  background-color: #E6E6E6;
  width: 24%;
  margin: 5px;
  height: max-content;
  background: #E6E6E6;
}
#users .stats-pile .client-card .client-header,
#users-charts .stats-pile .client-card .client-header,
#users-stats .stats-pile .client-card .client-header {
  width: auto;
  max-height: 4rem !important;
  display: flex;
  flex-direction: row;
  background-color: inherit;
}
#users .stats-pile .client-card .client-title,
#users-charts .stats-pile .client-card .client-title,
#users-stats .stats-pile .client-card .client-title {
  display: flex;
  flex-direction: column;
  width: 68%;
  font-size: 100%;
  background-color: inherit;
  text-align: center;
  white-space: nowrap;
}
#users .stats-pile .client-card .called,
#users-charts .stats-pile .client-card .called,
#users-stats .stats-pile .client-card .called {
  height: auto;
  width: 33%;
  position: relative;
  z-index: 2;
  background-color: inherit;
}
#users .stats-pile .client-card .client-body,
#users-charts .stats-pile .client-card .client-body,
#users-stats .stats-pile .client-card .client-body {
  display: flex;
  flex-direction: row;
  background-color: inherit;
  justify-content: space-between;
  min-height: 150px;
}
#users .stats-pile .client-card .img-container,
#users-charts .stats-pile .client-card .img-container,
#users-stats .stats-pile .client-card .img-container {
  background-color: inherit;
  margin-left: 20px;
  width: 100% !important;
  height: 100%;
}
#users .stats-pile .client-card .status,
#users-charts .stats-pile .client-card .status,
#users-stats .stats-pile .client-card .status {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  align-content: flex-end;
  font-size: 80%;
  text-transform: capitalize;
  background-color: inherit;
  width: 33%;
  white-space: nowrap;
}
#users .stats-pile .client-card .status-button-div,
#users-charts .stats-pile .client-card .status-button-div,
#users-stats .stats-pile .client-card .status-button-div {
  padding: 5px;
  width: 100%;
  background-color: inherit;
}
#users .stats-pile::-webkit-scrollbar,
#users-charts .stats-pile::-webkit-scrollbar,
#users-stats .stats-pile::-webkit-scrollbar {
  display: none !important;
}
#users .stats-label,
#users-charts .stats-label,
#users-stats .stats-label {
  font-size: 0.8rem;
}
#users .stats-text,
#users-charts .stats-text,
#users-stats .stats-text {
  padding-left: 0px;
}
#users .user-email,
#users-charts .user-email,
#users-stats .user-email {
  word-break: break-all;
  text-align: center;
}
#users .user-tag,
#users-charts .user-tag,
#users-stats .user-tag {
  background: #E6E6E6;
  margin: 5px;
  padding-top: 15px;
}
#users h5,
#users-charts h5,
#users-stats h5 {
  font-size: 110%;
  color: #1D8749;
}
#users h4,
#users-charts h4,
#users-stats h4 {
  font-size: 110%;
  color: #1D8749;
}
#users .row,
#users-charts .row,
#users-stats .row {
  margin: 0 !important;
  /*  height: 30%;*/
}
#users .user-name,
#users-charts .user-name,
#users-stats .user-name {
  padding: 2px 5px 0 5px;
  width: 200px;
  text-align: center;
}
#users .user-img,
#users-charts .user-img,
#users-stats .user-img {
  padding: 1px 0px 0px 1px !important;
  width: 200px;
}
#users .user-stats-area,
#users-charts .user-stats-area,
#users-stats .user-stats-area {
  padding: 5px 0px 0px 0px !important;
  text-align: left;
}
#users .user_card,
#users-charts .user_card,
#users-stats .user_card {
  padding: 0 !important;
  margin: 5px;
  background: #E6E6E6;
  width: 32% !important;
  position: relative;
  height: 275px;
}
#users .user_card:last-of-type,
#users-charts .user_card:last-of-type,
#users-stats .user_card:last-of-type {
  margin-bottom: 100px;
}
#users .user_card .stats-area,
#users-charts .user_card .stats-area,
#users-stats .user_card .stats-area {
  padding-top: 25px;
}
#users .user-card,
#users-charts .user-card,
#users-stats .user-card {
  max-height: 100%;
  max-width: 100%;
  margin-left: 25px;
}
#users .stats-section,
#users-charts .stats-section,
#users-stats .stats-section {
  padding: 0px;
}
#users .modal-header-btn,
#users-charts .modal-header-btn,
#users-stats .modal-header-btn {
  padding: 5px;
  height: auto;
  width: 100%;
  background: #ffffff;
  -webkit-appearance: none;
}
#users .modal-header-btn:focus,
#users-charts .modal-header-btn:focus,
#users-stats .modal-header-btn:focus,
#users .modal-header-btn:hover,
#users-charts .modal-header-btn:hover,
#users-stats .modal-header-btn:hover {
  background-color: #E6E6E6;
}
#users .surface-btn,
#users-charts .surface-btn,
#users-stats .surface-btn {
  padding: 0px;
  height: auto;
  width: 100%;
  border-bottom: 1px solid #b3b3b3;
  background: #ffffff;
  -webkit-appearance: none;
}
#users .surface-btn:focus,
#users-charts .surface-btn:focus,
#users-stats .surface-btn:focus,
#users .surface-btn:hover,
#users-charts .surface-btn:hover,
#users-stats .surface-btn:hover {
  background-color: #E6E6E6;
}
#users .client-stats:hover,
#users-charts .client-stats:hover,
#users-stats .client-stats:hover,
#users .client-stats:focus,
#users-charts .client-stats:focus,
#users-stats .client-stats:focus,
#users .referral-stats:hover,
#users-charts .referral-stats:hover,
#users-stats .referral-stats:hover,
#users .referral-stats:focus,
#users-charts .referral-stats:focus,
#users-stats .referral-stats:focus {
  background: #ffffff;
}
#users .client-stats,
#users-charts .client-stats,
#users-stats .client-stats,
#users .referral-stats,
#users-charts .referral-stats,
#users-stats .referral-stats {
  -webkit-appearance: none;
  text-align: center;
  padding: 1px;
  background-color: #ffffff;
  border: 2px solid #E6E6E6;
}
#users .client-stats:focus,
#users-charts .client-stats:focus,
#users-stats .client-stats:focus,
#users .referral-stats:focus,
#users-charts .referral-stats:focus,
#users-stats .referral-stats:focus,
#users .client-stats:hover,
#users-charts .client-stats:hover,
#users-stats .client-stats:hover,
#users .referral-stats:hover,
#users-charts .referral-stats:hover,
#users-stats .referral-stats:hover {
  background-color: #cdcdcd;
}
#users .stat-modal-btn,
#users-charts .stat-modal-btn,
#users-stats .stat-modal-btn {
  width: 80% !important;
}
/*
delete this after you're finished looking
delete your account

*/
/* FlexBox mixin
 *    how to use like a function;
 *    .box{
 *      .flex-container();
 *      }
*/
.flex-container {
  /* flexbox
     * with even spacing all around items
     * rows will fit hieght of container
    */
  padding: 0;
  margin: 0;
  display: flex;
  justify-content: space-between;
  align-content: center;
}
.flex-row {
  /* flexbox
     * with even spacing all around items
     * rows will fit hieght of container
    */
  padding: 0;
  margin: 0;
  display: flex;
  justify-content: space-between;
  align-content: center;
  margin: 0 0 5px 0;
  flex-flow: row nowrap;
}
.flex-col {
  /* flexbox
     * with even spacing all around items
     * rows will fit hieght of container
    */
  padding: 0;
  margin: 0;
  display: flex;
  justify-content: space-between;
  align-content: center;
  flex-flow: column nowrap;
}
.flex-row-wrap {
  /* flexbox
     * with even spacing all around items
     * rows will fit hieght of container
    */
  padding: 0;
  margin: 0;
  display: flex;
  justify-content: space-between;
  align-content: center;
  flex-flow: row wrap;
}
.flex-col-wrap {
  /* flexbox
     * with even spacing all around items
     * rows will fit hieght of container
    */
  padding: 0;
  margin: 0;
  display: flex;
  justify-content: space-between;
  align-content: center;
  flex-flow: column wrap;
}
/* Style the form - display items horizontally */
.inline-item {
  display: flex;
  flex-flow: row nowrap;
  align-items: start;
}
/* Add some margins for each label */
.inline-item label {
  margin: 15px 10px 5px 0;
  width: 110px;
  white-space: nowrap;
}
/* Style the input fields */
.inline-item input {
  vertical-align: middle;
  margin: 5px 10px 5px 0;
  padding: 10px;
  align-self: stretch;
  border: 1px solid #ddd;
}
.dialog {
  display: none;
}
.info {
  border: 1px solid #606060;
  display: colm;
  overflow: visible;
  margin: 20px auto;
  background-color: #e8e8e8;
  padding: 10px 20px 10px 20px;
}
#jg-dialog {
  z-index: 1000 !important;
}
.ui-widget-header,
.ui-state-default,
ui-button {
  background: #b9cd6d !important;
  border: 1px solid #b9cd6d !important;
  color: #FFFFFF !important;
  font-weight: bold !important;
}
.footerDialog .directions {
  height: 150px;
  overflow: scroll;
  margin-top: 5px;
  overflow-y: scroll;
}
.footerDialog .directions p:first-child {
  font-weight: bold;
}
.footerDialog .directions p span {
  font-weight: bold;
}
.footerDialog .x-btn {
  width: 24px;
  height: 24px;
  border-radius: 30%;
  top: -37px !important;
  left: 180px !important;
}
.footerDialog .ui-dialog-title {
  background: #b9cd6d !important;
}
.footerDialog .footerEditor {
  margin: 10px !important;
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  overflow: hidden !important;
}
.footerDialog .editor-button {
  background: #b9cd6d;
  border: 1px solid lightgray;
  border-radius: 5px;
  color: #FFFFFF;
  font-weight: bold;
  padding: 0px 15px 0px 15px !important;
}
.footerDialog .editor-button:hover {
  background-color: gray;
}
.footerDialog #imageEditor {
  border: 1px solid #4b4b4b;
  -moz-border-radius: 8px;
  -webkit-border-radius: 8px;
  border-radius: 8px;
  background-color: #e7e4e4;
}
.footerDialog #editorContainer {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: space-between;
  padding-left: 10px;
  align-items: flex-end;
  height: 79px;
}
.footerDialog #editorContainer canvas {
  margin-top: 15px;
  overflow: auto;
}
.footerDialog #editorContainer canvas:hover {
  border: dashed 1px gray;
}
.footerDialog #footerdialog {
  display: block;
  border: 1px solid #4b4b4b;
}
.footerDialog #optionContainer {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: space-between;
  align-items: flex-end;
  min-height: 40px;
}
.footerDialog input[type=checkbox] {
  box-sizing: border-box;
  padding: 0px;
  width: 20px;
  height: 20px;
  margin: 6px;
}
.footerDialog .preview-viewport {
  margin: 0px;
  padding-bottom: 10px;
  padding-top: 10px;
  border: 1px solid #4b4b4b;
  border-radius: 8px;
  height: 80px;
}
.footerDialog #createdImage {
  height: 100%;
  width: 100%;
}
.footerDialog .editor-main {
  width: 75% !important;
}
.footerDialog .aside {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  width: 24%;
  min-height: 80%;
  border: 1px solid #4b4b4b;
  border-radius: 8px;
}
.footerDialog .aside .asideHeader {
  text-align: center;
  background: #b9cd6d;
  color: black;
  border-bottom: 1px solid #4b4b4b;
  width: 100%;
}
.footerDialog .aside .asideBody {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: flex-start;
  width: 100%;
  height: 80%;
}
.footerDialog .aside #hiddenContainer {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  min-width: 70%;
  height: 116%;
}
.footerDialog .aside #hiddenContainer .cbContainer {
  margin-top: 10px;
  margin-bottom: 15px;
}
.footerDialog .aside #hiddenContainer .cbContainer:last-child {
  margin-bottom: 15px !important;
}
.footerDialog .aside .thumbNails {
  min-width: 30%;
  height: 116%;
}
.footerDialog .aside .thumbNails canvas {
  width: 80px;
  height: 50px;
}
.footerDialog .aside .thumbNails .text {
  width: 80px;
  height: 32px !important;
}
.fixed-bottom {
  padding-bottom: 20px;
  padding-left: 200px;
  padding-right: 100px;
  background-color: #ffffff;
  height: auto;
  visibility: visible;
  -webkit-appearance: none;
  -moz-appearance: none;
  -khtml-opacity: 0.8;
}
.fixed-bottom div {
  padding-left: 0px !important;
  padding-right: 0px !important;
}
.fixed-bottom .nav-text {
  color: #0f4827;
  padding-top: 0px !important;
  padding-left: 5px;
  opacity: 1;
}
.fixed-bottom .nav-stacked {
  padding-top: 10px;
}
.fixed-bottom a {
  color: #0f4827;
  font-size: 16px;
  font-weight: bold;
}
.fixed-bottom a:focus,
.fixed-bottom a:hover {
  background-color: #b3b3b3 !important;
  color: #0b331c;
  font-weight: bold;
}
header {
  background: #ffffff;
  /* flexbox
     * with even spacing all around items
     * rows will fit hieght of container
    */
  padding: 0;
  margin: 0;
  display: flex;
  justify-content: space-between;
  align-content: center;
  flex-flow: column nowrap;
  margin: 1px 5px 0 5px;
}
header .selectall,
header .user-stats,
header .users-stats,
header .users-charts,
header .massmove,
header .massdelete,
header .stats-ref,
header .isreferral,
header .unassigned,
header .openseason,
header .isinactive,
header .selectall {
  display: none;
  justify-content: space-around;
  width: 150px;
}
header .unassigned {
  background-color: papayawhip !important;
}
header .owned {
  background-color: #dcdbf1 !important;
}
header #search-div {
  width: 100%;
  display: flex;
  flex-wrap: nowrap!important;
}
header #search-div .show-info {
  position: relative;
  left: 0%;
  padding-right: 15px;
  color: blue;
}
header .form-list {
  position: relative;
  display: flex;
  justify-content: space-between;
  align-content: center;
  width: 100% !important;
  margin-right: 15vw;
  flex-flow: row nowrap;
}
header .form-list a:hover {
  background-color: #ddd;
}
header .form-items {
  display: none;
  position: absolute;
  background-color: #f1f1f1;
  min-width: 160px;
  margin-top: 50px;
  overflow: auto;
  box-shadow: 0px 8px 16px 0px rgba(0, 0, 0, 0.2);
  z-index: 1;
}
header .form-item {
  background-color: #ffffff;
  color: #1D8749;
  margin-left: 10px;
  width: 85%;
}
header .form-item a {
  color: black;
  padding: 12px 16px;
  text-decoration: none;
}
header .form-item:hover {
  background-color: #1D8749;
  color: #ffffff;
}
header .clear-btn {
  color: #1D8749;
  position: relative;
  left: 5px;
  top: 0px;
  width: 20%;
}
header .clear-btn:hover {
  background-color: #1D8749;
  color: #ffffff;
}
header .list-div {
  overflow-y: scroll;
  max-height: 200px;
}
header .list-div :-webkit-scrollbar {
  display: block;
  width: 10px;
}
header .fa-search,
header .form {
  height: 27px;
  text-align: center;
  padding: 5px !important;
}
header .search-form {
  width: 90%;
  height: 27px;
  margin: 1px, 1px, 0px, 1px;
}
header .move-item {
  padding-left: 11px;
  cursor: pointer;
}
header .move-item a {
  display: flex;
  justify-content: center;
  width: 90%;
}
header .move-item input {
  margin-right: 10px;
}
header .move-item input [type=checkbox] {
  top: 2px;
  left: 2px;
  margin-right: 5px;
  height: 25px;
  width: 25px;
}
header .move-item .ref-btn {
  display: flex;
  margin-top: 3px;
  align-items: center;
  background-color: #1D8749;
  color: #ffffff !important;
}
header .move-item .ref-btn:hover {
  background-color: #18723e;
}
header #forms-list-txt i {
  padding-left: 15px;
}
header .dropdown-toggle::after {
  display: none;
}
header .fa-chevron-down {
  font-size: 70%;
  padding-left: 11%;
}
header .btn {
  font-size: 100%;
  color: #1D8749;
  white-space: nowrap;
  width: 20%;
  border: 2px;
  border-color: #b3b3b3;
  padding: 0px;
  background: #E6E6E6;
}
header .btn:hover,
header .btn:focus {
  background: #b3b3b3;
}
header .row-1 {
  white-space: nowrap;
  align-content: center;
}
header .row-1 .stats-btn {
  font-size: 100%;
  color: #1D8749;
  white-space: nowrap;
  width: 20%;
  border: 2px;
  border-color: #b3b3b3;
  padding: 0px;
  background: #E6E6E6;
}
header .row-1 .stats-btn:hover,
header .row-1 .stats-btn:focus {
  background: #b3b3b3;
}
header .row-1 h2 {
  font-size: 200%;
  color: #1D8749;
  text-transform: capitalize;
  font-weight: bold;
}
header .row-1 .map-btn {
  font-size: 100%;
  color: #1D8749;
  white-space: nowrap;
  width: 20%;
  border: 2px;
  border-color: #b3b3b3;
  padding: 0px;
  background: #E6E6E6;
}
header .row-1 .map-btn:hover,
header .row-1 .map-btn:focus {
  background: #b3b3b3;
}
header .row-2 .input-group-addon {
  text-align: center;
  align-items: center;
  background-color: #1D8749;
}
header .row-2 .fa-btn {
  background-color: #1D8749;
  color: #ffffff;
  border-radius: 0px;
  padding: 15px 10px 5px 10px ;
  font-size: 100%;
}
header .row-2 .hidden-title-left {
  display: none;
}
header .row-2 .search-box {
  width: 40%;
  text-transform: capitalize;
  font-size: 100%;
}
header .row-2 #label-header {
  font-size: 100%;
}
header .row-2 .add-btn {
  font-size: 100%;
  color: #1D8749;
  white-space: nowrap;
  width: 20%;
  border: 2px;
  border-color: #b3b3b3;
  padding: 0px;
  background: #E6E6E6;
  width: auto;
  margin-left: 1px;
  padding: 0 5px 0 5px;
}
header .row-2 .add-btn:hover,
header .row-2 .add-btn:focus {
  background: #b3b3b3;
}
header .row-2 .right,
header .row-2 .dropdown {
  padding-right: 15vw;
}
header .page-title {
  padding-left: 0px;
}
body {
  background: #ffffff;
}
body #spinner {
  display: none;
}
body #spinner .spinner-img {
  display: none;
}
body #modal-spinner {
  position: absolute;
  z-index: 1000;
  height: 59%;
  width: 100%;
  background: #ffffff;
  opacity: 0.8;
  left: 0;
}
body #modal-spinner .spinner-img {
  position: relative;
  left: 43%;
  top: 25%;
  opacity: 1 !important;
}
.clearable {
  background: #ffffff url(https://bijudesigner.com/blog/wp-content/uploads/2015/06/download.gif) no-repeat right -10px center;
  padding: 3px 18px 3px 4px;
  /* Use the same right padding (18) in jQ! */
  transition: background 0.4s;
}
.clearable.x {
  background-position: right 10px center;
}
.clearable.onX {
  cursor: pointer;
}
/*Landscape iPad Styling*/
@media only screen and (min-device-width: 768px) and (max-device-width: 1366px) and (orientation: landscape) {
  header .row-2 .search-box {
    width: 50% !important;
    text-transform: capitalize;
    font-size: 100%;
  }
  header .row-2 #search-div {
    width: 125%;
  }
  header .form-list {
    position: relative;
    display: flex;
    justify-content: space-between;
    align-content: center;
    width: 100% !important;
    margin-right: 10vw;
    flex-flow: row nowrap;
  }
  header .forms-dropdown {
    position: absolute;
    transform: translate3d(-5px, 38px, 0px);
    top: 0px;
    left: 0px!important;
    will-change: transform;
    width: 200px !important;
  }
  #referrals .stack .called {
    position: relative;
    bottom: -20px;
    margin-left: 5px;
    width: 100% !important;
    height: 25%;
    font-size: 160%;
  }
  #referrals .stack .client-title {
    font-size: 120%;
    background: #E6E6E6;
    justify-content: flex-start;
    width: 100% !important;
    height: 50%;
  }
  #referrals .stack .client-title h4 {
    white-space: normal !important;
    font-size: 12px !important;
    text-align: center;
  }
  #referrals .stack .client-title p {
    font-size: 12px;
    text-align: center;
  }
  #referrals .stack .x-btn {
    width: 20px;
    height: 20px;
    position: relative;
    background: #1D8749;
    border-radius: 46%;
    text-align: center;
    top: -50px;
    right: 98%;
    font-size: 12px !important;
    font-weight: bold;
    color: white;
    z-index: 1001;
  }
  #clients .pile {
    padding-bottom: 80px !important;
    padding-right: 0px !important;
  }
  #clients .pile .referral {
    display: none;
  }
  #users #search-div,
  #users-charts #search-div,
  #users-stats #search-div {
    width: 200% !important;
  }
  #users .user_card,
  #users-charts .user_card,
  #users-stats .user_card {
    padding: 0 !important;
    margin: 5px;
    background: #E6E6E6;
    max-width: 32% !important;
    position: relative;
    height: 200px;
  }
  #users .user_card:last-of-type,
  #users-charts .user_card:last-of-type,
  #users-stats .user_card:last-of-type {
    margin-bottom: 100px;
  }
  #users .panel,
  #users-charts .panel,
  #users-stats .panel {
    height: 70vh;
    overflow-y: scroll;
  }
  #users .panel::-webkit-scrollbar,
  #users-charts .panel::-webkit-scrollbar,
  #users-stats .panel::-webkit-scrollbar {
    display: none;
    width: 25px !important;
  }
  #users .user-img,
  #users-charts .user-img,
  #users-stats .user-img {
    padding: 1px 0px 0px 1px !important;
    width: 300px;
    height: 125px;
  }
  .hidden-title-left {
    visibility: hidden;
    width: 27.5% !important;
  }
  .modal-content {
    background-color: #F2F2F2 !important;
  }
  .modal-dialog {
    position: absolute;
    left: 32%;
    background-color: gray;
  }
  .modal-dialog h4 {
    font-size: 120% !important;
    float: left;
    padding-left: 15px;
  }
  .modal-header {
    font-size: 140% !important;
  }
  tr {
    background-color: white;
  }
  .client-remarks {
    padding-top: 8px;
  }
  .sales-notes-title {
    padding-top: 20px;
  }
  .filters {
    padding: 0px 0px 0px 5px;
  }
  /*Company iPad Styling*/
  #company .company-card {
    padding: 0 !important;
    margin: 5px;
    background-color: #E6E6E6;
    max-width: 32% !important;
  }
  #company .company-card h3,
  #company .company-card h5 {
    font-size: 120%;
    align-items: center;
  }
  #company .company-card p {
    font-size: 80%;
  }
  #company .panel {
    margin: 0px;
  }
  #company .stats-btn {
    -webkit-appearance: none;
    text-align: center;
    padding: 1px;
    background-color: #ffffff;
    border: 2px solid #E6E6E6;
  }
  #company .stats-btn h5 {
    color: #1D8749;
  }
  #company .user-img {
    padding: 1px !important;
    max-height: 120%;
    max-width: 120%;
  }
  /* User's iPad Styling*/
  [name="user-stats"] .userinfo-card {
    width: 45% !important;
    padding: 0 !important;
    margin: 5px;
    background: #E6E6E6;
    height: 250px;
  }
  [name="user-stats"] .userinfo-card .referral-stats,
  [name="user-stats"] .userinfo-card .client-stats {
    height: inherit;
  }
  [name="user-stats"] #search-div {
    width: 200% !important;
    margin-left: 0px !important;
  }
  [name="user-stats"] .user-stats {
    width: 100% !important;
    height: 33vh !important;
    margin: 10px;
  }
  [name="users"] #search-div {
    width: 200% !important;
    left: 0px;
  }
  [name="users"] .users-cb {
    display: block;
  }
  [name="users"] .pile {
    padding-right: 0px !important;
  }
  [name="users"] .pile .client-title {
    display: flex;
    flex-direction: column;
    width: 60%;
    font-size: 100%;
    background: #E6E6E6;
    text-align: center;
    white-space: nowrap;
  }
  [name="users"] .pile .img-container {
    margin-left: 10px;
  }
  #Users .user-container {
    padding-bottom: 80px !important;
  }
  #Users .card-container a {
    font-size: 60%;
  }
  #Users h3 {
    font-size: 100%;
  }
  #Users h5 {
    font-size: 90%;
  }
  #Users h4 {
    font-size: 80%;
  }
  #Users .stats-area {
    font-size: 10px;
    padding-top: 25px;
  }
  #Users .stats-section {
    padding: 0 !important;
  }
  #Users .surface-btn {
    padding: 1px;
  }
  #Users .client-stats {
    border-right: 1px solid #E6E6E6;
  }
  #Users .row {
    margin: 0px !important;
  }
  .pile {
    padding-bottom: 80px !important;
    padding-right: 22vw !important;
  }
  .pile img {
    object-fit: contain;
    max-width: 200px;
    max-height: 150px;
    width: auto;
    height: auto;
  }
  .pile .img-container {
    margin-left: 10px;
  }
  .pile .client-card {
    display: flex;
    flex-direction: column;
    width: 32% !important;
    margin: 5px;
    background: #E6E6E6;
    font-size: 100%;
  }
  .modal {
    height: 99%;
  }
  .modal .modal-content {
    font-size: 80% !important;
  }
  .text {
    font-size: 140%;
  }
  .user-data {
    font-size: 90%;
    width: 32% !important;
  }
  .status {
    font-size: 70% !important;
  }
  .stack {
    top: 13.5vh;
    height: 70vh;
  }
  .stack .client-card {
    width: 100%;
  }
  .stack .img {
    max-height: none;
  }
  .stack .img-container {
    align-items: center;
    align-content: center;
    width: 99%;
    display: flex;
    justify-content: center;
  }
  .stack .client-title {
    background: #E6E6E6;
    justify-content: flex-start;
    width: 100% !important;
  }
  .stack .client-title h4 {
    white-space: normal !important;
    font-size: 12px !important;
  }
  .stack .client-body {
    height: inherit;
    min-height: 100px;
  }
  .form-btn {
    width: 95%;
  }
  .label-div {
    display: flex;
    flex-wrap: wrap row;
    padding-left: 5px;
    padding-bottom: 5px;
    align-items: center;
  }
  .label {
    color: #ffffff;
    font-weight: bold;
    font-size: 70%;
    padding: 0em 0.5em 0em 0.5em;
    margin: 10px 2px 5px 0px;
  }
  .label-wrap {
    height: 30px;
    width: 30px;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
  }
  #label-header {
    font-size: 100%;
  }
  .proxy-client {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 99%;
    height: 13%;
    font-size: 200%;
    font-weight: bolder;
    color: #ffffff;
    margin: 5px 0px 0px 0px !important;
    background: #E6E6E6;
  }
  .proxy-client .client-card {
    width: 100% !important;
    height: auto;
    display: flex;
    flex-direction: row-reverse;
    justify-content: flex-start;
    align-items: center;
    text-align: left;
    margin: 5px;
    font-size: 30%;
    white-space: normal;
  }
  .proxy-client:last-child {
    margin-bottom: 0;
  }
  /*Splash Page iPad Styling*/
  #login .login-form {
    border: 1px solid #cdcdcd;
    background: #E6E6E6;
    width: 80vh;
  }
  /*Footer iPad Styling*/
  .fixed-bottom {
    padding-bottom: 20px;
    padding-left: 100px;
    padding-right: 80px;
    background-color: #ffffff;
    height: auto;
    visibility: visible;
    -webkit-appearance: none;
    -moz-appearance: none;
    -khtml-opacity: 0.8;
  }
  .fixed-bottom div {
    padding-left: 0px !important;
    padding-right: 0px !important;
  }
  .fixed-bottom .nav-text {
    color: #0f4827;
    padding-top: 0px !important;
    padding-left: 5px;
    opacity: 1;
  }
  .fixed-bottom .nav-stacked {
    padding-top: 10px;
  }
  .fixed-bottom a {
    color: #0f4827;
    font-size: 16px;
    font-weight: bold;
  }
  .fixed-bottom a:focus,
  .fixed-bottom a:hover {
    background-color: #b3b3b3 !important;
    color: #0b331c;
    font-weight: bold;
  }
  #referrals #forms-instructions {
    right: 0%;
    top: 5%;
  }
  #referrals #map-instructions {
    left: 50%;
    top: 2%;
  }
  #clients #show-forms-instructions {
    display: none;
  }
  #clients #map-instructions {
    left: 50%;
    top: 2%;
  }
  /*iPad Settings Page*/
}
/*Portrait iPad Styling*/
@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: portrait) {
  header #search-div {
    width: 125%;
  }
  header .form-list {
    position: relative;
    display: flex;
    justify-content: space-between;
    text-align: center;
    width: 100% !important;
    margin-right: 5vw;
    flex-flow: row nowrap;
  }
  .modal-content {
    background-color: #F2F2F2 !important;
  }
  .modal-dialog {
    position: absolute;
    left: 25%;
    background-color: gray;
  }
  .modal-dialog h4 {
    font-size: 120% !important;
    float: left;
    padding-left: 15px;
  }
  .modal-header {
    font-size: 140% !important;
  }
  tr {
    background-color: white;
  }
  .client-remarks {
    padding-top: 8px;
  }
  .sales-notes-title {
    padding-top: 20px;
  }
  .filters {
    padding: 0px 0px 0px 5px;
  }
  /*Company iPad Styling*/
  #company .company-card {
    padding: 0 !important;
    margin: 5px;
    background-color: #E6E6E6;
    max-width: 32% !important;
  }
  #company .company-card h3,
  #company .company-card h5 {
    font-size: 120%;
    align-items: center;
  }
  #company .company-card p {
    font-size: 80%;
  }
  #company .panel {
    margin: 0px;
  }
  #company .stats-btn {
    -webkit-appearance: none;
    text-align: center;
    padding: 1px;
    background-color: #ffffff;
    border: 2px solid #E6E6E6;
  }
  #company .stats-btn h5 {
    color: #1D8749;
  }
  #company .user-img {
    padding: 1px !important;
    max-height: 120%;
    max-width: 120%;
  }
  /* User's iPad Styling*/
  [name="user-stats"] .userinfo-card {
    width: 40% !important;
    padding: 0 !important;
    margin: 5px;
    background: #E6E6E6;
    height: 200px;
    /*max-width: 70% !important;*/
  }
  [name="user-stats"] .userinfo-card .referral-stats,
  [name="user-stats"] .userinfo-card .client-stats {
    height: 100% !important;
  }
  [name="user-stats"] .user-stats {
    width: 100% !important;
    height: 30vh !important;
    margin: 10px;
  }
  [name="user-stats"] .stats-text {
    font-size: 0.8rem !important;
  }
  [name="user-stats"] .stats-pile {
    overflow-y: hidden !important;
  }
  [name="user-stats"] #search-div {
    width: 200% !important;
    left: 0px !important;
  }
  #users-charts .row {
    margin-top: 0px !important;
    height: 50px;
  }
  #users-charts .user-container {
    padding-bottom: 80px !important;
  }
  #users-charts .card-container a {
    font-size: 60%;
  }
  #users-charts h3 {
    font-size: 100%;
  }
  #users-charts h5 {
    font-size: 90%;
  }
  #users-charts h4 {
    font-size: 80%;
  }
  #users-charts .stats-area {
    font-size: 10px;
    padding-top: 25px;
  }
  #users-charts .stats-section {
    padding: 0 !important;
  }
  #users-charts .surface-btn {
    padding: 1px;
  }
  #users-charts .client-stats {
    border-right: 1px solid #E6E6E6;
  }
  #users-charts .user_card {
    padding: 0 !important;
    margin: 5px;
    background: #E6E6E6;
    max-width: 45% !important;
  }
  .pile {
    padding-bottom: 80px !important;
  }
  .pile .client-card {
    display: flex !important;
    flex-direction: column !important;
    width: 90% !important;
    height: 20vh !important;
    padding: 5px;
    margin: 5px;
    background: #E6E6E6;
    font-size: 100%;
  }
  .modal {
    height: 99%;
  }
  .modal .modal-content {
    font-size: 80% !important;
  }
  .text {
    font-size: 140%;
  }
  .user-data {
    font-size: 90%;
    width: 32% !important;
  }
  .status {
    font-size: 70% !important;
  }
  .stack {
    top: 13.5vh;
    height: 70vh;
  }
  .stack .client-card {
    width: 100%;
  }
  .stack .img {
    max-height: none;
  }
  .stack .img-container {
    align-items: center;
    align-content: center;
    width: 99%;
    disply: flex;
    justify-content: center;
  }
  .stack .client-title {
    background: #E6E6E6;
    justify-content: flex-start;
    width: 100% !important;
  }
  .stack .client-title h4 {
    white-space: normal !important;
    font-size: 10px !important;
  }
  .stack .client-title p {
    font-size: 14px !important;
  }
  .stack .client-body {
    height: inherit;
    min-height: 150px;
  }
  .stack .x-btn {
    width: 20px;
    height: 20px;
    position: relative;
    background: #1D8749;
    border-radius: 46%;
    text-align: center;
    top: -70px;
    right: 98%;
    font-size: 12px !important;
    font-weight: bold;
    color: white;
    z-index: 100;
  }
  .form-btn {
    width: 95%;
  }
  .label-div {
    display: flex;
    flex-wrap: wrap row;
    padding-left: 5px;
    padding-bottom: 5px;
    align-items: center;
  }
  .label {
    color: #ffffff;
    font-weight: bold;
    font-size: 70%;
    padding: 0em 0.5em 0em 0.5em;
    margin: 10px 2px 5px 0px;
  }
  .label-wrap {
    height: 30px;
    width: 30px;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
  }
  #label-header {
    font-size: 100%;
  }
  /*Referrals iPad Portrait Styling*/
  #referrals .mainContainer .stack {
    top: 13.5vh !important;
    height: 80vh !important;
    width: 35vw;
  }
  #referrals .mainContainer .pile {
    padding-right: 43vw !important;
  }
  #referrals .mainContainer .pile .client-body {
    height: 80% !important;
  }
  #referrals .mainContainer .gq-btn,
  #referrals .mainContainer .called-btn {
    font-size: 70%;
  }
  #referrals .mainContainer .surface-btn {
    width: 100%;
  }
  #referrals .mainContainer .surface-btn h6 {
    font-size: 10px;
  }
  #referrals .mainContainer .status .label-div {
    padding-bottom: 15px;
  }
  #referrals #map-instructions {
    left: 60%;
    top: 2%;
  }
  #referrals #forms-instructions {
    right: 0%;
    top: 5%;
  }
  .proxy-client {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 99%;
    height: 13%;
    font-size: 200%;
    font-weight: bolder;
    color: #ffffff;
    margin: 5px 0px 0px 0px !important;
    background: #E6E6E6;
  }
  .proxy-client .client-card {
    width: 100% !important;
    height: auto;
    display: flex;
    flex-direction: row-reverse;
    justify-content: flex-start;
    align-items: center;
    text-align: left;
    margin: 5px;
    font-size: 30%;
    white-space: normal;
  }
  .proxy-client:last-child {
    margin-bottom: 0;
  }
  /*Splash Page iPad Styling*/
  #login .login-form {
    border: 1px solid #cdcdcd;
    background: #E6E6E6;
    width: 80vh;
  }
  .fixed-bottom {
    padding-bottom: 20px;
    padding-left: 100px;
    padding-right: 80px;
    background-color: #ffffff;
    height: auto;
    visibility: visible;
    -webkit-appearance: none;
    -moz-appearance: none;
    -khtml-opacity: 0.8;
  }
  .fixed-bottom div {
    padding-left: 0px !important;
    padding-right: 0px !important;
  }
  .fixed-bottom .nav-text {
    color: #0f4827;
    padding-top: 0px !important;
    padding-left: 5px;
    opacity: 1;
  }
  .fixed-bottom .nav-stacked {
    padding-top: 10px;
  }
  .fixed-bottom a {
    color: #0f4827;
    font-size: 16px;
    font-weight: bold;
  }
  .fixed-bottom a:focus,
  .fixed-bottom a:hover {
    background-color: #b3b3b3 !important;
    color: #0b331c;
    font-weight: bold;
  }
  #settings-section {
    position: relative !important;
    left: -5% !important;
  }
  #clients .pile .client-card {
    width: 48% !important;
  }
  #clients .pile .referral {
    display: none !important;
  }
  #clients #map-instructions {
    left: 70%;
    top: 2%;
  }
  #users .user_card {
    padding: 0 !important;
    margin: 5px;
    background: #E6E6E6;
    width: 70% !important;
    position: relative;
    height: 275px;
  }
  #users .search-box {
    width: 89%;
    text-transform: capitalize;
    font-size: 100%;
  }
  #users .label-header {
    display: none;
  }
}
.label-div {
  display: flex;
  flex-wrap: wrap row;
  padding-left: 5px;
  padding-bottom: 5px;
  align-items: center;
}
.label {
  color: #ffffff !important;
  font-weight: bold;
  font-size: 60%;
  padding: 0em 0.5em 0em 0.5em;
  margin: 5px 2px 5px 0px;
  background-color: #0f4827;
}
.label-wrap {
  height: 40px;
  width: 40px;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  margin-top: 5px;
}
#landing-page .seo-statement {
  position: absolute;
  background-color: transparent;
  bottom: 0;
  left: 20vw;
  right: 10vw;
  width: 60vw;
  text-align: center;
  color: darkgreen;
  font-size: 50% !important;
}
#landing-page .mainContainer {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  background: #e4e4e4;
  background: linear-gradient(180deg, #e4e4e4 0%, #c1c1c1 50%, #9e9e9e 100%);
  height: 100vh;
  overflow: scroll;
}
#landing-page .form {
  width: 25%;
  height: 71vh;
  position: relative;
  background-color: #1D8749;
  top: 1vh;
  color: white;
  border-radius: 5px;
  margin-bottom: 5vh;
}
#landing-page .image1 {
  position: relative;
  top: 30px;
  height: 75vh;
  left: 7vw;
  box-shadow: 32px 32px 6px -6px grey;
}
#landing-page .image2 {
  position: relative;
  top: 30px;
  height: 75vh;
  right: 7vw;
  box-shadow: 32px 32px 6px -6px grey;
}
#landing-page .image1 img,
#landing-page .image2 img {
  width: 100%;
}
#landing-page .h5 {
  color: #ffffff;
}
#landing-page .lpform {
  display: flex;
  flex-direction: column;
  align-items: center;
}
#landing-page .sign-in-btn {
  margin-top: 15px;
  display: flex;
  flex-direction: column;
  align-items: center;
}
#landing-page .sign-in-btn a {
  text-align: center;
  background-color: #ffffff;
  color: #1D8749;
  width: 100px;
  margin-top: 15px;
}
#landing-page .sign-in-btn a:hover {
  text-decoration: none;
  background-color: #18723e;
  color: #ffffff;
  border: 0.02rem solid #ffffff;
}
#landing-page .sign-in-btn p {
  color: #ffffff;
}
#landing-page .lpform input {
  margin-bottom: 5px;
  float: right;
  margin-left: 5px;
}
#landing-page .required {
  float: left;
  color: red;
  margin-left: -5px;
}
#landing-page .submit {
  background-color: #ffffff;
  color: #1D8749;
  width: 100px;
}
#landing-page .submit:hover {
  background-color: #18723e;
  color: #ffffff;
}
#landing-page .form-title {
  text-align: center;
  color: white;
  margin-top: 15px;
}
#landing-page .form-footer {
  text-align: center;
  margin-top: 25px;
}
#landing-page .form-footer a {
  color: #ffffff;
}
#landing-page .l2r-logo {
  position: absolute;
  z-index: 1000;
}
#landing-page .login100-form-logo {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 11vw;
  height: 17vh;
  border-radius: 50%;
  background-color: #fff;
  margin: 0 auto;
  /* background-image: url("../images/L2R-Logo.PNG"); */
  background-repeat: no-repeat;
  background-position: center;
  margin-top: 1vh;
}
#landing-page .typeOfLabel p {
  color: white;
  text-align: center;
  padding-top: 5px;
  padding-bottom: 5px;
  font-weight: bold;
}
#landing-page .typeOfLabel .typeOfSignup {
  display: flex;
  flex-direction: row;
  flex-flow: ltr;
}
#landing-page .typeOfLabel .typeOfSignup .signupUser,
#landing-page .typeOfLabel .typeOfSignup .signupCompany {
  position: relative;
  left: 5px;
  padding-right: 5px;
}
#landing-page .typeOfLabel .typeOfSignup input[type=radio] {
  width: 25px;
  height: 25px;
}
@media screen and (orientation: portrait) and (min-device-width: 320px) and (max-device-width: 450px) {
  #landing-page .seo-statement {
    position: relative;
    left: 20vw;
    right: 10vw;
    width: 60vw;
    text-align: center;
    color: darkgreen;
  }
  #landing-page .mainContainer {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    background: #e4e4e4;
    background: linear-gradient(180deg, #e4e4e4 0%, #c1c1c1 50%, #9e9e9e 100%);
    /* background: linear-gradient(90deg, rgba(228,228,228,1) 0%, rgba(158,158,158,1) 50%, rgba(228,228,228,1) 100%); */
    height: 115vh;
    overflow: hidden;
    justify-content: center;
  }
  #landing-page .form {
    width: 250px;
    height: 450px;
    padding-bottom: 25px;
    position: relative;
    background-color: #1D8749;
    top: 15%;
    color: white;
    border-radius: 5px;
  }
  #landing-page .image1 {
    display: none;
  }
  #landing-page .image2 {
    display: none;
  }
  #landing-page .image1 img,
  #landing-page .image2 img {
    width: 100%;
  }
  #landing-page .lpform {
    display: flex;
    flex-direction: column;
    align-items: center;
  }
  #landing-page .sign-in-btn {
    margin-top: 0px !important;
    display: flex;
    flex-direction: column;
    align-items: center;
  }
  #landing-page .sign-in-btn p {
    color: white;
  }
  #landing-page .lpform input {
    margin-bottom: 5px;
    width: 130px;
    height: 20px;
  }
  #landing-page .submit {
    margin-top: 5px !important;
    width: 75px !important;
    height: 30px !important;
  }
  #landing-page .form-title {
    text-align: center;
    color: white;
    margin-top: 15px;
    padding: 0px 5px;
  }
  #landing-page .form-title h5 {
    font-size: 12px !important;
    font-weight: normal !important;
  }
  #landing-page .form-footer {
    text-align: center;
    margin-top: 5px !important;
  }
  #landing-page .l2r-logo {
    position: absolute;
    z-index: 1000;
  }
  #landing-page .login100-form-logo {
    font-size: 60px;
    color: #333333;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 75px;
    height: 75px;
    border-radius: 50%;
    background-color: #fff;
    margin: 0 auto;
    /* background-image: url("../images/L2R-Logo.PNG"); */
    background-repeat: no-repeat;
    background-position: center;
    margin-top: 2vh;
  }
  #landing-page .l2r-form-image {
    height: 50px;
    width: 50px;
  }
}
@media screen and (orientation: landscape) and (min-device-width: 319px) and (max-device-width: 823px) {
  #landing-page .seo-statement {
    position: absolute;
    background-color: transparent;
    bottom: -20vh;
    left: 20vw;
    right: 10vw;
    width: 60vw;
    text-align: center;
    color: darkgreen;
  }
  #landing-page .mainContainer {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    background: #e4e4e4;
    background: linear-gradient(180deg, #e4e4e4 0%, #c1c1c1 50%, #9e9e9e 100%);
    /* background: linear-gradient(90deg, rgba(228,228,228,1) 0%, rgba(158,158,158,1) 50%, rgba(228,228,228,1) 100%); */
    height: 100vh;
    overflow: hidden;
    margin-bottom: 5vh;
  }
  #landing-page .form {
    width: 50%;
    height: 98vh;
    padding-bottom: 25px;
    position: relative;
    background-color: #1D8749;
    top: 2vh;
    left: 50vh;
    color: white;
    border-radius: 5px;
  }
  #landing-page .image1 {
    display: none;
  }
  #landing-page .image2 {
    display: none;
  }
  #landing-page .image1 img,
  #landing-page .image2 img {
    width: 100%;
  }
  #landing-page .lpform {
    display: flex;
    flex-direction: column;
    align-items: center;
  }
  #landing-page .sign-in-btn {
    display: flex;
    flex-direction: column;
    align-items: center;
  }
  #landing-page .sign-in-btn a {
    text-align: center;
    background-color: #ffffff;
    color: #1D8749;
    width: 100px;
    margin-top: 15px;
  }
  #landing-page .sign-in-btn a:hover {
    text-decoration: none;
    background-color: #18723e;
    color: #ffffff;
    border: 0.02rem solid #ffffff;
  }
  #landing-page .sign-in-btn p {
    color: #ffffff;
  }
  #landing-page .lpform input {
    margin-bottom: 5px;
    width: 150px;
    height: 25px;
  }
  #landing-page .submit {
    margin-top: 0px !important;
    width: 75px !important;
    height: 30px !important;
  }
  #landing-page .form-title {
    text-align: center;
    color: white;
    margin-top: 15px;
  }
  #landing-page .form-footer {
    text-align: center;
    margin-top: 0px !important;
    position: relative;
  }
  #landing-page .l2r-logo {
    position: absolute;
    z-index: 1000;
  }
  #landing-page .login100-form-logo {
    font-size: 60px;
    color: #333333;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 9vw;
    height: 18vh;
    border-radius: 50%;
    background-color: #fff;
    margin: 0 auto;
    /* background-image: url("../images/L2R-Logo.PNG"); */
    background-repeat: no-repeat;
    background-position: center;
    margin-top: 2vh;
  }
  #landing-page .l2r-form-image {
    height: 50px;
    width: 50px;
  }
  #landing-page h5 {
    font-size: 14px;
    font-weight: normal;
  }
  #landing-page p {
    font-size: 10px;
  }
}
@media screen and (orientation: portrait) and (min-device-width: 767px) and (max-device-width: 768px) {
  #landing-page .form .typeOfSignup {
    display: flex;
    flex-direction: row;
    width: 60%;
    position: relative;
    left: 12.5%;
  }
  #landing-page .form .typeOfSignup .signupUser,
  #landing-page .form .typeOfSignup .signupCompany {
    bottom: 0px !important;
    top: 0px !important;
  }
  #landing-page .form .typeOfSignup input {
    width: 25px;
  }
  #landing-page .form .submit {
    margin-top: 0px !important;
  }
  #landing-page .form .g-recaptcha {
    left: 22% !important;
  }
}
@media screen and (orientation: landscape) and (min-device-width: 640px) and (max-device-width: 1366px) {
  #landing-page .mainContainer {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    background: #e4e4e4;
    background: linear-gradient(180deg, #e4e4e4 0%, #c1c1c1 50%, #9e9e9e 100%);
    height: 100vh;
  }
  #landing-page .form {
    width: 300px;
    height: 590px;
    padding-bottom: 25px;
    position: relative;
    background-color: #1D8749;
    top: 10vh;
    color: white;
    border-radius: 5px;
  }
  #landing-page .image1 {
    position: relative;
    width: 245px;
    height: 375px;
    top: 25vh;
    left: 5vw;
    border: 1px solid gray;
    box-shadow: 32px 32px 6px -6px grey;
  }
  #landing-page .image2 {
    position: relative;
    width: 275px;
    height: 375px;
    top: 25vh;
    right: 5vw;
    border: 1px solid gray;
    box-shadow: 32px 32px 6px -6px grey;
  }
  #landing-page .image1 img,
  #landing-page .image2 img {
    width: 100%;
  }
  #landing-page .lpform {
    display: flex;
    flex-direction: column;
    align-items: center;
  }
  #landing-page .sign-in-btn {
    margin-top: 0px !important;
    display: flex;
    flex-direction: column;
    align-items: center;
  }
  #landing-page .lpform input {
    margin-bottom: 5px;
    width: 150px;
    height: 25px;
  }
  #landing-page .submit {
    margin-top: 25px;
    width: 75px !important;
    height: 30px !important;
  }
  #landing-page .form-title {
    text-align: center;
    color: white;
    margin-top: 15px;
  }
  #landing-page .form-footer {
    text-align: center;
    margin-top: 25px;
  }
  #landing-page .l2r-logo {
    position: absolute;
    z-index: 1000;
  }
  #landing-page .login100-form-logo {
    font-size: 60px;
    color: #333333;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 75px;
    height: 75px;
    border-radius: 50%;
    background-color: #fff;
    margin: 0 auto;
    /* background-image: url("../images/L2R-Logo.PNG"); */
    background-repeat: no-repeat;
    background-position: center;
    margin-top: 2vh;
  }
  #landing-page .l2r-form-image {
    height: 50px;
    width: 50px;
  }
  #landing-page .form .typeOfSignup {
    display: flex;
    flex-direction: row;
    width: 60%;
    position: relative;
    left: 15%;
  }
  #landing-page .form .typeOfSignup .signupUser,
  #landing-page .form .typeOfSignup .signupCompany {
    bottom: 0px !important;
    top: 0px !important;
  }
  #landing-page .form .typeOfSignup input {
    width: 25px;
  }
  #landing-page .form .submit {
    margin-top: 0px !important;
  }
  #landing-page .form .g-recaptcha {
    left: 26.5% !important;
  }
}
@media screen and (orientation: portrait) and (min-device-width: 640px) and (max-device-width: 1366px) {
  #landing-page .mainContainer {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    background: #e4e4e4;
    background: linear-gradient(180deg, #e4e4e4 0%, #c1c1c1 50%, #9e9e9e 100%);
    height: 100vh;
  }
  #landing-page .form {
    width: 365px;
    height: 590px;
    padding-bottom: 25px;
    position: absolute;
    background-color: #1D8749;
    top: 2vh;
    left: 26vw;
    color: white;
    border-radius: 5px;
  }
  #landing-page .image1 {
    position: relative;
    width: 250px;
    height: 380px;
    top: 60vh;
    left: 5vw;
    border: 1px solid gray;
    box-shadow: 32px 32px 6px -6px grey;
  }
  #landing-page .image2 {
    position: relative;
    width: 275px;
    height: 375px;
    top: 60vh;
    right: 5vw;
    border: 1px solid gray;
    box-shadow: 32px 32px 6px -6px grey;
  }
  #landing-page .image1 img,
  #landing-page .image2 img {
    width: 100%;
  }
  #landing-page .lpform {
    display: flex;
    flex-direction: column;
    align-items: center;
  }
  #landing-page .sign-in-btn {
    margin-top: 0px !important;
    display: flex;
    flex-direction: column;
    align-items: center;
  }
  #landing-page .lpform input {
    margin-bottom: 5px;
    width: 150px;
    height: 25px;
  }
  #landing-page .submit {
    margin-top: 25px;
    width: 75px !important;
    height: 30px !important;
  }
  #landing-page .form-title {
    text-align: center;
    color: white;
    margin-top: 15px;
    padding: 0px 5px;
  }
  #landing-page .form-footer {
    text-align: center;
    margin-top: 25px;
  }
  #landing-page .l2r-logo {
    position: absolute;
    z-index: 1000;
  }
  #landing-page .login100-form-logo {
    font-size: 60px;
    color: #333333;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 75px;
    height: 75px;
    border-radius: 50%;
    background-color: #fff;
    margin: 0 auto;
    /* background-image: url("../images/L2R-Logo.PNG"); */
    background-repeat: no-repeat;
    background-position: center;
    margin-top: 2vh;
  }
  #landing-page .l2r-form-image {
    height: 50px;
    width: 50px;
  }
}
@media screen and (orientation: portrait) and (max-device-width: 1024px) and (min-device-height: 1366px) {
  #landing-page .mainContainer {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    background: #e4e4e4;
    background: linear-gradient(180deg, #e4e4e4 0%, #c1c1c1 50%, #9e9e9e 100%);
    height: 100vh;
  }
  #landing-page .form {
    width: 400px;
    height: 550px;
    padding-bottom: 25px;
    position: absolute;
    background-color: #1D8749;
    top: 5vh;
    left: 30vw;
    color: white;
    border-radius: 5px;
  }
  #landing-page .image1 {
    position: relative;
    width: 375px;
    height: 570px;
    top: 50vh;
    left: 8vw;
    border: 1px solid gray;
    box-shadow: 32px 32px 6px -6px grey;
  }
  #landing-page .image2 {
    position: relative;
    width: 415px;
    height: 565px;
    top: 50vh;
    right: 8vw;
    border: 1px solid gray;
    box-shadow: 32px 32px 6px -6px grey;
  }
  #landing-page .image1 img,
  #landing-page .image2 img {
    width: 100%;
  }
  #landing-page .lpform {
    display: flex;
    flex-direction: column;
    align-items: center;
  }
  #landing-page .sign-in-btn {
    margin-top: 0px !important;
    display: flex;
    flex-direction: column;
    align-items: center;
  }
  #landing-page .lpform input {
    margin-bottom: 5px;
    width: 150px;
    height: 25px;
  }
  #landing-page .submit {
    margin-top: 25px;
    width: 75px !important;
    height: 30px !important;
  }
  #landing-page .form-title {
    text-align: center;
    color: white;
    margin-top: 15px;
    padding: 0px 5px;
  }
  #landing-page .form-footer {
    text-align: center;
    margin-top: 25px;
  }
  #landing-page .l2r-logo {
    position: absolute;
    z-index: 1000;
  }
  #landing-page .login100-form-logo {
    font-size: 60px;
    color: #333333;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 75px;
    height: 75px;
    border-radius: 50%;
    background-color: #fff;
    margin: 0 auto;
    /* background-image: url("../images/L2R-Logo.PNG"); */
    background-repeat: no-repeat;
    background-position: center;
    margin-top: 2vh;
  }
  #landing-page .l2r-form-image {
    height: 50px;
    width: 50px;
  }
}
@media screen and (orientation: landscape) and (min-device-width: 1366px) and (max-device-height: 1024px) {
  #landing-page .mainContainer {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    background: #e4e4e4;
    background: linear-gradient(180deg, #e4e4e4 0%, #c1c1c1 50%, #9e9e9e 100%);
    height: 100vh;
  }
  #landing-page .form {
    width: 400px;
    height: 550px;
    padding-bottom: 25px;
    position: absolute;
    background-color: #1D8749;
    top: 22vh;
    left: 35.5vw;
    color: white;
    border-radius: 5px;
  }
  #landing-page .image1 {
    position: relative;
    width: 375px;
    height: 570px;
    top: 20vh;
    left: 3.5vw;
    border: 1px solid gray;
    box-shadow: 32px 32px 6px -6px grey;
  }
  #landing-page .image2 {
    position: relative;
    width: 415px;
    height: 565px;
    top: 20vh;
    right: 1.5vw;
    border: 1px solid gray;
    box-shadow: 32px 32px 6px -6px grey;
  }
  #landing-page .image1 img,
  #landing-page .image2 img {
    width: 100%;
  }
  #landing-page .lpform {
    display: flex;
    flex-direction: column;
    align-items: center;
  }
  #landing-page .sign-in-btn {
    margin-top: 0px !important;
    display: flex;
    flex-direction: column;
    align-items: center;
  }
  #landing-page .lpform input {
    margin-bottom: 5px;
    width: 150px;
    height: 25px;
  }
  #landing-page .submit {
    margin-top: 25px;
    width: 75px !important;
    height: 30px !important;
  }
  #landing-page .form-title {
    text-align: center;
    color: white;
    margin-top: 15px;
    padding: 0px 5px;
  }
  #landing-page .form-footer {
    text-align: center;
    margin-top: 25px;
  }
  #landing-page .l2r-logo {
    position: absolute;
    z-index: 1000;
  }
  #landing-page .login100-form-logo {
    font-size: 60px;
    color: #333333;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 75px;
    height: 75px;
    border-radius: 50%;
    background-color: #fff;
    margin: 0 auto;
    /* background-image: url("../images/L2R-Logo.PNG"); */
    background-repeat: no-repeat;
    background-position: center;
    margin-top: 2vh;
  }
  #landing-page .l2r-form-image {
    height: 50px;
    width: 50px;
  }
}
@media screen and (orientation: landscape) and (min-device-width: 376px) and (max-device-width: 823px) {
  #landing-page .seo-statement {
    position: relative;
    left: 20vw;
    right: 10vw;
    bottom: 5vh;
    width: 60vw;
    text-align: center;
    color: darkgreen;
    height: 25px;
  }
  #landing-page .mainContainer {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    background: #e4e4e4;
    background: linear-gradient(180deg, #e4e4e4 0%, #c1c1c1 50%, #9e9e9e 100%);
    /* background: linear-gradient(90deg, rgba(228,228,228,1) 0%, rgba(158,158,158,1) 50%, rgba(228,228,228,1) 100%); */
    height: 115vh;
  }
  #landing-page .form {
    width: 50%;
    height: 105vh;
    padding-bottom: 25px;
    position: relative;
    background-color: #1D8749;
    top: 2vh;
    left: 50vh;
    color: white;
    border-radius: 5px;
    margin-bottom: 5vh;
  }
  #landing-page .image1 {
    display: none;
  }
  #landing-page .image2 {
    display: none;
  }
  #landing-page .image1 img,
  #landing-page .image2 img {
    width: 100%;
  }
  #landing-page .lpform {
    display: flex;
    flex-direction: column;
    align-items: center;
  }
  #landing-page .sign-in-btn {
    display: flex;
    flex-direction: column;
    align-items: center;
  }
  #landing-page .lpform input {
    margin-bottom: 5px;
    width: 150px;
    height: 25px;
  }
  #landing-page .submit {
    margin-top: 0px !important;
    width: 75px !important;
    height: 30px !important;
  }
  #landing-page .form-title {
    text-align: center;
    color: white;
    margin-top: 15px;
  }
  #landing-page .form-footer {
    text-align: center;
    margin-top: 0px !important;
    position: relative;
  }
  #landing-page .l2r-logo {
    position: absolute;
    z-index: 1000;
  }
  #landing-page .login100-form-logo {
    font-size: 60px;
    color: #333333;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 75px;
    height: 75px;
    border-radius: 50%;
    background-color: #fff;
    margin: 0 auto;
    /* background-image: url("../images/L2R-Logo.PNG"); */
    background-repeat: no-repeat;
    background-position: center;
    margin-top: 2vh;
  }
  #landing-page .l2r-form-image {
    height: 50px;
    width: 50px;
  }
  #landing-page h5 {
    font-size: 14px;
    font-weight: normal;
  }
}
/*hr {
        width: 50%;
    }
    .card-body{
        margin-top: 5vh;
    }
    .title-hr {
        width: 15%;
        margin-bottom: 25px;
    }
    .login-header{
        margin-top: 1vh;
    }
    .login-form{
        border: 1px solid @darker;
        background: @secondaryBG;
        width: 80vh;
    }
    .login-field {
        display: block;
        width: 100%;
        height: calc(1.5em + .75rem + 2px);
        padding: .375rem .75rem;
        font-size: 1rem;
        font-weight: 400;
        line-height: 1.5;
        background-color: @lighter;
        background-clip: padding-box;
        border: none !important;
        //transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out;
    }

    .login-btn {
        background: @primary-color;
        color: #fff;
        width: 25%;
        margin: 25px 0px 25px 0px;
        &:hover{
            background: @hover-darken;
        }
    }
    .input-group {
        margin: auto;
        width: 50%;
        display: flex;
        align-items: center;
    }*/
.loginPage {
  /*Custom Font Awesome Styling*/
  /* CSS reset */
  /* General Demo Style */
  /* Animation for the slideshow images */
  /* Animation for the title */
  /* Show at least something when animations not supported */
  /*//////////////////////////////////////////////////////////////////
        [ FONT ]*/
  /*//////////////////////////////////////////////////////////////////
        [ RESTYLE TAG ]*/
  /*---------------------------------------------*/
  /*---------------------------------------------*/
  /*---------------------------------------------*/
  /*---------------------------------------------*/
  /*//////////////////////////////////////////////////////////////////
        [ Utility ]*/
  /*//////////////////////////////////////////////////////////////////
        [ login ]*/
  /*------------------------------------------------------------------
        [ Form ]*/
  /*------------------------------------------------------------------
        [ Input ]*/
  /*---------------------------------------------*/
  /*==================================================================
        [ Restyle Checkbox ]*/
  /*------------------------------------------------------------------
        [ Button ]*/
  /*------------------------------------------------------------------
        [ Responsive ]*/
  /*------------------------------------------------------------------
        [ Alert validate ]*/
}
.loginPage .login-btn:hover {
  background-color: #18723e;
  color: #ffffff;
}
.loginPage .fa-id-card-alt,
.loginPage .fa-envelope,
.loginPage .fa-unlock-alt {
  position: relative !important;
  top: 7px !important;
  left: 5px !important;
  color: #1D8749;
}
.loginPage body,
.loginPage div,
.loginPage dl,
.loginPage dt,
.loginPage dd,
.loginPage ul,
.loginPage ol,
.loginPage li,
.loginPage h1,
.loginPage h2,
.loginPage h3,
.loginPage h4,
.loginPage h5,
.loginPage h6,
.loginPage pre,
.loginPage form,
.loginPage fieldset,
.loginPage input,
.loginPage textarea,
.loginPage p,
.loginPage blockquote,
.loginPage th,
.loginPage td {
  margin: 0;
  padding: 0;
}
.loginPage html,
.loginPage body {
  margin: 0;
  padding: 0;
}
.loginPage table {
  border-collapse: collapse;
  border-spacing: 0;
}
.loginPage fieldset,
.loginPage img {
  border: 0;
}
.loginPage input {
  border: 1px solid #b0b0b0;
  padding: 3px 5px 4px;
  color: #0f4827;
  width: 190px;
  padding-left: 35px !important;
}
.loginPage address,
.loginPage caption,
.loginPage cite,
.loginPage code,
.loginPage dfn,
.loginPage th,
.loginPage var {
  font-style: normal;
  font-weight: normal;
}
.loginPage ol,
.loginPage ul {
  list-style: none;
}
.loginPage caption,
.loginPage th {
  text-align: left;
}
.loginPage h1,
.loginPage h2,
.loginPage h3,
.loginPage h4,
.loginPage h5,
.loginPage h6 {
  font-size: 100%;
  font-weight: normal;
}
.loginPage q:before,
.loginPage q:after {
  content: '';
}
.loginPage abbr,
.loginPage acronym {
  border: 0;
}
.loginPage body {
  font-family: "helvetica neue", helvetica;
  background: #000;
  font-weight: 400;
  font-size: 15px;
  color: #aa3e03;
  overflow-y: scroll;
  overflow-x: hidden;
}
.loginPage .ie7 body {
  overflow: hidden;
}
.loginPage a {
  color: #333;
  text-decoration: none;
}
.loginPage .container {
  position: relative;
}
.loginPage .clr {
  clear: both;
}
.loginPage .container > header {
  padding: 30px 30px 10px 20px;
  margin: 0px 20px 10px 20px;
  position: relative;
  display: block;
  text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.2);
  text-align: left;
}
.loginPage .container > header h1 {
  font-family: "helvetica neue", helvetica;
  font-size: 35px;
  line-height: 35px;
  position: relative;
  font-weight: 400;
  color: #fff;
  text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.3);
  padding: 0px 0px 5px 0px;
}
.loginPage .container > header h2,
.loginPage p.info {
  font-size: 16px;
  font-style: italic;
  color: #f8f8f8;
  text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.6);
}
.loginPage .slideshow,
.loginPage .slideshow:after {
  position: fixed;
  width: 100%;
  height: 100%;
  top: 0px;
  left: 0px;
  z-index: 0;
}
.loginPage .slideshow:after {
  content: '';
  background: transparent url(../images/pattern.png) repeat top left;
}
.loginPage .slideshow li span {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0px;
  left: 0px;
  color: transparent;
  background-size: cover;
  background-position: 50% 50%;
  background-repeat: none;
  opacity: 0;
  z-index: 0;
  -webkit-backface-visibility: hidden;
  -webkit-animation: imageAnimation 36s linear infinite 0s;
  -moz-animation: imageAnimation 36s linear infinite 0s;
  -o-animation: imageAnimation 36s linear infinite 0s;
  -ms-animation: imageAnimation 36s linear infinite 0s;
  animation: imageAnimation 36s linear infinite 0s;
}
.loginPage .slideshow li div {
  z-index: 1000;
  position: absolute;
  bottom: 30px;
  left: 0px;
  width: 100%;
  text-align: center;
  opacity: 0;
  -webkit-animation: titleAnimation 36s linear infinite 0s;
  -moz-animation: titleAnimation 36s linear infinite 0s;
  -o-animation: titleAnimation 36s linear infinite 0s;
  -ms-animation: titleAnimation 36s linear infinite 0s;
  animation: titleAnimation 36s linear infinite 0s;
}
.loginPage .slideshow li div h3 {
  font-family: "helvetica neue", helvetica;
  text-transform: uppercase;
  font-size: 80px;
  padding: 0;
  line-height: 200px;
  color: rgba(255, 255, 255, 0.8);
}
.loginPage .slideshow li:nth-child(1) span {
  background-image: url('https://media.istockphoto.com/photos/sales-imporvement-picture-id643956812?k=6&m=643956812&s=612x612&w=0&h=RTzL8XpShAx2bthv5ljHYXeeVQFKj5h5iOt1M7mxMUk=');
}
.loginPage .slideshow li:nth-child(2) span {
  background-image: url('https://outlookmediallc.com/wp-content/uploads/2017/05/contractor-sales.jpg');
  -webkit-animation-delay: 6s;
  -moz-animation-delay: 6s;
  -o-animation-delay: 6s;
  -ms-animation-delay: 6s;
  animation-delay: 6s;
}
.loginPage .slideshow li:nth-child(3) span {
  background-image: url('https://glennlimthots.files.wordpress.com/2016/01/zcxvcx5432.jpg');
  -webkit-animation-delay: 12s;
  -moz-animation-delay: 12s;
  -o-animation-delay: 12s;
  -ms-animation-delay: 12s;
  animation-delay: 12s;
}
.loginPage .slideshow li:nth-child(4) span {
  background-image: url('https://s3-us-west-2.amazonaws.com/sola-images/wp-content/uploads/2017/03/10105845/iStock-180843216-1024x683.jpg');
  -webkit-animation-delay: 18s;
  -moz-animation-delay: 18s;
  -o-animation-delay: 18s;
  -ms-animation-delay: 18s;
  animation-delay: 18s;
}
.loginPage .slideshow li:nth-child(5) span {
  background-image: url('https://www.roofingandmoreinc.com/wp-content/uploads/2017/01/bigstock-meeting.jpg');
  -webkit-animation-delay: 24s;
  -moz-animation-delay: 24s;
  -o-animation-delay: 24s;
  -ms-animation-delay: 24s;
  animation-delay: 24s;
}
.loginPage .slideshow li:nth-child(6) span {
  background-image: url('https://modernize.com/wp-content/themes/modernize/dist/images/bg/pros/general-hero-desktop.jpg');
  -webkit-animation-delay: 30s;
  -moz-animation-delay: 30s;
  -o-animation-delay: 30s;
  -ms-animation-delay: 30s;
  animation-delay: 30s;
}
.loginPage .slideshow li:nth-child(2) div {
  -webkit-animation-delay: 6s;
  -moz-animation-delay: 6s;
  -o-animation-delay: 6s;
  -ms-animation-delay: 6s;
  animation-delay: 6s;
}
.loginPage .slideshow li:nth-child(3) div {
  -webkit-animation-delay: 12s;
  -moz-animation-delay: 12s;
  -o-animation-delay: 12s;
  -ms-animation-delay: 12s;
  animation-delay: 12s;
}
.loginPage .slideshow li:nth-child(4) div {
  -webkit-animation-delay: 18s;
  -moz-animation-delay: 18s;
  -o-animation-delay: 18s;
  -ms-animation-delay: 18s;
  animation-delay: 18s;
}
.loginPage .slideshow li:nth-child(5) div {
  -webkit-animation-delay: 24s;
  -moz-animation-delay: 24s;
  -o-animation-delay: 24s;
  -ms-animation-delay: 24s;
  animation-delay: 24s;
}
.loginPage .slideshow li:nth-child(6) div {
  -webkit-animation-delay: 30s;
  -moz-animation-delay: 30s;
  -o-animation-delay: 30s;
  -ms-animation-delay: 30s;
  animation-delay: 30s;
}
@-webkit-keyframes imageAnimation {
  0% {
    opacity: 0;
    -webkit-animation-timing-function: ease-in;
  }
  8% {
    opacity: 1;
    -webkit-transform: scale(1.05);
    -webkit-animation-timing-function: ease-out;
  }
  17% {
    opacity: 1;
    -webkit-transform: scale(1.1);
  }
  25% {
    opacity: 0;
    -webkit-transform: scale(1.1);
  }
  100% {
    opacity: 0;
  }
}
@-moz-keyframes imageAnimation {
  0% {
    opacity: 0;
    -moz-animation-timing-function: ease-in;
  }
  8% {
    opacity: 1;
    -moz-transform: scale(1.05);
    -moz-animation-timing-function: ease-out;
  }
  17% {
    opacity: 1;
    -moz-transform: scale(1.1);
  }
  25% {
    opacity: 0;
    -moz-transform: scale(1.1);
  }
  100% {
    opacity: 0;
  }
}
@-o-keyframes imageAnimation {
  0% {
    opacity: 0;
    -o-animation-timing-function: ease-in;
  }
  8% {
    opacity: 1;
    -o-transform: scale(1.05);
    -o-animation-timing-function: ease-out;
  }
  17% {
    opacity: 1;
    -o-transform: scale(1.1);
  }
  25% {
    opacity: 0;
    -o-transform: scale(1.1);
  }
  100% {
    opacity: 0;
  }
}
@-ms-keyframes imageAnimation {
  0% {
    opacity: 0;
    -ms-animation-timing-function: ease-in;
  }
  8% {
    opacity: 1;
    -ms-transform: scale(1.05);
    -ms-animation-timing-function: ease-out;
  }
  17% {
    opacity: 1;
    -ms-transform: scale(1.1);
  }
  25% {
    opacity: 0;
    -ms-transform: scale(1.1);
  }
  100% {
    opacity: 0;
  }
}
@keyframes imageAnimation {
  0% {
    opacity: 0;
    animation-timing-function: ease-in;
  }
  8% {
    opacity: 1;
    transform: scale(1.05);
    animation-timing-function: ease-out;
  }
  17% {
    opacity: 1;
    transform: scale(1.1);
  }
  25% {
    opacity: 0;
    transform: scale(1.1);
  }
  100% {
    opacity: 0;
  }
}
@-webkit-keyframes titleAnimation {
  0% {
    opacity: 0;
    -webkit-transform: translateY(200px);
  }
  8% {
    opacity: 1;
    -webkit-transform: translateY(0px);
  }
  17% {
    opacity: 1;
    -webkit-transform: scale(1);
  }
  19% {
    opacity: 0;
  }
  25% {
    opacity: 0;
    -webkit-transform: scale(10);
  }
  100% {
    opacity: 0;
  }
}
@-moz-keyframes titleAnimation {
  0% {
    opacity: 0;
    -moz-transform: translateY(200px);
  }
  8% {
    opacity: 1;
    -moz-transform: translateY(0px);
  }
  17% {
    opacity: 1;
    -moz-transform: scale(1);
  }
  19% {
    opacity: 0;
  }
  25% {
    opacity: 0;
    -moz-transform: scale(10);
  }
  100% {
    opacity: 0;
  }
}
@-o-keyframes titleAnimation {
  0% {
    opacity: 0;
    -o-transform: translateY(200px);
  }
  8% {
    opacity: 1;
    -o-transform: translateY(0px);
  }
  17% {
    opacity: 1;
    -o-transform: scale(1);
  }
  19% {
    opacity: 0;
  }
  25% {
    opacity: 0;
    -o-transform: scale(10);
  }
  100% {
    opacity: 0;
  }
}
@-ms-keyframes titleAnimation {
  0% {
    opacity: 0;
    -ms-transform: translateY(200px);
  }
  8% {
    opacity: 1;
    -ms-transform: translateY(0px);
  }
  17% {
    opacity: 1;
    -ms-transform: scale(1);
  }
  19% {
    opacity: 0;
  }
  25% {
    opacity: 0;
    -webkit-transform: scale(10);
  }
  100% {
    opacity: 0;
  }
}
@keyframes titleAnimation {
  0% {
    opacity: 0;
    transform: translateY(200px);
  }
  8% {
    opacity: 1;
    transform: translateY(0px);
  }
  17% {
    opacity: 1;
    transform: scale(1);
  }
  19% {
    opacity: 0;
  }
  25% {
    opacity: 0;
    transform: scale(10);
  }
  100% {
    opacity: 0;
  }
}
.loginPage .no-cssanimations .slideshow li span {
  opacity: 1;
}
@media screen and (max-width: 1140px) {
  .loginPage .slideshow li div h3 {
    font-size: 100px;
  }
}
@media screen and (max-width: 600px) {
  .loginPage .slideshow li div h3 {
    font-size: 50px;
  }
}
.loginPage .opacity {
  background-color: white;
  opacity: 0.5;
}
.loginPage .forgot {
  text-align: center;
}
.loginPage .forgot a {
  font-size: 14px !important;
}
.loginPage hr {
  width: 50%;
}
.loginPage .card-body {
  margin-top: 5vh;
}
.loginPage .title-hr {
  width: 15%;
  margin-bottom: 25px;
}
.loginPage .login-header {
  margin-top: 1vh;
}
.loginPage .login-form {
  border: 1px solid black;
  background-color: #c4c4c4;
  width: 80vh;
  position: relative;
  top: 250px;
}
.loginPage .login-field {
  display: block;
  width: 100%;
  height: calc(1.5em + 0.75rem + 2px);
  padding: 0.375rem 0.75rem;
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.5;
  background-color: lightgrey;
  background-clip: padding-box;
  border: none !important;
}
.loginPage .login-btn {
  background: #cdcdcd;
  color: #1D8749;
  width: 30%;
  height: 50px;
  margin: 25px 0px 25px 0px;
}
.loginPage .input-group {
  margin: auto;
  width: 50%;
  display: flex;
  align-items: center;
}
@font-face {
  font-family: Poppins-Regular;
  src: url('../fonts/poppins/Poppins-Regular.ttf');
}
@font-face {
  font-family: Poppins-Medium;
  src: url('../fonts/poppins/Poppins-Medium.ttf');
}
@font-face {
  font-family: Poppins-Bold;
  src: url('../fonts/poppins/Poppins-Bold.ttf');
}
@font-face {
  font-family: Poppins-SemiBold;
  src: url('../fonts/poppins/Poppins-SemiBold.ttf');
}
.loginPage * {
  margin: 0px;
  padding: 0px;
  box-sizing: border-box;
}
.loginPage body,
.loginPage html {
  height: 100%;
  font-family: Poppins-Regular, sans-serif;
}
.loginPage a {
  font-family: Poppins-Regular;
  font-size: 14px;
  line-height: 1.7;
  color: #666666;
  margin: 0px;
  transition: all 0.4s;
  -webkit-transition: all 0.4s;
  -o-transition: all 0.4s;
  -moz-transition: all 0.4s;
}
.loginPage a:focus {
  outline: none !important;
}
.loginPage a:hover {
  text-decoration: none;
  color: #fff;
}
.loginPage h1,
.loginPage h2,
.loginPage h3,
.loginPage h4,
.loginPage h5,
.loginPage h6 {
  margin: 0px;
}
.loginPage p {
  font-family: Poppins-Regular;
  font-size: 14px;
  line-height: 1.7;
  color: #666666;
  margin: 0px;
}
.loginPage ul,
.loginPage li {
  margin: 0px;
  list-style-type: none;
}
.loginPage input {
  outline: none;
  border: none;
}
.loginPage textarea {
  outline: none;
  border: none;
}
.loginPage textarea:focus,
.loginPage input:focus {
  border-color: transparent !important;
}
.loginPage input:focus::-webkit-input-placeholder {
  color: transparent;
}
.loginPage input:focus:-moz-placeholder {
  color: transparent;
}
.loginPage input:focus::-moz-placeholder {
  color: transparent;
}
.loginPage input:focus:-ms-input-placeholder {
  color: transparent;
}
.loginPage textarea:focus::-webkit-input-placeholder {
  color: transparent;
}
.loginPage textarea:focus:-moz-placeholder {
  color: transparent;
}
.loginPage textarea:focus::-moz-placeholder {
  color: transparent;
}
.loginPage textarea:focus:-ms-input-placeholder {
  color: transparent;
}
.loginPage input::-webkit-input-placeholder {
  color: #fff;
}
.loginPage input:-moz-placeholder {
  color: #fff;
}
.loginPage input::-moz-placeholder {
  color: #fff;
}
.loginPage input:-ms-input-placeholder {
  color: #fff;
}
.loginPage textarea::-webkit-input-placeholder {
  color: #fff;
}
.loginPage textarea:-moz-placeholder {
  color: #fff;
}
.loginPage textarea::-moz-placeholder {
  color: #fff;
}
.loginPage textarea:-ms-input-placeholder {
  color: #fff;
}
.loginPage label {
  margin: 0;
  display: block;
}
.loginPage button {
  outline: none !important;
  border: none;
  background: transparent;
}
.loginPage button:hover {
  cursor: pointer;
}
.loginPage iframe {
  border: none !important;
}
.loginPage .txt1 {
  font-family: Poppins-Regular;
  font-size: 13px;
  color: #e5e5e5;
  line-height: 1.5;
}
.loginPage .limiter {
  width: 100%;
  margin: 0 auto;
}
.loginPage .container-login100 {
  width: 100%;
  min-height: 100vh;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
  padding: 15px;
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  position: relative;
  z-index: 1;
}
.loginPage .container-login100 a {
  color: white;
  font-size: 24px;
}
.loginPage .container-login100 a:hover {
  background-color: #E6E6E6;
  color: #1D8749;
}
.loginPage .or {
  color: white;
  text-align: center;
}
.loginPage .container-login100::before {
  content: "";
  display: block;
  position: absolute;
  z-index: -1;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  background-color: rgba(230, 230, 230, 0.3);
}
.loginPage .wrap-login100 {
  width: 500px;
  border-radius: 10px;
  overflow: hidden;
  padding: 40px 55px 20px 55px;
  background: #9152f8;
  background: -webkit-linear-gradient(top, #2baf2b, #1d8749);
  background: -o-linear-gradient(top, #2baf2b, #1d8749);
  background: -moz-linear-gradient(top, #2baf2b, #1d8749);
  background: linear-gradient(top, #2baf2b, #1d8749);
}
.loginPage .login100-form {
  width: 100%;
}
.loginPage .login100-form-logo {
  font-size: 60px;
  color: #333333;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 168px;
  height: 168px;
  border-radius: 50%;
  background-color: #fff;
  margin: 0 auto;
  background-repeat: no-repeat;
  background-position: center;
}
.loginPage .login100-form-title {
  font-family: Poppins-Medium;
  font-size: 30px;
  color: #fff;
  line-height: 1.2;
  text-align: center;
  text-transform: uppercase;
  display: block;
}
.loginPage .wrap-input100 {
  width: 100%;
  position: relative;
  border-bottom: 2px solid rgba(255, 255, 255, 0.24);
  margin-bottom: 20px;
}
.loginPage .input100 {
  font-family: Poppins-Regular;
  font-size: 16px;
  color: #fff;
  line-height: 1.2;
  display: block;
  width: 100%;
  height: 45px;
  background: transparent;
  padding: 0 5px 0 38px;
}
.loginPage .focus-input100 {
  position: absolute;
  display: block;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  pointer-events: none;
}
.loginPage .focus-input100::before {
  content: "";
  display: block;
  position: absolute;
  bottom: -2px;
  left: 0;
  width: 0;
  height: 2px;
  -webkit-transition: all 0.4s;
  -o-transition: all 0.4s;
  -moz-transition: all 0.4s;
  transition: all 0.4s;
  background: #fff;
}
.loginPage .focus-input100::after {
  font-family: Material-Design-Iconic-Font;
  font-size: 22px;
  color: #fff;
  content: attr(data-placeholder);
  display: block;
  width: 100%;
  position: absolute;
  top: 6px;
  left: 0px;
  padding-left: 5px;
  -webkit-transition: all 0.4s;
  -o-transition: all 0.4s;
  -moz-transition: all 0.4s;
  transition: all 0.4s;
}
.loginPage .input100:focus {
  padding-left: 5px;
}
.loginPage .input100:focus + .focus-input100::after {
  top: -22px;
  font-size: 18px;
}
.loginPage .input100:focus + .focus-input100::before {
  width: 100%;
}
.loginPage .has-val.input100 + .focus-input100::after {
  top: -22px;
  font-size: 18px;
}
.loginPage .has-val.input100 + .focus-input100::before {
  width: 100%;
}
.loginPage .has-val.input100 {
  padding-left: 5px;
}
.loginPage .contact100-form-checkbox {
  padding-left: 5px;
  padding-top: 5px;
  padding-bottom: 35px;
}
.loginPage .input-checkbox100 {
  display: none;
}
.loginPage .label-checkbox100 {
  font-family: Poppins-Regular;
  font-size: 13px;
  color: #fff;
  line-height: 1.2;
  display: block;
  position: relative;
  padding-left: 26px;
  cursor: pointer;
}
.loginPage .label-checkbox100::before {
  content: "\f26b";
  font-family: Material-Design-Iconic-Font;
  font-size: 13px;
  color: transparent;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  justify-content: center;
  align-items: center;
  position: absolute;
  width: 16px;
  height: 16px;
  border-radius: 2px;
  background: #fff;
  left: 0;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  transform: translateY(-50%);
}
.loginPage .input-checkbox100:checked + .label-checkbox100::before {
  color: #555555;
}
.loginPage .container-login100-form-btn {
  width: 100%;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
}
.loginPage .login100-form-btn {
  font-family: Poppins-Medium;
  font-size: 16px;
  color: #555555;
  line-height: 1.2;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 0 20px;
  min-width: 120px;
  height: 50px;
  border-radius: 25px;
  background: #9152f8;
  background: -webkit-linear-gradient(bottom, #7579ff, #b224ef);
  background: -o-linear-gradient(bottom, #7579ff, #b224ef);
  background: -moz-linear-gradient(bottom, #7579ff, #b224ef);
  background: linear-gradient(bottom, #7579ff, #b224ef);
  position: relative;
  z-index: 1;
  -webkit-transition: all 0.4s;
  -o-transition: all 0.4s;
  -moz-transition: all 0.4s;
  transition: all 0.4s;
}
.loginPage .login100-form-btn::before {
  content: "";
  display: block;
  position: absolute;
  z-index: -1;
  width: 100%;
  height: 100%;
  border-radius: 25px;
  background-color: #fff;
  top: 0;
  left: 0;
  opacity: 1;
  -webkit-transition: all 0.4s;
  -o-transition: all 0.4s;
  -moz-transition: all 0.4s;
  transition: all 0.4s;
}
.loginPage .login100-form-btn:hover {
  color: #fff;
}
.loginPage .login100-form-btn:hover:before {
  opacity: 0;
}
@media (max-width: 576px) {
  .loginPage .wrap-login100 {
    padding: 55px 15px 37px 15px;
  }
}
.loginPage .validate-input {
  position: relative;
}
.loginPage .alert-validate::before {
  content: attr(data-validate);
  position: absolute;
  max-width: 70%;
  background-color: #fff;
  border: 1px solid #c80000;
  border-radius: 2px;
  padding: 4px 25px 4px 10px;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  transform: translateY(-50%);
  right: 0px;
  pointer-events: none;
  font-family: Poppins-Regular;
  color: #c80000;
  font-size: 13px;
  line-height: 1.4;
  text-align: left;
  visibility: hidden;
  opacity: 0;
  -webkit-transition: opacity 0.4s;
  -o-transition: opacity 0.4s;
  -moz-transition: opacity 0.4s;
  transition: opacity 0.4s;
}
.loginPage .alert-validate::after {
  content: "\f12a";
  font-family: FontAwesome;
  font-size: 16px;
  color: #c80000;
  display: block;
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  transform: translateY(-50%);
  right: 5px;
}
.loginPage .alert-validate:hover:before {
  visibility: visible;
  opacity: 1;
}
@media (max-width: 992px) {
  .loginPage .alert-validate::before {
    visibility: visible;
    opacity: 1;
  }
}
/*Landscape iPad Styling*/
@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: landscape) {
  /*hr {
                width: 50%;
            }
            .card-body{
                margin-top: 5vh;
            }
            .title-hr {
                width: 15%;
                margin-bottom: 25px;
            }
            .login-header{
                margin-top: 1vh;
            }
            .login-form{
                border: 1px solid @darker;
                background: @secondaryBG;
                width: 80vh;
            }
            .login-field {
                display: block;
                width: 100%;
                height: calc(1.5em + .75rem + 2px);
                padding: .375rem .75rem;
                font-size: 1rem;
                font-weight: 400;
                line-height: 1.5;
                background-color: @lighter;
                background-clip: padding-box;
                border: none !important;
                //transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out;
            }

            .login-btn {
                background: @primary-color;
                color: #fff;
                width: 25%;
                margin: 25px 0px 25px 0px;
                &:hover{
                    background: @hover-darken;
                }
            }
            .input-group {
                margin: auto;
                width: 50%;
                display: flex;
                align-items: center;
            }*/
  .loginPage {
    /*Custom Font Awesome Styling*/
    /* CSS reset */
    /* General Demo Style */
    /* Animation for the slideshow images */
    /* Animation for the title */
    /* Show at least something when animations not supported */
    /*//////////////////////////////////////////////////////////////////
                [ FONT ]*/
    /*//////////////////////////////////////////////////////////////////
                [ RESTYLE TAG ]*/
    /*---------------------------------------------*/
    /*---------------------------------------------*/
    /*---------------------------------------------*/
    /*---------------------------------------------*/
    /*//////////////////////////////////////////////////////////////////
                [ Utility ]*/
    /*//////////////////////////////////////////////////////////////////
                [ login ]*/
    /*------------------------------------------------------------------
                [ Form ]*/
    /*------------------------------------------------------------------
                [ Input ]*/
    /*---------------------------------------------*/
    /*==================================================================
                [ Restyle Checkbox ]*/
    /*------------------------------------------------------------------
                [ Button ]*/
    /*------------------------------------------------------------------
                [ Responsive ]*/
    /*------------------------------------------------------------------
                [ Alert validate ]*/
  }
  .loginPage .login-btn:hover {
    background-color: #18723e;
    color: #ffffff;
  }
  .loginPage .fa-id-card-alt,
  .loginPage .fa-envelope,
  .loginPage .fa-unlock-alt {
    position: relative !important;
    top: 7px !important;
    left: 5px !important;
    color: #1D8749;
  }
  .loginPage body,
  .loginPage div,
  .loginPage dl,
  .loginPage dt,
  .loginPage dd,
  .loginPage ul,
  .loginPage ol,
  .loginPage li,
  .loginPage h1,
  .loginPage h2,
  .loginPage h3,
  .loginPage h4,
  .loginPage h5,
  .loginPage h6,
  .loginPage pre,
  .loginPage form,
  .loginPage fieldset,
  .loginPage input,
  .loginPage textarea,
  .loginPage p,
  .loginPage blockquote,
  .loginPage th,
  .loginPage td {
    margin: 0;
    padding: 0;
  }
  .loginPage html,
  .loginPage body {
    margin: 0;
    padding: 0;
  }
  .loginPage table {
    border-collapse: collapse;
    border-spacing: 0;
  }
  .loginPage fieldset,
  .loginPage img {
    border: 0;
  }
  .loginPage input {
    border: 1px solid #b0b0b0;
    padding: 3px 5px 4px;
    color: #0f4827;
    width: 190px;
    padding-left: 35px !important;
  }
  .loginPage address,
  .loginPage caption,
  .loginPage cite,
  .loginPage code,
  .loginPage dfn,
  .loginPage th,
  .loginPage var {
    font-style: normal;
    font-weight: normal;
  }
  .loginPage ol,
  .loginPage ul {
    list-style: none;
  }
  .loginPage caption,
  .loginPage th {
    text-align: left;
  }
  .loginPage h1,
  .loginPage h2,
  .loginPage h3,
  .loginPage h4,
  .loginPage h5,
  .loginPage h6 {
    font-size: 100%;
    font-weight: normal;
  }
  .loginPage q:before,
  .loginPage q:after {
    content: '';
  }
  .loginPage abbr,
  .loginPage acronym {
    border: 0;
  }
  .loginPage body {
    font-family: "helvetica neue", helvetica;
    background: #000;
    font-weight: 400;
    font-size: 15px;
    color: #aa3e03;
    overflow-y: scroll;
    overflow-x: hidden;
  }
  .loginPage .L2R-Logo {
    background-image: url("../images/L2R-Logo.PNG");
  }
  .loginPage .ie7 body {
    overflow: hidden;
  }
  .loginPage a {
    color: #333;
    text-decoration: none;
  }
  .loginPage .container {
    position: relative;
  }
  .loginPage .clr {
    clear: both;
  }
  .loginPage .container > header {
    padding: 30px 30px 10px 20px;
    margin: 0px 20px 10px 20px;
    position: relative;
    display: block;
    text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.2);
    text-align: left;
  }
  .loginPage .container > header h1 {
    font-family: "helvetica neue", helvetica;
    font-size: 35px;
    line-height: 35px;
    position: relative;
    font-weight: 400;
    color: #fff;
    text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.3);
    padding: 0px 0px 5px 0px;
  }
  .loginPage .container > header h2,
  .loginPage p.info {
    font-size: 16px;
    font-style: italic;
    color: #f8f8f8;
    text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.6);
  }
  .loginPage .slideshow,
  .loginPage .slideshow:after {
    position: fixed;
    width: 100%;
    height: 100%;
    top: 0px;
    left: 0px;
    z-index: 0;
  }
  .loginPage .slideshow:after {
    content: '';
  }
  .loginPage .slideshow li span {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0px;
    left: 0px;
    color: transparent;
    background-size: cover;
    background-position: 50% 50%;
    background-repeat: none;
    opacity: 0;
    z-index: 0;
    -webkit-backface-visibility: hidden;
    -webkit-animation: imageAnimation 36s linear infinite 0s;
    -moz-animation: imageAnimation 36s linear infinite 0s;
    -o-animation: imageAnimation 36s linear infinite 0s;
    -ms-animation: imageAnimation 36s linear infinite 0s;
    animation: imageAnimation 36s linear infinite 0s;
  }
  .loginPage .slideshow li div {
    z-index: 1000;
    position: absolute;
    bottom: 30px;
    left: 0px;
    width: 100%;
    text-align: center;
    opacity: 0;
    -webkit-animation: titleAnimation 36s linear infinite 0s;
    -moz-animation: titleAnimation 36s linear infinite 0s;
    -o-animation: titleAnimation 36s linear infinite 0s;
    -ms-animation: titleAnimation 36s linear infinite 0s;
    animation: titleAnimation 36s linear infinite 0s;
  }
  .loginPage .slideshow li div h3 {
    font-family: "helvetica neue", helvetica;
    text-transform: uppercase;
    font-size: 80px;
    padding: 0;
    line-height: 200px;
    color: rgba(255, 255, 255, 0.8);
  }
  .loginPage .slideshow li:nth-child(1) span {
    background-image: url('https://media.istockphoto.com/photos/sales-imporvement-picture-id643956812?k=6&m=643956812&s=612x612&w=0&h=RTzL8XpShAx2bthv5ljHYXeeVQFKj5h5iOt1M7mxMUk=');
  }
  .loginPage .slideshow li:nth-child(2) span {
    background-image: url('http://outlookmediallc.com/wp-content/uploads/2017/05/contractor-sales.jpg');
    -webkit-animation-delay: 6s;
    -moz-animation-delay: 6s;
    -o-animation-delay: 6s;
    -ms-animation-delay: 6s;
    animation-delay: 6s;
  }
  .loginPage .slideshow li:nth-child(3) span {
    background-image: url('https://glennlimthots.files.wordpress.com/2016/01/zcxvcx5432.jpg');
    -webkit-animation-delay: 12s;
    -moz-animation-delay: 12s;
    -o-animation-delay: 12s;
    -ms-animation-delay: 12s;
    animation-delay: 12s;
  }
  .loginPage .slideshow li:nth-child(4) span {
    background-image: url('https://s3-us-west-2.amazonaws.com/sola-images/wp-content/uploads/2017/03/10105845/iStock-180843216-1024x683.jpg');
    -webkit-animation-delay: 18s;
    -moz-animation-delay: 18s;
    -o-animation-delay: 18s;
    -ms-animation-delay: 18s;
    animation-delay: 18s;
  }
  .loginPage .slideshow li:nth-child(5) span {
    background-image: url('https://www.roofingandmoreinc.com/wp-content/uploads/2017/01/bigstock-meeting.jpg');
    -webkit-animation-delay: 24s;
    -moz-animation-delay: 24s;
    -o-animation-delay: 24s;
    -ms-animation-delay: 24s;
    animation-delay: 24s;
  }
  .loginPage .slideshow li:nth-child(6) span {
    background-image: url('https://modernize.com/wp-content/themes/modernize/dist/images/bg/pros/general-hero-desktop.jpg');
    -webkit-animation-delay: 30s;
    -moz-animation-delay: 30s;
    -o-animation-delay: 30s;
    -ms-animation-delay: 30s;
    animation-delay: 30s;
  }
  .loginPage .slideshow li:nth-child(2) div {
    -webkit-animation-delay: 6s;
    -moz-animation-delay: 6s;
    -o-animation-delay: 6s;
    -ms-animation-delay: 6s;
    animation-delay: 6s;
  }
  .loginPage .slideshow li:nth-child(3) div {
    -webkit-animation-delay: 12s;
    -moz-animation-delay: 12s;
    -o-animation-delay: 12s;
    -ms-animation-delay: 12s;
    animation-delay: 12s;
  }
  .loginPage .slideshow li:nth-child(4) div {
    -webkit-animation-delay: 18s;
    -moz-animation-delay: 18s;
    -o-animation-delay: 18s;
    -ms-animation-delay: 18s;
    animation-delay: 18s;
  }
  .loginPage .slideshow li:nth-child(5) div {
    -webkit-animation-delay: 24s;
    -moz-animation-delay: 24s;
    -o-animation-delay: 24s;
    -ms-animation-delay: 24s;
    animation-delay: 24s;
  }
  .loginPage .slideshow li:nth-child(6) div {
    -webkit-animation-delay: 30s;
    -moz-animation-delay: 30s;
    -o-animation-delay: 30s;
    -ms-animation-delay: 30s;
    animation-delay: 30s;
  }
  @-webkit-keyframes imageAnimation {
    0% {
      opacity: 0;
      -webkit-animation-timing-function: ease-in;
    }
    8% {
      opacity: 1;
      -webkit-transform: scale(1.05);
      -webkit-animation-timing-function: ease-out;
    }
    17% {
      opacity: 1;
      -webkit-transform: scale(1.1);
    }
    25% {
      opacity: 0;
      -webkit-transform: scale(1.1);
    }
    100% {
      opacity: 0;
    }
  }
  @-moz-keyframes imageAnimation {
    0% {
      opacity: 0;
      -moz-animation-timing-function: ease-in;
    }
    8% {
      opacity: 1;
      -moz-transform: scale(1.05);
      -moz-animation-timing-function: ease-out;
    }
    17% {
      opacity: 1;
      -moz-transform: scale(1.1);
    }
    25% {
      opacity: 0;
      -moz-transform: scale(1.1);
    }
    100% {
      opacity: 0;
    }
  }
  @-o-keyframes imageAnimation {
    0% {
      opacity: 0;
      -o-animation-timing-function: ease-in;
    }
    8% {
      opacity: 1;
      -o-transform: scale(1.05);
      -o-animation-timing-function: ease-out;
    }
    17% {
      opacity: 1;
      -o-transform: scale(1.1);
    }
    25% {
      opacity: 0;
      -o-transform: scale(1.1);
    }
    100% {
      opacity: 0;
    }
  }
  @-ms-keyframes imageAnimation {
    0% {
      opacity: 0;
      -ms-animation-timing-function: ease-in;
    }
    8% {
      opacity: 1;
      -ms-transform: scale(1.05);
      -ms-animation-timing-function: ease-out;
    }
    17% {
      opacity: 1;
      -ms-transform: scale(1.1);
    }
    25% {
      opacity: 0;
      -ms-transform: scale(1.1);
    }
    100% {
      opacity: 0;
    }
  }
  @keyframes imageAnimation {
    0% {
      opacity: 0;
      animation-timing-function: ease-in;
    }
    8% {
      opacity: 1;
      transform: scale(1.05);
      animation-timing-function: ease-out;
    }
    17% {
      opacity: 1;
      transform: scale(1.1);
    }
    25% {
      opacity: 0;
      transform: scale(1.1);
    }
    100% {
      opacity: 0;
    }
  }
  @-webkit-keyframes titleAnimation {
    0% {
      opacity: 0;
      -webkit-transform: translateY(200px);
    }
    8% {
      opacity: 1;
      -webkit-transform: translateY(0px);
    }
    17% {
      opacity: 1;
      -webkit-transform: scale(1);
    }
    19% {
      opacity: 0;
    }
    25% {
      opacity: 0;
      -webkit-transform: scale(10);
    }
    100% {
      opacity: 0;
    }
  }
  @-moz-keyframes titleAnimation {
    0% {
      opacity: 0;
      -moz-transform: translateY(200px);
    }
    8% {
      opacity: 1;
      -moz-transform: translateY(0px);
    }
    17% {
      opacity: 1;
      -moz-transform: scale(1);
    }
    19% {
      opacity: 0;
    }
    25% {
      opacity: 0;
      -moz-transform: scale(10);
    }
    100% {
      opacity: 0;
    }
  }
  @-o-keyframes titleAnimation {
    0% {
      opacity: 0;
      -o-transform: translateY(200px);
    }
    8% {
      opacity: 1;
      -o-transform: translateY(0px);
    }
    17% {
      opacity: 1;
      -o-transform: scale(1);
    }
    19% {
      opacity: 0;
    }
    25% {
      opacity: 0;
      -o-transform: scale(10);
    }
    100% {
      opacity: 0;
    }
  }
  @-ms-keyframes titleAnimation {
    0% {
      opacity: 0;
      -ms-transform: translateY(200px);
    }
    8% {
      opacity: 1;
      -ms-transform: translateY(0px);
    }
    17% {
      opacity: 1;
      -ms-transform: scale(1);
    }
    19% {
      opacity: 0;
    }
    25% {
      opacity: 0;
      -webkit-transform: scale(10);
    }
    100% {
      opacity: 0;
    }
  }
  @keyframes titleAnimation {
    0% {
      opacity: 0;
      transform: translateY(200px);
    }
    8% {
      opacity: 1;
      transform: translateY(0px);
    }
    17% {
      opacity: 1;
      transform: scale(1);
    }
    19% {
      opacity: 0;
    }
    25% {
      opacity: 0;
      transform: scale(10);
    }
    100% {
      opacity: 0;
    }
  }
  .loginPage .no-cssanimations .slideshow li span {
    opacity: 1;
  }
  .loginPage .opacity {
    background-color: white;
    opacity: 0.5;
  }
  .loginPage hr {
    width: 50%;
  }
  .loginPage .card-body {
    margin-top: 5vh;
  }
  .loginPage .title-hr {
    width: 15%;
    margin-bottom: 25px;
  }
  .loginPage .login-header {
    margin-top: 1vh;
  }
  .loginPage .login-form {
    border: 1px solid black;
    background-color: #c4c4c4;
    width: 80vh;
    position: relative;
    top: 250px;
  }
  .loginPage .login-field {
    display: block;
    width: 100%;
    height: calc(1.5em + 0.75rem + 2px);
    padding: 0.375rem 0.75rem;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5;
    background-color: lightgrey;
    background-clip: padding-box;
    border: none !important;
  }
  .loginPage .login-btn {
    background: #cdcdcd;
    color: #1D8749;
    width: 30%;
    height: 50px;
    margin: 25px 0px 25px 0px;
  }
  .loginPage .input-group {
    margin: auto;
    width: 50%;
    display: flex;
    align-items: center;
  }
  @font-face {
    font-family: Poppins-Regular;
    src: url('../fonts/poppins/Poppins-Regular.ttf');
  }
  @font-face {
    font-family: Poppins-Medium;
    src: url('../fonts/poppins/Poppins-Medium.ttf');
  }
  @font-face {
    font-family: Poppins-Bold;
    src: url('../fonts/poppins/Poppins-Bold.ttf');
  }
  @font-face {
    font-family: Poppins-SemiBold;
    src: url('../fonts/poppins/Poppins-SemiBold.ttf');
  }
  .loginPage * {
    margin: 0px;
    padding: 0px;
    box-sizing: border-box;
  }
  .loginPage body,
  .loginPage html {
    height: 100%;
    font-family: Poppins-Regular, sans-serif;
  }
  .loginPage a {
    font-family: Poppins-Regular;
    font-size: 14px;
    line-height: 1.7;
    color: #666666;
    margin: 0px;
    transition: all 0.4s;
    -webkit-transition: all 0.4s;
    -o-transition: all 0.4s;
    -moz-transition: all 0.4s;
  }
  .loginPage a:focus {
    outline: none !important;
  }
  .loginPage a:hover {
    text-decoration: none;
    color: #fff;
  }
  .loginPage h1,
  .loginPage h2,
  .loginPage h3,
  .loginPage h4,
  .loginPage h5,
  .loginPage h6 {
    margin: 0px;
  }
  .loginPage p {
    font-family: Poppins-Regular;
    font-size: 14px;
    line-height: 1.7;
    color: #666666;
    margin: 0px;
  }
  .loginPage ul,
  .loginPage li {
    margin: 0px;
    list-style-type: none;
  }
  .loginPage input {
    outline: none;
    border: none;
  }
  .loginPage textarea {
    outline: none;
    border: none;
  }
  .loginPage textarea:focus,
  .loginPage input:focus {
    border-color: transparent !important;
  }
  .loginPage input:focus::-webkit-input-placeholder {
    color: transparent;
  }
  .loginPage input:focus:-moz-placeholder {
    color: transparent;
  }
  .loginPage input:focus::-moz-placeholder {
    color: transparent;
  }
  .loginPage input:focus:-ms-input-placeholder {
    color: transparent;
  }
  .loginPage textarea:focus::-webkit-input-placeholder {
    color: transparent;
  }
  .loginPage textarea:focus:-moz-placeholder {
    color: transparent;
  }
  .loginPage textarea:focus::-moz-placeholder {
    color: transparent;
  }
  .loginPage textarea:focus:-ms-input-placeholder {
    color: transparent;
  }
  .loginPage input::-webkit-input-placeholder {
    color: #fff;
  }
  .loginPage input:-moz-placeholder {
    color: #fff;
  }
  .loginPage input::-moz-placeholder {
    color: #fff;
  }
  .loginPage input:-ms-input-placeholder {
    color: #fff;
  }
  .loginPage textarea::-webkit-input-placeholder {
    color: #fff;
  }
  .loginPage textarea:-moz-placeholder {
    color: #fff;
  }
  .loginPage textarea::-moz-placeholder {
    color: #fff;
  }
  .loginPage textarea:-ms-input-placeholder {
    color: #fff;
  }
  .loginPage label {
    margin: 0;
    display: block;
  }
  .loginPage button {
    outline: none !important;
    border: none;
    background: transparent;
  }
  .loginPage button:hover {
    cursor: pointer;
  }
  .loginPage iframe {
    border: none !important;
  }
  .loginPage .txt1 {
    font-family: Poppins-Regular;
    font-size: 13px;
    color: #e5e5e5;
    line-height: 1.5;
  }
  .loginPage .limiter {
    width: 100%;
    margin: 0 auto;
  }
  .loginPage .container-login100 {
    width: 100%;
    min-height: 100vh;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
    padding: 15px;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    position: relative;
    z-index: 1;
  }
  .loginPage .container-login100::before {
    content: "";
    display: block;
    position: absolute;
    z-index: -1;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background-color: rgba(230, 230, 230, 0.3);
  }
  .loginPage .wrap-login100 {
    width: 300px;
    border-radius: 10px;
    overflow: hidden;
    padding: 25px 25px 18px 25px;
    height: 500px;
    background: #9152f8;
    background: -webkit-linear-gradient(top, #2baf2b, #1d8749);
    background: -o-linear-gradient(top, #2baf2b, #1d8749);
    background: -moz-linear-gradient(top, #2baf2b, #1d8749);
    background: linear-gradient(top, #2baf2b, #1d8749);
  }
  .loginPage .login100-form {
    width: 100%;
  }
  .loginPage .login100-form-logo {
    font-size: 60px;
    color: #333333;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 160px;
    height: 160px;
    border-radius: 50%;
    background-color: #fff;
    margin: 0 auto;
    background-image: url("../images/L2R-Logo.PNG");
    background-repeat: no-repeat;
    background-position: center;
  }
  .loginPage .login100-form-title {
    font-family: Poppins-Medium;
    font-size: 30px;
    color: #fff;
    line-height: 1.2;
    text-align: center;
    text-transform: uppercase;
    display: block;
  }
  .loginPage .wrap-input100 {
    width: 100%;
    position: relative;
    border-bottom: 2px solid rgba(255, 255, 255, 0.24);
    margin-bottom: 10px;
  }
  .loginPage .input100 {
    font-family: Poppins-Regular;
    font-size: 16px;
    color: #fff;
    line-height: 1.2;
    display: block;
    width: 100%;
    height: 45px;
    background: transparent;
    padding: 0 5px 0 38px;
  }
  .loginPage .focus-input100 {
    position: absolute;
    display: block;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    pointer-events: none;
  }
  .loginPage .focus-input100::before {
    content: "";
    display: block;
    position: absolute;
    bottom: -2px;
    left: 0;
    width: 0;
    height: 2px;
    -webkit-transition: all 0.4s;
    -o-transition: all 0.4s;
    -moz-transition: all 0.4s;
    transition: all 0.4s;
    background: #fff;
  }
  .loginPage .focus-input100::after {
    font-family: Material-Design-Iconic-Font;
    font-size: 22px;
    color: #fff;
    content: attr(data-placeholder);
    display: block;
    width: 100%;
    position: absolute;
    top: 6px;
    left: 0px;
    padding-left: 5px;
    -webkit-transition: all 0.4s;
    -o-transition: all 0.4s;
    -moz-transition: all 0.4s;
    transition: all 0.4s;
  }
  .loginPage .input100:focus {
    padding-left: 5px;
  }
  .loginPage .input100:focus + .focus-input100::after {
    top: -22px;
    font-size: 18px;
  }
  .loginPage .input100:focus + .focus-input100::before {
    width: 100%;
  }
  .loginPage .has-val.input100 + .focus-input100::after {
    top: -22px;
    font-size: 18px;
  }
  .loginPage .has-val.input100 + .focus-input100::before {
    width: 100%;
  }
  .loginPage .has-val.input100 {
    padding-left: 5px;
  }
  .loginPage .contact100-form-checkbox {
    padding-left: 5px;
    padding-top: 5px;
    padding-bottom: 35px;
  }
  .loginPage .input-checkbox100 {
    display: none;
  }
  .loginPage .label-checkbox100 {
    font-family: Poppins-Regular;
    font-size: 13px;
    color: #fff;
    line-height: 1.2;
    display: block;
    position: relative;
    padding-left: 26px;
    cursor: pointer;
  }
  .loginPage .label-checkbox100::before {
    content: "\f26b";
    font-family: Material-Design-Iconic-Font;
    font-size: 13px;
    color: transparent;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    justify-content: center;
    align-items: center;
    position: absolute;
    width: 16px;
    height: 16px;
    border-radius: 2px;
    background: #fff;
    left: 0;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
  }
  .loginPage .input-checkbox100:checked + .label-checkbox100::before {
    color: #555555;
  }
  .loginPage .container-login100-form-btn {
    width: 100%;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
  }
  .loginPage .login100-form-btn {
    font-family: Poppins-Medium;
    font-size: 16px;
    color: #555555;
    line-height: 1.2;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 0 20px;
    min-width: 120px;
    height: 50px;
    border-radius: 25px;
    background: #9152f8;
    background: -webkit-linear-gradient(bottom, #7579ff, #b224ef);
    background: -o-linear-gradient(bottom, #7579ff, #b224ef);
    background: -moz-linear-gradient(bottom, #7579ff, #b224ef);
    background: linear-gradient(bottom, #7579ff, #b224ef);
    position: relative;
    z-index: 1;
    -webkit-transition: all 0.4s;
    -o-transition: all 0.4s;
    -moz-transition: all 0.4s;
    transition: all 0.4s;
  }
  .loginPage .login100-form-btn::before {
    content: "";
    display: block;
    position: absolute;
    z-index: -1;
    width: 100%;
    height: 100%;
    border-radius: 25px;
    background-color: #fff;
    top: 0;
    left: 0;
    opacity: 1;
    -webkit-transition: all 0.4s;
    -o-transition: all 0.4s;
    -moz-transition: all 0.4s;
    transition: all 0.4s;
  }
  .loginPage .login100-form-btn:hover {
    color: #fff;
  }
  .loginPage .login100-form-btn:hover:before {
    opacity: 0;
  }
  .loginPage .validate-input {
    position: relative;
  }
  .loginPage .alert-validate::before {
    content: attr(data-validate);
    position: absolute;
    max-width: 70%;
    background-color: #fff;
    border: 1px solid #c80000;
    border-radius: 2px;
    padding: 4px 25px 4px 10px;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
    right: 0px;
    pointer-events: none;
    font-family: Poppins-Regular;
    color: #c80000;
    font-size: 13px;
    line-height: 1.4;
    text-align: left;
    visibility: hidden;
    opacity: 0;
    -webkit-transition: opacity 0.4s;
    -o-transition: opacity 0.4s;
    -moz-transition: opacity 0.4s;
    transition: opacity 0.4s;
  }
  .loginPage .alert-validate::after {
    content: "\f12a";
    font-family: FontAwesome;
    font-size: 16px;
    color: #c80000;
    display: block;
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
    right: 5px;
  }
  .loginPage .alert-validate:hover:before {
    visibility: visible;
    opacity: 1;
  }
}
@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: landscape) and screen and (max-width: 1140px) {
  .loginPage .slideshow li div h3 {
    font-size: 100px;
  }
}
@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: landscape) and screen and (max-width: 600px) {
  .loginPage .slideshow li div h3 {
    font-size: 50px;
  }
}
@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: landscape) and (max-width: 576px) {
  .loginPage .wrap-login100 {
    padding: 55px 15px 37px 15px;
  }
}
@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: landscape) and (max-width: 992px) {
  .loginPage .alert-validate::before {
    visibility: visible;
    opacity: 1;
  }
}
* {
  padding: 0;
  margin: 0;
}
#referrals .map-dialog {
  width: 77% !important;
  left: 10% !important;
}
#clients .map-dialog {
  width: 77% !important;
  left: 10% !important;
}
.ui-dialog,
#jg-dialog {
  z-index: 1000 !important;
}
#map {
  height: 100%;
  width: 100%;
}
.map {
  order: 1;
  height: 100%;
  width: 75%;
}
.list {
  order: 2;
  height: 100%;
  flex-grow: 1;
  max-width: 25%;
}
.leaflet-popup strong {
  font-size: 140%;
  margin: 5px;
}
.leaflet-popup p {
  font-size: 120%;
  margin: 2px;
}
.leaflet-popup button {
  padding: 7px 0 5px 0;
  width: 30%;
  margin-left: 35%;
}
.dialog-main {
  height: 100%;
  width: 100%;
  display: flex !important;
  flex-flow: row nowrap;
  justify-content: space-between;
  align-content: flex-start;
}
.dialog-button {
  height: 27px;
}
#dialog_footer {
  display: flex !important;
  flex-flow: row nowrap;
  justify-content: space-between;
  align-content: flex-start;
}
#dialog_footer .close,
#dialog_footer .clear,
#dialog_footer .save,
#dialog_footer .print {
  border: 0;
  padding: 0 5px 0 5px;
  background-color: inherit;
  -webkit-filter: brightness(107%);
}
#dialog_footer .close:hover,
#dialog_footer .clear:hover,
#dialog_footer .save:hover,
#dialog_footer .print:hover {
  -webkit-filter: brightness(70%);
}
#dialog_footer .save,
#dialog_footer .close {
  -webkit-filter: brightness(115%);
  left: 10px;
  position: absolute;
  padding: 5px;
}
#dialog_footer .clear {
  right: 10px;
  position: absolute;
}
.paper {
  padding: 4px;
  height: 100%;
  width: 30%;
  position: relative;
  color: #444;
  line-height: 20px;
  border: 1px solid #d2d2d2;
  background: #fff;
  background: -webkit-gradient(linear, 0 0, 0 100%, from(#d9eaf3), color-stop(4%, #fff)) 0 4px;
  background: -webkit-linear-gradient(top, #d9eaf3 0%, #fff 8%) 0 4px;
  background: -moz-linear-gradient(top, #d9eaf3 0%, #fff 8%) 0 4px;
  background: -ms-linear-gradient(top, #d9eaf3 0%, #fff 8%) 0 4px;
  background: -o-linear-gradient(top, #d9eaf3 0%, #fff 8%) 0 4px;
  background: linear-gradient(top, #d9eaf3 0%, #fff 8%) 0 4px;
  -webkit-background-size: 100% 20px;
  -moz-background-size: 100% 20px;
  -ms-background-size: 100% 20px;
  -o-background-size: 100% 20px;
  background-size: 100% 20px;
}
.ui-dialog .ui-dialog-content {
  padding: 0;
  margin: 0;
}
.list button {
  padding: 0 4px 0 4px;
  height: 1.2em;
}
.instructions-header {
  display: flex;
  flex-direction: row;
  overflow: hidden;
  padding-bottom: 5px;
  width: 99%;
}
.instructions-header .close-info {
  position: relative;
  left: 62%;
  height: 15px;
  width: 15px;
  color: red;
}
#referrals .show-map-info {
  position: absolute;
  left: 78%;
  color: blue;
}
#referrals .close-map-info {
  position: relative;
  left: 95%;
  height: 15px;
  width: 15px;
  color: red;
}
#referrals .referral-info {
  overflow: scroll;
}
#referrals .referral-info p {
  word-wrap: break-word;
  white-space: break-spaces;
}
#referrals .potential-info {
  display: none;
}
#clients .show-map-info {
  position: absolute;
  left: 78%;
  color: blue;
}
#clients .close-map-info {
  position: relative;
  left: 95%;
  height: 15px;
  width: 15px;
  color: red;
}
#clients .potential-info {
  overflow: scroll;
}
#clients .potential-info p {
  word-wrap: break-word;
  white-space: break-spaces;
}
#clients .referral-info {
  display: none;
}
/*--- Page specific nav coloring ---*/
#referrals #refFoot {
  color: blue;
}
#referrals .modal-footer .add-referral-btn {
  display: none;
}
#users-charts #search-div,
#users-stats #search-div {
  width: 300%;
}
#users-charts #employeeFoot,
#users-stats #employeeFoot {
  color: blue;
}
#users-charts .modal-footer .add-referral-btn,
#users-stats .modal-footer .add-referral-btn {
  display: none;
}
#company #companyFoot {
  color: blue;
}
#company .modal-footer .add-referral-btn {
  display: none;
}
#clients .stack {
  display: none;
}
#clients .potential {
  display: inline-block;
}
#clients .referral {
  display: none;
}
#clients #potFoot {
  color: blue;
}
#clients .modal-footer .add-referral-btn {
  display: block;
}
#settings #settingsFoot {
  color: blue;
}
/*--- Potentials ---*/
#empty_card {
  display: none;
}
#clients #show-forms-instructions {
  display: none;
}
#clients .referral-info {
  display: none;
}
#clients .potential-info {
  display: block;
}
#clients .show-info {
  position: relative;
  left: 2%;
  color: blue;
}
#clients .instructions {
  background: #ffffff;
  height: 200px;
  width: 400px;
  position: absolute;
  z-index: 1000;
  left: 3%;
  top: 12%;
  overflow: scroll;
  -webkit-box-shadow: 0 0px 40px 0px rgba(0, 0, 0, 0.15);
}
#clients .instructions p {
  font-size: 12px;
  text-transform: none !important;
}
#clients .instructions .close-info {
  position: relative;
  left: 95%;
  height: 15px;
  width: 15px;
  color: red;
}
#clients header .unassigned,
#clients header .openseason,
#clients header .isinactive {
  display: block;
}
#clients .form-list {
  visibility: hidden;
}
#clients .filter-list {
  height: 1000%;
  overflow-y: scroll;
  overflow-x: hidden;
}
#clients .pile::-webkit-scrollbar {
  display: block;
  width: 25px !important;
}
#clients .unassigned {
  background-color: papayawhip !important;
}
#clients .owned {
  background-color: #dcdbf1 !important;
}
.pdf-creater {
  height: 90% !important;
  background-color: cornsilk;
}
.pdf-creater #pdfSettings {
  background-color: inherit;
}
.pdf-creater .ui-widget-header {
  background-color: cornsilk !important;
}
.pdf-creater .info {
  border: 1px solid #606060;
  display: column;
  overflow: visible;
  margin: 20px auto;
  background-color: #e8e8e8;
  padding: 10px 20px 10px 20px;
}
.pdf-creater textarea {
  overflow: hidden;
  background-color: inherit;
}
.pdf-creater .ui-widget-header,
.pdf-creater .ui-state-default,
.pdf-creater ui-button {
  background: #b9cd6d;
  border: 1px solid #b9cd6d;
  color: #FFFFFF;
  font-weight: bold;
}
.pdf-creater #jg-dialog {
  z-index: 1000 !important;
}
.pdf-creater aside {
  width: 20%;
  height: auto;
  margin-right: 5%;
}
.pdf-creater #mainContainer {
  width: 75%;
  background-color: #ffff;
  margin: 0 !important;
  overflow-y: scroll;
  height: 750px;
}
.pdf-creater .mainContainer {
  background-color: cornsilk;
  display: flex;
  flex-direction: row;
  width: 90%;
}
.pdf-creater .form-header {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  width: 100%;
}
.pdf-creater .user-info {
  display: flex;
  flex-direction: column;
  width: 30%;
}
.pdf-creater .user-field {
  display: flex;
  flex-direction: row;
  height: auto;
}
.pdf-creater .user-field h3 {
  margin-bottom: 15px;
}
.pdf-creater .user-field input {
  margin: 7px 5px 0px 0px;
}
.pdf-creater .ref-info {
  display: flex;
  flex-direction: column;
}
.pdf-creater .comp-logo {
  float: left;
  margin-bottom: 1rem;
}
.pdf-creater .comp-logo h1 {
  font-weight: bold;
  margin: 25px 0px 0px 25px;
}
.pdf-creater .comp-logo img {
  margin: 25px 0px 0px 25px;
}
.pdf-creater .ref-container {
  margin: 10px 25px 10px 25px;
  padding: 10px;
  border: solid 1px;
  display: flex;
  flex-direction: column;
  width: 45%;
}
.pdf-creater .img-container {
  display: flex;
  justify-content: center;
}
.pdf-creater .img-container img {
  width: 60% !important;
  height: 100%;
}
.pdf-creater .form-body {
  display: flex;
  flex-direction: column;
}
.pdf-creater .body-row {
  display: flex;
  flex-direction: row;
  justify-content: flex-end;
  margin-bottom: 10px;
}
.pdf-creater .body-row:last-child {
  margin-bottom: 0px;
}
.pdf-creater .top-row {
  display: flex;
  flex-direction: row;
  justify-content: center;
}
.pdf-creater .top-row h5 {
  margin: 0px 0px 5px 0px;
  width: 45%;
  display: flex;
  align-content: space-between;
  justify-content: center;
  font-size: 16px !important;
}
.pdf-creater .bot-row {
  display: flex;
  flex-direction: column;
  justify-content: center;
}
.pdf-creater .bot-row p {
  font-size: 80%;
  width: auto;
  margin: 0;
  display: none;
  justify-content: center;
  text-align: center;
}
.pdf-creater .ref-address {
  display: flex;
  flex-direction: row;
  width: 50%;
  justify-content: center;
}
.pdf-creater .ref-email {
  display: flex;
  flex-direction: row;
  width: 50%;
  justify-content: center;
  margin-bottom: 10px;
}
.pdf-creater .bottom-form {
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  width: 398px;
  margin-left: 20px;
}
.pdf-creater .bottom-form .questions {
  display: flex;
  flex-direction: column;
  width: 100%;
}
.pdf-creater .bottom-form .question-area {
  width: 200%;
}
.pdf-creater .bottom-form .paper {
  padding: 4px;
  height: 100%;
  position: relative;
  color: #444;
  line-height: 20px;
  border: 1px solid #d2d2d2;
  background: #fff;
  background: -webkit-gradient(linear, 0 0, 0 100%, from(#d9eaf3), color-stop(4%, #fff)) 0 4px;
  background: -webkit-linear-gradient(top, #d9eaf3 0%, #fff 8%) 0 4px;
  background: -moz-linear-gradient(top, #d9eaf3 0%, #fff 8%) 0 4px;
  background: -ms-linear-gradient(top, #d9eaf3 0%, #fff 8%) 0 4px;
  background: -o-linear-gradient(top, #d9eaf3 0%, #fff 8%) 0 4px;
  background: linear-gradient(top, #d9eaf3 0%, #fff 8%) 0 4px;
  -webkit-background-size: 100% 20px;
  -moz-background-size: 100% 20px;
  -ms-background-size: 100% 20px;
  -o-background-size: 100% 20px;
  background-size: 100% 20px;
}
.pdf-creater .bottom-form .notes {
  width: 40%;
  height: auto;
}
.pdf-creater .options-area {
  display: flex;
  flex-direction: column;
}
.pdf-creater .options-cb {
  display: flex;
  flex-direction: row;
}
.pdf-creater .options-cb input {
  margin: 7px 10px 0px 10px;
}
.pdf-creater .form-footer {
  width: auto;
  margin-top: -5px;
}
.pdf-creater .footflex {
  display: flex;
  justify-content: space-around;
  align-items: flex-end;
}
.pdf-creater .save-btn {
  margin: 10px;
  background-color: #1D8749;
  color: white;
  width: auto;
}
.pdf-creater .rep-name {
  margin-bottom: 0.5rem !important;
}
.pdf-creater #topForm,
.pdf-creater #midForm,
.pdf-creater #botForm {
  margin-left: 12.5%;
}
.pdf-creater .navbar hr {
  width: 80% !important;
  position: relative;
  right: 20%;
}
.pdf-creater .navbar button {
  background-color: lightgray;
  width: 100%;
  margin: 0px 0px 5px 0px;
}
.pdf-creater .navbar li {
  /*background-color: lightgreen;*/
}
.x-btn {
  width: 30px;
  height: 30px;
  position: relative;
  background: #1D8749;
  border-radius: 46%;
  text-align: center;
  top: -40px;
  right: 98%;
  font-size: 12px !important;
  font-weight: bold;
  color: white;
}
.filter-list {
  max-height: 300px;
  min-height: 100px;
  overflow: scroll;
}
div#pile .x-btn {
  display: none;
}
#referrals {
  overflow: hidden;
  height: 100vh;
}
#referrals .referral-info {
  display: block;
}
#referrals .potential-info {
  display: none;
}
#referrals #map-instructions {
  right: 10%;
  top: 2%;
}
#referrals #forms-instructions {
  right: 10%;
  top: 5%;
}
#referrals .header .user-stats {
  display: flex;
}
#referrals .header .isreferral,
#referrals .header .unassigned,
#referrals .header .openseason,
#referrals .header .isinactive {
  display: none;
}
#referrals .pile::-webkit-scrollbar {
  display: block;
  width: 25px !important;
}
#referrals .stack {
  display: block;
}
#referrals .potential {
  display: none;
}
#referrals .referral {
  display: inline-block;
}
#referrals .pile {
  padding-right: 22vw;
}
#referrals .addRef-btn {
  padding-top: 5px;
}
#referrals .show-info {
  position: relative;
  left: 2%;
  color: blue;
}
#referrals .instructions {
  background: #ffffff;
  height: 200px;
  width: 400px;
  position: absolute;
  z-index: 1000;
  overflow: scroll;
  -webkit-box-shadow: 0 0px 40px 0px rgba(0, 0, 0, 0.15);
}
#referrals .instructions p {
  font-size: 12px;
  text-transform: none !important;
}
#referrals .instructions .close-info {
  position: relative;
  left: 95%;
  height: 15px;
  width: 15px;
  color: red;
}
.proxy-clients {
  position: absolute;
  z-index: 100;
  width: 99%;
  top: 50px;
  left: 0px;
  height: 100%;
}
.proxy-client {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 99%;
  height: 14.5%;
  margin: 5px 0px 0px 0px !important;
}
.proxy-client .client-card {
  height: 99%;
  font-size: 25%;
  font-weight: normal;
  color: black;
}
.proxy-client:last-child {
  margin-bottom: 0;
}
.proxy-label {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 99%;
  height: 14.5%;
  font-size: 400%;
  font-weight: bolder;
  color: #ffffff;
  margin: 5px 0px 0px 0px !important;
  background: #E6E6E6;
}
.proxy-label:last-child {
  margin-bottom: 0;
}
.proxy-labels {
  position: absolute;
  width: 99%;
  top: 50px;
  left: 0px;
  height: 100%;
}
.called {
  background: inherit;
}
.called:hover,
.called:focus {
  background: #b3b3b3;
}
.called .inactive,
.called .dnu {
  background: #E6E6E6;
  color: #0f4827;
  opacity: 0.5;
}
.called .inactive:hover,
.called .dnu:hover,
.called .inactive:focus,
.called .dnu:focus {
  background: #1D8749;
  color: #ffffff;
}
.filters,
.sales-notes-title {
  text-align: left !important;
}
.gq-btn,
.called-btn {
  position: relative;
  z-index: 1000;
  width: 100%;
  height: 100%;
  color: #1D8749;
  font-size: 100%;
  font-weight: bold;
  border-style: none;
  background: #ffffff;
  text-transform: uppercase;
  text-align: center;
}
.gq-btn:hover,
.called-btn:hover,
.gq-btn:focus,
.called-btn:focus {
  background: Gray;
}
/*_____________________PILE____________________*/
.pile {
  background-color: #ffffff;
  display: flex;
  flex-flow: row wrap;
  direction: rtl;
  width: 100%;
  height: 80vh;
  overflow-y: scroll !important;
  overflow-x: hidden;
  /* CLIENT HEADER */
}
.pile .inactive h4 {
  color: black;
}
.pile .lr-display {
  display: block;
}
.pile .client-card {
  min-height: 33%;
  direction: ltr;
  display: flex;
  flex-direction: column;
  background-color: #E6E6E6;
  width: 24%;
  margin: 5px;
  height: max-content;
  background: #E6E6E6;
}
.pile .client-card .client-header {
  width: auto;
  max-height: 4rem !important;
  display: flex;
  flex-direction: row;
  background-color: inherit;
}
.pile .client-card .client-title {
  display: flex;
  flex-direction: column;
  width: 68%;
  font-size: 100%;
  background-color: inherit;
  text-align: center;
  white-space: nowrap;
}
.pile .client-card .called {
  height: auto;
  width: 33%;
  position: relative;
  z-index: 2;
  background-color: inherit;
}
.pile .client-card .client-body {
  display: flex;
  flex-direction: row;
  background-color: inherit;
  justify-content: space-between;
  min-height: 150px;
}
.pile .client-card .img-container {
  background-color: inherit;
  margin-left: 20px;
  width: 100% !important;
  height: 100%;
}
.pile .client-card .status {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  align-content: flex-end;
  font-size: 80%;
  text-transform: capitalize;
  background-color: inherit;
  width: 33%;
  white-space: nowrap;
}
.pile .client-card .status-button-div {
  padding: 5px;
  width: 100%;
  background-color: inherit;
}
/*____________________STACK___________________ */
.stack {
  width: 20vw;
  height: 70vh;
  position: absolute;
  top: 15vh;
  right: 10px;
  opacity: 0.8;
}
.stack .form-btn {
  width: 99%;
}
.stack .lr-display {
  display: none;
}
.stack .client-card {
  width: 95%;
  height: 99%;
  display: flex !important;
  flex-direction: row-reverse;
  justify-content: flex-start;
  align-items: center;
  text-align: left;
  background-color: #E6E6E6;
}
.stack .img {
  max-height: 100%;
  margin: 0px;
}
.stack .img-container {
  width: 100%;
  height: 100%;
}
.stack .client-header {
  width: 60%;
  height: 100%;
  padding: 3px;
  background-color: inherit;
  align-items: center;
}
.stack .client-header .users-cb {
  display: none;
}
.stack .client-body {
  width: 57%;
  height: 99%;
  background-color: inherit;
}
.stack .client-title {
  font-size: 120%;
  background-color: inherit;
  justify-content: flex-start;
  width: 100% !important;
  height: 50%;
}
.stack .client-title h4 {
  white-space: normal !important;
  font-size: 14px !important;
  text-align: center;
}
.stack .client-title p {
  font-size: 14px;
  text-align: center;
}
.stack .called {
  margin-left: 5px;
  width: 100% !important;
  height: 40%;
  font-size: 16px;
}
.form-btn {
  background-color: #1D8749;
  color: #ffffff;
  width: 100%;
  border-radius: 0px;
  padding: 10px;
  margin-top: 0px;
  font-size: 120%;
  font-weight: 400;
}
input {
  border: 1px solid #b3b3b3;
}
.referral {
  display: none;
}
.inactive {
  background: #18723e;
  color: #ffffff;
  opacity: 0.5;
}
.inactive:hover,
.inactive:focus {
  background: #18723e;
  color: #ffffff;
}
/* ScrollBar */
/* width */
::-webkit-scrollbar {
  display: none;
  width: 20px;
  height: 15px;
}
/* Track */
::-webkit-scrollbar-track {
  margin: 5px;
  background: #E6E6E6;
}
/* Handle */
::-webkit-scrollbar-thumb {
  border-radius: 8px;
  background-color: #1D8749;
  border: 2px solid #eee;
  -webkit-box-shadow: 0 0 1px rgba(255, 255, 255, 0.5);
}
#settings {
  margin-bottom: 5%;
}
#settings .separator {
  display: flex;
  align-items: center;
  text-align: center;
  color: #1D8749;
  font-size: 17px;
}
#settings .separator::before,
#settings .separator::after {
  content: '';
  flex: 1;
  border-bottom: 1px solid #1D8749;
}
#settings .separator::before {
  margin-right: 0.25em;
}
#settings .separator::after {
  margin-left: 0.25em;
}
#settings .form-heading h3 {
  margin-left: 5%;
}
#settings .form-heading .save-btn {
  position: relative;
  left: 146px;
}
#settings .modal-btn {
  background-color: inherit;
}
#settings .cc-btn {
  width: 50%;
  margin-top: 10px;
  margin-bottom: 5px;
  font-weight: 600;
}
#settings .user-cropper {
  margin-top: 15px;
}
#settings .user-level-col {
  display: flex;
  flex-direction: column;
}
#settings .user-level-col .user-level-row {
  display: flex;
  flex-direction: row;
}
#settings .user-level-col .user-level-row p {
  margin-left: 5px;
  padding-bottom: 2px;
}
#settings #user-info,
#settings #company-info {
  border: 1px solid darkgray;
  overflow: visible;
  margin: 20px auto;
  background-color: #E6E6E6;
  padding: 10px 20px 10px 20px;
  position: absolute;
  top: 4%;
  left: 23%;
  width: 40%;
  margin-bottom: 10%;
}
#settings #user-info {
  width: 40%;
}
#settings #user-info .img-container {
  border: 1px solid;
  padding: 5px;
  width: 290px;
  height: 205px;
  display: flex;
  align-items: center;
}
#settings #company-info {
  width: 55%;
}
#settings #company-info .img-container {
  border: 1px solid;
  padding: 5px;
  height: 150px;
  display: flex;
  align-items: center;
}
#settings .settings-nav {
  position: relative;
  left: 10%;
}
#settings .settings-nav ul {
  display: block;
  list-style-type: none;
  margin: 0px;
  padding: 0px;
  width: 200px;
  background: #1D8749;
}
#settings .settings-nav ul li {
  color: #ffffff;
  font-size: 16px;
  font-weight: bold;
  height: 35px;
  padding: 5px;
  display: block;
  border-top: 1px solid #ffffff;
  cursor: pointer;
}
#settings .settings-nav ul li:hover {
  background: #E6E6E6;
  color: #1D8749;
  text-decoration: underline;
}
#settings .settings-nav ul li:last-child {
  border-bottom: none;
}
#settings .settings-nav ul li:first-child {
  border-top: none;
}
#settings .settings-container {
  margin: 1px;
  padding: 1px;
  display: flex;
  justify-content: space-around;
}
#settings #settings-section {
  position: relative;
  left: 0%;
  bottom: 150px;
}
#settings .Terms-Policy {
  position: absolute;
  top: 110%;
  left: 40%;
}
#settings .input-group-col {
  display: flex;
  flex-direction: column;
}
#settings .input-group-col .input-group-row {
  display: flex;
  flex-direction: row;
}
#settings .input-group-col .input-group-row p {
  min-width: 33%;
}
#settings .input-group-col .form-control {
  width: 100%;
}
@media screen and (orientation: landscape) and (min-device-width: 640px) and (max-device-width: 1366px) {
  #settings {
    margin-bottom: 15%;
  }
  #settings .settings-body {
    display: flex;
    flex-direction: row;
  }
  #settings .user-cropper {
    margin-top: 15px;
  }
  #settings .user-level-col {
    display: flex;
    flex-direction: column;
  }
  #settings .user-level-col .user-level-row {
    display: flex;
    flex-direction: row;
  }
  #settings .user-level-col .user-level-row p {
    margin-left: 5px;
    padding-bottom: 2px;
  }
  #settings #user-info {
    border: 1px solid darkgray;
    overflow: scroll;
    margin: 20px auto;
    background-color: #E6E6E6;
    padding: 10px 20px;
    width: 76%;
  }
  #settings #user-info .form-heading {
    height: 10%;
  }
  #settings #user-info .form-heading h3 {
    height: 13px;
  }
  #settings #user-info p {
    font-size: 100%;
  }
  #settings #user-info .upload-div {
    position: relative;
    left: 0%;
    top: -8vh;
  }
  #settings #user-info .img-container {
    border: 1px solid;
    padding: 5px;
    width: 290px;
    height: 205px;
    display: flex;
    align-items: center;
    position: relative;
    top: -5vh;
  }
  #settings #company-info {
    border: 1px solid darkgray;
    overflow: visible;
    background-color: #E6E6E6;
    position: absolute;
    top: 3%;
    left: 22%;
    width: 75%;
  }
  #settings #company-info .form-heading {
    height: 10%;
  }
  #settings #company-info .form-heading h3 {
    height: 13px;
  }
  #settings #company-info .form-heading .user-level-row {
    height: 13px;
  }
  #settings #company-info .form-heading .save-btn {
    position: relative;
    left: 40px;
    height: fit-content;
  }
  #settings #company-info #img-container {
    height: 130px;
  }
  #settings #company-info #img-container img {
    object-fit: contain;
    height: 120px;
  }
  #settings #company-info #openAfter {
    display: flex;
    postion: absolute;
    top: 45%;
    right: 10%;
  }
  #settings #company-info .cc-btn {
    width: 50%;
    margin-top: 10px;
    margin-bottom: 5px;
    font-weight: 600;
    position: absolute;
    right: 10%;
    top: 98%;
  }
  #settings .settings-nav {
    position: relative;
    left: 1%;
  }
  #settings .settings-nav ul {
    display: block;
    list-style-type: none;
    margin: 0px;
    padding: 0px;
    width: 200px;
    background: #1D8749;
  }
  #settings .settings-nav ul li {
    color: #ffffff;
    font-size: 16px;
    font-weight: bold;
    height: 35px;
    padding: 5px;
    display: block;
    border-top: 1px solid #ffffff;
    cursor: pointer;
  }
  #settings .settings-nav ul li:hover {
    background: #E6E6E6;
    color: #1D8749;
    text-decoration: underline;
  }
  #settings .settings-nav ul li:last-child {
    border-bottom: none;
  }
  #settings .settings-nav ul li:first-child {
    border-top: none;
  }
  #settings .settings-container {
    margin: 25px;
    padding: 25px;
    display: flex;
    justify-content: space-around;
  }
  #settings #settings-section {
    position: relative !important;
    left: -7% !important;
    bottom: 245px;
  }
  #settings #Privacy-Policy,
  #settings #Terms-Conditions {
    margin: 0px;
  }
}
@media screen and (orientation: portrait) and (min-device-width: 640px) and (max-device-width: 1366px) {
  #settings {
    margin-bottom: 15%;
  }
  #settings .settings-body {
    display: flex;
    flex-direction: row;
  }
  #settings .user-cropper {
    margin-top: 15px;
  }
  #settings .user-level-col {
    display: flex;
    flex-direction: column;
  }
  #settings .user-level-col .user-level-row {
    display: flex;
    flex-direction: row;
  }
  #settings .user-level-col .user-level-row p {
    margin-left: 5px;
    padding-bottom: 2px;
  }
  #settings #user-info {
    border: 1px solid darkgray;
    overflow: visible;
    background-color: #E6E6E6;
    width: 100%;
  }
  #settings #user-info .form-control {
    font-size: 100%;
    height: 100% !important;
  }
  #settings #company-info {
    border: 1px solid darkgray;
    overflow: visible;
    margin: 20px auto;
    background-color: #E6E6E6;
    padding: 10px 20px 10px 20px;
    position: absolute;
    top: 22%;
    left: 7%;
    width: 85%;
    margin-bottom: 10%;
  }
  #settings .settings-nav {
    position: relative;
    left: 1%;
  }
  #settings .settings-nav ul {
    display: block;
    list-style-type: none;
    margin: 0px;
    padding: 0px;
    width: 200px;
    background: #1D8749;
  }
  #settings .settings-nav ul li {
    color: #ffffff;
    font-size: 16px;
    font-weight: bold;
    height: 35px;
    padding: 5px;
    display: block;
    border-top: 1px solid #ffffff;
    cursor: pointer;
  }
  #settings .settings-nav ul li:hover {
    background: #E6E6E6;
    color: #1D8749;
    text-decoration: underline;
  }
  #settings .settings-nav ul li:last-child {
    border-bottom: none;
  }
  #settings .settings-nav ul li:first-child {
    border-top: none;
  }
  #settings .settings-container {
    margin: 25px;
    padding: 25px;
    display: flex;
    justify-content: space-around;
  }
  #settings #settings-section {
    position: relative !important;
    left: -22% !important;
    bottom: 50px;
  }
  #settings #Privacy-Policy,
  #settings #Terms-Conditions {
    margin: 0px;
  }
}
@media screen and (orientation: portrait) and (max-device-width: 1024px) and (min-device-height: 1366px) {
  #settings {
    margin-bottom: 15%;
  }
  #settings .user-cropper {
    margin-top: 15px;
  }
  #settings .user-level-col {
    display: flex;
    flex-direction: column;
  }
  #settings .user-level-col .user-level-row {
    display: flex;
    flex-direction: row;
  }
  #settings .user-level-col .user-level-row p {
    margin-left: 5px;
    padding-bottom: 2px;
  }
  #settings #user-info {
    border: 1px solid darkgray;
    overflow: visible;
    margin: 20px auto;
    background-color: #E6E6E6;
    padding: 10px 20px;
    width: 70%;
  }
  #settings #user-info p {
    font-size: 100%;
  }
  #settings #company-info {
    border: 1px solid darkgray;
    overflow: visible;
    margin: 20px auto;
    background-color: #E6E6E6;
    padding: 10px 20px 10px 20px;
    position: absolute;
    top: 6%;
    left: 22%;
    width: 70%;
    margin-bottom: 10%;
  }
  #settings .settings-nav {
    position: relative;
    left: 1%;
  }
  #settings .settings-nav ul {
    display: block;
    list-style-type: none;
    margin: 0px;
    padding: 0px;
    width: 200px;
    background: #1D8749;
  }
  #settings .settings-nav ul li {
    color: #ffffff;
    font-size: 16px;
    font-weight: bold;
    height: 35px;
    padding: 5px;
    display: block;
    border-top: 1px solid #ffffff;
    cursor: pointer;
  }
  #settings .settings-nav ul li:hover {
    background: #E6E6E6;
    color: #1D8749;
    text-decoration: underline;
  }
  #settings .settings-nav ul li:last-child {
    border-bottom: none;
  }
  #settings .settings-nav ul li:first-child {
    border-top: none;
  }
  #settings .settings-container {
    margin: 25px;
    padding: 25px;
    display: flex;
    justify-content: space-around;
  }
  #settings #settings-section {
    position: relative !important;
    left: -5% !important;
  }
}
@media screen and (orientation: landscape) and (min-device-width: 1366px) and (max-device-height: 1024px) {
  #settings {
    margin-bottom: 5%;
  }
  #settings .user-cropper {
    margin-top: 15px;
  }
  #settings .user-level-col {
    display: flex;
    flex-direction: column;
  }
  #settings .user-level-col .user-level-row {
    display: flex;
    flex-direction: row;
  }
  #settings .user-level-col .user-level-row p {
    margin-left: 5px;
    padding-bottom: 2px;
  }
  #settings #user-info {
    border: 1px solid darkgray;
    overflow: visible;
    margin: 20px auto;
    background-color: #E6E6E6;
    padding: 10px 20px;
    width: 65%;
  }
  #settings #company-info {
    border: 1px solid darkgray;
    overflow: visible;
    margin: 20px auto;
    background-color: #E6E6E6;
    padding: 10px 20px 10px 20px;
    position: absolute;
    top: 10%;
    left: 25%;
    width: 65%;
    margin-bottom: 10%;
  }
  #settings .settings-nav {
    position: relative;
    left: 1%;
  }
  #settings .settings-nav ul {
    display: block;
    list-style-type: none;
    margin: 0px;
    padding: 0px;
    width: 200px;
    background: #1D8749;
  }
  #settings .settings-nav ul li {
    color: #ffffff;
    font-size: 16px;
    font-weight: bold;
    height: 35px;
    padding: 5px;
    display: block;
    border-top: 1px solid #ffffff;
    cursor: pointer;
  }
  #settings .settings-nav ul li:hover {
    background: #E6E6E6;
    color: #1D8749;
    text-decoration: underline;
  }
  #settings .settings-nav ul li:last-child {
    border-bottom: none;
  }
  #settings .settings-nav ul li:first-child {
    border-top: none;
  }
  #settings .settings-container {
    margin: 25px;
    padding: 25px;
    display: flex;
    justify-content: space-around;
  }
  #settings #settings-section {
    position: relative !important;
    left: -2% !important;
    bottom: 200px;
  }
  #settings .Terms-Policy {
    position: absolute;
  }
}
.userinfo-card {
  width: 40% !important;
  padding: 0 !important;
  margin: 2px;
  background: #E6E6E6;
  /*height: 20%;*/
  /*max-width: 70% !important;*/
}
.stats-box {
  justify-content: flex-start;
  align-content: flex-end;
  background: #E6E6E6;
  width: 60%;
  margin: 2px;
  /*height: 100px;*/
}
.box-num {
  flex-flow: column nowrap;
}
.boxed {
  margin: 3px;
  border: black 1px solid;
  background-color: white;
  text-align: center;
  justify-content: space-evenly;
}
.results-container {
  width: 70%;
}
.results-chart {
  flex-flow: row nowrap;
  height: 100%;
}
/* Container for result bars */
.result-item {
  /*margin-top: 10px;
   padding-top: 5px;*/
  text-align: center;
  display: flex;
  flex-direction: column;
  align-items: center;
  width: 30%;
  /*justify-content: center;*/
}
.bar-container {
  margin-top: 10px;
  padding-top: 5px;
  text-align: center;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  width: 50%;
  height: 80%;
  background-color: #ddd;
  /* Grey background */
}
.results {
  text-align: center;
  color: white;
  /* White text color */
}
.bar-blank {
  flex-grow: 1;
}
.bar-labels {
  margin: 2px;
  /*width: 65px;*/
  white-space: pre-wrap;
  word-wrap: break-word;
  font-size: 1rem;
  font-weight: bold;
}
.bar-level-100 {
  height: 100%;
  background-color: #4CAF50;
}
.bar-level-99 {
  height: 99%;
  background-color: #4CAF50;
}
.bar-level-98 {
  height: 98%;
  background-color: #4CAF50;
}
.bar-level-97 {
  height: 97%;
  background-color: #4CAF50;
}
.bar-level-96 {
  height: 96%;
  background-color: #4CAF50;
}
.bar-level-95 {
  height: 95%;
  background-color: #4CAF50;
}
.bar-level-94 {
  height: 94%;
  background-color: #4CAF50;
}
.bar-level-93 {
  height: 93%;
  background-color: #4CAF50;
}
.bar-level-92 {
  height: 92%;
  background-color: #4CAF50;
}
.bar-level-91 {
  height: 91%;
  background-color: #4CAF50;
}
.bar-level-90 {
  height: 90%;
  background-color: #4CAF50;
}
.bar-level-89 {
  height: 89%;
  background-color: #4CAF50;
}
.bar-level-88 {
  height: 88%;
  background-color: #4CAF50;
}
.bar-level-87 {
  height: 87%;
  background-color: #4CAF50;
}
.bar-level-86 {
  height: 86%;
  background-color: #4CAF50;
}
.bar-level-85 {
  height: 85%;
  background-color: #4CAF50;
}
.bar-level-84 {
  height: 84%;
  background-color: #4CAF50;
}
.bar-level-83 {
  height: 83%;
  background-color: #4CAF50;
}
.bar-level-82 {
  height: 82%;
  background-color: #4CAF50;
}
.bar-level-81 {
  height: 81%;
  background-color: #4CAF50;
}
.bar-level-80 {
  height: 80%;
  background-color: #4CAF50;
}
.bar-level-79 {
  height: 79%;
  background-color: #4CAF50;
}
.bar-level-78 {
  height: 78%;
  background-color: #4CAF50;
}
.bar-level-77 {
  height: 77%;
  background-color: #4CAF50;
}
.bar-level-76 {
  height: 76%;
  background-color: #4CAF50;
}
.bar-level-75 {
  height: 75%;
  background-color: #4CAF50;
}
.bar-level-74 {
  height: 74%;
  background-color: #4CAF50;
}
.bar-level-73 {
  height: 73%;
  background-color: #4CAF50;
}
.bar-level-72 {
  height: 72%;
  background-color: #4CAF50;
}
.bar-level-71 {
  height: 71%;
  background-color: #4CAF50;
}
.bar-level-70 {
  height: 70%;
  background-color: #4CAF50;
}
.bar-level-69 {
  height: 69%;
  background-color: #4CAF50;
}
.bar-level-68 {
  height: 68%;
  background-color: #4CAF50;
}
.bar-level-67 {
  height: 67%;
  background-color: #4CAF50;
}
.bar-level-66 {
  height: 66%;
  background-color: #4CAF50;
}
.bar-level-65 {
  height: 65%;
  background-color: #4CAF50;
}
.bar-level-64 {
  height: 64%;
  background-color: #4CAF50;
}
.bar-level-63 {
  height: 63%;
  background-color: #4CAF50;
}
.bar-level-62 {
  height: 62%;
  background-color: #4CAF50;
}
.bar-level-61 {
  height: 61%;
  background-color: #4CAF50;
}
.bar-level-60 {
  height: 60%;
  background-color: #4CAF50;
}
.bar-level-59 {
  height: 59%;
  background-color: #4CAF50;
}
.bar-level-58 {
  height: 58%;
  background-color: #4CAF50;
}
.bar-level-57 {
  height: 57%;
  background-color: #4CAF50;
}
.bar-level-56 {
  height: 56%;
  background-color: #4CAF50;
}
.bar-level-55 {
  height: 55%;
  background-color: #4CAF50;
}
.bar-level-54 {
  height: 54%;
  background-color: #4CAF50;
}
.bar-level-53 {
  height: 53%;
  background-color: #4CAF50;
}
.bar-level-52 {
  height: 52%;
  background-color: #4CAF50;
}
.bar-level-51 {
  height: 51%;
  background-color: #4CAF50;
}
.bar-level-50 {
  height: 50%;
  background-color: #4CAF50;
}
.bar-level-49 {
  height: 49%;
  background-color: #4CAF50;
}
.bar-level-48 {
  height: 48%;
  background-color: #4CAF50;
}
.bar-level-47 {
  height: 47%;
  background-color: #4CAF50;
}
.bar-level-46 {
  height: 46%;
  background-color: #4CAF50;
}
.bar-level-45 {
  height: 45%;
  background-color: #4CAF50;
}
.bar-level-44 {
  height: 44%;
  background-color: #4CAF50;
}
.bar-level-43 {
  height: 43%;
  background-color: #4CAF50;
}
.bar-level-42 {
  height: 42%;
  background-color: #4CAF50;
}
.bar-level-41 {
  height: 41%;
  background-color: #4CAF50;
}
.bar-level-40 {
  height: 40%;
  background-color: #4CAF50;
}
.bar-level-39 {
  height: 39%;
  background-color: #4CAF50;
}
.bar-level-38 {
  height: 38%;
  background-color: #4CAF50;
}
.bar-level-37 {
  height: 37%;
  background-color: #4CAF50;
}
.bar-level-36 {
  height: 36%;
  background-color: #4CAF50;
}
.bar-level-35 {
  height: 35%;
  background-color: #4CAF50;
}
.bar-level-34 {
  height: 34%;
  background-color: #4CAF50;
}
.bar-level-33 {
  height: 33%;
  background-color: #4CAF50;
}
.bar-level-32 {
  height: 32%;
  background-color: #4CAF50;
}
.bar-level-31 {
  height: 31%;
  background-color: #4CAF50;
}
.bar-level-30 {
  height: 30%;
  background-color: #4CAF50;
}
.bar-level-29 {
  height: 29%;
  background-color: #4CAF50;
}
.bar-level-28 {
  height: 28%;
  background-color: #4CAF50;
}
.bar-level-27 {
  height: 27%;
  background-color: #4CAF50;
}
.bar-level-26 {
  height: 26%;
  background-color: #4CAF50;
}
.bar-level-25 {
  height: 25%;
  background-color: #4CAF50;
}
.bar-level-24 {
  height: 24%;
  background-color: #4CAF50;
}
.bar-level-23 {
  height: 23%;
  background-color: #4CAF50;
}
.bar-level-22 {
  height: 22%;
  background-color: #4CAF50;
}
.bar-level-21 {
  height: 21%;
  background-color: #4CAF50;
}
.bar-level-20 {
  height: 20%;
  background-color: #4CAF50;
}
.bar-level-19 {
  height: 19%;
  background-color: #4CAF50;
}
.bar-level-18 {
  height: 18%;
  background-color: #4CAF50;
}
.bar-level-17 {
  height: 17%;
  background-color: #4CAF50;
}
.bar-level-16 {
  height: 16%;
  background-color: #4CAF50;
}
.bar-level-15 {
  height: 15%;
  background-color: #4CAF50;
}
.bar-level-14 {
  height: 14%;
  background-color: #4CAF50;
}
.bar-level-13 {
  height: 13%;
  background-color: #4CAF50;
}
.bar-level-12 {
  height: 12%;
  background-color: #4CAF50;
}
.bar-level-11 {
  height: 11%;
  background-color: #4CAF50;
}
.bar-level-10 {
  height: 10%;
  background-color: #4CAF50;
}
.bar-level-9 {
  height: 9%;
  background-color: #4CAF50;
}
.bar-level-8 {
  height: 8%;
  background-color: #4CAF50;
}
.bar-level-7 {
  height: 7%;
  background-color: #4CAF50;
}
.bar-level-6 {
  height: 6%;
  background-color: #4CAF50;
}
.bar-level-5 {
  height: 5%;
  background-color: #4CAF50;
}
.bar-level-4 {
  height: 4%;
  background-color: #4CAF50;
}
.bar-level-3 {
  height: 3%;
  background-color: #4CAF50;
}
.bar-level-2 {
  height: 2%;
  background-color: #4CAF50;
}
.bar-level-1 {
  height: 1%;
  background-color: #4CAF50;
}
.bar-level-0 {
  height: 0%;
  background-color: #4CAF50;
}
/* Stats Modal Styling */
.stats-title {
  position: relative;
  text-align: center;
}
.stats-header {
  text-decoration: underline;
  font-weight: bold;
}
.boxed {
  font-size: 1.2rem;
}
.stats-label {
  word-wrap: break-word;
  text-align: center;
}
.stats-body {
  display: flex;
  flex-direction: row;
  justify-content: space-around;
}
.left-col {
  display: flex;
  flex-direction: column;
  width: 50%;
}
.row-left {
  display: flex;
  flex-direction: row;
}
.row-left p {
  font-size: 110%;
  float: left;
}
.row-left h3 {
  font-size: 125%;
  float: left;
}
.right-col {
  display: flex;
  flex-direction: column;
  width: 50%;
}
.row-right {
  display: flex;
  flex-direction: row;
}
.row-right p {
  font-size: 110%;
}
.row-right h3 {
  font-size: 125%;
}
.ref-btn {
  -webkit-appearance: none;
  background-color: #E6E6E6;
  color: #1D8749 !important;
  padding: 5px;
}
.ref-btn:hover {
  background-color: #18723e;
  color: #ffffff !important;
}
.stats-popup {
  margin-bottom: 5px;
}
.stats-footer {
  display: flex;
  flex-direction: row;
  justify-content: space-around;
  margin-bottom: 15px;
}
#statsModal .ui-dialog-titlebar-close {
  position: absolute;
  left: 95%;
  top: 5%;
}
#thankYouRegister .thank-you-message {
  margin-top: 25px;
}
#thankYouRegister .thank-you-message .thank-you-header {
  display: flex;
  flex-direction: row;
  width: 25%;
  position: relative;
  left: 37%;
  margin-bottom: 25px;
}
#thankYouRegister .thank-you-message .thank-you-header img {
  margin-right: 10%;
  height: 100px;
  width: 100px;
}
#thankYouRegister .thank-you-message .thank-you-body {
  display: flex;
  flex-direction: column;
  width: 25%;
  position: relative;
  left: 38%;
}
#thankYouRegister .thank-you-message .thank-you-body a {
  color: #ffffff !important;
  text-decoration: underline;
}
#thankYouRegister .login-btn {
  position: relative;
  left: 46%;
  bottom: 25%;
  width: 150px;
  height: 50px;
  text-align: center;
  padding-top: 13px;
  background-color: #1D8749;
}
#thankYouRegister .login-btn a {
  color: #ffffff;
}
#thankYouRegister .login-btn:hover {
  background-color: #0f4827;
  cursor: pointer;
}
#thankYouRegister .login-btn:hover a {
  color: #ffffff;
}
#thankYouRegister h1 {
  color: #ffffff;
}
#thankYouRegister p {
  color: #ffffff;
}
#thankYouRegister .mainContainer {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  background: #e4e4e4;
  background: linear-gradient(180deg, #e4e4e4 0%, #c1c1c1 50%, #9e9e9e 100%);
  height: 100vh;
  overflow: hidden;
}
#thankYouRegister .thankyoubox {
  background: #1D8749;
  height: 40vh;
}
#thankYouRegister .thankyoutext {
  width: 35vw;
  position: absolute;
  transform: translate(90%, 45%);
  text-align: center;
  bottom: 35%;
  left: 1%;
}
#thankYouRegister .thankyoutext h5,
#thankYouRegister .thankyoutext h2 {
  color: #1D8749;
}
#thankYouRegister .lpFooter {
  width: 100%;
  position: absolute;
  bottom: 5px;
  text-align: center;
  color: #0f4827;
}
#thankYouRegister .lpFooter a {
  color: #0f4827;
}
#thankYouRegister .descriptionbox {
  position: relative;
  bottom: 30%;
  width: 50%;
  text-align: center;
  left: 45%;
}
#thankYouRegister .descriptionbox h5 {
  color: #0f4827;
}
#thankYouRegister .pdfForm {
  position: absolute;
  height: 50vh;
  width: 27.5vw;
  bottom: 8vh;
  left: 15vw;
}
#thankYouRegister .appImg {
  position: absolute;
  height: 35vh;
  width: 25vw;
  right: 15vw;
  top: 10vh;
}
#thankYouRegister .appImg img {
  -webkit-box-shadow: 0px 16px 15px -13px rgba(0, 0, 0, 0.75);
  -moz-box-shadow: 0px 16px 15px -13px rgba(0, 0, 0, 0.75);
  box-shadow: 0px 16px 15px -13px rgba(0, 0, 0, 0.75);
}
@media screen and (orientation: portrait) and (min-device-width: 320px) and (max-device-width: 450px) {
  #thankYouRegister .thank-you-message {
    margin-top: 25px;
  }
  #thankYouRegister .thank-you-message .thank-you-header {
    display: flex;
    flex-direction: row;
    width: 25%;
    position: relative;
    left: 4%;
    margin-bottom: 25px;
  }
  #thankYouRegister .thank-you-message .thank-you-header img {
    margin-right: 10%;
    height: 100px;
    width: 100px;
  }
  #thankYouRegister .thank-you-message .thank-you-body {
    display: flex;
    flex-direction: column;
    width: 75%;
    position: relative;
    left: 16%;
  }
  #thankYouRegister .login-btn {
    position: relative;
    left: 30%;
    bottom: 25%;
    width: 150px;
    height: 50px;
    text-align: center;
    padding-top: 13px;
    background-color: #1D8749;
  }
  #thankYouRegister .login-btn a {
    color: #ffffff;
  }
  #thankYouRegister .login-btn:hover {
    background-color: #0f4827;
    cursor: pointer;
  }
  #thankYouRegister .login-btn:hover a {
    color: #ffffff;
  }
  #thankYouRegister h1 {
    color: #ffffff;
  }
  #thankYouRegister p {
    color: #ffffff;
  }
  #thankYouRegister .mainContainer {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    background: #e4e4e4;
    background: linear-gradient(180deg, #e4e4e4 0%, #c1c1c1 50%, #9e9e9e 100%);
    height: 100vh;
    overflow: hidden;
  }
  #thankYouRegister .thankyoubox {
    background: #1D8749;
    height: 50vh;
  }
  #thankYouRegister .thankyoutext {
    width: 75vw;
    position: absolute;
    transform: translate(0);
    text-align: center;
    top: 60vh;
    left: 12%;
  }
  #thankYouRegister .thankyoutext h5 {
    color: white;
    font-size: 14px;
  }
  #thankYouRegister .thankyoutext h2 {
    color: white;
    font-size: 18px;
  }
  #thankYouRegister .lpFooter {
    width: 100%;
    position: absolute;
    bottom: 5px;
    text-align: center;
    color: #0f4827;
  }
  #thankYouRegister .lpFooter a {
    color: #0f4827;
  }
  #thankYouRegister .descriptionbox {
    position: relative;
    bottom: 37%;
    width: 100%;
    text-align: center;
    left: 0;
  }
  #thankYouRegister .descriptionbox h3 {
    font-size: 16px;
  }
  #thankYouRegister .pdfForm {
    position: absolute;
    height: 50vh;
    width: 45.5vw;
    bottom: -11vh;
    left: 27vw;
  }
  #thankYouRegister .appImg {
    position: absolute;
    height: 35vh;
    width: 50vw;
    right: 25vw;
    top: 22vh;
  }
  #thankYouRegister .appImg img {
    -webkit-box-shadow: 0px 16px 15px -13px rgba(0, 0, 0, 0.75);
    -moz-box-shadow: 0px 16px 15px -13px rgba(0, 0, 0, 0.75);
    box-shadow: 0px 16px 15px -13px rgba(0, 0, 0, 0.75);
  }
}
@media screen and (orientation: landscape) and (min-device-width: 319px) and (max-device-width: 823px) {
  #thankYouRegister .thank-you-message {
    margin-top: 25px;
  }
  #thankYouRegister .thank-you-message .thank-you-header {
    display: flex;
    flex-direction: row;
    width: 25%;
    position: relative;
    left: 37%;
    margin-bottom: 25px;
  }
  #thankYouRegister .thank-you-message .thank-you-header img {
    margin-right: 10%;
    height: 100px;
    width: 100px;
  }
  #thankYouRegister .thank-you-message .thank-you-body {
    display: flex;
    flex-direction: column;
    width: 25%;
    position: relative;
    left: 38%;
  }
  #thankYouRegister .login-btn {
    position: relative;
    left: 45%;
    bottom: 25%;
    width: 150px;
    height: 50px;
    text-align: center;
    padding-top: 13px;
    background-color: #1D8749;
  }
  #thankYouRegister .login-btn a {
    color: #ffffff;
  }
  #thankYouRegister .login-btn:hover {
    background-color: #0f4827;
    cursor: pointer;
  }
  #thankYouRegister .login-btn:hover a {
    color: #ffffff;
  }
  #thankYouRegister h1 {
    color: #ffffff;
  }
  #thankYouRegister p {
    color: #ffffff;
  }
  #thankYouRegister .mainContainer {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    background: #e4e4e4;
    background: linear-gradient(180deg, #e4e4e4 0%, #c1c1c1 50%, #9e9e9e 100%);
    height: 100vh;
    overflow: hidden;
  }
  #thankYouRegister .thankyoubox {
    background: #1D8749;
    height: 40vh;
  }
  #thankYouRegister .thankyoutext {
    width: 35vw;
    position: absolute;
    transform: translate(90%, 45%);
    text-align: center;
    top: 7%;
  }
  #thankYouRegister .thankyoutext h5,
  #thankYouRegister .thankyoutext h2 {
    color: white;
  }
  #thankYouRegister .lpFooter {
    width: 100%;
    position: absolute;
    bottom: 5px;
    text-align: center;
    color: #0f4827;
  }
  #thankYouRegister .lpFooter a {
    color: #0f4827;
  }
  #thankYouRegister .descriptionbox {
    position: relative;
    bottom: 30%;
    width: 50%;
    text-align: center;
    left: 45%;
  }
  #thankYouRegister .descriptionbox h5 {
    color: #0f4827;
  }
  #thankYouRegister .pdfForm {
    position: absolute;
    height: 50vh;
    width: 27.5vw;
    bottom: 8vh;
    left: 15vw;
  }
  #thankYouRegister .appImg {
    position: absolute;
    height: 35vh;
    width: 25vw;
    right: 15vw;
    top: 10vh;
  }
  #thankYouRegister .appImg img {
    -webkit-box-shadow: 0px 16px 15px -13px rgba(0, 0, 0, 0.75);
    -moz-box-shadow: 0px 16px 15px -13px rgba(0, 0, 0, 0.75);
    box-shadow: 0px 16px 15px -13px rgba(0, 0, 0, 0.75);
  }
}
@media screen and (orientation: landscape) and (min-device-width: 640px) and (max-device-width: 1366px) {
  #thankYouRegister .thank-you-message {
    margin-top: 25px;
  }
  #thankYouRegister .thank-you-message .thank-you-header {
    display: flex;
    flex-direction: row;
    width: 25%;
    position: relative;
    left: 30%;
    margin-bottom: 25px;
  }
  #thankYouRegister .thank-you-message .thank-you-header img {
    margin-right: 10%;
    height: 100px;
    width: 100px;
  }
  #thankYouRegister .thank-you-message .thank-you-body {
    display: flex;
    flex-direction: column;
    width: 40%;
    position: relative;
    left: 30%;
  }
  #thankYouRegister .login-btn {
    position: relative;
    left: 42%;
    bottom: 25%;
    width: 150px;
    height: 50px;
    text-align: center;
    padding-top: 13px;
    background-color: #1D8749;
  }
  #thankYouRegister .login-btn a {
    color: #ffffff;
  }
  #thankYouRegister .login-btn:hover {
    background-color: #0f4827;
    cursor: pointer;
  }
  #thankYouRegister .login-btn:hover a {
    color: #ffffff;
  }
  #thankYouRegister h1 {
    color: #ffffff;
  }
  #thankYouRegister p {
    color: #ffffff;
  }
  #thankYouRegister .mainContainer {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    background: #e4e4e4;
    background: linear-gradient(180deg, #e4e4e4 0%, #c1c1c1 50%, #9e9e9e 100%);
    height: 100vh;
    overflow: hidden;
  }
  #thankYouRegister .thankyoubox {
    background: #1D8749;
    height: 40vh;
  }
  #thankYouRegister .thankyoutext {
    width: 35vw;
    position: absolute;
    transform: translate(90%, 45%);
    text-align: center;
    top: 50%;
  }
  #thankYouRegister .thankyoutext h5,
  #thankYouRegister .thankyoutext h2 {
    color: #1D8749;
  }
  #thankYouRegister .lpFooter {
    width: 100%;
    position: absolute;
    bottom: 5px;
    text-align: center;
    color: #0f4827;
  }
  #thankYouRegister .lpFooter a {
    color: #0f4827;
  }
  #thankYouRegister .descriptionbox {
    position: relative;
    bottom: 12%;
    width: 50%;
    text-align: center;
    left: 45%;
  }
  #thankYouRegister .pdfForm {
    position: absolute;
    height: 50vh;
    width: 27.5vw;
    bottom: 6vh;
    left: 10vw;
  }
  #thankYouRegister .appImg {
    position: absolute;
    height: 35vh;
    width: 35vw;
    right: 10vw;
    top: 10vh;
  }
  #thankYouRegister .appImg img {
    -webkit-box-shadow: 0px 16px 15px -13px rgba(0, 0, 0, 0.75);
    -moz-box-shadow: 0px 16px 15px -13px rgba(0, 0, 0, 0.75);
    box-shadow: 0px 16px 15px -13px rgba(0, 0, 0, 0.75);
  }
}
@media screen and (orientation: portrait) and (min-device-width: 640px) and (max-device-width: 1366px) {
  #thankYouRegister .thank-you-message {
    margin-top: 25px;
  }
  #thankYouRegister .thank-you-message .thank-you-header {
    display: flex;
    flex-direction: row;
    width: 25%;
    position: relative;
    left: 25%;
    margin-bottom: 25px;
  }
  #thankYouRegister .thank-you-message .thank-you-header img {
    margin-right: 10%;
    height: 100px;
    width: 100px;
  }
  #thankYouRegister .thank-you-message .thank-you-body {
    display: flex;
    flex-direction: column;
    width: 40%;
    position: relative;
    left: 30%;
  }
  #thankYouRegister .login-btn {
    position: relative;
    left: 40%;
    bottom: 25%;
    width: 150px;
    height: 50px;
    text-align: center;
    padding-top: 13px;
    background-color: #1D8749;
  }
  #thankYouRegister .login-btn a {
    color: #ffffff;
  }
  #thankYouRegister .login-btn:hover {
    background-color: #0f4827;
    cursor: pointer;
  }
  #thankYouRegister .login-btn:hover a {
    color: #ffffff;
  }
  #thankYouRegister h1 {
    color: #ffffff;
  }
  #thankYouRegister p {
    color: #ffffff;
  }
  #thankYouRegister .mainContainer {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    background: #e4e4e4;
    background: linear-gradient(180deg, #e4e4e4 0%, #c1c1c1 50%, #9e9e9e 100%);
    height: 100vh;
    overflow: hidden;
  }
  #thankYouRegister .thankyoubox {
    background: #1D8749;
    height: 40vh;
  }
  #thankYouRegister .thankyoutext {
    width: 35vw;
    position: absolute;
    transform: translate(88%, 45%);
    text-align: center;
    top: 45%;
  }
  #thankYouRegister .thankyoutext h5,
  #thankYouRegister .thankyoutext h2 {
    color: #1D8749;
  }
  #thankYouRegister .lpFooter {
    width: 100%;
    position: absolute;
    bottom: 5px;
    text-align: center;
    color: #0f4827;
  }
  #thankYouRegister .lpFooter a {
    color: #0f4827;
  }
  #thankYouRegister .descriptionbox {
    position: relative;
    bottom: 16%;
    width: 50%;
    text-align: center;
    left: 45%;
  }
  #thankYouRegister .descriptionbox h5 {
    color: #0f4827;
  }
  #thankYouRegister .pdfForm {
    position: absolute;
    height: 50vh;
    width: 32.5vw;
    bottom: 0vh;
    left: 8vw;
  }
  #thankYouRegister .appImg {
    position: absolute;
    height: 35vh;
    width: 42vw;
    right: 8vw;
    top: 8vh;
  }
  #thankYouRegister .appImg img {
    -webkit-box-shadow: 0px 16px 15px -13px rgba(0, 0, 0, 0.75);
    -moz-box-shadow: 0px 16px 15px -13px rgba(0, 0, 0, 0.75);
    box-shadow: 0px 16px 15px -13px rgba(0, 0, 0, 0.75);
  }
}
@media screen and (orientation: portrait) and (max-device-width: 1024px) and (min-device-height: 1366px) {
  #thankYouRegister .thank-you-message {
    margin-top: 25px;
  }
  #thankYouRegister .thank-you-message .thank-you-header {
    display: flex;
    flex-direction: row;
    width: 25%;
    position: relative;
    left: 31%;
    margin-bottom: 25px;
  }
  #thankYouRegister .thank-you-message .thank-you-header img {
    margin-right: 10%;
    height: 100px;
    width: 100px;
  }
  #thankYouRegister .thank-you-message .thank-you-body {
    display: flex;
    flex-direction: column;
    width: 25%;
    position: relative;
    left: 38%;
  }
  #thankYouRegister .login-btn {
    position: relative;
    left: 43%;
    bottom: 25%;
    width: 150px;
    height: 50px;
    text-align: center;
    padding-top: 13px;
    background-color: #1D8749;
  }
  #thankYouRegister .login-btn a {
    color: #ffffff;
  }
  #thankYouRegister .login-btn:hover {
    background-color: #0f4827;
    cursor: pointer;
  }
  #thankYouRegister .login-btn:hover a {
    color: #ffffff;
  }
  #thankYouRegister h1 {
    color: #ffffff;
  }
  #thankYouRegister p {
    color: #ffffff;
  }
  #thankYouRegister .mainContainer {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    background: #e4e4e4;
    background: linear-gradient(180deg, #e4e4e4 0%, #c1c1c1 50%, #9e9e9e 100%);
    height: 100vh;
    overflow: hidden;
  }
  #thankYouRegister .thankyoubox {
    background: #1D8749;
    height: 40vh;
  }
  #thankYouRegister .thankyoutext {
    width: 35vw;
    position: absolute;
    transform: translate(90%, 45%);
    text-align: center;
    top: 50%;
  }
  #thankYouRegister .thankyoutext h5,
  #thankYouRegister .thankyoutext h2 {
    color: #1D8749;
  }
  #thankYouRegister .lpFooter {
    width: 100%;
    position: absolute;
    bottom: 5px;
    text-align: center;
    color: #0f4827;
  }
  #thankYouRegister .lpFooter a {
    color: #0f4827;
  }
  #thankYouRegister .descriptionbox {
    position: relative;
    bottom: 20%;
    width: 50%;
    text-align: center;
    left: 45%;
  }
  #thankYouRegister .descriptionbox h5 {
    color: #0f4827;
  }
  #thankYouRegister .pdfForm {
    position: absolute;
    height: 38vh;
    width: 32.5vw;
    bottom: 8vh;
    left: 8vw;
  }
  #thankYouRegister .appImg {
    position: absolute;
    height: 35vh;
    width: 40vw;
    right: 8vw;
    top: 10vh;
  }
  #thankYouRegister .appImg img {
    -webkit-box-shadow: 0px 16px 15px -13px rgba(0, 0, 0, 0.75);
    -moz-box-shadow: 0px 16px 15px -13px rgba(0, 0, 0, 0.75);
    box-shadow: 0px 16px 15px -13px rgba(0, 0, 0, 0.75);
  }
}
@media screen and (orientation: landscape) and (min-device-width: 1366px) and (max-device-height: 1024px) {
  #thankYouRegister .thank-you-message {
    margin-top: 25px;
  }
  #thankYouRegister .thank-you-message .thank-you-header {
    display: flex;
    flex-direction: row;
    width: 25%;
    position: relative;
    left: 35%;
    margin-bottom: 25px;
  }
  #thankYouRegister .thank-you-message .thank-you-header img {
    margin-right: 10%;
    height: 100px;
    width: 100px;
  }
  #thankYouRegister .thank-you-message .thank-you-body {
    display: flex;
    flex-direction: column;
    width: 25%;
    position: relative;
    left: 38%;
  }
  #thankYouRegister .login-btn {
    position: relative;
    left: 44%;
    bottom: 25%;
    width: 150px;
    height: 50px;
    text-align: center;
    padding-top: 13px;
    background-color: #1D8749;
  }
  #thankYouRegister .login-btn a {
    color: #ffffff;
  }
  #thankYouRegister .login-btn:hover {
    background-color: #0f4827;
    cursor: pointer;
  }
  #thankYouRegister .login-btn:hover a {
    color: #ffffff;
  }
  #thankYouRegister h1 {
    color: #ffffff;
  }
  #thankYouRegister p {
    color: #ffffff;
  }
  #thankYouRegister .mainContainer {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    background: #e4e4e4;
    background: linear-gradient(180deg, #e4e4e4 0%, #c1c1c1 50%, #9e9e9e 100%);
    height: 100vh;
    overflow: hidden;
  }
  #thankYouRegister .thankyoubox {
    background: #1D8749;
    height: 40vh;
  }
  #thankYouRegister .thankyoutext {
    width: 35vw;
    position: absolute;
    transform: translate(88%, 45%);
    text-align: center;
    top: 50%;
  }
  #thankYouRegister .thankyoutext h5,
  #thankYouRegister .thankyoutext h2 {
    color: #1D8749;
  }
  #thankYouRegister .lpFooter {
    width: 100%;
    position: absolute;
    bottom: 5px;
    text-align: center;
    color: #0f4827;
  }
  #thankYouRegister .lpFooter a {
    color: #0f4827;
  }
  #thankYouRegister .descriptionbox {
    position: relative;
    bottom: 30%;
    width: 50%;
    text-align: center;
    left: 45%;
  }
  #thankYouRegister .pdfForm {
    position: absolute;
    height: 50vh;
    width: 27.5vw;
    bottom: 8vh;
    left: 10vw;
  }
  #thankYouRegister .appImg {
    position: absolute;
    height: 35vh;
    width: 35vw;
    right: 10vw;
    top: 10vh;
  }
  #thankYouRegister .appImg img {
    -webkit-box-shadow: 0px 16px 15px -13px rgba(0, 0, 0, 0.75);
    -moz-box-shadow: 0px 16px 15px -13px rgba(0, 0, 0, 0.75);
    box-shadow: 0px 16px 15px -13px rgba(0, 0, 0, 0.75);
  }
}
@media screen and (orientation: landscape) and (min-device-width: 376px) and (max-device-width: 823px) {
  #thankYouRegister .thank-you-message {
    margin-top: 25px;
  }
  #thankYouRegister .thank-you-message .thank-you-header {
    display: flex;
    flex-direction: row;
    width: 25%;
    position: relative;
    left: 37%;
    margin-bottom: 25px;
  }
  #thankYouRegister .thank-you-message .thank-you-header img {
    margin-right: 10%;
    height: 100px;
    width: 100px;
  }
  #thankYouRegister .thank-you-message .thank-you-body {
    display: flex;
    flex-direction: column;
    width: 25%;
    position: relative;
    left: 38%;
  }
  #thankYouRegister .login-btn {
    position: relative;
    left: 45%;
    bottom: 25%;
    width: 150px;
    height: 50px;
    text-align: center;
    padding-top: 13px;
    background-color: #1D8749;
  }
  #thankYouRegister .login-btn a {
    color: #ffffff;
  }
  #thankYouRegister .login-btn:hover {
    background-color: #0f4827;
    cursor: pointer;
  }
  #thankYouRegister .login-btn:hover a {
    color: #ffffff;
  }
  #thankYouRegister h1 {
    color: #ffffff;
  }
  #thankYouRegister p {
    color: #ffffff;
  }
  #thankYouRegister .mainContainer {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    background: #e4e4e4;
    background: linear-gradient(180deg, #e4e4e4 0%, #c1c1c1 50%, #9e9e9e 100%);
    height: 100vh;
    overflow: hidden;
  }
  #thankYouRegister .thankyoubox {
    background: #1D8749;
    height: 100vh;
  }
  #thankYouRegister .thankyoutext {
    width: 35vw;
    position: absolute;
    transform: translate(90%, 45%);
    text-align: center;
    top: -25%;
  }
  #thankYouRegister .thankyoutext h5,
  #thankYouRegister .thankyoutext h2 {
    color: white;
  }
  #thankYouRegister .lpFooter {
    width: 100%;
    position: absolute;
    bottom: 5px;
    text-align: center;
    color: #0f4827;
  }
  #thankYouRegister .lpFooter a {
    color: #0f4827;
  }
  #thankYouRegister .descriptionbox {
    display: none;
  }
  #thankYouRegister .pdfForm {
    display: none;
  }
  #thankYouRegister .appImg {
    position: absolute;
    height: 50vh;
    width: 33vw;
    right: 8vw;
    top: 13vh;
  }
  #thankYouRegister .appImg img {
    -webkit-box-shadow: 0px 16px 15px -13px rgba(0, 0, 0, 0.75);
    -moz-box-shadow: 0px 16px 15px -13px rgba(0, 0, 0, 0.75);
    box-shadow: 0px 16px 15px -13px rgba(0, 0, 0, 0.75);
  }
}
#thankYou h1 {
  color: #ffffff;
}
#thankYou p {
  color: #ffffff;
}
#thankYou .mainContainer {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  background: #e4e4e4;
  background: linear-gradient(180deg, #e4e4e4 0%, #c1c1c1 50%, #9e9e9e 100%);
  height: 100vh;
  overflow: hidden;
}
#thankYou .thankyoubox {
  background: #1D8749;
  height: 40vh;
}
#thankYou .thankyoutext {
  width: 35vw;
  position: absolute;
  transform: translate(25%, 85%);
  text-align: center;
  top: 7%;
}
#thankYou .thankyoutext h5,
#thankYou .thankyoutext h2 {
  color: white;
}
#thankYou .lpFooter {
  width: 100%;
  position: absolute;
  bottom: 5px;
  text-align: center;
  color: #0f4827;
}
#thankYou .lpFooter a {
  color: #0f4827;
}
#thankYou .descriptionbox {
  position: relative;
  bottom: 30%;
  width: 50%;
  text-align: center;
  left: 45%;
}
#thankYou .descriptionbox h5 {
  color: #0f4827;
}
#thankYou .pdfForm {
  position: absolute;
  height: 50vh;
  width: 27.5vw;
  bottom: 8vh;
  left: 15vw;
}
#thankYou .appImg {
  position: absolute;
  height: 35vh;
  width: 25vw;
  right: 15vw;
  top: 10vh;
}
#thankYou .appImg img {
  -webkit-box-shadow: 0px 16px 15px -13px rgba(0, 0, 0, 0.75);
  -moz-box-shadow: 0px 16px 15px -13px rgba(0, 0, 0, 0.75);
  box-shadow: 0px 16px 15px -13px rgba(0, 0, 0, 0.75);
}
@media screen and (orientation: portrait) and (min-device-width: 320px) and (max-device-width: 450px) {
  #thankYou h1 {
    color: #ffffff;
  }
  #thankYou p {
    color: #ffffff;
  }
  #thankYou .mainContainer {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    background: #e4e4e4;
    background: linear-gradient(180deg, #e4e4e4 0%, #c1c1c1 50%, #9e9e9e 100%);
    height: 100vh;
    overflow: hidden;
  }
  #thankYou .thankyoubox {
    background: #1D8749;
    height: 40vh;
  }
  #thankYou .thankyoutext {
    width: 35vw;
    position: absolute;
    transform: translate(0);
    text-align: center;
    top: 5vh;
    left: 33%;
  }
  #thankYou .thankyoutext h5 {
    color: white;
    font-size: 14px;
  }
  #thankYou .thankyoutext h2 {
    color: white;
    font-size: 18px;
  }
  #thankYou .lpFooter {
    width: 100%;
    position: absolute;
    bottom: 5px;
    text-align: center;
    color: #0f4827;
  }
  #thankYou .lpFooter a {
    color: #0f4827;
  }
  #thankYou .descriptionbox {
    position: relative;
    bottom: 37%;
    width: 100%;
    text-align: center;
    left: 0;
  }
  #thankYou .descriptionbox h3 {
    font-size: 16px;
  }
  #thankYou .pdfForm {
    position: absolute;
    height: 50vh;
    width: 45.5vw;
    bottom: -11vh;
    left: 27vw;
  }
  #thankYou .appImg {
    position: absolute;
    height: 35vh;
    width: 50vw;
    right: 25vw;
    top: 22vh;
  }
  #thankYou .appImg img {
    -webkit-box-shadow: 0px 16px 15px -13px rgba(0, 0, 0, 0.75);
    -moz-box-shadow: 0px 16px 15px -13px rgba(0, 0, 0, 0.75);
    box-shadow: 0px 16px 15px -13px rgba(0, 0, 0, 0.75);
  }
}
@media screen and (orientation: landscape) and (min-device-width: 319px) and (max-device-width: 823px) {
  #thankYou h1 {
    color: #ffffff;
  }
  #thankYou p {
    color: #ffffff;
  }
  #thankYou .mainContainer {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    background: #e4e4e4;
    background: linear-gradient(180deg, #e4e4e4 0%, #c1c1c1 50%, #9e9e9e 100%);
    height: 100vh;
    overflow: hidden;
  }
  #thankYou .thankyoubox {
    background: #1D8749;
    height: 40vh;
  }
  #thankYou .thankyoutext {
    width: 35vw;
    position: absolute;
    transform: translate(25%, 85%);
    text-align: center;
    top: 7%;
  }
  #thankYou .thankyoutext h5,
  #thankYou .thankyoutext h2 {
    color: white;
  }
  #thankYou .lpFooter {
    width: 100%;
    position: absolute;
    bottom: 5px;
    text-align: center;
    color: #0f4827;
  }
  #thankYou .lpFooter a {
    color: #0f4827;
  }
  #thankYou .descriptionbox {
    position: relative;
    bottom: 30%;
    width: 50%;
    text-align: center;
    left: 45%;
  }
  #thankYou .descriptionbox h5 {
    color: #0f4827;
  }
  #thankYou .pdfForm {
    position: absolute;
    height: 50vh;
    width: 27.5vw;
    bottom: 8vh;
    left: 15vw;
  }
  #thankYou .appImg {
    position: absolute;
    height: 35vh;
    width: 25vw;
    right: 15vw;
    top: 10vh;
  }
  #thankYou .appImg img {
    -webkit-box-shadow: 0px 16px 15px -13px rgba(0, 0, 0, 0.75);
    -moz-box-shadow: 0px 16px 15px -13px rgba(0, 0, 0, 0.75);
    box-shadow: 0px 16px 15px -13px rgba(0, 0, 0, 0.75);
  }
}
@media screen and (orientation: landscape) and (min-device-width: 640px) and (max-device-width: 1366px) {
  #thankYou h1 {
    color: #ffffff;
  }
  #thankYou p {
    color: #ffffff;
  }
  #thankYou .mainContainer {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    background: #e4e4e4;
    background: linear-gradient(180deg, #e4e4e4 0%, #c1c1c1 50%, #9e9e9e 100%);
    height: 100vh;
    overflow: hidden;
  }
  #thankYou .thankyoubox {
    background: #1D8749;
    height: 40vh;
  }
  #thankYou .thankyoutext {
    width: 35vw;
    position: absolute;
    transform: translate(25%, 85%);
    text-align: center;
    top: -7%;
  }
  #thankYou .thankyoutext h5,
  #thankYou .thankyoutext h2 {
    color: white;
  }
  #thankYou .lpFooter {
    width: 100%;
    position: absolute;
    bottom: 5px;
    text-align: center;
    color: #0f4827;
  }
  #thankYou .lpFooter a {
    color: #0f4827;
  }
  #thankYou .descriptionbox {
    position: relative;
    bottom: 12%;
    width: 50%;
    text-align: center;
    left: 45%;
  }
  #thankYou .pdfForm {
    position: absolute;
    height: 50vh;
    width: 27.5vw;
    bottom: 6vh;
    left: 10vw;
  }
  #thankYou .appImg {
    position: absolute;
    height: 35vh;
    width: 35vw;
    right: 10vw;
    top: 10vh;
  }
  #thankYou .appImg img {
    -webkit-box-shadow: 0px 16px 15px -13px rgba(0, 0, 0, 0.75);
    -moz-box-shadow: 0px 16px 15px -13px rgba(0, 0, 0, 0.75);
    box-shadow: 0px 16px 15px -13px rgba(0, 0, 0, 0.75);
  }
}
@media screen and (orientation: portrait) and (min-device-width: 640px) and (max-device-width: 1366px) {
  #thankYou h1 {
    color: #ffffff;
  }
  #thankYou p {
    color: #ffffff;
  }
  #thankYou .mainContainer {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    background: #e4e4e4;
    background: linear-gradient(180deg, #e4e4e4 0%, #c1c1c1 50%, #9e9e9e 100%);
    height: 100vh;
    overflow: hidden;
  }
  #thankYou .thankyoubox {
    background: #1D8749;
    height: 40vh;
  }
  #thankYou .thankyoutext {
    width: 35vw;
    position: absolute;
    transform: translate(25%, 85%);
    text-align: center;
    top: -4%;
  }
  #thankYou .thankyoutext h5,
  #thankYou .thankyoutext h2 {
    color: white;
  }
  #thankYou .lpFooter {
    width: 100%;
    position: absolute;
    bottom: 5px;
    text-align: center;
    color: #0f4827;
  }
  #thankYou .lpFooter a {
    color: #0f4827;
  }
  #thankYou .descriptionbox {
    position: relative;
    bottom: 16%;
    width: 50%;
    text-align: center;
    left: 45%;
  }
  #thankYou .descriptionbox h5 {
    color: #0f4827;
  }
  #thankYou .pdfForm {
    position: absolute;
    height: 50vh;
    width: 32.5vw;
    bottom: 0vh;
    left: 8vw;
  }
  #thankYou .appImg {
    position: absolute;
    height: 35vh;
    width: 42vw;
    right: 8vw;
    top: 8vh;
  }
  #thankYou .appImg img {
    -webkit-box-shadow: 0px 16px 15px -13px rgba(0, 0, 0, 0.75);
    -moz-box-shadow: 0px 16px 15px -13px rgba(0, 0, 0, 0.75);
    box-shadow: 0px 16px 15px -13px rgba(0, 0, 0, 0.75);
  }
}
@media screen and (orientation: portrait) and (max-device-width: 1024px) and (min-device-height: 1366px) {
  #thankYou h1 {
    color: #ffffff;
  }
  #thankYou p {
    color: #ffffff;
  }
  #thankYou .mainContainer {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    background: #e4e4e4;
    background: linear-gradient(180deg, #e4e4e4 0%, #c1c1c1 50%, #9e9e9e 100%);
    height: 100vh;
    overflow: hidden;
  }
  #thankYou .thankyoubox {
    background: #1D8749;
    height: 40vh;
  }
  #thankYou .thankyoutext {
    width: 35vw;
    position: absolute;
    transform: translate(25%, 85%);
    text-align: center;
    top: 5%;
  }
  #thankYou .thankyoutext h5,
  #thankYou .thankyoutext h2 {
    color: white;
  }
  #thankYou .lpFooter {
    width: 100%;
    position: absolute;
    bottom: 5px;
    text-align: center;
    color: #0f4827;
  }
  #thankYou .lpFooter a {
    color: #0f4827;
  }
  #thankYou .descriptionbox {
    position: relative;
    bottom: 20%;
    width: 50%;
    text-align: center;
    left: 45%;
  }
  #thankYou .descriptionbox h5 {
    color: #0f4827;
  }
  #thankYou .pdfForm {
    position: absolute;
    height: 38vh;
    width: 32.5vw;
    bottom: 8vh;
    left: 8vw;
  }
  #thankYou .appImg {
    position: absolute;
    height: 35vh;
    width: 40vw;
    right: 8vw;
    top: 10vh;
  }
  #thankYou .appImg img {
    -webkit-box-shadow: 0px 16px 15px -13px rgba(0, 0, 0, 0.75);
    -moz-box-shadow: 0px 16px 15px -13px rgba(0, 0, 0, 0.75);
    box-shadow: 0px 16px 15px -13px rgba(0, 0, 0, 0.75);
  }
}
@media screen and (orientation: landscape) and (min-device-width: 1366px) and (max-device-height: 1024px) {
  #thankYou h1 {
    color: #ffffff;
  }
  #thankYou p {
    color: #ffffff;
  }
  #thankYou .mainContainer {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    background: #e4e4e4;
    background: linear-gradient(180deg, #e4e4e4 0%, #c1c1c1 50%, #9e9e9e 100%);
    height: 100vh;
    overflow: hidden;
  }
  #thankYou .thankyoubox {
    background: #1D8749;
    height: 40vh;
  }
  #thankYou .thankyoutext {
    width: 35vw;
    position: absolute;
    transform: translate(25%, 85%);
    text-align: center;
    top: 7%;
  }
  #thankYou .thankyoutext h5,
  #thankYou .thankyoutext h2 {
    color: white;
  }
  #thankYou .lpFooter {
    width: 100%;
    position: absolute;
    bottom: 5px;
    text-align: center;
    color: #0f4827;
  }
  #thankYou .lpFooter a {
    color: #0f4827;
  }
  #thankYou .descriptionbox {
    position: relative;
    bottom: 30%;
    width: 50%;
    text-align: center;
    left: 45%;
  }
  #thankYou .pdfForm {
    position: absolute;
    height: 50vh;
    width: 27.5vw;
    bottom: 8vh;
    left: 10vw;
  }
  #thankYou .appImg {
    position: absolute;
    height: 35vh;
    width: 35vw;
    right: 10vw;
    top: 10vh;
  }
  #thankYou .appImg img {
    -webkit-box-shadow: 0px 16px 15px -13px rgba(0, 0, 0, 0.75);
    -moz-box-shadow: 0px 16px 15px -13px rgba(0, 0, 0, 0.75);
    box-shadow: 0px 16px 15px -13px rgba(0, 0, 0, 0.75);
  }
}
@media screen and (orientation: landscape) and (min-device-width: 376px) and (max-device-width: 823px) {
  #thankYou h1 {
    color: #ffffff;
  }
  #thankYou p {
    color: #ffffff;
  }
  #thankYou .mainContainer {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    background: #e4e4e4;
    background: linear-gradient(180deg, #e4e4e4 0%, #c1c1c1 50%, #9e9e9e 100%);
    height: 100vh;
    overflow: hidden;
  }
  #thankYou .thankyoubox {
    background: #1D8749;
    height: 100vh;
  }
  #thankYou .thankyoutext {
    width: 35vw;
    position: absolute;
    transform: translate(25%, 85%);
    text-align: center;
    top: -25%;
  }
  #thankYou .thankyoutext h5,
  #thankYou .thankyoutext h2 {
    color: white;
  }
  #thankYou .lpFooter {
    width: 100%;
    position: absolute;
    bottom: 5px;
    text-align: center;
    color: #0f4827;
  }
  #thankYou .lpFooter a {
    color: #0f4827;
  }
  #thankYou .descriptionbox {
    display: none;
  }
  #thankYou .pdfForm {
    display: none;
  }
  #thankYou .appImg {
    position: absolute;
    height: 50vh;
    width: 33vw;
    right: 8vw;
    top: 13vh;
  }
  #thankYou .appImg img {
    -webkit-box-shadow: 0px 16px 15px -13px rgba(0, 0, 0, 0.75);
    -moz-box-shadow: 0px 16px 15px -13px rgba(0, 0, 0, 0.75);
    box-shadow: 0px 16px 15px -13px rgba(0, 0, 0, 0.75);
  }
}
/* Terms & Policy Styling */
#Privacy-Policy,
#Terms-Conditions {
  margin: 50px 200px 50px 200px;
}
#Privacy-Policy h4,
#Terms-Conditions h4 {
  text-align: left !important;
  font-weight: bold;
}
#Privacy-Policy p,
#Terms-Conditions p {
  text-transform: none;
}
#Privacy-Policy .byers-address p,
#Terms-Conditions .byers-address p {
  margin-bottom: 0px !important;
  font-weight: bold;
}
#clients[name=users] .selectall,
#clients[name=users] .massmove,
#clients[name=users] .massdelete,
#clients[name=users] .unassigned,
#clients[name=users] .openseason,
#clients[name=users] .isinactive,
#clients[name=users] .selectall {
  display: block;
  justify-content: space-around;
  width: 150px;
}
#user-stats .users-stats,
#users-charts .users-stats,
#users .users-stats,
#user-stats .users-charts,
#users-charts .users-charts,
#users .users-charts,
#user-stats .isinactive,
#users-charts .isinactive,
#users .isinactive {
  display: block;
}
#date-range {
  font-size: 12px;
  width: 200px !important;
}
[name="user-stats"] .user-stats {
  width: 48%;
  height: 25vh;
  margin: 10px;
}
[name="user-stats"] .user-card-header p {
  font-weight: bold;
  color: #1D8749;
}
[name="user-stats"] .add-btn,
[name="user-stats"] #label-header {
  display: none;
}
[name="user-stats"] #search-div {
  position: relative;
  left: -100px;
}
[name="user-stats"] .ranges li.active {
  background-color: #1D8749 !important;
}
[name="user-stats"] .daterangepicker td.active {
  background-color: #1D8749 !important;
}
[name="user-stats"] .date-btn {
  background-color: #E6E6E6;
  color: #1D8749;
}
[name="user-stats"] .btn-primary:disabled {
  background-color: #1D8749 !important;
}
[name="user-stats"] #date-title {
  font-size: 16px;
  font-weight: bold;
  color: #1D8749;
}
#users-charts #label-header {
  display: none;
}
.users-cb {
  display: none;
}
[name="users"] {
  /* Employee's Potential Search Div Styling*/
}
[name="users"] .add-btn {
  visibility: hidden;
}
[name="users"] #search-div {
  width: 300%;
  left: 0px;
}
[name="users"] .users-cb {
  display: block;
}
[name="users"] .pile {
  padding-right: 0px !important;
}
[name="users"] .pile .client-title {
  display: flex;
  flex-direction: column;
  width: 60.5%;
  font-size: 100%;
  background: #E6E6E6;
  text-align: center;
  white-space: nowrap;
}
/*Employee's Referral Search Div Styling*/
#referrals-user .selectall,
#referrals-user .user-stats,
#referrals-user .massmove,
#referrals-user .massdelete,
#referrals-user .stats-ref,
#referrals-user .isinactive {
  display: block;
}
#referrals-user .add-btn {
  visibility: hidden;
}
#referrals-user .potential {
  display: none;
}
#referrals-user .referral {
  display: inline-block;
}
#referrals-user #search-div {
  width: 300%;
  left: -50px;
}
.user-tag {
  background: #E6E6E6;
  padding: 15px 5px 15px 5px !important;
  margin: 5px;
}
.user-data {
  white-space: nowrap;
  background: #E6E6E6;
  padding: 10px;
  margin: 5px;
  width: 24%;
}
.modal-btn {
  padding: 0px 5px 0px 5px;
}
/*Good, Bad, Ugly*/
.good {
  background-color: #1D8749;
}
.bad {
  background-color: #ff0000;
}
.ugly {
  background-color: #fff435;
}
td,
th {
  color: black;
}
button,
[type="button"],
[type="reset"],
[type="submit"] {
  -webkit-appearance: none !important;
}
input[type="date"]::-webkit-inner-spin-button,
input[type="date"]::-webkit-clear-button {
  display: none;
  -webkit-appearance: none;
}
input [type="checkbox"] {
  transform: scale(2);
}
div:empty:before {
  content: attr(data-placeholder);
  color: #ffffff;
}
.center {
  margin: auto;
  text-align: center;
}
.row {
  margin: 0px;
}
h4 {
  font-size: 100%;
  text-align: center;
  text-transform: capitalize;
}
h3 {
  color: #1D8749;
}
h1 {
  color: #1D8749;
}
h6 {
  font-size: 100%;
  color: #1D8749;
  text-transform: capitalize;
  font-weight: bold;
  padding: 5px;
  margin: 0px;
}
p {
  font-size: 100%;
  color: black;
  text-transform: capitalize;
  padding: 0px 0px 0px 5px;
  margin: 0px;
}
.text {
  font-size: 160%;
  color: #0f4827;
  text-transform: capitalize;
}
img {
  object-fit: contain;
  max-width: 100% !important;
  max-height: 100%;
  width: auto;
  height: auto;
}
.mainContainer {
  background-color: #ffffff;
  display: flex;
  flex-direction: row;
  padding-bottom: 80px !important;
}
.users-cb {
  position: relative;
  top: 2px;
  left: 2px;
  margin-right: 5px;
  height: 25px;
  width: 25px;
}
.options input {
  float: left;
}
.options .option-txt {
  font-size: 14px !important;
}
.options .col-md-5 {
  padding: 0px !important;
}
.options input[type="radio"] {
  vertical-align: baseline;
  margin-top: 4px;
  margin-right: 5px;
}