body{
  background: #e5e5e570;
}

header{
  background: #181c21;
}

h1, h2, h3, h4, h5{
  font-family: 'Ubuntu', sans-serif;
}

.container.fullwidth{
  max-width: 100%;
}

.menu{
  list-style: none;
  margin: 0;
  padding: 0;
}
.menu li{
  display: inline-block;
  margin: 0 10px 0 0;
}
.menu li i{
  margin-right: 3px;
}
.menu li a{
  font-size: 22px;
  display: inline-block;
  padding: 20px 20px;
  color: #fff;
}
.menu li a:hover, .nav-item.current-page{
  text-decoration: none;
  background: #003e76;
  color: #fff;
}

footer{
  color: #fff;
  background: #181c21;
  padding: 50px 0 50px 0;
}

footer a{
  color: #fff;
}
footer a:hover{
  color: #fff;
}

.site-title{
  text-align: center;
  font-family: 'Ubuntu', sans-serif;
  color: #fff;
  font-size:30px;
  font-weight: 700;
  padding: 7px 10px;
  width:100px;
}

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

.site-menu{
  text-align: right;
}

.page-title{
  /*background-image: url('https://eaa.nyc3.cdn.digitaloceanspaces.com/assets/bg.jpg');*/
  /*background-size: cover;*/
  /*background-position: center;*/
  background:#006dd0;
  text-align: center;
  padding-top: 50px;
  padding-bottom: 50px;
}

.page-title h1{
  font-family: 'Ubuntu', sans-serif;
  color: #fff;
  font-size: 50px;
  font-weight: 700;
}

.page-content{
  padding-top: 50px;
  padding-bottom: 50px;
}

.content-section{
  background: #fff;
  margin-bottom: 25px;
  padding: 10px;
  border-radius: 10px;
  border: 2px solid transparent;
}
.content-section.inactive-user:not(.expanded){
  background:#ececec;
  color:#888;
}
.content-section.inactive-user img{
  opacity: 0.5;
}


.accent1{
  background: #dadada;
}
.accent2{
  background: #c5d1d7;
}
.accent3{
  background: #e9dddd;
}

.user-group{
  background: #fff;
  margin-bottom: 25px;
  padding-top: 10px;
  padding-bottom: 10px;
  border-radius: 10px;
  border: 2px solid transparent;
}

.squad-user-group{
  background: #fff;
  margin-bottom: 25px;
  padding-top: 10px;
  padding-bottom: 10px;
  border-radius: 10px;
  border: 2px solid transparent;
}

.squad-369ots img{
  max-width: 100%;
  max-height: 153px;
}

.squad-block-wrap{
  position: relative;
}

.squad-overlay{
  position: absolute;
  bottom: 0px;
  width:100%;
  left:0px;
  color:#fff;
  background:rgba(0,0,0,0.5);
  text-align: center;
  padding:10px 0;
  display: none;
  transition:ease-in-out all 0.25s;
  z-index: 10;
}

.squad-block-wrap:hover .squad-overlay{
  display: block;
  transition:ease-in-out all 0.25s;
}

.squad-logo{
  z-index: 11;
}

.winner-category{
  background: #fff;
  margin-bottom: 25px;
  padding-top: 10px;
  padding-bottom: 10px;
  border-radius: 10px;
  border: 2px solid transparent;
}

.user-group:hover{
  border-color: #006dd0;
}

.container.filters{
  margin-bottom: 45px;
}

.filter{
  border: 2px solid #d3d3d3;
  padding: 5px;
  border-radius: 6px;
}

#filter{max-width: 150px;}

.text-input{
  border: 2px solid #d3d3d3;
  padding: 5px;
  border-radius: 6px;
}
.full-width{
  width: 100%;
}

.btn-apply{
  background: #006dd0;
  color: #fff;
  border: 2px solid #006dd0;
  border-radius: 6px;
  padding: 4px 20px;
  cursor: pointer;
}
.btn-apply:hover{
  background: #003e76;
}
.btn-cancel{
  background: transparent;
  border: 2px solid transparent;
  cursor: pointer;
}
.btn-cancel:hover{
  color: #006dd0;
}

.form-row{
  margin-bottom: 10px;
}

.submit-row{
  margin-top: 20px;
}

