:root {
  --default-text-color: #002147;
}

body{
  margin:0px;
  /*font-family: "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica; */
  font-weight: 300;
}

#base {
  /*background-color: white !important;*/
  background-color: #f3f2f2 !important;
}

.banner-logo {
  background: url('../images/Web_portal_banner.png') no-repeat 0 0;
  background-size: cover;
  display: flex;
  align-items: center;
  justify-content: center;
  max-height: 1200px;
  height: 25vw;
}

.preview-icon {
  font-size: 36px !important;
}

.suav-logo {
  display: flex;
  align-items: center;
  justify-content: center;
  max-height: 200px;
  width: 200px;
  height: 25vw;
  z-index: 1
}

.forgotten {
  position: relative;
  left: 19px;
  font-size: 17px;
}

.icon-container {
  min-width: 165px;
}

/*.preview-icon-container {
  left: 61px;
  position: relative;
}*/

.black {
  background-color: black !important;
  border-color: black;
}

.login-btn {
  width: 91px;
  border-radius: 5px;
}

.headerbar {
  background-color: rgba(31, 35, 38, 1);
  color: white;
}

.dropdown-menu.animation-dock.ul-align {
  /*margin-top: 3px !important;*/
}

.header-nav > li > a {
  display: flex;
  justify-content: center;
  align-items: center;
}
.header-nav-profile .dropdown.open > a {
  margin-top: 3px;
  padding: 12px;
  min-height: 58px;
  background: rgba(31, 35, 38, 1);
  border-color: rgba(0, 0, 0, 0.9);
  color: white;
}
.header-nav-profile .dropdown .profile-info small {
  display: block;
  opacity: 1;
}
.brand-holder {
  position: absolute;
  left: 0px;
  margin: auto;
  top: 5px;
  height: 51.5px;
  width: 196px;
}
.header-logo {
  background-image: url("../images/PatientFi_logo.png");
  background-repeat: no-repeat;
  background-position: left center;
  width: 163px;
  height: 40px;
  background-size: contain;
  margin-left: 10px;
}
.header-nav-profile .dropdown .profile-info {
  display: inline-block;
  vertical-align: middle;
  padding: 0 20px 0 10px;
  line-height: 39px;
  font-size: 20px;
}
.header-nav-profile .dropdown .profile-info small {
  display: block;
  opacity: 0.86;
  color: white;
  font-family: Helvetica Neue;
  font-weight: 400;
}
li.dropdown.profile-dropdown {
  border-left: 1px solid #6f6d6e;
}
nav .brand-logo {
  padding-left: 25px;
}

#menubar.menubar-inverse:before {
  background: #303030 url(../images/pattern-light-grey.png) 0 0;
}
#menubar.menubar-inverse:before {
  background: #474747;
}
#menubar.menubar-inverse {
  color: #474747;
}
.menubar-toggle {
  font-size: 20px;
}
ul.dropdown-menu.animation-dock {
  background: rgba(31, 35, 38, 1);
  color: white;
}
.dropdown-menu > li > a{
  color: white !important;
}
.header-nav-profile .dropdown.open .dropdown-menu{
  border-top: 1px solid white;
}
.dropdown-menu > li > a:hover {
  background: #4242ad52;
}

.btn-icon-toggle {
  font-size: 22px;
  padding: 0;
  width: 50px;
  color: white;
}

/*.card-body {
  padding: 0;  
  height: 639px;
}*/

.modal-primary .modal-header {
    background-color: rgba(41, 212, 163, 1);
    color: white;
}

.card-body-add-modal {
  padding: 0
  height: 200px;
}

.uploader-container, {
    height: 37%;
}

.card-head > p {
  float: left;
  line-height: 55px;
  margin-left: 20px;
}
.card-head > button, .card-head > button:focus, .card-head > button:hover {
  float: right;
  margin-right: 20px;
  margin-top: 10px;
  color: #FFFFFF;
  border-color: #FFFFFF;
}
.card-head p {
  font-size: 24px;
  margin: 0;
}

.card-container {
  padding: 0;
}

.card-head header {
  line-height: normal;
}

.card-container-inner {
  border: 1px solid;
  padding: 0;
  box-shadow: 5px 10px 8px #888888;
  margin-top: 8.333333333333332vh;
  margin-bottom: 8.333333333333332vh;
}

.modal-body {
  height: 300px;
  position: relative;
  padding: 15px;
}

.checkbox-styled:not(ie8).checkbox-danger input:checked ~ span:before{
  border-color: #000000;
}

.gui-controls > li > a > .title {
  color: white;
  font-weight: 500;
  font-size: 14px;
}
.gui-controls li > a:hover .title {
  color: #aaaaaa;
}
.gui-icon .fa:first-child, .gui-icon .md:first-child, .gui-icon .glyphicon:first-child {
  color: rgba(41, 212, 163, 1);
}
.gui-controls > li > a > .title:hover {
  color: #aaaaaa;
}
.gui-controls li.active > a .title{
  color: rgba(41, 212, 163, 1);
}

.title {
  position: absolute;
  top: 235px;
  left: 50px;
  height: 19px;
  width: 42px;
  font-size: 14px;
  color: rgba(45, 46, 51, 1);
  text-align: left;
  letter-spacing: 0.05em;
  line-height: 19px;
  top: -1px !important;
}

.overlay {
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: rgba(0,0,0,0.5);
  z-index: 1007;
  cursor: pointer;
  position:fixed;
}

.btn.disabled, .btn[disabled], fieldset[disabled] .btn {
  opacity: 1;
}

.form-group .form-control ~ label {
  top: -6px;
  margin-bottom: 0;
  font-size: 14px;
  color: #4a4a4a;
  font-weight: bold;
  opacity: 1;
}
.form-group .form-control ~ label:after, .form-group .form-control ~ .form-control-line:after {
  background-color: #d3d3d3c7;
}
/*.form-group .form-control:focus ~ label {
  color: rgb(179, 179, 179);
}*/

a > span > small {
  color: white;
  font-size: 20px;
  display: block;
}

