/*
    Document   : sip
    Created on : 25 févr. 2014, 09:14:49
    Author     : Administrateur
    Description:
        Purpose of the stylesheet follows.
*/
/* @import url(https://fonts.googleapis.com/css?family=Oxygen:400,700); */
@import './variables.css';

html,body {
        margin: 0;
}

body {
    background-color: #fff;
    font-family: var(--font-family); /* previously: 'Oxygen', sans-serif */
    font-weight: var(--font-weight-regular);
    overflow-x: hidden;
    /*font-size: 1.2em;*/
}

.mainContainer{
    background-color: #eee;
}

#brand-title img{
    margin: -5px 0;
}

#TopBar{
    background-color: #313942;
    padding-top: 10px;
	padding-left: 10px;
	padding-right: 10px;
    min-height: 56px;
    width: 100%;
	display: table;
}

#TopBarNew{
    background-color: #313942;
    padding-top: 10px;
	padding-left: 10px;
	padding-right: 10px;
    min-height: 56px;
    width: 100%;
}

.profile-button {
	color: #FFFFFF!important;
	padding-right: 0px;
}

.group-nav {
	width: 230px;
}

/* .group-nav-entry {
	width: 90%;
	margin: 10px;
} */

.group-nav-entry-underline {
	border-bottom-width: 3px;
	border-bottom-style: solid;
	border-bottom-color: #2ca0f7;
	border-radius: 0px;
}

.revoke_mydata div .btn.btn-default.btn-block {
    display: inline-block;
    margin-left: 5px;
}
.revoke_mydata div .btn.btn-default.btn-block a {
    padding: 9px 100px;
}
#mydatamodalfalse .modal-footer .col-xs-6, #mark-note-read-modal .modal-footer .col-xs-6 {
    text-align: center;
}
#mydatamodaltrue .modal-footer .col-xs-6, #mark-note-read-modal .modal-footer .col-xs-6 {
    text-align: center;
}
a, a:hover, a:focus {
    color: #000;
}
.access_text_mydata{
    font-size: 14px;
     /* Hide by default */
}
.toggle_access_mydata {
    cursor: pointer;
    font-size: 25px;
    color: #2a6496;
}

a.no-style:link {
	color: #000000;
	/* text-decoration: none; */
}
a.no-style:visited {
	color: #000000;
}
/* onepage view section added */
.injury_filter_onepageview .active{
	font-weight: bold;
}

#one_page_health_view .btn-blue {
    border-radius: 4px !important;
}
.section_onepage_view{
    padding-top:0px;
    padding-bottom:20px;
}
#one_page_health_view .table thead th {
    cursor: pointer;
}
#one_page_health_view .table thead th.asc::after {
    content: " ▲";
}
#one_page_health_view .table thead th.desc::after {
    content: " ▼";
}

.compact_health_page_view th:nth-child(1),
.compact_health_page_view td:nth-child(1) { width: 10%; }
.compact_health_page_view th:nth-child(2),
.compact_health_page_view td:nth-child(2) { width: 18%; }
.compact_health_page_view th:nth-child(3),
.compact_health_page_view td:nth-child(3) { width: 25%; }
.compact_health_page_view th:nth-child(4),
.compact_health_page_view td:nth-child(4) { width: 15%; }
.compact_health_page_view th:nth-child(5),
.compact_health_page_view td:nth-child(5) { width: 10%; }
.compact_health_page_view th:nth-child(6),
.compact_health_page_view td:nth-child(6) { width: 15%; }
.compact_health_page_view th:nth-child(7),
.compact_health_page_view td:nth-child(7) { width: 8%; }

/* Remove right border for 6th column header in Assessments table only */
/* Apply to ALL your aligned tables */
.table.table-bordered.compact_health_page_view > thead > tr > th:nth-child(6) {
    border-right: none !important;   /* kill the right border of col 6 */
}

.table.table-bordered.compact_health_page_view > thead > tr > th:nth-child(7) {
    border-left: none !important;    
}

.add_new_btn{
    margin-top:5px;
}
.section_onepage_view .panel-heading {
	padding: 10px !important;
	font-weight: bold;
	color: #333;
	background-color: #f5f5f5 !important;
	border-bottom: 2px solid #ddd;
	font-size: 1em;
	display: flex;
}
.panel-heading.onepage_panel_heading a {
	font-size: 14px;
}
#note-section-container .panel_heading_right a {
	font-size: 14px !important;
}
#questionnaireContainer .panel_heading_right a {
	font-size: 14px;
}
#questionnaireContainer .panel-heading {
    display: flex !important;
    justify-content: space-between;
    align-items: center;
}
.panel_heading_left {
    padding-left: 5px;
    color: #000;
}
.panel_heading_right {
    padding-right: 5px;
    font-weight: normal;
}
.section_onepage_view .panel_heading_right {
    margin-left: auto;
}
.section_onepage_view .add_new_btn {
    padding: 0 5px;
}
#one_page_add_injury_model .modal-dialog {
    max-width: 85%;
    width: auto;
    margin: 1.75rem auto;
}
/* Assessment / Questionnaire modals: same width as #addNote's .modal-dialog
   (includes/templates/staff/users/profileNotes/addNoteModal.php). */
#one_page_add_assesment_model_dialog,
#one_page_add_questionnaires_dialog {
    width: 600px;
    max-width: 95%;
    margin-left: auto;
    margin-right: auto;
}
#one_page_add_questionnaires .modal-header {
    padding: 0;
}
/* override row background for the last column by painting the cell with table bg */
.compact_health_page_view tbody tr > td:last-child,
.compact_health_page_view tbody tr > th:last-child {
  background: #ffffff !important;     /* or whatever the table background is */
}
.file-block {
    border-radius: 10px;
    background-color: rgba(144, 163, 203, 0.2);
    margin: 5px;
    color: initial;
    display: inline-flex;
}
.file-block > span.name {
    padding-right: 10px;
    width: max-content;
    display: inline-flex;
}
.file-delete {
    display: flex;
    width: 24px;
    color: initial;
    background-color: transparent;
    font-size: large;
    justify-content: center;
    margin-right: 3px;
    cursor: pointer;
}
.file-delete:hover {
    background-color: rgba(144, 163, 203, 0.2);
    border-radius: 10px;
}
.file-delete > span {
    transform: rotate(45deg);
}
/* onepage view section end */

@media (max-width: 767px) {
	.sub-nav-text {
		display: none;
	}
}

/* Remove vertical scroll on all HC Grid instances — rows expand naturally with pagination */
.hcg-container {
	height: auto !important;
}
.hcg-table {
	height: auto !important;
}
.hcg-table.hcg-scrollable-content tbody {
	height: auto !important;
	overflow: visible !important;
	flex: 0 0 auto !important;
}

@media (max-width: 400px) {
	.modal .modal-title {
		font-size: 14px;
	}
}

@media (max-width: 856px) {
	.teamMedicalTreatmentDivAdd .row > .col-xs-3,
	.teamMedicalTreatmentDivEdit .row > .col-xs-3 {
		padding-left: 15px !important;
	}
	.teamMedicalTreatmentDivAdd .row > .col-xs-12,
	.teamMedicalTreatmentDivEdit .row > .col-xs-12 {
		padding-right: 15px !important;
	}
}

@media (max-width: 404px) {
	.teamMedicalTreatmentDivAdd .row > .col-xs-3,
	.teamMedicalTreatmentDivAdd .row > .col-xs-5,
	.teamMedicalTreatmentDivAdd .row > .col-xs-2,
	.teamMedicalTreatmentDivEdit .row > .col-xs-3,
	.teamMedicalTreatmentDivEdit .row > .col-xs-5,
	.teamMedicalTreatmentDivEdit .row > .col-xs-2 {
		width: 50%;
		padding-left: 15px !important;
		padding-right: 15px !important;
	}
	.teamMedicalTreatmentDivAdd .row > .col-xs-2:last-child,
	.teamMedicalTreatmentDivEdit .row > .col-xs-2:last-child {
		text-align: right !important;
	}
	.teamMedicalTreatmentDivAdd .addTreatmentRow,
	.teamMedicalTreatmentDivEdit .addTreatmentRowEdit {
		padding: 0;
	}
	.soap-notes-mode-switcher {
		font-size: 12px;
	}
}

.col-fixed {
    /* custom width */
    width:500px;
}

@media screen and (max-width: 1199px) {
	.col-fixed {
		width: 480px;
	}
}

@media screen and (max-width: 991px) {
	.col-fixed {
		width: 380px;
	}
}

@media screen and (max-width: 767px) {
	.col-fixed {
		width: 280px;
	}
}

@media only screen and (max-width: 600px) {
	.revoke_mydata div .btn.btn-default.btn-block {
		display: inline-block;
		margin-left: 12px;
	}
	.revoke_mydata div .btn.btn-default.btn-block a {
		padding: 9px 10px;
	}
	.access_text_mydata{
		font-size: 14px;
		 /* Hide by default */
	} 
}

@media screen and (min-width: 675px) and (max-width: 991px) {
	.revoke_mydata div .btn.btn-default.btn-block {
		display: inline-block;
		margin-left: 0px;
	}
	.revoke_mydata div .btn.btn-default.btn-block a {
		padding: 9px 38px;
	}
	.access_text_mydata{
		font-size: 12px;
		 /* Hide by default */
	} 
}
@media screen and (min-width: 601px) and (max-width: 674px) {
	.revoke_mydata div .btn.btn-default.btn-block {
		display: inline-block;
		margin-left: 0px;
	}
	.revoke_mydata div .btn.btn-default.btn-block a {
		padding: 9px 19px;
	}
	.access_text_mydata{
		font-size: 12px;
		 /* Hide by default */
	} 
}