.ux-form .form-row{
  margin-bottom: 20px;
}

.ux-form .form-row:nth-last-child{
  margin-bottom: 0px;
}


.ux-form.centered{
  margin: 0 auto;
}

.ux-form label{
  font-size: 16px;
}

#result{
  padding: 10px 0;
  color: #003e76;
}

.filters label{
  margin-right: 5px;
}
.filters .filter{
  margin-right: 5px;
}

.meter{
  background: #31393e;
  border: 2px solid #00305c;
  border-radius: 3px;
  position: relative;
  height: 28px;
}

.progress{
  background: #006dd0;
  color: #fff;
  z-index: 2;
  height: 25px;
  position: absolute;
}
.progress.at-goal{
  background: #16a53b;
}

.pace-meter{
  background: #89bbe9bf;
  height: 25px;
  z-index: 1;
  position: absolute;
}

.percentage-overlay{
  position: absolute;
  top: 0;
  width: 100%;
  text-align: center;
  color: #fff;
  height: 25px;
  z-index: 3;
  text-shadow: 2px 3px 3px #00305c;
}

.meter-v2{
  height:38px;
}
.meter-v2 .progress,
.meter-v2 .pace-meter,
.meter-v2 .percentage-overlay
{
  height:35px;
}

.meter-v2 .percentage-overlay{
  top:5px;
  font-size:15px;
}

.report-row{
  border-top: 3px dashed #dadada;
  padding-top: 10px;
  margin-top: 10px;
}

.row.headers{
  border-bottom: 2px dashed #dadada;
  padding-bottom: 10px;
  margin-bottom: 10px;
}

.row.headers strong{
  display: inline-block;
  margin-bottom: 15px;
}

.row.day{
  border-bottom: 1px dashed #dadada;
  padding-bottom: 2px;
  margin-bottom: 2px;
}
.row.day.totals{
  padding-top: 10px;
  padding-bottom: 10px;
}

.row.day .subtotal{
  display: none;
}

.user-group .row.day:nth-last-child{
  border-bottom: 0px dashed #dadada;
}

.corrections{
  font-weight: 700;
}

.user-group .row.day, .user-group .row.headers , .user-group .row.corrections-header , .user-group .row.correction{ 
  display: none;
}

.user-group.expanded .row.day, .user-group.expanded .row.headers , .user-group.expanded .row.corrections-header , .user-group.expanded .row.correction{ 
  display: flex;
}

.user-group.expanded {
  border-color: #d3d3d3;
}

.user-group-table.expanded{
  padding-top: 15px;
  padding-bottom: 5px;
  background: #fafafa;
  border: 2px solid #dbdbdb;
  margin-bottom: 20px;
}

.squad-logo .headshot{
  max-width: 100%;
}
.squad-logo{
  position: relative;
}
.squad-logo .squad{
  position: absolute;
  bottom: 0px;
  right: 0px;
  width: 55px;
  height: 55px;
}

.squad-user-group .squad-user-group-item{
  /*display:none;*/
}

.squad-user-group.expanded .squad-user-group-item{
  display:block;
}

/*.squad-user-group.expanded .squad-headshots .col-headshot{
  display: none;
}*/

.squad-user-group.expanded .fa-angle-up,
.user-group.expanded .fa-angle-up{
  display: none;
}
.squad-user-group .fa-angle-down,
.user-group .fa-angle-down{
  display: none;
}
.squad-user-group.expanded .fa-angle-down,
.user-group.expanded .fa-angle-down{
  display: inline-block;
}

.headshot-col{
  display: flex;
  align-items: bottom;
  flex-wrap: wrap;
  height:100%;
}

a.toggler{
  cursor: pointer;
  display: inline-block;
  padding: 6px 9px;
  background: #333;
  border-radius: 10px;
  color: #fff !important;
  margin-left: 10px;
  font-size: 20px;
}

a.toggler-squad{
  cursor: pointer;
  display: inline-block;
  padding: 6px 9px;
  background: #fff;
  border:4px solid transparent;
  border-radius: 10px;
  margin-left: 10px;
  font-size: 20px;
  transition:ease-in-out all 0.25s;
  color:#000;
}

a.toggler-squad:hover{
  border-color:#333;
  transition:ease-in-out all 0.25s;
}


