table {
    width: 100%;
}

td > select {
    margin: 0;
}

td > .button {
    margin: 0;
}

li.active {
    background-color: #dcdcdc;
}
li.disabled {
    pointer-events: none;
}

.hidden {
    display: none;
}

.nowrap {
    white-space: nowrap;
}

.button, [type=button], [type=submit] {
    border-radius: .25em;
}

label {
    font-size: 1rem;
}

.button:focus, .button:hover {
    outline: none;
}

.top-bar {
    padding: 0rem;
}

.menu li {
    padding: .5rem;
}

.admin-logo {
    width: 90px;
    height: 30px;
    object-fit: contain;
}

#languageSelect {
    margin: 0.4rem 0;
}

#signinLanguageSelect {
    max-width: 200px;
}

.panic-button {
    display: inline-block;
    position: fixed;
    text-align: center;
    top: 1em;
    right: 1em;
    min-width: 15rem;
    border: solid 2px #f00;
    border-radius: 5px;
    cursor: pointer;
}

#panic-button-top {
    background-color: #F00;
    text-transform: uppercase;
    font-weight: bold;
    font-size: 2em;
    letter-spacing: 0.2em;
    padding: 0em 1em;
}

#panic-button-description {
    display: flex;
    padding: 0.2em 0.5em;
}

#panic-button-description span {
    flex-grow: 1;
    width: 0;
}

#arrow-up {
    width: 0;
    height: 0;
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    border-bottom: 10px solid #333333;
    margin-left: auto;
    margin-right: auto;
    margin-top: 5px;
}

@media screen and (max-width: 50em) {
    .panic-button {
        display: none;
    }
}

.shore-centre-info h5 {
    margin-bottom: -3px;
}

.download-data-container {
    padding: 2em 0;
    border-bottom: 1px solid #ccc;
}

.moreClinicsMessage {
    border-top: 1px solid #ccc;
    border-bottom: 1px solid #ccc;
    padding: 1rem 0;
}

#shore_footer {
    display: flex;
    flex-direction: column;
}

#locale-footers {
    display: flex;
    justify-content: center;
}

.loc-link {
    cursor: pointer;
    color: #2199e8;
}

.loc-footer {
    cursor: pointer;
    margin: 0px 5px;
    color: #2199e8;
}

.loc-footer.selected {
    color: black;
}
/*Error Messages*/

.survey-error {
    margin-top: -7px;
}

.phoneNumber {
    white-space: nowrap;
}

[type=text],
[type=password],
[type=date],
[type=datetime],
[type=datetime-local],
[type=month],
[type=week],
[type=email],
[type=tel],
[type=time],
[type=url],
[type=color],
[type=number],
[type=search],
textarea,
select {
    color: #333 !important;
}

/*Alerts*/