.row-centered {
    text-align:center;
    position: fixed;
    width: 100%;
    z-index: 999;
    height: 0px;
}
.col-centered {
    display:inline-block;
    float:none;
    /* reset the text-align */
    text-align:center;
    /* inline-block space fix */
    /*margin-right:-4px;*/
}

.item {
    width:100%;
    border:1px solid #7AB317;
    border-radius: 3px;
    padding:16px 8px;
    display:table;
    margin-top: 100px;
    -webkit-box-shadow: -1px -1px 34px -20px rgba(0,0,0,0.32);
    -moz-box-shadow: -1px -1px 34px -20px rgba(0,0,0,0.32);
    box-shadow: -1px -1px 34px -20px rgba(0,0,0,0.32);
    background-color: #fff;
    z-index:10000;

}

.item-error {
    width:100%;
    border:1px solid #E62617;
    border-radius: 3px;
    padding:16px 8px;
    margin-top: 100px;
    display:table;
    -webkit-box-shadow: -1px -1px 34px -20px rgba(0,0,0,0.32);
    -moz-box-shadow: -1px -1px 34px -20px rgba(0,0,0,0.32);
    box-shadow: -1px -1px 34px -20px rgba(0,0,0,0.32);
    background-color: #fff;
    z-index:10000;

}

.content {
    display:table-cell;
    vertical-align:middle;
    text-align:center;
}

.popup-info {
	z-index: 3000;
    position: absolute;
}
.sub-options label:last{
    margin-bottom:5px;
}
.sub-options label{
    padding-bottom: 0px ;
    padding-top: 0px;
}
.sub-options .btn.btn-secondary.btn-block.cls_level_2 {
    text-align: left;
    margin-left: 25px;
}
.sub-options .btn.btn-secondary.btn-block.cls_level_3 {
    text-align: left;
    margin-left: 50px;
}
.sub-options .btn.btn-secondary.btn-block.cls_level_4 {
    text-align: left;
    margin-left: 75px;
}
.cls_level_2.cls_level_3.cls_level_4.btn:active, .btn.active {
    -webkit-box-shadow: none !important;
    box-shadow: none !important;
}
#TopBar-search{
    background-color: white;
    border-bottom: 1px solid;
    border-bottom-color: #0099ff;
    padding: 7px 5px 0 5px;
    height: 50px;
    width: 100%;
    top: 0;
    z-index: 2;
    position: fixed;

}

#left-menu-btn{
    cursor: pointer;
    margin-right: 10px;
}

#right-menu-btn{
    cursor: pointer;
    margin: 7px;
}

.groupimg{
    width: 48px;
    height: 48px;
    border-radius: 50%;
    overflow: hidden;
}

.circular-image-dashboard {
    width: 48px;
    height: 48px;
    border-radius: 50%;
    overflow: hidden;
}
.circular-image-dashboard img {
    height: 48px;
    width: 48px;
    object-fit: cover;
}

.header-group-title{
    font-size: 1.4em;
    color: white;
}

ul#TopBar-MenuText li a{font-size: 1em; color: #fff;}

.dropdown-menu li a {font-size: 1.2em; color: #333333;}

ul#TopBar-MenuText li a:hover,
.dropdown-menu li a:hover{background-color: #0099ff;color: #fff;}

.language{
    width:75px;
    position: fixed;
    bottom: 50px;
    right: 25px;
    border: none;
}

.title{
    color: #313942;
    font-size: 1.4em;
    text-align: left;
}

.element-row{
    background-color: #fff;
    padding: 5px 5px;
}

#complete-questionnaire-form input {
	text-align: left;
}
#complete-questionnaire-form input.btn {
	text-align: center;
}

#ostrc-questionnaire-form input {
	text-align: left;
}
#ostrc-questionnaire-form input.btn {
	text-align: center;
}

#injuryform input {
	text-align: left;
}
#injuryform input.btn {
	text-align: center;
}

#ostrc-questionnaire-form  .align-left {
	text-align: left;
}
#ostrc-questionnaire-form  select {
	text-align: left;
}
#injuryform  select {
	text-align: left;
}

.title img{
    /*margin-top: 20px;*/
}

.form-signin{
    text-align: center
}
.form-signin form{
    margin: 0;
    text-align: center;
    color: white;
}

form input{
    font-size: 1.2em;
    border: none;
    text-align: center;
}

select {
    text-align: center;
}

.forgot-pass, .forgot-pass:hover{
    color: #606060;
}

.remember{
    text-align: left;
}
.login{
    font-size: 1.0em;
}
.butt a{
    height: 50px;
    border-radius: 0;
    text-align: center!important;
    padding: 0!important;
}

.butt-home-stats a{
    height: 35px;
    border-radius: 0;
    text-align: center!important;
    padding: 0!important;
}

.butt-home-stats a:nth-of-type(1),.butt-home-stats a:nth-of-type(2),.butt-home-stats a:nth-of-type(3){
    border-right: 1px solid #000;
}

.butt-home-stats a:nth-of-type(1){
    border-left: 0;
}

.butt-home-stats a:nth-of-type(4){
    border-right: 0;
}

.btn-yellow{
    background-color: #F8CA00;
    color: white;
    /*    background: -moz-linear-gradient(top, #ffcc00 40%,#cea501 100%);  FF3.6+
        background: -webkit-gradient(linear, left top, left bottom, color-stop(40%,#ffcc00),color-stop(100%,#cea501));  Chrome,Safari4+
        background: -webkit-linear-gradient(top, #ffcc00 40%,#cea501 100%);  Chrome10+,Safari5.1+
        background: -o-linear-gradient(top, #ffcc00 40%,#cea501 100%);  Opera 11.10+
        background: -ms-linear-gradient(top, #ffcc00 40%,#cea501 100%);  IE10+
        background: linear-gradient(top, #ffcc00 40%,#cea501 100%);  W3C
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffcc00', endColorstr='#cea501',GradientType=0 );  IE6*/
}

/*.btn-white{
    background-color: white;
    color: #0099ff;
    border: 1px solid #aaa;
    text-align: left;
    border-radius: 0px!important;
}*/

.btn-white{
    background-color: white;
    color: #0099ff;
    border: 1px solid #eee;
    text-align: left;
}

.btn-transparent{
    background-color: transparent;
    color: #0099ff;
    /*border: 1px solid #eee;*/
    /*text-align: left;*/
}


.participant-stat-btn{
    background-color: white;
    color: #0099ff;
    border: 0;
    border-bottom: 1px solid #ddd!important;
    text-align: left;
    border-radius: 0px!important;
    padding: 0px;
}

.participant-stat-btn img{
    margin-right: 10px;
}

.btn-blue{
    background-color: #0099ff;
    color: white;

    /*    background: -moz-linear-gradient(top, #0099ff 40%,#015b98 100%);  FF3.6+
        background: -webkit-gradient(linear, left top, left bottom, color-stop(40%,#0099ff),color-stop(100%,#015b98));  Chrome,Safari4+
        background: -webkit-linear-gradient(top, #0099ff 40%,#015b98 100%);  Chrome10+,Safari5.1+
        background: -o-linear-gradient(top, #0099ff 40%,#015b98 100%);  Opera 11.10+
        background: -ms-linear-gradient(top, #0099ff 40%,#015b98 100%);  IE10+
        background: linear-gradient(top, #0099ff 40%,#015b98 100%);  W3C
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0099ff', endColorstr='#015b98',GradientType=0 );  IE6*/
}

.btn-blue-border{
    border:1px solid  #0099ff;
    background-color: #fff;
    color: #0099ff;
}

.btn-gray-border{
    border:1px solid  #aaa;
    background-color: #fff;
    color: #0099ff;
}

.btn-gray-border-side{
    border-left:1px solid  #aaa;
    background-color: #fff;
    color: #0099ff;
    border-bottom: 1px solid  #aaa;
}