/* buttons */
.btn-primary:hover, .btn-primary:focus, .open .dropdown-toggle.btn-primary {
  color: #ffffff;
  background-color: #8b8d94;
  border-color: #8b8d94;
}

.card-head > .schedule-header, .card-head > .teams-header {
  height: 19px;
  width: 122px;
  line-height: 0;
  font-size: 18px;
  color: grey
}

.header-container {
  border-bottom: 1px solid rgba(216, 216, 216, 1);
}

.main-list-text {
  padding: 0;
}

.top-header {
  background-color: rgba(31, 35, 38, 1)
}

.card-head > .sub-card-header {
  font-size: 25px;
}

.event-name {
  font-size: 25px;
  color: white;
  margin-left: 2px;
  font-weight: 800;
}

.add-route-team, .send-info-ios {
  float: right;
  position: relative;
  top: 9px;
  right: -7px;
}

/*.submit-btn {
  position: absolute;
  z-index: 1000;
  bottom: 0;
  right: 0;
}*/

.update-ios {
  color: #ffa220;
  background: #303030 url(../images/pattern-light-grey.png) 0 0;
}

.green {
  color: green;
}

.plus-btns-teams {
  position: absolute;
  z-index: 1;
  font-size: 16px;
  top: 12px;
  right: 13px;
  height: 30px;
  width: 30px;
  background-color: darkgreen;
}

.file-btn {
  position: absolute;
  top: -24px;
  right: 0px;
  width: 20%;
  text-align: center;
  border-radius: 5px 5px 0% 0%;
}


.upload-img {
  border: 2px solid black;
  height: 54%;
  width: 500px;
  visibility: visible;
  position: absolute;
  left: 50%;
  transform: translate(-49%);
}

.form-group-preview {
  position: relative;
  margin-bottom: 27px;
}

/* dropzone css */
#trigger-upload {
  color: white;
  background-color: #00ABC7;
  font-size: 14px;
  padding: 7px 20px;
  background-image: none;
}

#fine-uploader-manual-trigger .qq-upload-button {
  margin-right: 15px;
}

#fine-uploader-manual-trigger .buttons {
  width: 36%;
}

#fine-uploader-manual-trigger .qq-uploader .qq-total-progress-bar-container {
  width: 60%;
}

.qq-gallery .qq-upload-list {
  margin: 0;
  padding: 10px 0 0;
  list-style: none;
  max-height: 450px;
  overflow-y: auto;
  clear: both;
  box-shadow: none;
}

.qq-gallery .qq-upload-list li {
  display: inline-block;
  position: relative;
  max-width: 120px;
  margin: 0 25px 25px 0;
  padding: 0;
  line-height: 16px;
  font-size: 13px;
  color: #424242;
  background-color: #FFFFFF;
  border-radius: 2px;
  box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.22);
  vertical-align: top;
  height: 186px;
}

.qq-gallery .qq-upload-status-text {
  color: #333333;
  font-size: 12px;
  padding-left: 3px;
  padding-top: 2px;
  width: inherit;
  display: none;
  width: 108px;
}

.qq-gallery .qq-progress-bar {
  display: block;
  background: #00abc7;
  width: 0%;
  height: 15px;
  border-radius: 6px;
  margin-bottom: 3px;
}


.qq-gallery .qq-upload-spinner {
  display: inline-block;
  background: url(loading.gif);
  position: absolute;
  left: 50%;
  margin-left: -7px;
  top: 53px;
  width: 15px;
  height: 15px;
  vertical-align: text-bottom;
}

.qq-gallery .qq-thumbnail-wrapper {
  overflow: hidden;
  position: relative;
  height: 120px;
  width: 120px;
}

.qq-gallery .qq-thumbnail-selector {
  border-radius: 2px 2px 0 0;
  bottom: 0;
  top: 0;
  margin: auto;
  display: block;
}

.qq-gallery .qq-upload-cancel {
  background-color: #525252;
  color: #F7F7F7;
  font-weight: bold;
  font-family: Arial, Helvetica, sans-serif;
  border-radius: 12px;
  border: none;
  height: 22px;
  width: 22px;
  padding: 4px;
  position: absolute;
  right: -5px;
  top: -6px;
  margin: 0;
  line-height: 17px;
}

.qq-gallery .qq-delete-icon {
  background: url(trash.gif);
  width: 15px;
  height: 15px;
  vertical-align: sub;
  display: inline-block;
}

.qq-gallery .qq-upload-retry {
  cursor: pointer;
  position: absolute;
  top: 30px;
  left: 50%;
  margin-left: -31px;
  box-shadow: 0 1px 1px rgba(255, 255, 255, 0.37) inset, 1px 0 1px rgba(255, 255, 255, 0.07) inset, 0 4px 4px rgba(0, 0, 0, 0.5), 0 -2px 12px rgba(0, 0, 0, 0.08) inset;
  padding: 3px 4px;
  border: 1px solid #d2ddc7;
  border-radius: 2px;
  color: inherit;
  background-color: #EBF6E0;
  z-index: 1;
}

.qq-gallery .qq-upload-delete, .qq-gallery .qq-upload-pause, .qq-gallery .qq-upload-continue {
  border: none;
  background: none;
  color: #00A0BA;
  font-size: 12px;
  padding: 0;
}

.deleting-btn {
  position: absolute;
  left: 26px;
  bottom: 13px;
}

.save-file-btn {
  position: absolute;
  right: 26px;
  bottom: 13px;
}


/*.cancel-btn {
  position: absolute;
  bottom: 12px;
  right: 114px;
}*/

.cancel-btn-preview {
  position: absolute;
  bottom: 13px;
  right: 93px;
}

.qq-gallery .qq-retry-icon {
  background: url(retry.gif);
  width: 15px;
  height: 15px;
  vertical-align: sub;
  display: inline-block;
  float: none;
}

.qq-gallery .qq-continue-icon {
  background: url(continue.gif);
  width: 15px;
  height: 15px;
  vertical-align: sub;
  display: inline-block;
}

.qq-gallery .qq-btn {
  float: right;
  border: none;
  padding: 0;
  margin: 0;
  box-shadow: none;
}