.user-group-table{
  margin-bottom: 10px;
}

.user-group-table .row.editor{
  display: none;
}

.user-group-table.expanded .row.editor,
.user-group-set.expanded .row.editor{
  display: flex;
}

.user-group-set.expanded .row.editor{
  padding-top: 35px;
  padding-bottom: 35px;
}

.user-group-table.expanded .row.detail,
.user-group-set.expanded .row.detail{
  display: none;
}

.user-group-table:hover{
  background: #fafafa;
  border: 2px solid #dbdbdb;
}

a.delete{
  display: none;
}

a.delete.authorized{
  display: inline-block;
}

.ui-btn{
  display: inline-block;
  padding: 5px 10px;
  margin-bottom: 10px;
  text-align: center;
  cursor: pointer;
  border-radius: 3px;
  border: 0px solid transparent;
}

.ui-btn:hover{
  text-decoration: none;
}

.wide{
  width: 100%;
}
.ui-btn.tall{
  padding: 20px 10px;
}
.ui-btn.large-text{
  font-size: 20px;
}

label{
  font-weight: 600;
}

.ui-btn.default{
  background: #006dd0;
  border-color: #006dd0;
  color: #fff !important;
}
.ui-btn.default:hover{
  background: #003e76;
  border-color: #003e76;
}

.ui-btn.save,
.ui-btn.engage{
  color: #fff !important;
  background: #16a53b;
}
  .ui-btn.save:hover,
  .ui-btn.engage:hover{
    background: #0e6625;
  }

.ui-btn.cancel{
  color: #fff !important;
  background: #525252;
}
  .ui-btn.cancel:hover{
    background: #2a2a2a;
  }

.ui-btn.delete-init,
.ui-btn.delete{
  color: #fff !important;
  background: #cf0000;
}
  .ui-btn.delete-init:hover,
  .ui-btn.delete:hover{
    background: #a30404;
  }

.non-validated{
  display: none;
}

.row.hidden{
  display: none;
}

.rank-col{
  position: relative;
}

.rank-col img{
  max-width: 100%;
}

.winner-name{
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  padding: 10px;
}

.rank-1 .winner-name{
  background: #bfa101;
  color: #fff;
}

.rank-2 .winner-name{
  background: #7a7a7a;
  color: #fff;
}

.rank-3 .winner-name{
  background: #af5900;
  color: #fff;
}

.imgcol img{
  max-width: 100%;
}

.winners-title{
  margin-bottom: 25px;
  margin-top: 100px;
}

.edit-value{
  width: 100%;
}

.title-section{
  padding-top: 50px;
}

.title-section:nth-child(1){
  padding-top: 0px;
}
.title-section h2{
  display: inline-block;
  margin-bottom: 20px;
}
.title-section h2 span{
  border-bottom: 5px solid #003e76;
}
.title-section i{
  color: #003e76;
}

.queue-item{
  border-left: 15px solid #ccc;
  border-bottom: 2px solid #ccc;
  border-right: 2px solid #ccc;
  border-top: 2px solid #ccc;
  padding: 8px 10px;
  font-size: 14px;
  margin-bottom: 10px;
  border-radius: 10px;
  font-weight: 600;
}

#processing.engaged{
  padding: 10px;
  background: #fff;
  border-radius: 10px;
}

#queue.engaged{
  background: #fff;
  padding: 10px;
}

.queue-item.queued{
  border-left-color: #006dd063;
}
.queue-item.processing{
  border-color: #00aaa6;
  border-width: 5px;
  background: #00aaa6cf;
  color: #fff;
}
.queue-item.completed{
  border-color: #006dd0;
  background: #006dd0;
  color: #fff;
}

button.disabled{
  display: none;
}
button.clone, button.clone:hover{
  background: #ccc;
  color: #060606;
  border-color: #a7a7a7;
  cursor: default;
}

.data-options{
  position: relative;
}
.disable-overlay{
  display: none;
}
.disable-overlay.enabled{
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 99;
  /*background: #6464647d;*/
  background: #2b374ee0;
  border-radius: 10px;
}
.disable-overlay.enabled span{
    text-align: center;
    position: absolute;
    display: block;
    top: 40%;
    width: 100%;
    font-size: 50px;
    color: #fff;
}