.btn-gray{
    color: black;
    border: 1px solid #aaa;
    background: -moz-linear-gradient(top, #fff 40%,#ccc 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(40%,#fff),color-stop(100%,#ccc)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #fff 40%,#ccc 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #fff 40%,#ccc 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top, #fff 40%,#ccc 100%); /* IE10+ */
    background: linear-gradient(top, #fff 40%,#ccc 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fff', endColorstr='#ccc',GradientType=0 ); /* IE6*/
}

.btn-green{
    background-color: #7AB317;
    color: white;
    /*    background: -moz-linear-gradient(top, #cccc00 40%,#a0a003 100%);  FF3.6+
        background: -webkit-gradient(linear, left top, left bottom, color-stop(40%,#cccc00),color-stop(100%,#a0a003));  Chrome,Safari4+
        background: -webkit-linear-gradient(top, #cccc00 40%,#a0a003 100%);  Chrome10+,Safari5.1+
        background: -o-linear-gradient(top, #cccc00 40%,#a0a003 100%);  Opera 11.10+
        background: -ms-linear-gradient(top, #cccc00 40%,#a0a003 100%);  IE10+
        background: linear-gradient(top, #cccc00 40%,#a0a003 100%);  W3C
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#cccc00', endColorstr='#a0a003',GradientType=0 );  IE6*/
}

.btn-red{
    background-color: #ff0000;
    color: white;
    /*    background: -moz-linear-gradient(top, #ff0000 40%,#9b001c 100%);  FF3.6+
        background: -webkit-gradient(linear, left top, left bottom, color-stop(40%,#ff0000),color-stop(100%,#9b001c));  Chrome,Safari4+
        background: -webkit-linear-gradient(top, #ff0000 40%,#9b001c 100%);  Chrome10+,Safari5.1+
        background: -o-linear-gradient(top, #ff0000 40%,#9b001c 100%);  Opera 11.10+
        background: -ms-linear-gradient(top, #ff0000 40%,#9b001c 100%);  IE10+
        background: linear-gradient(top, #ff0000 40%,#9b001c 100%);  W3C
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff0000', endColorstr='#9b001c',GradientType=0 );  IE6*/
}

.dynamic-tab-btn{
    border-radius: 0px;
	padding-bottom: 8px;
	border-bottom: 0px solid #009CDF;
}

.dynamic-tab-btn.selected{
    /* font-weight: 700; */
	border-bottom-width: 3px;
	padding-bottom: 6px;
	/* take 1px off of left and right padding to somewhat counter width increase from font-weigth: 700 */
	padding-left: 11px;
	padding-right: 11px;
}

.btn-red-bottom{
    border-bottom-color: #ff0000;
}

.btn-yellow-bottom{
    border-bottom-color: #FFBE40;
}

.btn-green-bottom{
    border-bottom-color: #7AB317;
}

.btn-yellow:hover{
    background-color: #ecc603;
    color: white;
}

.btn-blue:hover{
    background-color: #40b4ff;
    color: white;
}

.btn-green:hover{
    background-color: #a4ca02;
    color: white;
}

.btn-red:hover,
.btn-red:focus {
    background-color: #ff0000;
    color: white;
}

.btn-group.open .dropdown-toggle {
    -webkit-box-shadow: none!important;
    box-shadow: none!important;
}

#congratulation{
    padding-top: 20px;
    padding-bottom: 20px;
    font-size: 1.9em;
    text-align: center;
    /*margin: 35% auto auto auto;*/
    background-color: white;
    border-radius: 8px;
}

.question{
    /* width:420px; */
}
.answer, .question{
    padding-left: 20px;
}

#myfile, #vanity_url_logo{
    height: 5px;opacity: 0
}
#myedgetenfile, #vanity_url_logo{
    height: 5px;opacity: 0
}

#myfeedbackfile{
    height: 5px;opacity: 0
}

.dashboard-menu div{
    margin: 15px 0;
}

.dashboard-menu div a span{
    font-size: 1.3em;
    color: white;
}

@media screen and (max-width:768px) {
    #TopBar-MenuText{
        display: none;
    }

    #right-menu-btn{
        display: initial;
    }
}
@media screen and (min-width:769px) {
    #TopBar-MenuText{
        display: initial;
    }

    #right-menu-btn{
        display: none;
    }
}

.daily-questionnaire-btn{
    font-size: 1.1em;
}

form.color-scheme-trafficlights .questionnaire-colour1 {
   	color: #143312;
    background-color: #ECFFEB;
}

form.color-scheme-trafficlights .questionnaire-colour2 {
    color: #0a3a0a;
    background-color: #A6FFA5;
}

form.color-scheme-trafficlights .questionnaire-colour3 {
    color: #3c4e09;
    background-color: #D2F27A;
}

form.color-scheme-trafficlights .questionnaire-colour4 {
    color: #4e4506;
    background-color: #FEE44F;
}

form.color-scheme-trafficlights .questionnaire-colour5 {
    color: #382703;
    background-color: #F5A601;
}

form.color-scheme-trafficlights .questionnaire-colour6 {
    color: #ffffff;
    background-color: #E20121;
}

form.color-scheme-trafficlights .questionnaire-colour7 {
    color: #ffffff;
    background-color: #94010B;
}

form.color-scheme-blue .questionnaire-colour1 {
	background-color:#FFFFFF;
}

form.color-scheme-blue .questionnaire-colour2 {
	background-color:#BED7F0;
}

form.color-scheme-blue .questionnaire-colour3 {
	color:#FFFFFF !important;
	background-color:#4890CD;
}

form.color-scheme-blue .questionnaire-colour4 {
	color:#FFFFFF !important;
	background-color:#0B75BB;
}

form.color-scheme-blue .questionnaire-colour5,
form.color-scheme-blue .questionnaire-colour6,
form.color-scheme-blue .questionnaire-colour7,
form.color-scheme-blue .questionnaire-colour8,
form.color-scheme-blue .questionnaire-colour9,
form.color-scheme-blue .questionnaire-colour10 {
	color:#FFFFFF;
	background-color:#1A4F7A;
}
.non_ostrc .injurybtn_green{
    background-color: #1bb934;
    color: #FFFFFF; 
}
.non_ostrc .injurybtn_red{
    background-color: #e03d22;
    color: #FFFFFF; 
}
.globalInjuries .color-scheme-trafficlights .injurbtn0{
    color: #FFFFFF; 
    background-color: darkgrey;
}
.globalInjuries .color-scheme-trafficlights .injurbtn1{
    color: #FFFFFF; 
    background-color: #1bb934;
}
.globalInjuries .color-scheme-trafficlights .injurbtn2{
    color: #FFFFFF; 
    background-color: #f0f000;
}
.globalInjuries .color-scheme-trafficlights .injurbtn3{
    color: #FFFFFF; 
    background-color: #ffa500;
}
.globalInjuries .color-scheme-trafficlights .injurbtn4{
    color: #FFFFFF; 
    background-color: #e03d22;
}
.globalInjuries .color-scheme-blue .injurbtn0{
    color: #FFFFFF; 
    background-color: darkgrey;
}
.globalInjuries .color-scheme-blue .injurbtn1{
    color: #000000; 
    background-color: #FFFFFF;
}
.globalInjuries .color-scheme-blue .injurbtn2{
    color: #000000; 
    background-color:#BED7F0;
}
.globalInjuries .color-scheme-blue .injurbtn3{
    color: #FFFFFF; 
    background-color:#4890CD;
}
.globalInjuries .color-scheme-blue .injurbtn4{
    color: #FFFFFF; 
    background-color: #0B75BB;
}
.globalInjuries .color-scheme-neutral{
    color: #000000; 
    background-color: #FFFFFF;
}
.compliance .color-scheme-neutral {
	color: #000000 !important;
	background-color: #FFFFFF;
}
.compliance .color-scheme-blue .trainingbtn0{
    color: #FFFFFF !important; 
    background-color: darkgrey;
}
.compliance .color-scheme-blue .trainingbtn1{
    color: #000000 !important; 
    background-color: #FFFFFF;
}
.compliance .color-scheme-blue .trainingbtn2{
    color: #000000 !important; 
    background-color:#BED7F0;
}
.compliance .color-scheme-blue .trainingbtn3{
    color: #FFFFFF !important; 
    background-color:#4890CD;
}
.compliance .color-scheme-blue .trainingbtn4{
    color: #FFFFFF !important; 
    background-color: #0B75BB;
}
.compliance .color-scheme-trafficlights .trainingbtn0{
    color: #FFFFFF !important; 
    background-color: darkgrey;
}
.compliance .color-scheme-trafficlights .trainingbtn1{
    color: #FFFFFF !important; 
    background-color: #1bb934;
}
.compliance .color-scheme-trafficlights .trainingbtn2{
    color: #FFFFFF !important; 
    background-color: #f0f000;
}
.compliance .color-scheme-trafficlights .trainingbtn3{
    color: #FFFFFF !important; 
    background-color: #ffa500;
}
.compliance .color-scheme-trafficlights .trainingbtn4{
    color: #FFFFFF !important; 
    background-color: #e03d22;
}

.panel-body-cusomized{
    padding: 0px!important;
}

.panel-heading-cutomized{
    background-color: white!important;
    border: 1px solid #bbb!important;
    border-bottom: 1px solid #0099ff!important;
    border-bottom-left-radius: 0px!important;
    border-bottom-right-radius: 0px!important;
    box-shadow: 0!important;
    cursor: pointer;
}

.panel-body-cusomized{
    background-color: #f9f9f9!important;
}

.panel,.panel-default{
    box-shadow: none !important;
}

.panel-heading img{
    /*margin-right: 10px;*/
}

.panel-heading-cutomized img{
    margin-right: 10px;
}

.panel-heading-cutomized span{
    color: #0099ff;
    /*font-weight: 700;*/
}

.popup-content{
    width: 400px;
    background-color: #fff;
    position: fixed;
    z-index: 10;
    top: 0;
    border: 1px solid #bbb;
    -moz-box-shadow: 0 5px 5px #eee;
    -webkit-box-shadow: 0 5px 5px #eee;
    box-shadow: 0 5px 5px #eee;
}

.tab-stat-content{
    display: none;
    background-color: #fefefe;
}
.options-submenu-bottom li a{
    /*border-bottom: 1px solid #eee;*/
    padding-bottom: 7px;
    padding-top: 7px;
}

.modal-body-custom {
    padding:0px!important;
}

.panel-heading-logs{
    cursor: pointer;
}

.tab-stat-content .tab-content .panel-heading-logs {
	cursor: initial;
}