.qq-gallery .qq-upload-delete, .qq-gallery .qq-upload-pause, .qq-gallery .qq-upload-continue {
  border: none;
  background: none;
  color: #00A0BA;
  font-size: 12px;
  padding: 0;
}

/* end of dropzone css */

.plus-btns {
  position: static;
  font-size: 24px;
  height: 33px;
  width: 33px;
}

.upload-body-container {
  background-color: white;
  overflow: auto;
  padding: 0;
}

.card {
  height: 88vh;
  background-color: white;
}

.file-upload, .buttons-csv{
  color: rgba(21, 137, 238, 1); 
  font-size: 15px;
  position: relative;
  top: 8px;
  right: 28px;
  text-align: right;
  position: absolute;
}

.filesInputs  {
  width: 0.1px;
  height: 0.1px;
  opacity: 0;
  overflow: hidden;
  position: absolute;
  z-index: -1;
}

.file {
  font-size: 30px;
}

.plus.fa.fa-plus:hover {
  cursor: pointer;
}

.file-row-container {
  list-style-type: none;
}

.file-name-text {
  width: 100%;
  position: absolute;
  bottom: 10px;
  text-align: center;
}

.button.dt-button {
  margin: 0;
}

/* Chrome, Safari, Edge, Opera */
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}
/* Firefox */
input[type=number] {
  -moz-appearance: textfield;
}

.dt-button {
  left: 22px;
}

table.dataTable thead th {
  padding: 10px !important;
}

#eventTable_wrapper > div.dt-buttons > button, #eventTable_wrapper > div.dt-buttons > button:hover  {
  background-color: white !important;
  background-repeat:no-repeat;
  border: none;
  cursor:pointer;
  overflow: hidden;
  background-image: none;  
  position: relative;
  left: 8px;
}

.csv-fa-styles {
  font-size: 25px;
  color: rgba(41, 212, 163, 1);
}

.preview-icon {
  position: absolute;
  right: 148px;
  top: 4px;
}

.modal-header-preview {
  padding: 15px;
  border-bottom: 1px solid #e5e5e5;
  min-height: 14%;
}

button.dt-button:active:not(.disabled) {
  box-shadow: none !important;
}

.qq-gallery.qq-uploader:before {
  content: attr(qq-drop-area-text) " ";
  position: absolute;
  font-size: 200%;
  left: 0;
  width: 100%;
  text-align: center;
  top: 45%;
  opacity: 0.25;
  filter: alpha(opacity=25);
}

.file-row {
  min-height: 149px;
}

#dropzone\20 style-dropzone {
  border: 1px solid #e5e5e5;
}

#dropzone\20 style-dropzone, .fine-uploader-manual-trigger, .full-height{
  height: 100%;
}

#fine-uploader-manual-trigger > div {
  text-align: center;
}

.dropzoneBorder {
  position: relative;
  height: 270px;
  border: 2px dashed #0087F7;
  border-radius: 5px;
  background: white;
}

.qq-gallery.qq-uploader {
  position: relative;
  min-height: 200px;
  max-height: 490px;
  overflow-y: hidden;
  width: inherit;
  border-radius: 6px;
  border: 1px dashed #CCCCCC;
  background-color: #FAFAFA;
  padding: 20px;
}

.gui-controls li .title {
  display: initial !important;
  top: -1px !important; 
}

.ellipsis-icon {
  position: absolute;
  height: 10px;
  top: 20px;
  right: 20px;
  font-size: 19px;
  display: none;
}

.plus {
  color: white;
  font-weight: 100;
}

.menubar-visible .hidden-folded {
  color: white;
}

#doctorSubmissionsTable_filter, #incompleteSubmissionsTable_filter {
  /*display: none !important;*/
  margin: 15px 0px 8px;
}

.row-styles {
  position: relative;
  margin-left: 19px;
  margin-right: 110px;
}

.file-text {
  padding-left: 35px !important;
}

.modal-body-delete {
  height: 70px;
  padding: 25px 15px 15px 15px;
}

.plus:hover, .ellipsis-icon, .ink-reaction.tile-content {
  cursor: pointer;
}

.btn-floating-action .fa, .btn-floating-action .md, .btn-floating-action .glyphicon {
    top: -7px;
    margin: 0;
    line-height: 42px;
    position: relative;
}

.submission-header-text {
  position: absolute;
  top: 14px;
  left: 50px;
  font-size: 25px;
}

.header-text {
  position: absolute;
  top: -11px;
  left: 50px;
}

.add-file-text {
  position: absolute;
  top: 5px;
  right: 140px;
}

.first-name-text {
  position: absolute;
  bottom: -6px;
  left: 50px;
}

.preview-text {
  position: absolute;
  bottom: -6px;
  right: 144px;
}

.remember {
  position: relative;
  font-size: 17px;
}

.red {
  color: red;
}

.list .tile:hover {
  color: black;
  font-weight: 800;
}

/*.list .tile .tile-icon {
  min-width: 56px;
  width: 56px;
  text-align: right;
}*/

.modal-body-form {
  position: relative;
  padding: 15px;
}

.center-icon {
  position: relative;
  left: 22px;
  font-size: 18px;
}

.center-icon-edit {
  position: relative;
  left: 13px;
  font-size: 18px;
}

#image-upload {
  width: 90%;
  margin: auto;
  position: relative;
  right: 47px;
  height: 255px;
  top: 7px;
  overflow: auto;
}

.modal-content-preview {
  height: 620px;
  position: relative;
  background-color: #ffffff;
  border: 1px solid #999999;
  border: 1px solid rgba(0, 0, 0, 0.2);
  border-radius: 2px;
  -webkit-box-shadow: 0 3px 9px rgba(0, 0, 0, 0.5);
  box-shadow: 0 3px 9px rgba(0, 0, 0, 0.5);
  background-clip: padding-box;
  outline: 0;
}

.display-edit {
  width: 80%;
  /*width: 50%;*/
  position: relative;
  left: 50%;
  transform: translate(-50%);
}

