.hide {
    display: none;
}

.pl-0 {
    padding-left: 0px;
}

.pr-0 {
    padding-right: 0px;
}

.clearfix {
    clear: both;
}

.no-left-card {
    margin-left: 0;
}

.payment-box {
    min-height: 160px;
}

.modal-header h3 {
    font-weight: normal;
}

.label-muted,
.badge-muted {
    background-color: #eee;
    color: #333333;
    font-weight: normal;
    text-shadow: none;
    border: 1px solid #ededed;
}

.progress {
    background-color: #F5F5F5;
    background-image: linear-gradient(to bottom, #f0f0f0, #f5f5f5);
    border: 1px solid #E1E1E8;
}

a.unread-messages {
    margin-right: 5px;
    text-decoration: none;
}

.unread-messages a:hover {

}

.label-message-user {
    line-height: 24px;
}

.affix {
    top: 5px;
    margin-right: 20px;
}

.fixed-menu ul {
    padding: 0;
}

.fixed-menu ul li {
    padding: 5px 0px;
    list-style: none;
    display: block;
}

/*
.footer {
    margin-left: 240px;
    background: #fff;
    padding: 20px;
} */

.leftpanel-collapsed .footer {
    margin-left: 50px;
}

.card-header {
    padding: 8px;
}

.panel-title {
    font-size: inherit;
}

.card-body {
    padding: 8px;
}

.btn-group {
    margin-bottom: 0;
}

.rep-name-list-item:after {
    content: ', ';
    margin-left: -2px;
}

.rep-name-list-item:last-child:after {
    content: '';
}

/* Home
-------------------------------------*/
.quick-links a {
    text-align: center;
    width: 80px;
    display: inline-block;
    margin: 10px auto;
}

.quick-links a:first-child:nth-last-child(4),
.quick-links a:first-child:nth-last-child(4) ~ a {
    width: 49%;
}

.quick-links i {
    font-size: 35px;
}

.quick-links span {
    width: 100%;
    display: block;
    font-size: 11px;
}

/* Wordpress overrides
-------------------------------------*/
#content-sidebar-wrap {
    float: none;
    width: 100%;
}

.wordpress-wrapper h1 {
    font-family: alternate-gothic-no-3-d, sans-serif;
    color: #009bc5;
    text-transform: uppercase;
    letter-spacing: -1px;
    font-size: 16px;
    line-height: 1.25;
}

.breadcrumb {
    background: #f2f2f2;
    color: #000;
    font-size: 14px;
    margin: 0 auto 40px;
    padding: 20px 0;
}

input.search-input {
    font-size: 8px;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
    padding-top: 3px !important;
    padding-bottom: 3px !important;
    color: #bbb;
}

#footer-widgets h2 a {
    color: #000;
    font-family: "myriad-pro-condensed", sans-serif;
    font-size: 14px !important;
}


/* Tables
-------------------------------------*/
th.text-center, td.text-center {
    text-align: center;
}

.table-condensed thead > tr > th,
.table-condensed tbody > tr > th,
.table-condensed tfoot > tr > th,
.table-condensed thead > tr > td,
.table-condensed tbody > tr > td,
.table-condensed tfoot > tr > td {
    padding: 6px;
}

.table-condensed thead > tr > th.td-indent,
.table-condensed tbody > tr > th.td-indent,
.table-condensed tfoot > tr > th.td-indent,
.table-condensed thead > tr > td.td-indent,
.table-condensed tbody > tr > td.td-indent,
.table-condensed tfoot > tr > td.td-indent {
    padding-left: 18px;
}

td .label {
    margin: 1px;
}


/* Payments
-------------------------------------*/
.payments-due tbody > tr > td {
    vertical-align: middle;
}

.payments-made tbody > tr > td {
    vertical-align: middle;
}

.payments-made .btn-group {
    margin-bottom: 0;
}

.invoice-order {
    max-width: 550px;
}

/* Forms
-------------------------------------*/
td form {
    margin-bottom: 0;
    display: inline-block;
}

.form-horizontal .control-group {
    margin-bottom: 10px;
}

.field-comment {
    font-size: 0.9em;
    color: #888888;
}

.modal .form-horizontal .form-label {
    width: 80px;
}

.modal .form-horizontal .controls {
    margin-left: 90px;
}

.form-inline-item input, .form-inline-item select {
    margin-right: 10px
}

select.auto-select-width {
    width: auto;
}

.admin-answer-group {
    margin-bottom: 10px;
}

.admin-answer-group .btn {
    line-height: 20px;
}

.admin-question-box {
    font-weight: bold;
}