.nav-pills > li +li {
	margin-left: 0;
}
.nav-pills > li.active > a, .nav-pills > li.active > a:focus,.nav-pills > li.active > a:hover{
	background-color: #fff;
	min-width: 90px;
	text-align: center;
	border-left: 1px solid #dddddd;
	border-right: 1px solid #dddddd;
	border-top: 1px solid #dddddd;
	border-bottom: 1px solid white;
	padding: 2px 0!important;
	border-radius: 0px;
	border-radius: 0px;
}
.nav-pills > li > a:hover{
	background-color: #fff;
	border-left: 1px solid #dddddd;
	border-right: 1px solid #dddddd;
	border-top: 1px solid #dddddd;
	border-bottom: 1px solid white;
	text-align: center;
	padding: 2px 0!important;
	min-width: 90px;
	border-radius: 0px;
}
.nav-pills > li > a{
	background-color: white;
	text-align: center;
	padding: 3px 0!important;
	min-width: 90px;
	border-radius: 0px;
}

.nav-pills > li > a > span {
	color: #333333; 
	/* font-weight: bold;  */
	padding: 5px 5px;
}

.nav-pills > li.active > a > span {
	color: #333333; 
	font-weight: 600 !important; 
	padding: 5px 5px;
}

/*
multidatespicker
*/

/* begin: jQuery UI Datepicker moving pixels fix */
.ui-datepicker-calendar table {border-collapse: separate;}
.ui-datepicker-calendar td {border: 1px solid transparent;}
/* end: jQuery UI Datepicker moving pixels fix */

/* begin: jQuery UI Datepicker emphasis on selected dates */
.ui-datepicker .ui-datepicker-calendar .ui-state-highlight a {
	background: #fbf9ee;
	border-color: black;
	color: black;
}
/* end: jQuery UI Datepicker emphasis on selected dates */

/*
style required elements
*/
input:required, select:required, textarea:required {
  border: 1px solid var(--color-secondary) !important;
  outline: none;
}

/*
tabs in logs.php
*/
.part-stat-link-btn-active {
	border-bottom-color: #0099ff;
	border-bottom-width: 3px;
}

.no-spin::-webkit-inner-spin-button,
.no-spin::-webkit-outer-spin-button {
    -webkit-appearance: none!important;
    margin: 0!important;
}
input.no-spin[type=number] {
	-moz-appearance:textfield;
}
/* AM-4133 */
div[ng-show="exercise.picture"] img {
    width: auto;
    height: auto;
    max-width: -moz-available; /* For Firefox */
    max-width: -webkit-fill-available; /* For WebKit browsers (Chrome, Edge, etc.) */
    max-width: fill-available; /* Standard support */
    max-height: none;
    display: block;
}
@supports (-webkit-appearance: none) and (not (overflow: -webkit-marquee)) {
    div[ng-show="exercise.picture"] img {
        width: 100%; /* Adjust as needed */
        height: auto; /* Maintain aspect ratio */
        max-width: 100%;
    }
}

/*
statistics header
*/
table.stats-header {
	width: calc(100% + 10px);
	margin-left: -5px;
	margin-right: -5px;
	text-align: center;
	border-collapse: separate;
	border-spacing: 5px;
	margin-bottom: 10px;
}

td.stats-cell {
	width: 100px; /* width is relative to other columns */
	font-size: 14px;
}

@media (max-width: 767px) {
	/* Reset the desktop border-spacing edge fix */
	table.stats-header {
		width: 100%;
		margin-left: 0;
		margin-right: 0;
		border-spacing: 0;
	}

	/* Make table rows behave as a flex container so cells wrap */
	table.stats-header tbody,
	table.stats-header tr {
		display: block;
	}

	table.stats-header tr {
		display: flex;
		flex-wrap: wrap;
		gap: 5px;
	}

	/* 2 cells per row; min-width so they stack to 1 col on very small screens */
	table.stats-header td.stats-cell {
		flex: 1 1 calc(50% - 5px);
		min-width: 120px;
		width: auto !important;
		box-sizing: border-box;
		padding: 8px 4px;
	}
}

td.stats-cell.stats-cell-low {
	background-color: #e1f1e4; /* dashboard green */
}

td.stats-cell.stats-cell-medium {
	background-color: #feedbd; /* dashboard yellow */
}

td.stats-cell.stats-cell-high {
	background-color: #fad1ca; /* dashboard red */
}

span.stats-number {
	font-weight: bold;
	font-size: 1.3em;
}

.fake-link:hover {
	cursor: pointer;
	text-decoration: underline;
}

span.number-badge {
	background-color: #4a78a9;
	color: white;
	font-size: 85%;
	border-radius: 2em;
    min-width: 1.5em;
	display: inline-block;
	vertical-align: top;
}

.small-text {
	font-size: 14px;
	display: block;
	margin-bottom: 15px;
}

/* date-selector-link */
.date-selector-link {
	font-size: 16px;
	padding-right: 10px;
	padding-left: 0px;
	cursor: pointer;
}
.date-selector-link:hover {
	text-decoration: underline;
	color: #000;
}

.date-selector-link.active {
	font-weight:bold;	
}

.presetDateActive {
	text-decoration: underline;
	color: #1e647f;
}


/* Exercise / Workout Finder */
#inlineTrainingContainer {
    padding: 10px 0 0 0;
}
#exerciseFinderSidebarOuterContainer {
    width: calc(100% / 2 - 425px);
    min-width: 450px;
    padding: 5px 15px;
}
#exerciseFinderSidebarOuterContainer .nav-pills > li > a > span {
	color: #333333; 
}
.exerciseFinderTabs {
    list-style:none; margin:0px; padding:0px;
}
.exerciseFinderTabs li {
    padding:5px; text-align: center; border-bottom:1px solid #ccc; border-right:1px solid #ccc;
}
.exerciseFinderTabs li.active {
    background-color:#d3d3d3; 
}
.exerciseFinderTabs li a {
    text-decoration: none; color: #313942;
}
.tabsBodyContainer {
	border: 1px solid #dddddd;
    padding:10px;
}
.tabsBodyContainer .finderHeader {
    padding-bottom: 10px;
}
.tabsBodyContainer .finderHeader .input-group-btn .btn {
    padding-top:6px; padding-bottom:6px;
}
.exerciseFinderBody,
.workoutFinderBody {
    height:294px; overflow-y: scroll;
}
.exerciseFinderBody,
.workoutFinderBody {
	min-height:400px;
    height: calc(60vh);
}

.exerciseFinderBody > .loading-container ,
.workoutFinderBody > .loading-container,
.loading-container.adding-exercises {
	display: none;
}

#trainingContainer {
    /* max-width: 1200px; */
	overflow-x: hidden;
	position: relative;
	display: block;
	/* overflow-x makes this a block formatting context, so it shrinks to fit beside
	   the full-width .col-xs-12 title float above it -- 0px wide whenever the
	   exercise sidebar is absent and no width rule applies. Clear the float instead. */
	clear: both;
	margin:0 auto;
}
.exerciseWorkoutFinderResults {
    padding-bottom:5px;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -webkit-touch-callout : none;
    -moz-user-select: none;
    -o-user-select: none;
    user-select: none;
	border-bottom: 1px solid #ccc;
}
.finderResultsContainer .exercisefinderheading:hover {
    /* color: #4A78A9; */
    text-decoration: underline;
    cursor:pointer;
}
.finder_preview_load{
    cursor: auto;
}
.exerciseFinderResults {
    padding-bottom:5px;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -webkit-touch-callout : none;
    -moz-user-select: none;
    -o-user-select: none;
    user-select: none;
	border-bottom: 1px solid #ccc;
}
.exerciseFinderResults .exercisefinderheading:hover {
    /* color: #4A78A9; */
    cursor:pointer;
}
.exerciseFinderResultImgContainer {
    float:left; width:40px; height:40px; margin-right:5px;
}
.exerciseFinderResultImgContainer>img {
    height:40px; width:40px;
}
.finderResultsContainer {
    overflow:hidden;
	height: auto;
}

.bold {
	font-weight:bold;
}

.italic {
	font-style: italic;
}

a.disabled {
	opacity:0.5;
}

iframe {
	border: none;
	width: 100%;
}

.participant-popup iframe {
	visibility: hidden;
	min-height:850px;
}

.participant-popup .playing-status-container {
	float:right;
	padding-bottom: 8px; 
	width:200px; 
	font-size: 1.3em;
	margin-top:8px; 
	margin-right:30px; 
	text-align:center;
	padding-top: 13px;
}

/* .participant-popup .navigation-buttons-container {
	float: left; 
	width: 100%;
	text-align: center;
	margin-bottom:10px;
} */

.participant-popup .navigation-buttons-container a.btn,
.panel-heading.panel-heading-logs a.btn[stats-page]  {
	padding-bottom: 4px;
    padding-top: 4px;
    padding-left: 4px;
    padding-right: 4px;
}

.participant-popup .navigation-buttons-container a img {
	height: 28px; 
	max-width: 28px;
}

.participant-popup .navigation-buttons-container a.current {
 	border-bottom-width: 3px;
    border-bottom-color: #6C9EC0;
    border-radius: 0;
    border-bottom-style: solid;
}

.loading-container {
    clear: both;
	text-align: center;
	height: 50px;
	line-height: 50px;
}

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

.team.subteam.display-as-subteam {
	margin-left: 6%; max-width:94%
}

.sortable-team-placeholder {
	height:70px !important;
	margin-top:15px;
	border: none;
    display: block;
    width: 100%;
	overflow: hidden;
}

.sortable-sub-team-placeholder {
	height:45px !important;
	margin-top:15px;
	border:none;
	float:left;
	width:100%;
	position: relative;
    margin-left: 6%;
    max-width: 94%;
}

.partner-image-slider {
	width: 150px;
    margin-left: auto;
    margin-right: auto;
    position: relative;
    height:40px;
}