.header-colors {
  background-color: #1f2326 !important;
  background-image: none !important;
  border-color: #1f2326 !important;
}
.positioning-csv-btn {
  position: absolute !important;
  top: -2.8px;
  right: 19px;
}

.img-container {
  height: 80%;
}

.modal-body-height {
  padding: 15px;
  height: 71.8%;
}

.modal-footer-add {
  height: 14%;
  padding: 13px 26px;
  text-align: right;
  border-top: 1px solid #e5e5e5;
}

.new-name-input {
  position: relative;
  /*left: 30.5%;
  transform: translate(-50%);*/
  left: 10%;
}

.display-name-input {
  height: 20%;
  /*position: relative;
  top: 3%;
  left: 4px;*/
}

.padding-12 {
  padding: 11px 12px !important;
}

.card-body-height {
  height: 67.4vh;
  padding: 0;
}

/*.dropdown {
    width: 240px;
}*/

#format-items-top {
  height: 100%;
}

a.dropdown-toggle.ink-reaction.profile-a {
    justify-content: left !important;
}

.form-control.border-color {
  border-bottom-color: black !important;
}

.center-name {
  top: 3px;
  position: relative;
}

.objectTag {
  height: 80%;
  width: 80%;
  position: relative;
  left: 50%;
  transform: translate(-50%);
}

.pdf-icon {
  /*color: rgba(41, 212, 163, 1);*/
  color: black;
}



/* media queries */
/* ipad & tablet */
@media screen and (min-width: 415px) and (max-width: 768px){
  .banner-logo {
    height: 35vw;
  }
  .suav-logo {
    height: 30vw;
    width: 30vw;
  }
  .prod-card {
    width: 85%;
  }
}

@media (min-width: 769px) {
/*.modal-dialog {
    width: 1000px !important;
    margin: 30px auto;
    margin-top: 300px;
  }*/

.modal-dialog-preview {
    width: 1000px !important;
    margin: 30px auto;
    margin-top: 222px;
  }
}

.modal-dialog-view {
  width: 1000px !important;
  margin: 30px auto;
  margin-top: 300px;
  visibility: hidden;
}

ul.header-nav.header-nav-profile {
    margin: 0px;
}

/* media queries - mobile added size for iphone plus */
@media screen and (max-width: 414px) {
  .banner-logo {
    height: 40vw;
  }
  .suav-logo {
    height: 35vw;
    width: 35vw;
  }
  .prod-card {
    width: 90%;
  }
}

@media (max-width: 768px){
  .headerbar-right {
    position: absolute;
    left: 0;
    right: 0;
    min-height: 64px;
    top: 64px;
    float: none !important;
    background: rgba(34, 33, 32, 1);
    -webkit-box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.33);
    box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.33);
  }
  ul.header-nav.header-nav-profile {
    margin-left: 0px;
  }
  .headerbar-left {
    background-color: rgba(34, 33, 32, 1);;
  }
}

.nav-tabs.nav-justified > .active > a, .nav-tabs.nav-justified > .active > a:hover, .nav-tabs.nav-justified > li.active > a:focus {
  border: none;
  border-bottom: 2px solid #27BB91 !important;
}

.tabs-left > .nav-tabs .active > a, .tabs-left > .nav-tabs .active > a:hover, .tabs-left > .nav-tabs .active > a:focus {
  border: none;
  border-right: 2px solid #27BB91 !important;
}

.table-container {
  width: 100%;
  overflow: auto;
}

.default-container.table-container {
  overflow-x: auto;
  height: calc(100% - 56px);
}

#doctorSubmissionsTable, #incompleteSubmissionsTable {
  display: block;
  height: 90%;
  overflow: auto;
}

#doctorSubmissionsTable_wrapper, #incompleteSubmissionsTable_wrapper {
  position: static;
  height: 100%;

}

/*#doctorSubmissionsTable_filter {
  position: absolute;
  right: 30px;
  top: 14px;
  z-index: 999;
  color: white;
  height: 44px;
  padding: 0px;
  margin: 0px;
  color: black;
}*/

#doctorSubmissionsTable_filter > label > input[type=search], #incompleteSubmissionsTable_filter > label >input[type=search] {
  border-top: 0;
  border-left: 0;
  border-right: 0;
}

#doctorSubmissionsTable_filter > label > input[type=search]:focus, #incompleteSubmissionsTable_filter > label > input[type=search]:focus {
  outline: none;
}

.position-plus {
  position: absolute;
  top: 13px;
  right: 15px;
  cursor: pointer;
  height: 30px;
  text-align: center;
  vertical-align: middle;
  width: 30px;
}

.card-padding-bottom {
  padding-bottom: 24px;
}

#g1, #g2, #g3, #g4, #g5, #g6 {
  height: calc(100vh - 215px);
}

#g1 > div, #g2 > div, #g3 > div, #g4 > div, #g5 > div, #g6 > div {
  height: 100% !important;
  background-color: white !important;
}

#g1 > div > ul, #g2 > div > ul, #g3 > div > ul, #g4 > div > ul, #g5 > div > ul, #g6 > div > ul, .tabs-left > .nav-tabs .active > a, .tabs-left > .nav-tabs .active > a:hover, .tabs-left > .nav-tabs .active > a:focus {
  height: 100%;
  background-color: #f3f2f2;
}

.showTab {
  display: block !important;
  visibility: visible !important;
}

.form.form1 {
  max-width: 1200px;
  min-width: 700px;
  margin: auto;
  height: auto;
  border: 1px solid black;
  padding: 0px 100px 20px 100px;
  background-color: white;
  box-shadow: 5px 10px 8px #888888;
}

.header-styles {
  height: 60px;
}

.header-styles-fix {
  height: 37px;
  padding-top: 25px;
}

.no-padding-left {
  padding-left: 0;
}

.tab-content {
  height: 100%;
}

.innerTabs {
  padding: 25px 25px 0px 25px;
  height: 100%;
  background-color: #f3f2f2;
}

.filter-label-table > a {
  text-align: center;
}

.card-head.nav.nav-tabs {
  width: 10vw;
  min-width: 90px !important;
  max-width: 200px;
  background-color: white !important;
}