.alert-box { background: #f7f7f7; color: #333; border: none; box-shadow: 0 5px 8px -6px rgba(0, 0, 0, 0.2); padding: 10px; margin-bottom: 20px; }
.alert-box.success { background: #f7f7f7; color: #333; border-left: 6px solid #3a945b; }
.alert-box.alert { background: #f7f7f7; color: #333; border-left: 6px solid #de2d0f; }
.alert-box.warning { background: #f7f7f7; color: #333; border-left: 6px solid #de770f; }
.alert-box.info { background: #f7f7f7; color: #333; border-left: 6px solid #008CBA; }
.alert-box a { color: #555; }
.main-alert-box { margin: 20px; }

/*Loader*/

.loader-overlay { background-color: rgba(1, 1, 1, 0.7); bottom: 0; left: 0; position: fixed; right: 0; top: 0; display: none; }
.loader-overlay.loader-overlay-show { display: block; }
.loader { position: absolute; left: 50%; top: 50%; border: 16px solid #f3f3f3; border-top: 16px solid #3498db; border-radius: 50%; width: 120px; height: 120px; animation: spin 2s linear infinite; margin: -60px 0 0 -60px; }
@keyframes spin { 0% { transform: rotate(0deg); } 100% { transform: rotate(360deg); } }

/*TableLoader*/

.table-loader-overlay { position: relative; display: none; }
.table-loader { position: absolute; left: 30px; bottom: 10px; border: 4px solid #f3f3f3; border-top: 4px solid #3498db; border-radius: 50%; width: 20px; height: 20px; animation: spin 2s linear infinite; }

/* Dialog */
.reveal { position: relative !important; }

/* Override Foundation style */

.menu > li > a {
    padding: .7rem 1rem;
}

.top-bar {
    padding: 0rem;
}

.top-bar .active {
    background-color: #CFCFCF;
}

.second-bar {
    background-color:#CFCFCF
}

.second-bar li {
    background-color:#CFCFCF
}

.is-dropdown-submenu-parent.is-down-arrow>a:after {
    top: 1.3rem;
}

.button {
    margin: 0 1rem 1rem 0;
}

.second-bar .menu .active > a, .second-bar .menu .active {
    background-color: #BABABA;
    color: #000000;
}

.menu .active > a {
    background-color: #CFCFCF;
    color: #000000;
}

.menu li {
    padding: .3rem;
}

.sort-up-button, .sort-down-button { font-size: .5rem; }

/* Tables */
*, *:before, *:after {
	-webkit-box-sizing: border-box;
	   -moz-box-sizing: border-box;
			box-sizing: border-box;
}

/* Default table */
table {
	border-collapse:collapse;
	border-spacing:0;
	-webkit-box-shadow:0px 7px 6px -6px rgba(0,0,0,.28);
	   -moz-box-shadow:0px 7px 6px -6px rgba(0,0,0,.28);
			    box-shadow:0px 7px 6px -6px rgba(0,0,0,.28);
	margin-bottom:40px;
	margin-top:.5em;	
	width:100%; 
	max-width:100%;
}

table thead tr {border-bottom:3px solid #2199e8; color:#000;}
table tfoot tr {border-top:3px solid #2199e8;}

table thead th, table tfoot th {
	background-color:#fff;
	color:#000;
	font-size:.83333em;
	line-height:1.8;
	padding: 15px 14px 13px 14px;
	position:relative;
	text-align:left;
	text-transform:uppercase;	
}

table tbody tr {background-color:#fff;}

table th, table td {
	border:2px solid #bfbfbf;
	padding:10px 14px;
	position:relative;
	vertical-align:middle;
}

caption {font-size:1.111em; font-weight:300; padding:10px 0;}

@media (max-width:1024px) {
	table {font-size: .944444em;}
}

@media (max-width:767px) {
	table {font-size: 1em;}
}

/* Responsive scroll-y table */
.table-responsive {min-height:.01%;	overflow-x:auto;}

@media screen and (max-width: 801px) {
    .table-responsive {width:100%; overflow-y:hidden; -ms-overflow-style:-ms-autohiding-scrollbar;}
}

/* Responsive table full */
@media (max-width: 767px) {
    .table-responsive-full thead { background-color: rgba(0,0,0,0); }
    .table-responsive-full {box-shadow:none;}
    .table-responsive-full thead tr, 
    .table-responsive-full tfoot tr {display:none;}

    .table-responsive-full tbody tr {
        -webkit-box-shadow:0px 7px 6px -6px rgba(0,0,0,.28);
           -moz-box-shadow:0px 7px 6px -6px rgba(0,0,0,.28);
                    box-shadow:0px 7px 6px -6px rgba(0,0,0,.28);
        margin-bottom:20px;
    }

    .table-responsive-full tbody tr:last-child {margin-bottom:0;}
    .table-responsive-full tr,
    .table-responsive-full td {display:block;}

    .table-responsive-full td {
        background-color:#fff;
        border-top:none;
        position:relative;
        padding-left:50%;
    }

    .table-responsive-full td:first-child {
        border-top:1px solid #bfbfbf;
        border-bottom: 3px solid #2199e8;
        border-radius: 4px 4px 0 0;
        color: #000;
        font-size: 1.11111em;
        font-weight: bold;
    }

    .table-responsive-full td:before {
        content: attr(data-label);
        display: inline-block;
        color: hsl(0, 0%, 60%);
        font-size: 14px;
        font-weight: normal;
        margin-left: -100%;
        text-transform: uppercase;
        width: 100%;
        white-space:nowrap;
    }
}

@media (max-width: 360px) {
    .table-responsive-full td {padding-left:14px;}
    .table-responsive-full td:before {display:block; margin-bottom:.5em; margin-left:0;}
}

/* Sort table */
.sort-table-arrows {float:left; transition:.3s ease;}
.sort-table-arrows button {margin:0; padding:4px 8px;}

@media (max-width:1024px) {
    .sort-table th,.sort-table-arrows {text-align:center;}
    .sort-table-arrows {float:none; padding:8px 0 0; position:relative; right:0px;}
    .sort-table-arrows button {bottom:0;}
}

@media (max-width:767px) {
    .sort-table thead tr {border-bottom:none; display:block; margin:10px 0; text-align:center;}
    .sort-table thead tr th.publish-header {display:none;}

    .sort-table th {
        border-bottom:1px solid #bfbfbf;
        border-radius:4px;
        display:inline-block;
        font-size:.75em;
        line-height:1;
        margin:3px 0;
        padding:10px;
        width:100px;
    }
}

.title-bar {
    background-color: #ffffff;
    color: #2199e8;
}

.menu-icon:after {
    box-shadow: 0 7px 0 #2199e8, 0 14px 0 #2199e8;
    color: #2199e8;
    background: #2199e8;
}

@media screen and (max-width: 50em) {
    .clinics-button-group {
        margin-right: -1px;
    }

    .clinics-button-group::before,
    .clinics-button-group::after {
      display: none;
    }
    .clinics-button-group.expanded .button:first-child:nth-last-child(3), .clinics-button-group.expanded .button:first-child:nth-last-child(3):first-child:nth-last-child(3)~.button {
        display: inline-block;
        width: calc(33.33333% - 1px);
        margin-right: 1px;
    }
    .clinics-button-group.expanded .button:first-child:nth-last-child(3):first-child:nth-last-child(3)~.button:last-child, .clinics-button-group.expanded .button:first-child:nth-last-child(3):last-child {
        margin-right: -6px;
    }
}