.partner-image-slider .slides {
	list-style: none;
	padding: 0px;
	width:100%;
	height: 100%;
    margin: 0px;
}

.partner-image-slider .slides li {
	position: absolute;
    left: 0px;
    top: 0px;
    width: 100%;
    height: 100%;
    opacity: 0;
    z-index: 1;
    text-align:center;

    -webkit-transition: opacity 1s;
    -moz-transition: opacity 1s;
    -o-transition: opacity 1s;
    transition: opacity 1s;
}

.partner-image-slider .slides li.active {
    opacity: 1;
    z-index: 2;
}

.partner-image-slider .slides img {
	max-width: 100%;
    max-height: 100%;
}

#groups .draggable.dragging {
	opacity: 0.7;
}

.bg-green {
	background-color:rgba(122, 179, 23, 0.2);
}

.bg-yellow {
	background-color:rgba(255, 204, 0, 0.2);
}

.bg-red {
	background-color:rgba(255, 0, 0, 0.2);
}

.float-left {
	float: left;
}

.float-right {
	float: right;
}

.input-group.file-select-input-group .input-group-btn .btn {
	max-height: 34px;
    /*padding-top: 4px;*/
    border-radius: 0px 4px 4px 0px;
}

.input-group.file-select-input-group .input-group-btn .btn img {
	margin-top: -2px;
}

.trainning-info-first .square-btn {
	width: 32px; 
	height: 32px;
	padding: 0px !important;
	border-radius: 0px;
	
}

.trainning-info-first .square-btn img {
	height: 32px;
	width: 32px;
}

.trainning-info-first .btn.square-btn.edit-training img {
	width:20px; 
	height:20px; 
	margin-top:5px;
}

.trainning-info-first .col-xs-4 {
	padding-left:0px;
}

.panel.training-program-panel a {
    word-break: break-all;
}

.panel.training-program-panel {
	border-radius: 0px;
}

.panel.training-program-panel .warmup,
.panel.training-program-panel .cooldown {
	clear:both;
	margin-bottom:10px;
}

.panel.training-program-panel .exercises {
	display: block !important;
	margin-left: -15px;
    margin-right: -15px;
}

.panel.training-program-panel a.download {
	margin-bottom: 5px;
	display:inline-block;
}

.panel.training-program-panel img.polar {
	height: 22px; 
	max-width: 100%;
}

.panel.training-program-panel img.garmin {
	height: 18px; 
	max-width: 100%; 
	padding-top: 2px; 
	padding-right: 5px;
}

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

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

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

.injury-log-attachment-container {
	min-height: 24px;
}

.dashboard-athlete-image-link {
	float: right;
}

.dashboard-athlete-image {
	max-height: 64px; 
	max-width: 48px; 
	float: right; 
	padding-bottom: 4px;
	padding-top: 4px;
}

.form-group.polar img.working,
.form-group.garmin img.working {
	width: 48px;
}

.clear-both {
	clear:both;
}

.garmin-chart-container .garmin-stats-container,
.polar-chart-container .polar-stats-container .stat, .whoop-chart-container .whoop-stats-container {
	display: table; 
	width: 100%; 
	text-align: center;
	max-width:100%;
	table-layout: fixed;
}

.garmin-chart-container .garmin-stats-container .stat,
.polar-chart-container .polar-stats-container .stat, .whoop-chart-container .whoop-stats-container .stat {
	display: table-cell; 
	width: 1%;
    font-size: 12px;
}

table.striped {
	max-width:100%;
	width: 100%;
    margin-bottom: 15px;
    margin-top:5px;
}

table.striped th, table.striped td {
	border: 1px solid #cfcfcf;
}

table.striped th {
	color: black;
	background-color: white;
}

table.striped tr:nth-child(odd) {
	background-color: #ffffff;
}

table.striped tr:nth-child(even) {
	background-color: #ededed;
}

.badge.badge-danger {
    background-color: red;
}

.input-group.file-select-input-group input[type="file"] {
	display: none;
}

.popupWrapper > div {
	width: 100%;
}

.icon-options-popup {
    left: -175px;
    width: 200px;
    padding: 15px;
    position: absolute;
    background-color: white;
    border: 1px solid lightgray;
    border-radius: 5px;
    z-index: 50;
}

.icon-options-popup a {
    margin: 20px 0px;
    display: block;
}

.icon-options-popup a:first-child {
    margin-top: 0px;
}

.icon-options-popup a:last-child {
    margin-bottom: 0px;
}

/**
.popupWrapper .item,
.popupWrapper .item-error {
	display: none;
}**/

.popupWrapper .item .content,
.popupWrapper .item-error .content {
	text-align: center;
}

.popup-info .item,
.popup-info .item-error {
	margin-top: 0;
}

.avoid-page-break-inside {
	page-break-inside: avoid !important;
}

.flex {
    display: -webkit-flex;
    display: -moz-flex;
    display: flex;
    width: 100%;
}

.notification-confirm-modal .modal-body,
.notification-confirm-modal .modal-body a,
.notification-confirm-modal .modal-body a:hover,
.notification-confirm-modal .modal-body a:active,
.notification-confirm-modal .modal-body a:focus {
	color:rgb(0, 0, 0, 0.8);
	text-decoraction:none;
}

.teams .team .groupimg-col {
	padding-top: 6px;
	padding-right: 0px;
	padding-left: 6px;
	width: 54px;
}	

.teams .team .groupimg-col .groupimg {
	width: 48px;
}
	
.teams .team .team-prev-cpy {
	font-size: 0.9em; 
	color: #777; 
	font-style: normal;
}

.teams .team .team-name {
	font-size: 1.1em;
    color: #606060;
    font-size: 1.3em;
    white-space: initial;
}

.preview-popup-ctr {
	position:absolute;
	top:0px;
	left:0px;
	display: none;
	width:auto;
	height: auto;
	box-shadow: 0px 0px 2px 2px #D5EEFF;
	border: 1px solid #0099ff;
	background-color: #FFF;
    padding: 5px;
    font-size: 0.9em;
    white-space: pre-line;
    z-index: 10000;
}

.form-group.receive-alerts-and-notifications {
	display: -webkit-flex;
	display: -moz-flex;
	display: flex;
}

.form-group.receive-alerts-and-notifications.sms {
	display: block;
}

.form-group.receive-alerts-and-notifications:not(.sms) > div {
	flex: 1;
}

.form-group.receive-alerts-and-notifications .btn.active.disabled,
.form-group.receive-alerts-and-notifications .btn.active[disabled] {
	background-color: #d6effa;
	opacity: 1;
}

.wellness-questionnaire-form.staff .training-info-row-content div,
#team-preferences-container .training-info-row-content div {
      padding-top: 5px;
      padding-bottom: 5px;
}

#team-preferences-container .training-info-row-content.general-ts div {
    padding-top: 5px;
    padding-bottom: 3px;
}

#team-preferences-container label,
#team-preferences-container .panel-title {
    font-size: 14px;
}


#team-preferences-container .training-info-row-content.integrations-ts div {
    padding-top: 3px;
    padding-bottom: 3px;
}

#team-preferences-container .training-info-row-content.subgroups-ts div {
    padding-top: 3px;
    padding-bottom: 7px;
}

#team-preferences-container .training-info-row-content.activities-ts div {
    padding-top: 2px;
    padding-bottom: 5px;
}

#team-preferences-container .training-info-row-content.subgroups-ts .panel-title,
#team-preferences-container .training-info-row-content.activities-ts .panel-title {
    font-size: 14px;
}

#health-settings-form .btn-sm,
#addDiagnosisForm .btn-sm,
#defaultSportCategoriesInnerPanel .btn-sm,
#custom-profile-note-types-form .btn-sm,
#global-settings .btn-sm,
#customSportCategoriesInnerPanel .btn-sm,
#sportPanel .btn-sm {
    font-size: 14px;
}

#team-preferences-container .training-info-row-content.locations-ts div {
    padding-top: 4px;
    padding-bottom: 1px;
}

#team-preferences-container .training-info-row-content.alerts-ts div {
    padding-top: 3px;
    padding-bottom: 5px;
}

#team-preferences-container .training-info-row-content.alerts-ts div {
    padding-top: 3px;
    padding-bottom: 5px;
}

#team-preferences-container .training-info-row-content.reminders-ts div {
    padding-top: 3px;
    padding-bottom: 5px;
}

#onFormApiKeyDiv {
    display: flex;
	flex-direction: column;
	gap: 4px;
    padding-top: 3px !important;
}

#inbodyFields {
	display: flex;
	flex-direction: column;
	gap: 10px;
}

#zxyFields {
	display: flex;
	flex-direction: column;
	gap: 10px;
}

#fieldWizFields {
	display: flex;
	flex-direction: column;
	gap: 10px;
    padding-bottom: 0px !important;
}

#valdForceDecksFields {
	display: flex;
	flex-direction: column;
	gap: 10px;
}

#valdDynaMoFields {
	display: flex;
	flex-direction: column;
	gap: 10px;
}

#valdForceFrameFields {
	display: flex;
	flex-direction: column;
	gap: 10px;
}

#valdSmartSpeedFields {
	display: flex;
	flex-direction: column;
	gap: 10px;
}

#valdFields {
	display: flex;
	flex-direction: column;
	gap: 10px;
}

#questionnaire_pain_question {
	padding-top: 20px !important;
}

.row.assessments-ts {
	margin-top: 7px;
}

.row.questionnaires-ts {
	margin-top: 7px;
}