.form-section{
  margin-bottom: 30px;
}

#filepath{
  display:inline-block;
  border:2px solid #ccc;
  background: #fafafa;
  color: #333;
  padding:5px 10px;
  border-radius:5px;
  font-weight:700;
}

.padcell{
  margin-left: 10px;
  margin-right: 10px;
}

.messages{
  border: 2px solid #555;
  background: #dadada;
  color: #555;
  padding: 10px 20px;
  font-size: 16px;
  font-weight: 700;
}
.messages i{
  font-size: 22px;
  margin-right: 8px;
}
.messages.error{
  border-color: #c10c0c;
  background: #c55555;
  color: #fff;
  text-shadow: 2px 1px 3px #c10c0c;
}
.messages.success{
  border-color: #00aaa6;
  background: #00aaa6cf;
  color: #fff;
  text-shadow: 2px 1px 3px #00aaa6;
}

.filters-row{
  display: none;
  border-top: 2px solid #003e76;
  padding-top: 10px;
  padding-bottom: 10px;
}

.filter-section{
  display: none;
}

.toggle-filters.enabled{
  background-color: #003e76;
  padding-bottom: 15px;
  margin-bottom: 0px;
  border-radius: 3px 3px 0 0;
}

.filter-section.enabled{
  display: flex;
  border-bottom: 2px dotted #ccc;
  margin-bottom: 10px;
  padding-bottom: 10px;
}

.staff-name{
  margin-bottom: 8px;
}
.staff-team-squad{
  font-size: 16px;
  background: #006dd0;
  color: #fff;
  display: inline-block;
  padding: 2px 10px;
  margin-bottom: 10px;
}
.staff-name .toggler{
  float: right;
}

.goal-item{
  text-align: center;
}
.goal-item p{
  font-size: 16px;
}
.goal-item p span{
  font-size: 22px;
}

.corr{
  color: #006dd0;
}

.ahead-of-pace{
  color: #006dd0;
}
.behind-pace{
  color: #c10c0c;
}

.container.content-section.fullwidth{
  max-width: 100%;
  padding: 0;
}
.container.content-section.fullwidth > .row{
  margin-left: 0px;
  margin-right: 0px;
}

table.raw-data{
  width:100%;
}

table.raw-data thead td{
  padding-top: 10px;
  padding-bottom: 10px;
  text-align: center;
  font-size: 16px;
  font-weight: 700;
}

table.raw-data thead td:nth-child(even){
  background:#e5e5e5;
}

table.raw-data tbody td{
  font-size:13px;
  text-align:center;
  }

table.raw-data tbody tr:nth-child(even){
  background:#dadada;
}

table.raw-datatbody tr:nth-child(even) td:nth-child(even){
  background:#bfbfbf;
}

table.raw-data tbody tr:nth-child(odd) td:nth-child(even){
  background:#efefef;
}

table.raw-data tbody tr:hover td:nth-child(odd){
  background: #d3f1ff;
}
table.raw-data tbody tr:hover td:nth-child(even){
  background: #9fe0ff;
}

.pace-row{
  display: none;
}
.user-group.expanded .pace-row{
  display: flex;
  border-top: 3px dashed #dadada;
  margin-top: 20px;
  padding-top: 20px;
  margin-bottom: 20px;
}
.pace-row h4{
  border-bottom: 2px solid #003e76;
  display: inline-block;
}

.new-user{
  margin-bottom: 35px;
}

.file-list{
  list-style: none;
  padding-left: 0px;
}

.page-nav{
  text-align: center;
  padding-top: 15px;
}

.pagenav{
  padding: 0;
}
.pagenav li{
  margin: 0 10px 0 0;
  display: inline-block;
}

.pagenav-item,
.pagenav-item-current,
.pagenav-item-disabled{
  border: 2px solid #ccc;
  padding: 3px 10px;
  font-size: 16px;
  text-align: center;
  display: block;
  font-weight: 700;
  color: #333;
}

.pagenav-item:hover,
.pagenav-item-current{
  border-color: #003e76;
  color: #003e76;
  text-decoration: none;
}
.pagenav-item-disabled{
  border-color: #e3e3e3;
  color: #ccc;
}