/*.cat-page, #g1 > div > ul, #g2 > div > ul, #g3 > div > ul, #g4 > div > ul, #g5 > div > ul, #g6 > div > ul, .tabs-left > .nav-tabs .active > a, .tabs-left > .nav-tabs .active > a:hover, .tabs-left > .nav-tabs .active > a:focus {
  background-color: white !important;
}*/

.nav.nav-tabs.nav-justified {
  border-bottom: 1px solid grey;
}

.background-outside-form {
  background-color: #f3f2f2;
  padding-bottom: 50px;
}

.form-padding-bottom {
  padding-bottom: 20px;
}

span.selection > span {
  border: none !important;
  border-bottom: 1px solid !important;
  background: transparent !important;
  border-radius: 0 !important;
  border-bottom-color: rgba(12, 12, 12, 0.12) !important;
}

span.selection > span > span {
  padding-left: 0 !important;
}

.form-group.select-fix, .select-fix, .select-fg {
  padding-top: 25px !important;
  height: 72px !important;
}

.fix-checkboxes {
  position: unset !important;
  font-size: 14px !important;
}

.select2{
  width: 100% !important;
}

.select2:focus {
  outline: none !important;
}

.padding-left-checkboxes {
  padding-left: 10px !important;
}

.legal-warning {
  font-size: 14px;
}

.warning-margin-bottom {
  margin-bottom: 25px;
}

.cat-page-backgroundColor {
  background-color: #f3f2f2 !important;
}

.group-types-header {
  font-size: 50px;
  text-align: center;

}

.group-types-subheader {
  font-size: 20px;
  text-align: center;
}

.cards-container {
  padding: 50px;
  height: auto;
}

.card-group-type {
  height: 30vh;
  width: 22%;
  margin-left: 8.5%;
  display: inline-block;
  cursor: pointer;
}

.prec100 {
  background-color: #00cdcd;
}

.prec50 {
  background-color: #0f88ff;
}

.prec0 {
  background-color: #4d009ad6;
}

.percentage-text {
  position: relative;
  top: 50%;
  transform: translate(0, -50%);
  text-align: center;
  font-size: 40px;
}

.inputs-container {
  padding-top: 50px;
}

.type-card {
  padding: 10px 150px;
  max-width: 1000px;
  left: 50%;
  background-color: white;
  transform: translate(-50%);
}

.submit-msa-btn-container {
  text-align: center;
  position: relative;
  top: 60px;
}

.submit-msa-btn {
  height: 40px;
  width: 173px;
  background-color: #42b2ff;
  border-radius: 20px;
  box-shadow: 0px 2px 10px 0px #000000;
  font-family: 'AvenirNext-Medium';
  font-size: 16px;
  color: #ffffff;
}

.select-fg-fixer {
  height: 72px !important;
  padding-top: 34px !important;
}

.select-fg-fix {
  height: 72px !important;
  padding-top: 34px !important;
  margin-bottom: 19px;
}

.green {
  color: green !important;
}

.red {
  color: red !important;
}

.form-group .form-control ~ label:after, .form-group .form-control ~ .form-control-line:after { /* this is to get rid of the underline on inputs thats below the input border */
  position: unset !important;
}

.form-control {
  border-bottom: 1px solid rgba(12, 12, 12, 0.12) !important;
}

#doctorSubmissionsTable > tbody > tr, #incompleteSubmissionsTable >tbody > tr {
  cursor: pointer;
}

.modal-footer-all {
  padding: 15px;
  text-align: right;
}

.center {
  text-align: center;
}

#Forms > div:nth-child(2) > div > div > span, #Forms > div:nth-child(22) > div > div > span {
  width: 20% !important;
  margin-left: 10px !important;
}

.select2-container--default .select2-selection--single .select2-selection__rendered {
  color: black;
  font-size: 16px !important;
}

@media (max-width: 769px) {
  #g1 > div > div > div.card-body.default-card-body.card-padding-bottom.tab-pane.group1form1.showTab.innerTabs > form > div:nth-child(32) > div:nth-child(5) > div {
    padding-bottom: 70px;
  }
  #content > section {
    background-color: #f3f2f2 !important;
  }
}

.btn-block {
  display: block;
  width: 7%;
  text-align: center;
  margin: auto;
  position: fixed;
  left: 50%;
  z-index: 6;
}

.viewStyles {
  border: 1px solid black;
}

.form-view-container {
  text-align: center;
}

.uploader-container, {
    height: 37%;
}

.submit-msa-btn-cancel {
  height: 40px;
  width: 173px;
  background-color: red;
  border-radius: 20px;
  box-shadow: 0px 2px 10px 0px #000000;
  font-family: Avenir;
  font-size: 16px;
  color: #ffffff;
}


.submit-msa-btn-upload {
  height: 40px;
  width: 173px;
  background-color: black;
  border-radius: 20px;
  box-shadow: 0px 2px 10px 0px #000000;
  font-family: Avenir;
  font-size: 16px;
  color: #ffffff;
}

.fixed-loading {
  position: fixed;
  left: 50%;
  transform: translate(-50%, 11px);
}

#signature {
  width: 100%;
}



/*.card-body {
  padding: 0;  
  height: 639px;
}*/

.card-body-add-modal {
  padding: 0
  height: 200px;
}

.uploader-container, {
    height: 37%;
}

.card-head > p {
  float: left;
  line-height: 55px;
  margin-left: 20px;
}
.card-head > button {
  float: right;
  margin-right: 20px;
  margin-top: 10px;
}
.card-head p {
  font-size: 24px;
  margin: 0;
}

.card-container {
  padding: 0;
}

.card-head header {
  line-height: normal;
}

.card-container-inner {
  border: 1px solid;
  padding: 0;
  box-shadow: 5px 10px 8px #888888;
  margin-top: 8.333333333333332vh;
  margin-bottom: 8.333333333333332vh;
}

.modal-body {
  height: 300px;
  position: relative;
  padding: 15px;
}

.checkbox-styled:not(ie8).checkbox-danger input:checked ~ span:before{
  border-color: #000000;
}