#team-preferences-container .training-info-row-content.assessment-ts div {
    padding-top: 5px;
    padding-bottom: 0px;
}

#hawkin-dynamics-fields {
	display: flex;
	flex-direction: column;
	gap: 10px;
}

.btn-blank{
    background-color: white!important;
    border:0;
}

.page-title-row {
	margin-top: 0px !important;
}

.page-title-row > .col-sm-1 {
	max-width: 100px;
}

.required-legend {
	color: #d93025;
}

.no-display {
	display: none;	
}

 #export-health-problems-modal .modal-footer {
	border: none;
	padding-top: 0px;
	margin-top:0px
}

.btn-default.disabled.active,
.btn-default[disabled].active,
fieldset[disabled] .btn-default,
.btn-default.disabled:hover,
.btn-default[disabled]:hover,
fieldset[disabled] .btn-default:hover,
.btn-default.disabled:focus,
.btn-default[disabled]:focus,
fieldset[disabled] .btn-default:focus,
.btn-default.disabled:active,
.btn-default[disabled]:active,
fieldset[disabled] .btn-default:active,
.btn-default.disabled.active,
.btn-default[disabled].active,
fieldset[disabled] .btn-default.active {
	background-color: #d6effa;
}

select .option-wrapper {
	display: none;
}

.more-or-less {
    cursor: pointer;
}

form.training.staff {
	margin-top: 15px;
	padding-bottom: 50px;
}

form.training.staff .btn-block + .btn-block {
    margin-top: 5px;
}

form.training .form-buttons {
	margin-top: 35px;
}

#save-to-library-modal input[type=text] {
	text-align: center;
}

.reminder-messages-modal .title.section-title {
	border-bottom: 1px solid #c2c4c5;
	font-size: 1.1em;
	color: #333333;
	font-weight: bold;
	margin-top: 10px;
	margin-bottom: 10px;
}

.reminder-messages-modal .nav.nav-pills {
	border-bottom: 1px solid #c2c4c5;
}

.reminder-messages-modal .nav.nav-pills > li > a:hover {
	text-decoration: none;
	background-color: #eeeeee;
	border-color: #eeeeee #eeeeee #dddddd;
}

.reminder-messages-modal input[type=text] {
	text-align: left;
}

.reminder-messages-modal .modal-dialog {
	width: 750px;
}

@media (max-width: 767px) {
	.reminder-messages-modal .modal-dialog {
		width: auto;
		margin: 10px;
	}
}

a.reminder-modal-link {
	cursor: pointer;
}

a.reminder-modal-link img {
	margin-top: 8px;
	margin-left: 8px;
}

.form-group.enable-reminder-form-group .col-xs-6 {
	padding-right: 0px;
}

/* Same right-padding removal as enable-reminder-form-group, for single-value
   rows (Time of the day, Stop after, Reply to, etc.) that sit alongside
   Email/SMS/Push rows and need their value box to line up with them —
   without enable-reminder-form-group's mobile flex behavior, which isn't
   needed here and pushes these rows' content off-screen on small viewports. */
.reminder-value-col {
	padding-right: 0px;
}

@media (max-width: 767px) {
	.form-group.enable-reminder-form-group {
		display: flex;
		align-items: center;
		flex-wrap: nowrap;
	}
	.form-group.enable-reminder-form-group > [class*="col-"] {
		float: none;
	}
	.form-group.enable-reminder-form-group > .col-xs-1 {
		flex: 0 0 auto;
		width: auto;
		padding-left: 4px;
	}
	.form-group.enable-reminder-form-group > .col-xs-6,
	.form-group.enable-reminder-form-group > .col-xs-7 {
		flex: 1 1 auto;
		min-width: 0;
	}
}

.menstrualTrackingDiv {
	display: flex;
	align-items: center;
	flex-wrap: nowrap;
	margin-bottom: 5px;
}
.menstrualTrackingDiv > [class*="col-"] {
	float: none;
}
.menstrualTrackingDiv > .col-xs-1 {
	flex: 0 0 auto;
	width: auto;
	padding-left: 4px;
}
.menstrualTrackingDiv > .col-xs-9,
.menstrualTrackingDiv > .col-xs-11 {
	flex: 1 1 auto;
	min-width: 0;
}

.teamMechanismDiv {
	display: flex;
	align-items: center;
	flex-wrap: nowrap;
	margin-bottom: 5px;
}
.teamMechanismDiv > .col-xs-11 {
	flex: 0 0 91.6667%;
	max-width: 91.6667%;
	min-width: 0;
	padding-left: 0;
	padding-right: 0;
}
.teamMechanismDiv > .col-xs-1 {
	flex: 1 1 auto;
	display: flex;
	align-items: center;
	justify-content: center;
	padding-left: 4px;
	padding-right: 0;
}

.mechanismItemDiv {
	display: flex;
	align-items: center;
	flex-wrap: nowrap;
	margin-bottom: 5px;
}
.mechanismItemDiv > [class*="col-"] {
	float: none;
}
.mechanismItemDiv > .col-xs-11 {
	flex: 0 0 91.6667%;
	max-width: 91.6667%;
	min-width: 0;
	padding-left: 0;
	padding-right: 0;
}
.mechanismItemDiv > .col-xs-1 {
	flex: 1 1 auto;
	display: flex;
	align-items: center;
	justify-content: center;
	padding-left: 4px;
	padding-right: 0;
}

.note-modal-backdrop {
	display: none !important;
}

[data-toggle="buttons"] > .btn > input[type="radio"], 
[data-toggle="buttons"] > .btn > input[type="checkbox"] {
	margin: 0;
    padding: 0;
    display: inline-block;
    z-index: -10;
    position: absolute;
    cursor: pointer;
    opacity: 0;	
}

input.dashboard-date,
select.dashboard-time {
    width:140px;
    display: inline;
    margin-top:4px;
    margin-top: 3px;
    height: 30px;
}

select.dashboard-time {
	width: 130px;
	margin-right: 0px;
	padding-top: 5px;
}

.edit-note-modal.note-modal.disabled input[disabled],
.edit-note-modal.note-modal.disabled select[disabled],
.edit-note-modal.note-modal.disabled textarea[disabled] {
	background-color: #ffffff;
}

/* AM-4501 */
/* Switch container */
.switch_btn {
    position: relative;
    display: inline-block;
    width: 46px;
    height: 24px;
}

/* Hide checkbox */
.switch_btn input {
    opacity: 0;
    width: 0;
    height: 0;
}

/* Slider background */
.slider_btn {
    position: absolute;
    cursor: pointer;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: #bdbdbd;
    transition: 0.3s;
    border-radius: 20px;
}

/* Knob */
.slider_btn:before {
    position: absolute;
    content: "";
    height: 18px;
    width: 18px;
    left: 3px;
    bottom: 3px;
    background-color: white;
    transition: 0.3s;
    border-radius: 50%;
}

/* ON state */
.switch_btn input:checked + .slider_btn {
    background-color: #7AB317; /* green */
}

/* Move knob when ON */
.switch_btn input:checked + .slider_btn:before {
    transform: translateX(20px);
}


/* With sidebar — desktop (≥ 1366px) */
@media screen and (min-width: 1366px) {
    #exerciseFinderSidebarOuterContainer {
        display:inline-block !important;
        vertical-align: top;
        position: sticky;
        top: 62px;
    }

    /* Finder fills the viewport below the navbar; the results list takes the leftover
       height and keeps its own scroll (infinite paging listens on it). Skipped in iframes. */
    html:not(.am-in-iframe) #exerciseFinderSidebarOuterContainer {
        height: calc(100vh - 62px - 16px);
    }
    html:not(.am-in-iframe) #exerciseFinderSidebarOuterContainer .exerciseFinderInnerContainer {
        display: flex;
        flex-direction: column;
        height: 100%;
    }
    html:not(.am-in-iframe) #exerciseFinderSidebarOuterContainer .tabsBodyContainer {
        flex: 1;
        min-height: 0;
        display: flex;
        flex-direction: column;
    }
    html:not(.am-in-iframe) #exerciseFinderSidebarOuterContainer .tab-content > .active {
        flex: 1;
        min-height: 0;
        display: flex;
        flex-direction: column;
    }
    html:not(.am-in-iframe) #exerciseFinderSidebarOuterContainer .exerciseFinderBody,
    html:not(.am-in-iframe) #exerciseFinderSidebarOuterContainer .workoutFinderBody {
        flex: 1;
        min-height: 0;
        height: auto;
    }

    #exerciseFinderSidebarOuterContainer + #trainingContainer {
        display: inline-block;
        vertical-align: top;
        width: calc(100% - max(450px, 50% - 425px) - 10px);
    }

    /* Hide the inline duplicate — sidebar is already shown */
    #inlineTrainingContainer {
        display: none !important;
    }
}

/* Without Sidebar — mobile & tablet (≤ 1365px) */
@media screen and (max-width: 1365px) {
    #exerciseFinderSidebarOuterContainer {
        display:none !important;
    }

    #trainingContainer {
        overflow: hidden;
        width: 100%;
    }
}

@media screen and (max-width: 570px) {
	.participant-popup .playing-status-container {
		float: none;
		width: 100%;
		clear: both;
		padding:0;
		margin-bottom:10px;
	}
}

@media screen and (max-width: 435px) {
	.trainning-info-second .square-btn {
		margin-right:0px;
	}
}