.admin-questions-multiple {
    margin-right: 10px;
    margin-left: 3px;
}


/* MT Assessment Uploads
-------------------------------------*/

.fileinput-button {
    position: relative;
    overflow: hidden;
    width: 100%;
}

.fileinput-button input {
    position: absolute;
    top: 0px;
    right: 0px;
    margin: 0px;
    opacity: 0;
    font-size: 200px;
    direction: ltr;
    cursor: pointer;
}

.audio-container > .jp-audio {
    margin: 0 auto;
}

/* Evaluations
-------------------------------------*/

/* The spacing between the last column (input) and the filter buttons
is only half of what two cols stuck together is. This fixes that weird spacing issue
by removing the extra space between the two inputs. This looks better than having a bigger gap
between them anyway. */
.evaluations-filter [class*='col']:not(:first-child) {
    padding-left: 0;
}

.evaluations-filter:not(:first-of-type) {
    margin-top: 8px;
}

/* This removes the extra space at the bottom of the filters card caused by the button group */
.evaluations-filter .btn-group {
    margin-bottom: 0;
}

/* Removes the extra pixel of line height from the filter buttons so they match the form inputs */
.evaluations-filter .btn {
    line-height: 20px;
}

.evaluations-filter i + span {
    padding-left: 5px;
}

.evaluations-filter .select2-container .select2-choice {
    padding: 5px 0 3px 8px;
}

.evaluations-filter .form-control .select2-choice {
    min-height: 28px;
}

.evaluations-filter .select2-chosen {
    line-height: 28px;
}

/* Fixing the mess that the above styles make when we're in a smaller view */
@media (max-width: 991px) {
    .evaluations-filter [class*='col']:not(:first-child) {
        padding-left: 10px;
    }

    .evaluations-filter .btn-group {
        padding-left: 10px;
    }

    .evaluations-filter input {
        margin-bottom: 8px;
    }

    .evaluations-filter .btn-group {
        margin-top: 8px;
    }

    .evaluations-filter .col-md-4:not(:first-child) .select2-container {
        margin-top: 8px;
    }
}

.placeholder-text {
    font-style: italic;
    color: #ccc;
}

.voice-evaluation-tabs-heading {
    border: 0;
}

.nav-tabs.voice-evaluation-tabs {
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
}

.nav-tabs.voice-evaluation-tabs li a {
    padding: 10px 15px;
    border-radius: 0;
}

/* Sound Library
-------------------------------------*/

.user-selected {
    font-weight: bold;
}

/* Events
-------------------------------------*/

.actions .form-inline {
    display: inline-block;
}

.actions .form-group mb-3 {
    margin: 0;
}


/* Pagination
-------------------------------------*/
.well .pagination {
    margin: 0;
}

.pagination-count {
    margin-top: 5px;
}

.form-inline-item {
    margin-right: 5px;
}

.form-directory-search label {
    margin-bottom: 0;
    margin-left: 3px;
}

.form-directory-search input, .form-directory-search select {
    margin-top: 0;
    margin-bottom: 0;
}

/* Icons
-------------------------------------*/
.icon-color-green {
    color: #00aa00;
}

.icon-color-red {
    color: #FF0000;
}

.icon-color-orange {
    color: #EDA31A;
}

.icon-color-blue {
    color: #0088cc;
}

.icon-color-muted {
    color: #ccc;
}

/* Redactor.js
-------------------------------------*/
.redactor_editor, .redactor_editor:focus {
    min-height: 100px;
}

/* Profiles and Directory search
-------------------------------------*/
.directory-item {
    color: #000100;
}

.directory-search-results .alert {
    margin-bottom: 10px;
}

.directory-item:hover {
    background-color: #d6e8ec;
}

.directory-item .distance {
    width: 125px;
    font-size: 1.5em;
    margin-top: 10px;
}

.directory-item .teacher-icon {
    margin: 0 10px;
    width: 45px;
}

.directory-item .teacher-group {
    width: 130px;
    margin-top: 10px
}

.directory-item .username {
    font-weight: bold;
}

.profile-detail > :not(:last-child) {
    margin-bottom: 20px;
    border-bottom: 1px solid #eee;
}

.profile-picture, .profile-logo {
    max-width: 100%;
}

/* Overriding form styles from the IVA main wordpress theme */
.form-directory-search .form-control {
    color: #555;
    font-size: 14px;
    padding: 0 0 0 5px;
}

.form-directory-search .select2-choice {
    min-height: 30px;
    padding: 0 0 0 5px;
    font-size: 14px;
}