.gui-controls > li > a > .title {
  color: white;
  font-weight: 500;
  font-size: 14px;
}
.gui-controls li > a:hover .title {
  color: #aaaaaa;
}
.gui-icon .fa:first-child, .gui-icon .md:first-child, .gui-icon .glyphicon:first-child {
  color: rgba(41, 212, 163, 1);
}
.gui-controls > li > a > .title:hover {
  color: #aaaaaa;
}

.title {
  top: 45px !important;
}

.overlay {
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: rgba(0,0,0,0.5);
  z-index: 1007;
  cursor: pointer;
  position:fixed;
}

.btn.disabled, .btn[disabled], fieldset[disabled] .btn {
  opacity: 1;
}

.form-group .form-control ~ label:after, .form-group .form-control ~ .form-control-line:after {
  background-color: #d3d3d3c7;
}

a > span > small {
  color: white;
  font-size: 20px;
  display: block;
}

/* buttons */
.btn-primary:hover, .btn-primary:focus, .open .dropdown-toggle.btn-primary {
  color: #ffffff;
  background-color: #8b8d94;
  border-color: #8b8d94;
}

.card-head > .schedule-header, .card-head > .teams-header {
  height: 19px;
  width: 122px;
  line-height: 0;
  font-size: 18px;
  color: grey
}

.header-container {
  border-bottom: 1px solid rgba(216, 216, 216, 1);
}

.main-list-text {
  padding: 0;
}

.top-header {
  background-color: rgba(31, 35, 38, 1)
}

.card-head > .sub-card-header {
  font-size: 25px;
}

.event-name {
  font-size: 25px;
  color: white;
  margin-left: 2px;
  font-weight: 800;
}

.add-route-team, .send-info-ios {
  float: right;
  position: relative;
  top: 9px;
  right: -7px;
}

/*.submit-btn {
  position: absolute;
  z-index: 1000;
  bottom: 0;
  right: 0;
}*/

.update-ios {
  color: #ffa220;
  background: #303030 url(../images/pattern-light-grey.png) 0 0;
}

.forms-content {
  height: 100vh;
  width: 100vw;
}

/*.side-panel {
  width: 19.9%;
  height: 100%;
  display: inline-block;
  background-image: -webkit-linear-gradient(-180deg, rgba(52, 179, 240, 1) 0%, rgba(43, 214, 200, 1) 100%);
  background-image: -moz-linear-gradient(-180deg, rgba(52, 179, 240, 1) 0%, rgba(43, 214, 200, 1) 100%);
  background-image: -o-linear-gradient(-180deg, rgba(52, 179, 240, 1) 0%, rgba(43, 214, 200, 1) 100%);
  background-image: linear-gradient(-180deg, rgba(52, 179, 240, 1) 0%, rgba(43, 214, 200, 1) 100%);
}
*/
/*.form-container {
  width: 79.9%;
  height: 100%;
  display: inline-block;
}*/

.form-container {
  width: 100%;
  padding: 25px;
  background-color: rgba(254, 254, 254, 1);
  overflow: auto;
  height: 100vh;
}

.form-container-portal {
  width: 100%;
  padding: 85px;
  background-color: rgba(254, 254, 254, 1);
  overflow: auto;
  height: 100vh;
}

.form-container-thank {
  width: 100%;
  padding: 20px;
  background-color: rgba(254, 254, 254, 1);
  overflow: auto;
}

.card {
  padding: 25px;
}

.card-max {
  max-width: calc(900px + 285px + 60px);
  margin: auto;
  padding-bottom: 200px;
}

.column1 {
  /*width: 805px;*/
  width: calc(900px + 285px + 60px);
  display: inline-block;
}

.column2 {
  width: 345px;
  margin: 30px;
  margin-left: 60px;
  display: inline-block;
  vertical-align: top;
  padding-top: 125px;
  /*position: sticky;*/
  top: 0;
}

.side-column {
  width: 100%;
  max-width: 285px;
  border: 2px solid #f2f1f0;
  border-radius: 6px;
}

.side-column-sticky {
  /*position: sticky;*/
}

.side-column-header {
  padding: 30px;
  border-bottom: 2px solid #f2f1f0;
}

.side-column-header-need-help {
  color: var(--default-text-color);
  font-weight: 500;
  font-size: 19px;
  margin-bottom: 15px;
}

.chat-icon-container {
  height: 20px;
  width: 20px;
  display: inline-block;
  border-radius: 100px;
  bottom: 5px;
  position: relative;
}

.card1 {
  margin-top: 50px;
}

.img-height {
  height: 100%;
  width: 100%;
}

.number-text {
  display: inline-block;
  font-size: 17px;
  color: var(--default-text-color);
  padding-left: 8px;
}

.number-text:hover {
  text-decoration: underline;
}

.side-column-body {
  padding: 30px;
}

.company-text-header {
  margin-bottom: 20px;
  color: var(--default-text-color);
  font-weight: 500;
  font-size: 19px;
}

.customurl-field-name {
  margin-bottom: 20px;
  color: var(--default-text-color);
  font-weight: 500;
  font-size: 22px;
}
.customurl-field-text {
  font-size: 21px;
  margin-bottom: 10px;
  color: #797a93;
}
.ip-field {
  font-size: 18px;
  color: red;
}
.ip-section {
  display: inline-block;
  float: right;
  padding: 14px 0 0 0;
}
/*.card1, .card2, .card3, .card4, .card5, .card6 {

}*/

input:not(input[type=search]), select {
  background-color: #f9f9f8!important;
  border: 2px solid rgba(0,0,0,.1) !important;
  border-radius: 6px;
  box-shadow: none!important;
  color: #797a93;
  height: 44px !important;
  width: 100%;
}

input:focus ~ .floating-label {
  top: -20px !important;
  bottom: 10px !important;
  font-size: 11px !important;
  opacity: 1;
  left: 26px;
  background-color: transparent;
}

.inputText {
  font-size: 14px;
}

.floating-label {
  position: absolute;
  pointer-events: none;
  font-size: 18px !important;
  top: 6px !important;
  left: 10px !important;
  transition: 0.2s ease all;
}