/*Extra Small Devices*/
@media screen and (max-width: 767px) {
	.garmin-chart-container .garmin-stats-container .stat, .whoop-chart-container .whoop-stats-container .stat,
	.polar-chart-container .polar-stats-container .stat {
		width: 50%;
		margin-bottom: 10px;
		display:inline-block;
	}
	
	.teams .team .groupimg-col .groupimg {
		display: inline !important;
	}
	
	#details-title-container .comments {
	    margin-bottom: 15px;
	}
}

/*Larger than Extra-Small*/
@media screen and (min-width: 768px) {
	.teams .team .groupimg-col {
		width: 54px;
	}	
}

@supports (-webkit-touch-callout: none) {
  	/* CSS specific to iOS devices */
  	select .option-wrapper {
		display: block;
	} 
}

@media print {
	td.stats-cell.stats-cell-low {
		background-color: #e1f1e4 !important;
		-webkit-print-color-adjust: exact;
		color-adjust: exact;
	}

	td.stats-cell.stats-cell-medium {
		background-color: #feedbd !important;
		-webkit-print-color-adjust: exact;
		color-adjust: exact;
	}

	td.stats-cell.stats-cell-high {
		background-color: #fad1ca !important;
		-webkit-print-color-adjust: exact;
		color-adjust: exact;
	}

	.playing-status-high {
  		-webkit-print-color-adjust: exact;
	    color-adjust: exact;
  		color:#e03d22 !important
  	}
  	
 	.playing-status-medium {
  		-webkit-print-color-adjust: exact;
	    color-adjust: exact;
  		color:#fbc42f !important;
  	}
  	
  	.playing-status-low {
  		-webkit-print-color-adjust: exact;
	    color-adjust: exact;
  		color:#1bb934 !important;
  	}
}

.container, .mainContainer-participant {
    overflow-x: hidden;
    overflow-y: hidden;
}

.btn-default.disabled.active {
    background-color: #cccccc !important;
}

.no-hover:hover {
    color: #428bca;
	text-decoration: none;
}

.col-7th {
    float: left;
    width: 14.285%;
    min-height: 1px;
}

.team_section{
    width: 90%;
}

@media screen and (max-width: 853px) {
    #teamDashboardTable, .dashboardHeading tr {
        width: 100% !important;
        table-layout: fixed;
        font-size: 12px;
        display: inherit;
        overflow: scroll !important;
    }
}

/* am-3966 css start */
#addNoteForms .form-group {
	margin-top: 0px;
}
#pain-slider-val-new-note.green-text {
    color: rgb(27, 185, 52);
}
#pain-slider-val-new-note.yellow-text {
    color: rgb(251, 196, 47);
}
#pain-slider-val-new-note.red-text {
    color: rgb(224, 61, 34);
}
#pain-slider-new-note-slider{
    max-width: 900px !important;
}
.mode-switcher-wrapper {
margin: 0px 0px 0px -14px;
}
.soap-notes-mode-switcher.focus,
.soap-notes-table-mode-switcher.focus {
	font-weight: bold;
}
#addNoteForms .mode-switcher-row {
	display: initial;
}

@media (max-width: 530px) {
    #exercise_picture_popup img {
        height: 300px;
        width: 300px;
    }
}
.finder_preview_load_exercise p {
    color: #000;
}
.finder_preview_load_exercise p:hover {
	color: #000;
}
.workoutfinderheading:hover {
  cursor: pointer;
  text-decoration: underline;
  /* color: #4A78A9; */
}

/* contact group css start */

.row.position_group {

	margin-top: 20px;

}

.recurring-btn {

    text-align: center;

    color: #fff;

}

.repeats_check{

    font-weight: 100;

}

.ms-options-wrap > button{

  display: block;

  width: 100%;

  height: 34px;

  padding: 6px 12px;

  font-size: 14px;

  line-height: 1.428571429;

  background-color: #ffffff;

  background-image: none;

  border: 1px solid #cccccc;

  border-radius: 4px;

  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);

  transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;

}

@media (min-width: 480px) and (max-width: 992px) {

    .custom_send_later_cls {

      width: 50%;

    }

    .custom_send_later_footer {

    padding: 15px;

    text-align: right;

    border-top: 0px;

    margin-top: -30px;

    display: flex;

  }

  }

  .modal-body .form-group.row.custom_recurring {

    display: flex;

    align-items: center;

    margin-bottom: 1rem;

}

.recurring_modal_footer {

    padding: 19px 20px 20px;

    margin-top: 0px;

    text-align: right;

    border-top: 1px solid #e5e5e5;

}

.cancel_recurring_btn {

    cursor: pointer;

}

.panel-body .btn-block.contact_groups_block {

    align-items: flex-start;

    white-space: normal;

    word-wrap: break-word;

    text-align: center;

    overflow: hidden;

    flex-wrap: wrap;

    font-size: 12px !important;

}

/* contact group css end */

.training-wrapper {
  white-space: normal;
}

.panel.training-program-panel img.whoop {
	height: 18px;
	max-width: 100%;
	padding-top: 2px;
	padding-right: 5px;
}

/* Add Athletes to Subgroup Modal & Participant model am_4557 */
#addUsersListContainer {
    height: 134px;
    overflow-y: scroll;
    border: 1px solid #ddd;
}
#addUsersCheckboxList label {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 8px 10px;
    border-bottom: 1px solid #ddd;
    margin: 0;
    background: #fff;
    font-weight: normal;
    cursor: pointer;
}
#addUsersCheckboxList label:hover { background: #f5f5f5; }
#addUsersCheckboxList label input[type=checkbox] {
    width: 18px;
    height: 18px;
    margin: 0;
    flex-shrink: 0;
    cursor: pointer;
    accent-color: #1a5276;
}
#addUsersSearchInput::placeholder { color: #999; }

#addTeamsListContainer {
    height: 134px;
    overflow-y: scroll;
    border: 1px solid #ddd;
}
#staffTeamSearchResults label {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 8px 10px;
    border-bottom: 1px solid #ddd;
    margin: 0;
    background: #fff;
    font-weight: normal;
    cursor: pointer;
}
#staffTeamSearchResults label:hover { background: #f5f5f5; }
#staffTeamSearchResults label input[type=checkbox] {
    width: 18px;
    height: 18px;
    margin: 0;
    flex-shrink: 0;
    cursor: pointer;
    accent-color: #1a5276;
}
#staffTeamSearch::placeholder { color: #999; text-align: left; }
#staffTeamSearch{
    text-align: left !important;
    padding-left: 12px;
}

/* Staff Profile - Teams Add button width fix */
#teams_list .col-xs-1 {
    width: 50px !important;
    padding-left: 2px !important;
    padding-right: 0px !important;
    float: right !important;
}

#teams_list .col-xs-1 .btn {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    text-align: center !important;
    padding: 0 !important;
}

#teams_list .col-xs-11 {
    width: calc(100% - 50px);
    padding-right: 4px !important;
}

#teams_list .col-xs-1 {
    width: 50px !important;
    padding-left: 2px !important;
    padding-right: 0px !important;
}

#teams_list .btn:focus,
#teams_list .btn:active,
#teams_list .btn:focus:active {
    outline: none !important;
    box-shadow: none !important;
    -webkit-box-shadow: none !important;
}

/* Mobile responsive */
@media screen and (max-width: 767px) {
    #teams_list .row {
        margin-right: 0 !important;
        margin-left: 0 !important;
    }

    #teams_list .col-xs-11 {
        width: calc(100% - 50px);
        padding-right: 4px !important;
    }

    #teams_list .col-xs-1 .btn {
        font-size: 14px;
    }
}

@media (min-width: 768px) {
  .training-top,
  .training-bottom {
    display: inline;
    margin-right: 5px;
  }
}

.panel.training-program-panel img {
    max-width: 100%;
}

@media (max-width: 768px) {
    .panel.training-program-panel img.polar {
        height: 18px;
    }
}

@media (max-width: 560px) {
    .panel.training-program-panel img.whoop {
        height: 16px;
    }
    .panel.training-program-panel img.polar,
    .panel.training-program-panel img.garmin {
        height: 14px;
    }
}

@media (max-width: 480px) {
    .panel.training-program-panel img.whoop {
        height: 10px;
    }
    .panel.training-program-panel img.polar,
    .panel.training-program-panel img.garmin {
        height: 8px;
    }
}


/* Health tab — keep task/treatment input + delete/toggle on same line */
.teamMedicalTaskDiv.row,
.teamMedicalTreatmentDiv.row {
    display: flex !important;
    align-items: center;
    flex-wrap: nowrap;
}

/* Health tab — "add new" Consultation/Service row: same layout as saved rows above */
.globalMedicalTaskDiv,
.globalMedicalTreatmentDiv {
    display: flex !important;
    align-items: center;
    flex-wrap: nowrap;
}

/* am-4390 team settings: remove form-group margin */
#formGeneral .form-group {
    margin-bottom: 0 !important;
}

#formReminder .form-group {
    margin-bottom: 0 !important;
}
.modal-header .title{
    font-size: 18px;
}
/* am-4390 readiness dashboard tab: reduce row padding from 5px to 3px */
#team-preferences-container .training-info-row-content #teamReadinessDashboardForm div {
    padding-top: 3px !important;
    padding-bottom: 3px !important;
}

#team-preferences-container .training-info-row-content [id^="rdMetricConfigModal-"] div {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
}
#team-preferences-container .training-info-row-content [id^="rdMetricConfigModal-"] .modal-header,
#team-preferences-container .training-info-row-content [id^="rdMetricConfigModal-"] .modal-body {
    padding-top: 10px !important;
    padding-bottom: 10px !important;
}
#team-preferences-container .training-info-row-content [id^="rdMetricConfigModal-"] .modal-footer {
    padding-top: 19px !important;
    padding-bottom: 20px !important;
}