input.check{
  width: 25px;
  height: 25px;
  cursor: pointer;
  display: inline-block;
}

.myteam{
  text-align: center;
}

.date-link{
  color: #333;
}
.date-link:hover{
  color: #0056b3;
}

.home-row{
  margin-bottom: 50px;
}

.emphasized{
  font-weight: 700;
}

.aggregate-score{
  margin-top: 25px;
}

.filtered-cards{
  display: none;
}

.filtered-cards.active{
  display: revert;
}

.card-sort{
  text-align: center;
  padding: 0;
  margin: 0 0 50px 0;
}
.card-sort li{
  display: inline-block;
}
.card-sort li a{
  display: inline-block;
  padding: 10px 20px;
  border: 2px solid #006dd0;
  font-weight: 600;
  cursor: pointer;
}
.card-sort li a.active,
.card-sort li a:hover{
  background: #006dd0;
  color: #fff !important;
}

.acct-tag{
  display: inline-block;
  padding: 3px 10px;
  border: 2px solid #006dd0;
  font-weight: 600;
}
.acct-tag-core{
  background: #006dd0;
  color: #fff;
}
.acct-tag-noncore{
  color: #006dd0;
  background: transparent;
}

.link-card a{
  background: #fff;
  display: inline-block;
  width: 100%;
  text-align: center;
  border: 4px solid #ccc;
  border-radius: 10px;
  padding: 30px 10px;
  margin-bottom: 25px;
  color: #181c21;
  cursor: pointer;
}

.link-card.condensed {
  padding:3px;
}

.link-card.condensed a{
  padding: 10px 0;
  margin-bottom: 15px;
}

.link-card a i{
  font-size: 40px;
}

.link-card.condensed a i{
  font-size: 20px;
}

.link-card a:hover,
.link-card a.active{
  border-color: #007bff;
  background: #e7f2ff;
  color: #007bff !important;
  text-decoration: none;
}

.link-card a:hover i,
.link-card  a.active i{
  color: #007bff;
}

.link-card .card-title{
  font-size: 22px;
  font-weight: 600;
}

.link-card img{
  max-width: 150px;
  height: auto;
  margin-bottom: 8px;
}

.link-card i{
  margin-bottom: 8px;
}



.page-uri-day .user-group .row.day,
.page-uri-day .user-group .row.headers,
.page-uri-day .user-group .row.corrections-header,
.page-uri-day .user-group .row.correction,
.page-uri-day .user-group .row.headers,
.page-uri-me .user-group .row.day,
.page-uri-me .user-group .row.headers,
.page-uri-me .user-group .row.corrections-header,
.page-uri-me .user-group .row.correction,
.page-uri-me .user-group .row.headers{
  display: flex;
}

.page-uri-day .toggler,
.page-uri-me .toggler{
  display: none;
}

.detail-cell{
  margin-bottom: 15px;
}

@media screen and (max-width: 767px){
  .staff-text-col{
    margin-bottom: 15px;
  }
}

.user-card-headshot{
  border-radius: 50px;
  border: 2px solid #dbdbdb;
}

.account-search{
  padding-top: 35px;
}

.search-modal{
  cursor: pointer;
}

.var-list{
  margin: 0;
  padding: 20px;
}

.var-list li{
  margin: 0 0 15px 0;
  padding: 0;
  list-style-type: none;
}

.var-list .var-value{
  padding: 3px 5px;
  cursor: pointer;
}

.var-list .var-value:hover{
  background: #006dd0;
  color: #fff !important;
}

.var-edit-form-wrap{
  display: none;
}

.selected-var{
  color: #006dd0 !important;
}

.toggle-all .fa-angles-up{
  display: none;
}
.toggle-all .fa-angles-down{
  display: inline-block;
}

.toggle-all.toggled .fa-angles-down,
.toggle-all.toggled .title-expand{
  display: none;
}
.toggle-all.toggled .fa-angles-up,
.toggle-all.toggled .title-collapse{
  display: inline-block;
}
.toggle-all .title-collapse{
  display: none;
}

.omitted-user{
  font-size: 17px;
  color: #89bbe9bf;
}

.omitted-card{
  background: #d5d5d545;
}

.oc-accts.row.headers {
  margin-top: 20px;
}