.form-input {
  width: 100%;
  height: 72px;
  border-radius: 10px;
  max-height: 44px;
  margin-right: 15px;
  padding-left: 11px;
}

.section-header {
  font-size: 4rem;
  margin-bottom: 5px;
  color: var(--default-text-color);
  font-weight: 500;
  line-height: 1.15;
  display: inline-block;
}

.sub-section-header {
  font-size: 18px;
  margin-bottom: 10px;
  color: #797a93;
}

.card-header {
  border-bottom: 2px solid #f2f1f0;
  margin-bottom: 30px;
  padding-bottom: 15px;
  color: var(--default-text-color);
  font-family: inherit;
  font-weight: 500;
  line-height: 1.15;
  font-size: 24px;
  margin-top: 50px;
}

.row-margin {
  margin-top: 5px;
}

.select2-results__option {
  background-color: white !important; 
}

.select2-container--default .select2-results__option--highlighted[aria-selected] {
  background-color: #5897fb !important;
  color: white !important;
}

.select2-container--default .select2-selection--single {
  height: 44px !important;
  background-color: #F9F9F8 !important;
}

.select2-container--default .select2-selection--single .select2-selection__rendered {
  position: relative;
  top: 6px;
  left: 10px;
}

.select2.select2-container.select2-container--default {
  width: 100% !important;
}

.select2-selection.select2-selection--single {
  border: 2px solid #E0E0DF !important;
  border-radius: 10px !important;
}

select ~ .floating-label {
  position: absolute;
  pointer-events: none;
  font-size: 18px !important;
  top: 8px !important;
  left: 10px !important;
  transition: 0.2s ease all;
}

select:focus ~ .floating-label {
  top: -20px !important;
  bottom: 10px;
  font-size: 11px !important;
  opacity: 1;
  left: 26px !important;
}

.submit-applicaiton {
  background: #12C77A;
}

.btn-inline {
  display: inline-block;
}

.submit-applicaiton, .resend-email, .approve, .download-docs, .training, .live {
  width: 25%;
  margin: 10px;
  padding: 21px 0 23px;
  font-weight: 500;
  font-size: 24px;
  margin-bottom: 16px;
  border-radius: 6px;
  color: #fff;
  font-size: 20px;
  cursor: pointer;
  border: none !important;
}

.resend-email {
  background: grey;
}

.training {
  background: #2DD0CE;
}

.live {
  background: #33BAE9;
}

.approve {
  background: #30D4A3;
}

.download-docs {
  background: black;
}

.submit-applicaiton:disabled {
  opacity: .25;
  cursor: not-allowed;
}

.button.arrow:after {
  background-image: url(./assets/icons/arrow-right-white.svg);
  content: " ";
  display: inline-block;
  height: 14px;
  margin-left: 10px;
  position: relative;
  top: 2px;
  width: 14px;
}

span ~ .floating-label.hasValSelect {
  top: -20px !important;
  bottom: 10px !important;
  font-size: 11px !important;
  opacity: 1;
  left: 26px;
}

.hasVal {
  top: -20px !important;
  bottom: 10px !important;
  font-size: 11px !important;
  opacity: 1;
  left: 26px;
}
.radio-label{
  font-size: 14px;
}
.radio-styled:not(ie8) input ~ span:before{
  width: 22px;
  height: 22px;
} 
.radio-styled:not(ie8) input:checked ~ span:after{
  width: 12px;
  height: 12px;
}

.agreement-textarea {
  min-height: 270px;
  max-height: 270px;
  max-width: 100%;
  min-width: 100%;
  margin-bottom: 27px;
}

.submit-text {
  padding: 20px 15px 0px 15px;
  line-height: 1.4;
  margin-bottom: 25px;
  margin-top: -4px;
  color: #000;
  font-size: 13px;
  text-rendering: optimizeLegibility;
}

.cell.padded-top {
  padding-top: 15px;
}

.cell.padded-bottom {
  padding-bottom: 15px;
}

#checkbox-1, #checkbox-2, .checkbox-text, #checkbox-3 {
  font-weight: 400;
  /*color: var(--default-text-color);*/
  font-size: 16px;
  color: -webkit-link;
  cursor: pointer;
  text-decoration: underline;
}

.checkbox-text {
  position: relative;
  top: 2px;
}

.pre-style {
  font-family: Avenir !important;
  font-size: 15px;
}

#agreement-modal-overall-container-1, #agreement-modal-overall-container-2, #agreement-modal-overall-container-3 {
  position: absolute;
  top: -470px;
  left: 0;
  z-index: 1060;
  width: 500px;
  padding: 1px;
  font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 1.42857143;
  text-align: left;
  text-align: start;
  text-decoration: none;
  text-shadow: none;
  text-transform: none;
  letter-spacing: normal;
  word-break: normal;
  word-spacing: normal;
  word-wrap: normal;
  white-space: normal;
  background-color: #fff;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  border: 1px solid #ccc;
  border: 1px solid rgba(0,0,0,.2);
  border-radius: 6px;
  -webkit-box-shadow: 0 5px 10px rgba(0,0,0,.2);
  box-shadow: 0 5px 10px rgba(0,0,0,.2);
  line-break: auto;
}

.agreement-modal-title {
  padding: 8px 14px;
  font-weight: 400;
  font-size: 20px;
  background-color: #F7F7F7;
  color: var(--default-text-color);
}

.agreement-modal-body {
  padding: 31px 14px;
}

.agreement-modal-body-content {
  max-height: 300px;
  overflow-y: auto;
}

.pre-style {
  white-space: pre-wrap;
  word-break: break-word;
  word-wrap: break-word;
}

.agreement-modal-arrow {
  bottom: -11px;
  left: 30%;
  margin-left: -11px;
  border-top-color: #999;
  border-top-color: rgba(0,0,0,.25);
  border-bottom-width: 0;
  position: absolute;
}

.agreement-modal-arrow:after {
  bottom: 1px;
  margin-left: -10px;
  content: " ";
  border-top-color: #fff;
  border-bottom-width: 0;
  position: absolute;
  display: block;
  width: 0;
  height: 0;
  border-color: transparent;
  border-style: solid;
  border-width: 10px;
}