.directory-top-search {
    padding: 0 16px !important;
    height: 24px;
    width: 160px;
    font-size: 10px !important;
}

.searchsubmit.search-submit {
    background: #008FAE;
    border-radius: 0px 30px 30px 30px;
    color: #fff;
    width: auto;
}

.searchsubmit.search-submit:hover {
    background: #e8554e;
}

.searchsubmit.search-submit:focus {
    outline: 0;
}

.js-btn-search {
    color: #fff !important;
}

.breadcrumb a {
    text-decoration: underline;
}

/* Google Maps
-------------------------------------*/
.profile-map {
    height: 350px;
    width: 100%;
}

.directory-map {
    height: 400px;
    width: 100%;
    margin-bottom: 10px;
}

.google-map img {
    max-width: none
}

/* Note widgets
------------------------------------------------------------*/
.note {
    position: relative;
    clear: both;
    width: auto;
    margin-bottom: 2em;
    box-shadow: 0 3px 0 rgba(12, 12, 12, 0.03);
}

.note-header {
    position: relative;
    padding: 10px;
    border: 1px solid #ddd;
    border-bottom: 2px solid #eee;
    color: #444;
}

.note-content {
    padding: 10px;
    background: white;
    border: 1px solid #eee;
    border-top: none;
}

.admin-note .text-danger {
    color: #a94442 !important;
}

.admin-note.alert-danger {
    color: #a94442;
    background-color: #f2dede;
    border-color: #ebccd1;
}

.admin-note.alert {
    display: block;
}

.admin-note .note-content {
    color: #495057;
}

.ttip {
    border-bottom: 1px dotted #ccc;
}

.centeredProgress {
    position: relative;
    width: 250px;
}

.centeredProgress .bar {
    z-index: 1;
    position: absolute;
}

.centeredProgress span {
    position: absolute;
    top: 0;
    z-index: 2;
    color: #555;
    text-align: center;
    width: 100%;
    font-size: 12px;
}

div.userProgress {
    width: 180px;
}

.note .star-form {
    display: inline;
}

.note .star-form label {
    cursor: pointer;
}


/* Testing
------------------------------------------------------------*/

.inline-user-answer.correct {
    background-color: rgba(0, 128, 0, 0.15);
}

/* Evaluator Feedback
------------------------------------------------------------*/
.master-teacher-feedback .card-header .btn-group {
    margin-bottom: 0;
}

/* Voice Trainer Grid
------------------------------------------------------------*/
.profile-grid {
    display: flex;
    flex-flow: row wrap;
    justify-content: space-around;
    margin-top: 1.5em;
}

.profile-grid-row {
    margin-bottom: 2em;
}

.profile-box {
    flex-basis: 32%;
    border: 1px solid #E7E7E7;
    border-radius: 3px;
    box-shadow: 0 3px 0 rgba(12, 12, 12, 0.03);
    background: white;
    margin-bottom: 1.5em;
}

@media (max-width: 990px) {
    .profile-box {
        flex-basis: 47%;
    }
}

@media (max-width: 576px) {
    .profile-box {
        flex-basis: 100%;
    }
}

.profile-box-details {
    padding: 1em;
    overflow: hidden;
}

.profile-image {
    text-align: center;
    border-bottom: 2px solid #E7E7E7;
    background: rgba(12, 12, 12, 0.03) no-repeat;
    background-size: contain;
    background-position: center center;
    height: 20.5em;
    border-radius: 3px;
}

.profile-name h3 {
    font-size: 1.5em;
    margin-top: 0.5em;
    margin-bottom: 0;
}

.profile-name a {
    color: #636e7b;
}

.profile-info .group-separator {
    color: #becfdc;
}

.profile-info .groups {
    font-size: 1.1em;
    margin-top: 0;
}

/* Table sort - https://github.com/drvic10k/bootstrap-sortable
------------------------------------------------------------*/

table.sortable span.sign {
    display: block;
    position: absolute;
    top: 50%;
    right: 5px;
    font-size: 12px;
    margin-top: -10px;
    color: #bfbfc1;
}

table.sortable span.arrow, span.reversed {
    border-style: solid;
    border-width: 5px;
    font-size: 0;
    border-color: #ccc transparent transparent transparent;
    line-height: 0;
    height: 0;
    width: 0;
    margin-top: -2px;
}

table.sortable span.arrow.up {
    border-color: transparent transparent #ccc transparent;
    margin-top: -7px;
}

table.sortable span.reversed {
    border-color: transparent transparent #ccc transparent;
    margin-top: -7px;
}

table.sortable span.reversed.up {
    border-color: #ccc transparent transparent transparent;
    margin-top: -2px;
}