.oc-accts.row.headers strong{
  margin-bottom: 3px;
}

.meeting-report-row-header{
  background: #fff;
  padding-top: 7px;
  padding-bottom: 7px;
  text-align: left;
  font-size: 16px;
  font-weight: 700;
}
.meeting-report-row{
  background: #fff;
  padding: 7px 0px;
}
.meeting-report-row:hover{
  background: #d3f1ff;
}
.meeting-report-row.row-alt{
  background: #dadada;
}
.meeting-report-row.row-alt:hover{
  background: #9fe0ff;
}

.runlogs{
  display: none;
  max-height:400px;
  overflow-y:scroll;
  background:#222;
  color:#fff;
  padding:25px;
}

.runlogs p{
  font-size:14px;
}

.runlogs hr{
  border-top:2px dotted #ccc;
}

/* Status */

#status{
  text-align: center;
  font-size: 33px;
}

/* Spinner */

.loading{
  height: 0px;
  overflow: hidden;
  text-align: center;
  padding: 0;
  background: #006dd0;
  transition: ease-in-out all 0.5s;
}

.loading.enabled{
  height: auto;
  padding: 20px;
}

.loading span{
  display: none;
}
.loading.enabled span{
  display: inline-block;
}

.status{
  font-size: 25px;
  color: #fff;
}

@-webkit-keyframes spinner {
    50% {
        color: #16a53b;
    }
    100% {
        transform: rotate(360deg);
        -webkit-transform: rotate(360deg);
        color: #0e6625;
    }
}
@-moz-keyframes spinner {
    50% {
        color: #16a53b;
    }
    100% {
        transform: rotate(360deg);
        -moz-transform: rotate(360deg);
        color: #0e6625;
    }
}
@-ms-keyframes spinner {
    50% {
        color: #16a53b;
    }
    100% {
        transform: rotate(360deg);
        -ms-transform: rotate(360deg);
        color: #0e6625;
    }
}

.spinner, .loaded{

}

.spinner i{
  color: #0e6625;
  animation: 1s spinner infinite linear;
  font-size: 30px;
}
.loaded i{
  font-size: 30px;
  color: #fff;
}

.delete-export{
  color: #ff0000 !important;
  cursor: pointer;
}

.delete-export:hover{
  text-decoration: underline !important;
}

.null-profile{
  width: 100%;
  height: 58px;
  text-align: center;
  font-size:40px;
  color:#ccc;
}

/* Call Facets */
.call-facets{
  margin: 0 0 50px 0;
  padding: 0;
  list-style: none;
}
.call-facets li{
  display: inline-block;
  margin: 0 10px 10px 0;
}
.control-facet{
  display: inline-block;
  padding: 8px 16px;
  border: 2px solid #ccc;
  color: #444;
  cursor: pointer;
}
.control-facet:hover, .control-facet.selected{
  background: #003e76;
  color: #fff !important;
  cursor: pointer;
  border-color: #003e76;
}

/* V2 */

.row.v2-wrap{
  margin-left:0px;
  margin-right:0px;
}

.squad-headshots-col img{
  width:150px;
}

.squad-logo{
  max-width: 100%;
}

.squad-user-group .headshot{
  border-radius:500px;
}

.squad-user-group-item-toggle{
  position: absolute;
  z-index: 20;
  width: 100%;
  height: 100%;
  cursor: pointer;
}

/*.squad-user-group-item{
  padding:0;
  border:0px solid transparent;
}

.squad-user-group-item > .row{
  border: 2px solid #d3d3d3;
  border-radius:10px;
  padding:10px;
}*/

.squad-user-group-item.expanded.squad-user-group-item:hover{
  background: #fff;
}

.squad-user-group-item:not(.expanded):hover{
  /*background: #f8f8f8;*/
}

.squad-user-group-item.expanded .staff-name{
  cursor: pointer;
}

.sidennav-col{
  padding-top:50px;
  background:#003e760f;
}

.v2-sidenav a{
  margin-bottom:10px;
  background: transparent;
  display: block;
  border-radius:10px;
  text-align: center;
  cursor: pointer;
}
.v2-sidenav img{
  border:4px solid transparent;
}
.sidenav.active .sidenav-img img,
.v2-sidenav a:hover img,
.v2-sidenav .sidenav-chart.active,
.v2-sidenav .sidenav-chart:hover,
.toggle-squad-filter.active img,
.toggle-squad-filter.active:hover img{
  border-color: #006dd0;
  color:#006dd0 !important;
}