.accept-btn-container {
  text-align: center;
}

.accept-btn {
  margin: auto;
  background: #30D4A3;
  color: #fff;
  margin-top: 20px;
  border-radius: 6px;
  box-shadow: 0 4px 15px 1px rgba(0,0,0,.2);
  font-size: 16px;
  font-weight: 500;
  padding: 12px 20px 14px;
}

.accept-btn.disabled, .accept-btn[disabled] {
  opacity: .25;
  cursor: not-allowed;
}

.overall-header {
  /*background-image: -webkit-linear-gradient(-180deg, rgba(52, 179, 240, 1) 0%, rgba(43, 214, 200, 1) 100%);
  background-image: -moz-linear-gradient(-180deg, rgba(52, 179, 240, 1) 0%, rgba(43, 214, 200, 1) 100%);
  background-image: -o-linear-gradient(-180deg, rgba(52, 179, 240, 1) 0%, rgba(43, 214, 200, 1) 100%);
  background-image: linear-gradient(-180deg, rgba(52, 179, 240, 1) 0%, rgba(43, 214, 200, 1) 100%);*/
  background: #29DBC2;
  width: 100%;
  height: 125px;
  text-align: center;
  padding: 25px 0px;
}

.header-img {
  height: 100%;
  width: auto;
}

.req-fill {
  border: 2px solid red !important;
  opacity: 0.5;
}

.company-text {
  margin-bottom: 5px;
  color: #797a93;
  font-weight: 500;
  font-size: 14px;
}

.text-by {
  color: #797a93;
  font-size: 14px;
  margin-bottom: 30px;
}

.text-ceo, .text-email {
  color: #797a93;
  font-size: 16px;
  margin-bottom: 10px;
}

.text-email {
  text-align: center;
  padding-top: 10px;
  color: var(--default-text-color);
  font-size: 16px;
}

.form-group.has-error {
  margin-bottom: 33px;
}

.thank-you-card {
  width: calc(100% - 50px);
  border-radius: 21px;
  border: 1px solid #888888;
  box-shadow: 5px 10px 8px #888888;
}

.complete-text-div {
  font-size: 47px;
  line-height: 70px;
  color: #44D5CA;
}

.card-max-thank {
  padding-top: 20px;
  height: 100%;
  width: 100%;
  max-width: calc(900px + 285px + 60px);
  margin: auto;
}

.thank-you-text {
  background: -webkit-linear-gradient(rgba(52, 179, 240, 1), rgba(43, 214, 200, 1));
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  text-align: center;
  font-size: 60px;
}

.pfi-text-color {
  background: -webkit-linear-gradient(rgba(52, 179, 240, 1), rgba(43, 214, 200, 1));
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}

.text-body-thank {
  margin-top: 50px;
  font-size: 30px;
}

.bottom-text-body {
  padding-top: 20px;
}

.last-4-table-header {
  width: 80px;
}

.select2-selection.select2-selection--single.white-input, .white-input {
  background-color: #FEFEFE !important;
}

@media screen and (max-width: 1295px){
  .section-header {
    font-size: 3rem;
    height: auto;
    padding: 14px 0 0 0;
  }

  .column1 {
    /*width: 69%;*/
    width: 100%;
  }

  .column2 {
    width: 26%;
    margin-left: 30px;
    margin-right: 5px;
  }

  .side-column {
    width: auto;
  }

  .card-header {
    font-size: 21px;
  }

  .number-text {
    font-size: 16px;
    padding-left: 5px;
  }

  select ~ .floating-label, .floating-label, input ~ .floating-label {
    font-size: 14px !important;
    text-overflow: ellipsis;
    white-space: nowrap;
    max-width: 88%;
    overflow: hidden;
  }
}


@media screen and (max-width: 1000px){
  .column1 {
    /*width: 66%;*/
    width: 100%
  }

  .column2 {
    width: 30%;
  }

  .number-text {
    font-size: 14px;
    padding-left: 5px;
  }
}

@media screen and (max-width: 835px){
  .submit-applicaiton, .resend-email, .approve, .download-docs, .training, .live {
    margin: 5px;
    padding: 21px 4px 23px;
  }

  .column1 {
    width: 100%;
  }

  .column2 {
    width: 0%;
    margin: 0;
    display: none;
  }

  .card-max {
    padding: 10px;
  }
  .thank-you-card {
    margin: auto;
  }
}

@media screen and (max-width: 715px){
  .submit-applicaiton, .resend-email, .approve, .download-docs, .training, .live {
    width: 45%;
    margin: 5px;
    padding: 21px 4px 23px;
  }
}

@media screen and (max-width: 625px){
  .submit-applicaiton, .resend-email, .approve, .download-docs, .training, .live {
    font-size: 13px;
    margin: 4px;
  }
  .section-header {
    font-size: 2.3rem;
  }

  .sub-section-header {
    font-size: 14px;
  }

  .checkbox-text {
    font-size: 14px;
  }

  #agreement-modal-overall-container-1, #agreement-modal-overall-container-2, #agreement-modal-overall-container-3 {
    width: 100%;
  }
  .text-body-thank {
    font-size: 20px;
  }
}

@media screen and (max-width: 492px){
  .header-img {
    height: auto;
    width: 100%;
    padding: 5px;
  }
  .section-header {
    font-size: 2rem;
  }
  .card-header {
    font-size: 19px;
  }
  .checkbox-text {
    font-size: 12px;
  }
  .submit-applicaiton {
    padding: 11px 11px 11px;
  }
  .form-container {
    padding: 10px;
  }
  .thank-you-card {
    margin: auto;
    width: calc(100%);
    border-radius: 21px;
    border: 1px solid #888888;
    box-shadow: 5px 10px 8px #888888;
  }
}

@media screen and (max-width: 380px){
  .section-header {
    font-size: 1.5rem;
  }
  .text-body-thank {
    font-size: 15px;
  }
  .thank-you-text {
    font-size: 26px;
  }
}


@media screen and (max-width: 380px){
  .email-text-card-thank {
    font-size: 12px;
  }
}

