table.sortable span.az:before {
    content: "a .. z";
}

table.sortable span.az.up:before {
    content: "z .. a";
}

table.sortable span.AZ:before {
    content: "A .. Z";
}

table.sortable span.AZ.up:before {
    content: "Z .. A";
}

table.sortable span._19:before {
    content: "1 .. 9";
}

table.sortable span._19.up:before {
    content: "9 .. 1";
}

table.sortable span.month:before {
    content: "jan .. dec";
}

table.sortable span.month.up:before {
    content: "dec .. jan";
}

table.sortable thead th:not([data-defaultsort=disabled]) {
    cursor: pointer;
    position: relative;
    top: 0;
    left: 0;
}

table.sortable thead th:hover:not([data-defaultsort=disabled]) {
    background: #efefef;
}

table.sortable thead th div.mozilla {
    position: relative;
}

/* Global Search
------------------------------------------------------------*/
/*
.global-user-search input {
    width: 70%;
    float: left;
    padding: 18px 20px;
    border: 0;
    -moz-border-radius: 0;
    -webkit-border-radius: 0;
    border-radius: 0;
    height: 50px;
    font-size: 14px;
}

.global-user-search input:focus {
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    box-shadow: none;
    border-color: #ddd;
    outline: none;
}
*/

.global-search-results {
    position: absolute;
    margin-left: 65px;
    top: 50px;
    width: 50%;
    max-width: 600px;
    z-index: 1001;
    background-color: #fff;
    -webkit-box-shadow: 5px 5px 5px 0 rgba(0, 0, 0, 0.5);
    -moz-box-shadow: 5px 5px 5px 0 rgba(0, 0, 0, 0.5);
    box-shadow: 5px 5px 5px 0 rgba(0, 0, 0, 0.5);
    border: 1px solid #ccc;
}

/* Search Item */
.global-search-results .search-item {
    display: block;
    border-top: 1px solid #eee;
    padding: 10px 0;
    color: #636e7b;
    text-decoration: none;
}

.global-search-results .search-item:first-child {
    border: none;
}

.global-search-results .search-item:hover,
.global-search-results .search-item:focus,
.global-search-results .search-item:active {
    background-color: #1caf9a;
    color: #fff;
}

.global-search-results .search-item .search-item-result {
    margin-left: 70px;
}

.global-search-results .search-item .search-result-icon {
    padding-right: 1em;
}

/* Placeholder/Default Message */
.global-search-results .search-placeholder, .default-message {
    margin-left: 70px;
    padding: 10px 0;
}

.global-search-results .close-results {
    border-top: 2px solid #eee;
    font-size: 0.8em;
    color: #9d3634;
}

.global-search-results .close-results .close-result-button {
    margin-left: 70px;
    padding: 5px 0;
}

.global-search-results .close-results:hover {
    background-color: #eaeaea;
    cursor: pointer;
}

.global-search-results .default-message .default-icon {
    padding-right: 1em;
}

/* Media Queries
------------------------------------------------------------*/
@media (max-width: 990px) {
    .fixed-menu {
        display: none;
    }
}

@media (max-width: 320px) {
    .footer {
        margin-left: 0;
    }
}

/* Treeview
------------------------------------------------------------*/
/* Tree Root */
.tree-root-container {
    margin-bottom: 1em;
    border-radius: 3px;
    background: #fcfcfc;
    box-shadow: 0 3px 0 rgba(12, 12, 12, 0.03);
}

.tree-root {
    background-color: #fff;
    padding: 1em;
    border-color: #e7e7e7;
    border-radius: 3px;
    border-bottom: 1px solid #e7e7e7;
}

.tree-root.tree-open {
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
}

/* Tree Children */
.tree-root-container > .tree-child-container {
    margin-top: 0.5em;
}

.tree-child-container {
    padding: 0 1em 0.25em 1em;
}

.tree-child {
    padding: 0.25em 0;
}

.tree-child:last-child {
    padding-bottom: 0;
}

/* Tree General */
.tree-active, .tree-active a {
    color: black;
}

.tree-caret {
    padding-top: 5px;
}

.tree-toggle {
    cursor: pointer;
}

.tree-toggle:hover {
    color: #1caf9a;
}

/* Application form */
.application-form {
    max-width: 1024px;
}

/* Miscellaneous
------------------------------------------------------------*/
.required {
    color: #FF0000;
}

.expired {
    color: #FF0000;
}

.filter-row {
    margin-bottom: 0.5em;
}

.align-middle {
    vertical-align: center;
}

.cursor-pointer {
    cursor: pointer;
}