.v2-sidenav img{
  max-width: 100%;
  border-radius:25px;
}

.sidenav-all{
  margin-top: 15px;
}

.v2-sidenav .sidenav-all,
.v2-sidenav .sidenav-chart,
.v2-sidenav .sidenav-chart-reset{
  cursor: pointer;
  border:2px solid transparent;
  background:#fff;
}

.v2-sidenav .sidenav-all:hover,
.v2-sidenav .sidenav-chart:hover,
.v2-sidenav .sidenav-chart-reset:hover{
  border-color: #006dd0;
  color:#006dd0 !important;
}

.v2-sidenav .sidenav-chart,
.v2-sidenav .sidenav-all,
.v2-sidenav .sidenav-chart-reset{
  padding: 5px;
}

.squad-user-group-item:not(.expanded) .address-card{
  display: none;
}

.sidenav-chart-reset-wrap{
  display: none;
}

.metric-chart{
  /*display: none;*/
}

.v2-col{
  padding-top:10px;
}

.sidenav-wrap{
  margin-bottom:15px;
}

/* Roster Editor */

#delete-user, #staff-list, .staff-alert{
  display: none;
}

#delete-user img{
  max-width: 100%;
}

.roster-name{
  text-align: center;
}

.roster-name img{
  margin-bottom:10px;
}

.roster-manage-row{

}

.add-user a{
  border: 2px solid #e1e1e1;
  display: block;
  padding:25px;
  font-size:25px;
  width:100%;
  height:100%;
  text-align: center;
  cursor: pointer;
  border-radius:5px;
}

.add-user a div{
  line-height:24px;
  font-weight: 400;
}

.add-user a:hover{
  border-color: #006dd0;
  background: #006dd0;
  color:#fff !important;
}

#staff-list h3{
  text-align: center;
}

.add-confirm{
  display: block;
  width:100%;
  padding:5px;
  border:2px solid transparent;
  border-radius:5px;
  text-align: center;
  cursor:pointer;
  line-height: 15px;
}

.add-confirm:hover{
  border-color: #006dd0;
  background:#006dd0;
  color:#fff !important;
}

.add-confirm img{
  margin-bottom: 10px;
}

.del-col{
  margin-bottom:20px;
}

.del{
  text-align: center;
  border-radius:5px;
  border:2px solid #e1e1e1;
  padding:5px;
  display: block;
  line-height: 15px;
  height:100%;
}
.del:hover{
  border-color: #006dd0;
  background:#006dd0;
  color:#fff !important;
}

.del i{
  font-size: 25px;
  text-shadow:1px 2px 1px #006dd0;
}

.del img{
  margin-bottom: 10px;
}

.del .overlay{
  display: none;
  position: absolute;
  top: 0;
  left: 0;
  padding-top: 45%;
  width: 100%;
  height: 100%;
  text-align: center;
  color: #fff;
  cursor: pointer;
}

.staff-selection-title{
  text-align: center;
}

.del:hover .overlay{
  display: block;
}

.sel{
  text-align: center;
  border-radius:5px;
  border:2px solid #e1e1e1;
  padding:5px;
  display: block;
  line-height: 15px;
  height:100%;
  cursor: pointer;
}
.sel:hover{
  border-color: #006dd0;
  background:#006dd0;
  color:#fff !important;
}

/* Year Report */

.ym-col-headers{
  font-weight: 700;
  margin-bottom:5px;
  padding-bottom:5px;
}

.ym-month-row{
  border-bottom:1px dotted #ddd;
  padding-bottom:5px;
}

.ym-month-row.toggled{
  margin-bottom: 20px;
  border-bottom:2px dotted #aaa;
  padding-bottom:5px;
}

