* { box-sizing: border-box; -moz-box-sizing: border-box;}

body {margin: 0; padding: 0; font-family: 'Montserrat', sans-serif; font-size: 12px; color: #333;}

h1, h2, h3, h4, p {margin: 0; padding: 0; line-height: 1.5em;}

h1 { font-size: 30px;}
h2 { font-size: 24px; font-weight: 400;}
h3 { padding: 10px 0;    font-size: 14px;  overflow:hidden;  font-weight: 700;    text-transform: uppercase;    color:#f5af49; display:block; position:relative; position:relative;}
    h3:after { position: absolute;    top: 47%;    height: 1px;    background: #f5af49;    content: "";    width: 100%;    margin-left: 10px;}
    
.homePageTitle { font-size: 50px;}

.titleContainer { position: fixed;    top: 0;    left: 300px;    right: 0;    background: #f5f5f7;    border-bottom: 1px solid #eae5e5;}
.paddingTitle { padding: 25px 50px 10px 50px;}

.contentContainer { position: fixed; top: 121px; left: 300px; right: 0; bottom: 0; overflow: auto;}
.contentContainer2 { position: fixed; top: 121px; left: 300px; right: 300px; bottom: 0; overflow: auto;}

.rightMenu { position: fixed; top: 0; width: 300px; right: 0; bottom: 0; overflow: auto; background:rgba(168,15,73,1); color:#fff;}
    .rightMenu div {color:#fff; }
    .rightMenu .padding { padding: 30px;}
.rightMenu .formTitle { color:#fff; font-size: 18px; color:#f5af49}
    .rightMenu .formContainer label { color:#fff;}
    .rightMenu .formContainer input, .rightMenu .formContainer select, .rightMenu .formContainer textarea { background: rgb(126, 5, 51); color:#fff; border-bottom: 1px solid rgb(126, 5, 51) !important; padding: 10px !important;}
    .rightMenu .formContainer input:focus, .rightMenu .formContainer select:focus, .rightMenu .formContainer textarea:focus { background: rgb(126, 5, 51); }

    .rightMenu a.btn { background:#f5af49; color:#fff; display: block; text-align:center;}
    .rightMenu a {
        color: #e0e0e0;
    }
    .rightMenu a:hover {
        color: white;
    }
    .rightMenu .formSubTitle {
        color: #fff;
        font-size: 17px;
        color: #f5af49;
        padding-bottom:0px;
    }
.sideMenu, .kioskMenu { position: fixed; top: 0; left: 0; bottom: 0; overflow: auto; width: 300px; border-right: 1px solid #ccc; background: #191d31;}

.logoContainer { text-align:center;}

.sideMenuLinks { width: 90%; margin: 0 auto; }
.sideMenuLinks ul { list-style:none; padding: 0; margin: 0; }
    .sideMenuLinks ul li {margin: 20px 0;}
    .sideMenuLinks ul li a { display:block; padding: 5px 20px; text-transform:uppercase; color:#9fa6ce; text-decoration:none; border-left: 5px solid transparent; text-transform:uppercase;}
        .sideMenuLinks ul li a:hover { font-weight: 700;}
        .sideMenuLinks ul li a.active { border-right: 0 solid #039acd; color: #fff; font-weight: 700;}

        .sideMenuLinks ul li a span { padding-right: 7px;}


.tabContainer { padding: 0 50px;}
    .tabContainer a { display:inline-block; margin-right: 30px; border-bottom: 5px solid #f5f5f7; color:#999; text-decoration:none; padding: 10px 0; text-transform:uppercase;}
        .tabContainer a:hover {color:#191d31; border-bottom: 5px solid #99999947;}
        .tabContainer a.active { color: #039acd; border-bottom: 5px solid #039acd; font-weight: 700;}

.tabContent { display:none;}
.tabContent001 { display:block;}

a.disabled {
    cursor: not-allowed;
}

.subTab {
    opacity: 0.5;
    float: left;
    margin-right: 2em;
    cursor: pointer;
}

.subTab.active {
    opacity: 1;
}

.subTabContent {
    display:none;
}

.subTabContent.active {
    display:block;
}

.mainTable { width: 100%; background:#fff; border: 0 solid #191d31;}
.mainTable th { background:#191d31; font-weight: 400; padding: 10px; color:#fff; text-transform: uppercase; letter-spacing: .3em; border-bottom: 1px solid #ccc;text-align:left;}
    .mainTable th:first-child { }
    .mainTable tr:nth-child(odd) { background:#f5f5f7;}

    .mainTable tr:hover {background:rgba(245, 175, 73, 0.20); }

.mainTable td { padding: 10px; font-size: 1.2em;}
        .mainTable td:first-child, .radioTable th:first-child { text-align:left;}

    .mainTable tbody td a { color:#039acd;}

    .mainTable tfoot td { background:#191d31; color:#fff; font-size: 1em; }
        .mainTable tfoot td a { color:#fff; text-decoration:none; padding: 0 10px; display:inline-block;}

    .mainTable input[type=text], .mainTable input[type=datetime-local], .mainTable select { background: transparent; font-family: 'Montserrat', sans-serif; font-size: 1em; font-weight: 700; border: 0; padding: 10px; border: 1px solid #ccc; background:#fff;}

.txtRight { text-align:right;}
.txtCenter, .txtCenter label { text-align:center;}

/*
.client {
    display:none!important
}*/

.padding {
    padding: 50px;
}
.notificationText {
    padding: 20px;
}
.notificationText a {
    color:white;
}
.relative { position:relative;}

.clearAfter::after {clear:both; content:""; display:block; }
.floatRight { float:right;}
.floatLeft { float:left;}

img.stretch { width: 100%; display:block; height: auto;}

.width100 { width: 100%;}
.width75 { width: 66%; float:left;}
.width25 { width: 32%; margin-left: 2%; float:left;}
.width25b { width: 32%; margin-right: 2%; float:left;}

.width50 { float:left; width: 49%;}
.width50:nth-child(2) { margin-left: 2%;}

.width30 { float:left; width: 32%;}
.width30:nth-child(2) {margin: 0 2%;}

.width20 { float:left; width: 23.5%; margin-left: 2%;}
    .width20:first-child { margin-left:0;} 

.formTitle { font-size: 16px; font-weight: 700; color:#982169; padding-bottom: 25px;}
.formTitleNoPadding {
    font-size: 16px;
    font-weight: 700;
    color: #982169;
}
.formContainer { padding-bottom: 1.5em;}    
    .formContainer label { font-weight: 400; display:block; color:#8d8d96; margin-bottom: 5px; font-size: 1em; }
    .formContainer .required:before { content:"*"; color:rgb(208,17,43); padding-right: 10px; display:inline-block; font-weight: 700;}
    .formContainer input[type="text"], .formContainer input[type="datetime-local"], .formContainer input[type="file"], .formContainer input[type="date"], .formContainer input[type="password"],.formContainer input[type="number"], .formContainer select, .formContainer textarea { display:block; width: 100%; padding: 10px 0; border: 0; border-bottom: 1px solid #ccc; font-family: 'Montserrat', sans-serif; font-size: 1.2em; font-weight: 700;}
    .formContainer textarea { height: 125px;}
    .formContainer input[type=button], .btn { color:#fff; font-weight: 700; display:inline-block; border: 0; padding: 15px 30px; font-family: 'Montserrat', sans-serif; font-size: 1.25em; border-radius: 2px; -moz-border-radius: 2px; cursor:pointer; text-transform:uppercase; text-decoration:none;}
    
    .btn2 { color:#fff; font-weight: 700; display:inline-block; border: 0; padding: 10px; font-family: 'Montserrat', sans-serif; font-size: 1em; border-radius: 2px; -moz-border-radius: 2px; cursor:pointer; text-transform:uppercase; text-decoration:none;}

     .formContainer input[type="file"] {padding: 10px 0 6px;}

    .formContainer input:focus, .formContainer select:focus, .formContainer textarea:focus { outline:0; background:#f5f5f7; padding: 10px;}
    .modalContentContainer .formContainer input.physicalAssessmentTB:focus {outline:0; background:#f5f5f7; padding: 10px 0px}
    .select2 {padding: 10px 0; border-top: none}

.redGradient {background: rgb(208,17,43); background: -moz-linear-gradient(-45deg, rgba(208,17,43,1) 0%, rgba(168,15,73,1) 100%);background: -webkit-linear-gradient(-45deg, rgba(208,17,43,1) 0%,rgba(168,15,73,1) 100%);background: linear-gradient(135deg, rgba(208,17,43,1) 0%,rgba(168,15,73,1) 100%);filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#039acd', endColorstr='#a80f49',GradientType=1 ); color:#fff;}
.redGradient .formContainer label, .redGradient .formContainer input, .redGradient .formContainer select, .redGradient .formContainer textarea {color:#fff; background: transparent; }
.redGradient .formTitle {color:#fff;}
    .redGradient .formContainer input[type=button], .redGradient .btn { background:#7d0b34; width:100%;}


.blueGradient {font-weight: 400 !important; margin-right:10px; text-transform:none !important; background: #039acd;background: -moz-linear-gradient(-45deg, #039acd 0%, #0371ad 100%);background: -webkit-linear-gradient(-45deg, #039acd 0%,#0371ad 100%);background: linear-gradient(135deg, #039acd 0%,#0371ad 100%);filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#039acd', endColorstr='#0371ad',GradientType=1 );}


.breadCrumbs { margin-bottom: 25px; font-size: .8em; text-transform:uppercase; }
    .breadCrumbs a { margin-right: 15px; border-right: 1px solid #ccc; padding-right: 15px; text-decoration:none;}

.projectSubNav { margin-bottom: 15px; border-bottom: 1px solid #ccc;}
.projectSubNav a {background:#191d31; color:#fff; padding: 5px 10px; text-decoration:none;display:inline-block; -webkit-border-radius: 5px 5px 0 0;
border-radius: 5px 5px 0 0;}

    .projectSubNav a.active { background: #039acd;}

    
.subTabContent { display:none;}
.subTabContent001 { display:block;}

fieldset { padding: 25px; border: 1px solid #ccc; margin-bottom: 50px;}
    fieldset legend { text-transform:uppercase; font-weight: 700; padding: 0 10px;}



.modal { position:fixed; top: 0; left: 0; right: 0; bottom: 0; background:rgba(25, 29, 49, 0.75); z-index: 99; display:none;}
.modalContentContainer { width: 900px; background:#fff; margin: 50px auto;}

.BMI { font-size: 60px; font-weight: 700; background:#f5f5f7; border: 1px solid #eae5e5; padding: 30px; display: inline-block;}
    .BMI span { display:block; text-transform:uppercase; font-size: 12px; text-align:center; }

.physicalAssessmentTB { font-size: 60px !important; text-align: center;}

/*Roster Styles*/

.activityTableContainer {overflow-x: auto; margin-left: 200px;}

.activityTable { width: 100%; background:#fff; border: 0 solid #191d31;}
.activityTable thead th { background:#191d31; font-weight: 400; padding: 10px; color:#fff; text-transform: uppercase; letter-spacing: .3em; border-bottom: 1px solid #ccc; white-space:nowrap}
    .activityTable thead th:first-child { }
    .activityTable tr:nth-child(odd) { background:#f5f5f7;}

    .activityTable tr:hover {background:rgba(245, 175, 73, 0.20); }

        .activityTable td {white-space:nowrap; width: 100px;}
        .activityTable td:first-child, .activityTable th:first-child { width: auto; text-align:left;}


.currentActivityContainer { display: flex; flex-flow: row wrap;  margin-left: 0; /* Adjustment for the gutter */  width: 100%;}
.currentActivityBlock { text-decoration: none; flex: auto;  height: 250px;  min-width: 300px;  margin: 0 16px 16px 0; /* Some gutter */ color:#fff; position:relative;}
    .currentActivityBlock:hover { cursor:pointer;}

.currentActivityIcon { position:absolute; right: 0; top: 0;}
    .currentActivityIcon span { padding: 30px; font-size: 2em; display:block; }
    .currentActivityTitle { font-size: 2em; font-weight: 700;}    
    .currentActivityType { font-style: italic; font-size: 1.25em;}
    .currentActivityDates { margin: 1em 0;}
    .currentActivityStaff { margin-bottom: 1em;}



.currentActivityBlock:nth-child(4n - 3) {background:#191d31; }
.currentActivityBlock:nth-child(4n - 2) {background:#039acd; }
.currentActivityBlock:nth-child(4n - 1) {background:rgba(168,15,73,1); }
.currentActivityBlock:nth-child(4n) {background:#da8d1d; }


/*Activity Dashboard*/

.dashActivityContainer { display: flex; flex-flow: row wrap;  margin-left: 0; /* Adjustment for the gutter */  width: 100%;}
.dashActivityBlock { flex: auto;  height: 250px;  min-width: 300px;  margin: 0 16px 16px 0; /* Some gutter */ color:#fff; position:relative;}
    .dashActivityBlock:hover { cursor:pointer;}

.dashNumber { font-size: 7em; font-weight: 700;}
.dashDescriptor { font-size: 1.5em;}

.dashActivityBlock:nth-child(3n - 2) {background:rgba(168,15,73,1); }
.dashActivityBlock:nth-child(3n - 1) {background:#039acd; }
.dashActivityBlock:nth-child(3n) {background:#191d31; }

.dashNotification {
    flex: auto;
    min-width: 300px;
    margin: 0 16px 16px 0;
    color: #fff;
    position: relative;
    background: #039acd;
}


.activityTable tr th:first-child {
    position: absolute;
    width: 200px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis; left: 50px; border-right: 1px solid #ccc;
}
.activityTable tbody tr th:first-child {padding: 15px 10px;}
.activityTable tbody tr:nth-child(odd) th { background:#f5f5f7;}
.activityTable tbody tr:hover th {background:rgba(245, 175, 73, 0.20); }

.activityTable .attendance { font-size: 1.5em; display:block; text-align:center; text-decoration:none; color:#191d31; padding: 10px; }
    .activityTable .attendance.attended { background:#2f9c3b; color:#fff;}

.activityTable tfoot td { background:#191d31; color:#fff; font-size: 1em; }
        .activityTable tfoot td a { color:#fff; text-decoration:none; padding: 0 10px; display:inline-block;}

.nlbTable { min-width: 1600px;}


.additionalTable tbody tr:nth-child(odd) th { background:#f5f5f7;}
.additionalTable tbody tr:hover th {background:rgba(245, 175, 73, 0.20); }

.additionalTable .attendance { font-size: 1.5em; display:block; text-align:center; text-decoration:none; color:#191d31; padding: 10px; }
    .additionalTable .attendance.attended { background:#2f9c3b; color:#fff;}

    .additionalTable { width: 100%; background:#fff; border: 0 solid #191d31;}
.additionalTable thead th { background:#191d31; font-weight: 400; padding: 10px; color:#fff; text-transform: uppercase; letter-spacing: .3em; border-bottom: 1px solid #ccc; white-space:nowrap}
    .additionalTable tr:nth-child(odd) { background:#f5f5f7;}

    .additionalTable tr:hover {background:rgba(245, 175, 73, 0.20); }

        .additionalTable td {white-space:nowrap; width: 100px;}

div.table { display: table; }
div.tr { display: table-row; }
div.td {display: table-cell; padding: 10px 20px 10px 0;}
div.td .status {color:#449e39;}

.commentContainer {margin-bottom: 20px; line-height: 1.75em;}
.invalid {
    background: #ffcccc!important;
    border-bottom: 2px solid red !important
}

div.invalid {
    border: 2px solid red !important
}

.rightMenu .invalid, .rightMenu textarea.invalid, .rightMenu input.invalid, .rightMenu select.invalid  {
    border: 2px solid red;
    background: rgb(126, 5, 51)!important;
    border-bottom: 2px solid red !important
}

.windowFooter{
    display: block;
    width: 95%;
    padding: 19px 0 20px;
    text-align: right;
    border-top: 1px solid #e5e5e5;
  }

  #openAddClientModal {
      width: 100%;
  }

  button:disabled {
      opacity: 0.5;
      cursor: not-allowed;
  }

  input:disabled,textarea:disabled,select:disabled {
    cursor: not-allowed;
  }

  .participant{
      display: none;
  }

.modal2 {
    position: fixed;
    top: 0;
    bottom: 0;
    right: 0;
    left: 0;
    background: rgba(0,0,0,.6);
    display: none;
    overflow-y: scroll;
}

.modalContainer {
    width: 800px;
    margin: 0 auto;
    background: #fff;
    padding: 3em;
    margin-top: 3em;
    position: relative;
    overflow: auto;
    max-height: 90%;
}
.paddingList {
    font-weight:bold;
    padding:20px;
}  }

  .select2-container--default .select2-selection--multiple {
      border-radius: 0px!important;
      border: none!important;
      border-bottom: 1px solid #ccc!important;
  }

.warning {
    font-size: 15px;
    font-weight: 600;
    color: #982121;
    border: 1px solid #982169;
    padding: 10px;
    margin-bottom:10px;
    display:none;
}

.eventTable {

}

.eventTable tr td:first-child {
    font-weight:bold;
    width:150px;
}
.eventTable tr td {
    vertical-align:top;
    padding: 5px;
}

#idCardContainer {
    padding: 20px;
    border: 4px solid;
    width: 700px;
}

#idCard {
    margin-right: 30px;
}

#cardInfo {
    float: left;
    text-align: center;
    width: 366px;
}

#idCardName {
    font-size: 3em;
    font-weight: bold;
}
#idCardServiceArea {
    font-size: 2.5em;
}

.notifyjs-corner {
    left: 50% !important;
    transform: translateX(-50%);
    z-index: 99999999!important;
}

.admin-only {
    display:none!important;
}


@media print{
    body * {
        visibility: hidden;
      }
      #idCardContainer, #idCardContainer * {
        visibility: visible;
      }
      #idCardContainer {
          display: block;
        position: absolute;
        left: 0;
        top: 0;
        transform: scale(0.6);
      }
}
    .eventTable tr td {
        vertical-align:top;
        padding: 5px;
    }

::-webkit-input-placeholder {
    color: #dfdede;
}
:-ms-input-placeholder {
    color: #dfdede;
}
::placeholder {
    color: #dfdede;
}

.comfyTable {
    border-spacing: 7px;
}
    .comfyTable tr td {
        vertical-align:top;
    }
    .comfyTable tr td:first-child {
        font-weight: bold;
    }