/* Underline feedback: plain link controls when active/selected */
.select-all-athletes.link-selected,
.add-athletes-btn .add-users-to-team.link-selected {
    text-decoration: underline;
}

/* Add Athletes to Subgroup Modal & Participant model am_4557 */
#addUsersListContainer {
    height: 134px;
    overflow-y: scroll;
    border: 1px solid #ddd;
}
#addUsersCheckboxList label {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 8px 10px;
    border-bottom: 1px solid #ddd;
    margin: 0;
    background: #fff;
    font-weight: normal;
    cursor: pointer;
}
#addUsersCheckboxList label:hover { background: #f5f5f5; }
#addUsersCheckboxList label input[type=checkbox] {
    width: 18px;
    height: 18px;
    margin: 0;
    flex-shrink: 0;
    cursor: pointer;
    accent-color: #1a5276;
}
#addUsersSearchInput::placeholder { color: #999; }

/* ============================================================
   Subgroup row — responsive flex layout
   Desktop  (≥768px): [name 5] [athletes 5] [buttons 2]  → one line
   Mobile   (<768px): [name 100%]                         → line 1
                      [athletes grow] [buttons shrink]    → line 2
   ============================================================ */

/* Base: flex container that wraps on small screens */
.subgroup-position-row {
    display: flex;
    flex-wrap: wrap;
    align-items: flex-start;
    margin-bottom: 8px;
    margin-left: -8px;
    margin-right: -8px;
}

/* Override Bootstrap floats; equal 8px gutter on every side */
.subgroup-position-row .subgroup-col-name,
.subgroup-position-row .subgroup-col-athletes,
.subgroup-position-row .subgroup-col-actions {
    float: none;
    padding-left: 8px;
    padding-right: 8px;
    box-sizing: border-box;
}

/* Athletes panel — remove Bootstrap's default bottom margin */
.subgroup-position-row .subgroup-col-athletes .panel {
    margin-bottom: 0;
}

/* Athletes panel heading — allow text to truncate on very narrow screens */
.subgroup-position-row .subgroup-col-athletes .panel-title {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

/* Athletes panel body — horizontal scroll when names are wider than the column */
.subgroup-position-row .subgroup-col-athletes .panel-body {
    overflow-x: auto;
    padding: 5px;
}

/* Athlete name buttons — expand to full text width instead of wrapping/clipping */
.subgroup-position-row .subgroup-col-athletes .panel-body .btn.btn-block {
    white-space: nowrap;
    width: max-content;
    min-width: 100%;
}

/* Action buttons: Add + X side-by-side, vertically centred, equal gap */
.subgroup-position-row .subgroup-col-actions {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    gap: 18px;
    white-space: nowrap;
}

.subgroup-position-row .subgroup-col-actions .add-users-to-team {
    font-size: 14px;
    line-height: 1.8;
    cursor: pointer;
    display: inline-block;
    width: 100%;
    text-align: center;
}

.subgroup-position-row .subgroup-col-actions .deletePosition {
    display: flex;
    align-items: center;
    cursor: pointer;
    flex-shrink: 0;
}

.subgroup-position-row .subgroup-col-actions .deletePosition img {
    height: 23px;
    width: 23px;
    display: block;
}

/* am-4390-health-v2: responsive modal confirm buttons */
@media (max-width: 450px) {
    .confirm-btn-col { width: 41.66667%; }
    .confirm-btn-col.col-xs-offset-3 { margin-left: 8.33333%; }
@media (max-width: 767px) {
    .subgroup-position-row {
        margin-left: -3px;
        margin-right: -3px;
    }
    .subgroup-position-row .subgroup-col-name,
    .subgroup-position-row .subgroup-col-athletes,
    .subgroup-position-row .subgroup-col-actions {
        padding-left: 3px;
        padding-right: 3px;
    }
    .subgroup-position-row .subgroup-col-actions {
        gap: 6px;
    }
    .subgroup-position-row .subgroup-col-actions .add-users-to-team {
        width: auto;
    }
}

@media (max-width: 767px) {
    #evening_questionnaire_time,
    #morning_questionnaire_time {
        clear: both;
        overflow: hidden;
    }
}

@media (max-width: 767px) {
    /* Tracking custom fields: scroll containers so content keeps full natural width */
    #tracking .tracking-buttons-container,
    #tracking .tracking-selects-container {
        overflow-x: auto;
        overflow-y: hidden;
        -webkit-overflow-scrolling: touch;
    }
    #tracking .tracking-buttons-row {
        min-width: 650px;
    }
    #tracking .tracking-selects-row {
        min-width: 450px;
    }
    /* Display as: widen the label column so "Display as" text fits on one line */
    #tracking [id^="displayid_"] > .col-xs-2 {
        width: 27%;
    }
    #tracking [id^="displayid_"] > .col-xs-10 {
        width: 73%;
    }
    /* Health tab — Health forms & Mechanisms: scroll on the label itself.
       Bootstrap .btn already provides text-align:center and padding:6px 12px on both sides.
       overflow-x:auto makes the label scroll; white-space:nowrap prevents wrapping. */
    #questionnaireList .btn-block,
    #mechanismList .btn-block {
        overflow-x: auto;
        white-space: nowrap;
        -webkit-overflow-scrolling: touch;
    }

    /* Health tab — Consultations/Services "Dropdown | Checkboxes" buttons: the default
       btn-group-justified forces equal-width table-cells (table-layout:fixed), which clips
       "Checkboxes" since it's longer than "Dropdown". Break out of the table layout so each
       button sizes to its own text, and let the group scroll horizontally if it doesn't fit. */
    .teamMedicalTaskDiv .btn-group-justified,
    .teamMedicalTreatmentDiv .btn-group-justified {
        display: flex;
        overflow-x: auto;
        -webkit-overflow-scrolling: touch;
    }
    .teamMedicalTaskDiv .btn-group-justified .btn,
    .teamMedicalTreatmentDiv .btn-group-justified .btn {
        display: block;
        flex: 0 0 auto;
        width: auto;
        white-space: nowrap;
    }

    /* Health tab — Services: hide the empty col-xs-2 spacer that wraps to a new line on xs,
       causing a gap below the Dropdown|Checkboxes buttons (Consultations does not have this
       issue because its col-xs-2 sits inside col-xs-7, not as a sibling) */
    #medicalTreatments .teamMedicalTreatmentDiv.row:first-child > .col-xs-2 {
        display: none;
    }

    /* Health tab — toggle slider column: reduce padding so 46px slider fits and sits right */
    .teamMedicalTaskDiv.row .col-xs-2,
    .teamMedicalTreatmentDiv.row .col-xs-2 {
        padding-left: 4px;
        padding-right: 4px;
        text-align: right;
    }

    /* Health tab — Consultations/Services: delete icon spacing so it isn't flush against the edge
       and the treatment/task name text isn't crowded */
    .deleteTeamMedicalTask,
    .deleteTeamMedicalTreatment {
        padding-left: 0px;
        padding-right: 12px;
    }

    /* Training Forms: scroll containers for separator/input row and controls row */
    .training-var-sep-wrapper,
    .training-var-ctrl-wrapper {
        overflow-x: auto;
        overflow-y: hidden;
        -webkit-overflow-scrolling: touch;
    }
    .training-var-sep-wrapper > .row {
        min-width: 530px;
        margin-left: 0;
        margin-right: 0;
    }
    .training-var-ctrl-wrapper > .row {
        min-width: 530px;
        margin-left: 0;
        margin-right: 0;
    }

    /* Injury Surveillance (OSTRC) — Alert Configuration modal: the Value/Label/Color/Activate/
       delete row (col-xs-2/4/2/3/1) just shrinks to illegibility on mobile. Scroll it instead. */
    .ostrc-alert-row-scroll {
        overflow-x: auto;
        -webkit-overflow-scrolling: touch;
    }
    .ostrc-alert-row-scroll > .row {
        min-width: 520px;
        margin-left: 0;
        margin-right: 0;
    }
}

/* Continuous (0-N) slider for numeric custom-questionnaire questions (AM-4628).
   Kept here (shared/global) rather than only in completeQuestionnaire.css, since
   the athlete-dashboard quick-complete widget (includes/templates/athlete/home/
   completeQuestion.php) doesn't load that stylesheet but does load this one. */
.continuous-slider-container {
	width: 100%;
}

.continuous-slider-value {
	text-align: center;
	font-size: 14px;
	margin-bottom: 4px;
}

/* 0 / slider / 100 on one row: labels sized to their content, the track fills
   whatever space is left between them. */
.continuous-slider-row {
	display: flex;
	align-items: center;
	gap: 10px;
}

.continuous-slider-min,
.continuous-slider-max {
	font-size: 12px;
	flex: 0 0 auto;
}

/* completeQuestionnaire.css forces min-width/max-width:100% on form inputs
   generally (so answer fields fill their row) - that fights the flex layout
   here, where the track must be free to size to the space between the two
   labels rather than always claiming the full row width. */
input[type='range'].continuous-slider.form-control {
	flex: 1 1 auto;
	min-width: 0 !important;
	max-width: none !important;
	/* .form-control's padding/border (Bootstrap default) would otherwise inset
	   the track from its own box edges. Strip that chrome so the track runs
	   edge-to-edge within the space allotted to it by the flex row. */
	padding: 0;
	border: 0;
	background: transparent;
	box-shadow: none;
}