.ym-title-row.controller{
  display: none;
}
.ym-title-row.controller.toggled{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

.ym-title-row.toggled{
  margin-bottom: 10px;
}

.year-report-month-toggle{
  display: inline-block;
  padding:5px 5px 5px 0;
  cursor: pointer;
}

.sub-row{
  display: none;
}
.sub-row.toggled{
  border-bottom:1px dotted #ccc;
  margin-bottom:5px;
}
.ym-squad-row{
  /*border-top:1px dotted #aaa;*/
}

.year-data-row{
  /*border-bottom:1px dotted #ccc;*/
  padding-bottom:5px;
  margin-bottom:5px;
}

.toggled .year-data-row{
  border-top:1px dotted #dedede;
  padding-top:5px;
}

.ym-title-row.controller.toggled{
  /*border-top:1px dotted #aaa;*/
}

.ym-annual-total{
  font-weight: 700;
  padding-top:5px;
}
.no-data{
  opacity: 0.1;
}

/* Corrections */

.menu-col{
  background: #003e760f;
  padding-top: 20px;
}

.tabnav ul{
  list-style: none;
  margin: 0;
  padding: 0;
}
.tabnav li{
  display: inline-block;
  border-left: 2px solid transparent;
}
.tabnav li:hover,
.tabnav li.active-tab{
  border-bottom-color:#003e76;
}
.tabnav a{
  display: inline-block;
  padding:10px 20px;
  font-size: 17px;
  color: #000;
}
.tabnav a:hover{
  text-decoration:none;
  color:;
}
.tabnav a i{
  color: #000;
}

.tabs{
  padding: 0 0 15px 0;
  margin: 0;
  display: block;
  width: 100%;
}

.tab-group{
  margin-bottom: 10px;
}

.tab-children{
  margin: 10px 0 0 10px;
  padding: 0 0 0 10px;
  /*display: none;*/
}

.tab-children.active{
  display: block;
}

.tabs li{
  display: block;
  width: 100%;
}

.tab-children li{
  display: block;
  width: 100%;
}

.tab-link-parent {
  display: block;
  width: 100%;
  width: 100%;
  padding: 15px;
  display: inline-block;
  margin:  0;
  font-weight: 500;
  cursor: pointer;
  font-size: 16px;
  transition: ease-in-out all 0.25s; 
}

.tab-children a {
  display: block;
  width: 100%;
  width: 100%;
  padding: 10px 10px 10px 15px;
  display: inline-block;
  margin:  0;
  font-weight: 500;
  cursor: pointer;
  transition: ease-in-out all 0.25s;
  font-size: 15px;
  color: #222 !important;
  border-left: 3px solid #01498b14;
}

.tab-link-parent.active, .tab-link-parent:hover{
  background: #01498b14;
  color: #006dd0 !important;
  cursor: pointer;
  transition: ease-in-out all 0.25s;
  text-decoration: none;
}

.tab-children li > a.active, .tab-children li a:hover{
  cursor: pointer;
  transition: ease-in-out all 0.25s;
  text-decoration: none;
  border-left-color: #006dd0;
  color: #006dd0 !important;
}

.content-item {
    padding: 25px;
    background: #fff;
    color: #181c21;
    border: 2px solid #ccc;
    margin-bottom: 25px;
}

.content-item-header {
    padding: 10px 25px;
    background: #006dd0;
    color: #fff;
    border: 2px solid #006dd0;
    margin-bottom: 25px;
    font-weight: 700;
}

.scroll-container{
  overflow-x:hidden;
  overflow-y:scroll;
  max-height:480px;

}

.log-codes{
  margin:0 0 20px 0;
  padding:0;
}
.log-codes li{
  display: inline-block;
  margin:0 5px 0 0;
}
.log-codes a{
  display: block;
  padding:5px;
  border:2px solid #ccc;
  cursor: pointer;
}
.log-codes a:hover,
.log-codes a.selected{
  background: #006dd0;
  border-color:#006dd0;
  color:#fff !important;
}

/* Corrections */

.multi-field{
  display: none;
}

.form-row .text-input{
  width:100%;
}

.corr-mode-select{
  display: block;
  padding:20px 0;
  width:100%;
  font-size: 20px;
  text-align: center;
  border:2px solid #ccc;
  font-weight: 700;
  cursor: pointer;
  margin-bottom:25px;
}
.corr-mode-select.active, .corr-mode-select:hover{
  border-color: 2px solid #006dd0;
  background: #006dd0;
  color:#fff !important;
}