/* Login form styling */
body {
    min-height: 100%;
}

body md-toast {
    position: fixed;
}

.layout-fill {
    min-height: auto;
}

md-content {
    height: 100%;
}

.login-form {
    height: 100%;
}

.login-content {
    background-color: #FFFFFF;
}

.login-content img {
    width: 100%;
    height: auto;
}

.login-header {
    padding: 20px;
}

.dashboard-logo {
    width: 100%;
    height: auto;
}

md-sidenav.md-locked-open, md-sidenav.md-locked-open.md-closed, md-sidenav.md-locked-open.md-closed.md-sidenav-left, md-sidenav.md-locked-open.md-closed, md-sidenav.md-locked-open.md-closed.md-sidenav-right, md-sidenav.md-locked-open-remove.md-closed {
    height: 100%;
}

md-toolbar .md-button.md-default-theme {
    border-radius: 99%;
}

ui-view {
    display: inherit;
    height: 100%;
    overflow: scroll;
}

/** Setup toast class - previous color #607D8B **/
md-toast.error > .md-toast-content {
    background-color: #F44336;
}

md-toast.info > .md-toast-content {
    background-color: #008080;
}

md-toast.success > .md-toast-content {
    background-color: #008080;
}

.instance-name {
    display: block;
    text-align: center;
}

.md-calendar.md-default-theme, .md-calendar {
    background: rgb(255, 255, 255);
    color: rgb(21, 18, 18);
}

md-dialog.disableVerticalScrollbar {
    max-height: unset !important;
}

md-input-container .md-errors-spacer {
    min-height: 0;
}

.add-address {
    position: relative;
    top: 10px;
    right: -2px;
}

.add-address.ng-hide {
    right: -100%;
}

.add-address.ng-hide-add, .add-address.ng-hide-remove {
    transition: 0s linear all;
}

.add-address.ng-hide-add-active, .add-address.ng-hide-remove-active {
    transition: all ease-in-out 2s;
}

.add-address.ng-show-add-active {
    display: block;
}

.add-address.md-fab.visible {
    transform: scale(1);
    transition: transform 0.3s linear;
}

.add-address.md-fab {
    transform: scale(0);
    transition: transform 0.3s linear;
}

.autocomplete-contact-template li {
    border-bottom: 1px solid #ccc;
    height: auto;
    padding-top: 8px;
    padding-bottom: 8px;
    white-space: normal;
}

.autocomplete-contact-template li:last-child {
    border-bottom-width: 0;
}

.autocomplete-contact-template .item-title,
.autocomplete-contact-template .item-metadata {
    display: block;
    line-height: 2;
}

.autocomplete-contact-template .item-title md-icon {
    height: 18px;
    width: 18px;
}

.league-form .md-datepicker-input-container {
    width: 300px;
}

.md-datepicker-input-container {
    width: 130px;
}

.map-container {
    height: 100%;
    border: 1px solid black;
    display: flex;
    flex-direction: row;
}

.stadium-selector {
    width: 100%;
}

.color-show {
    width: 20px;
    height: 15px;
}

.chip-color {
    width: 10px;
    height: 10px;
}

.label-color {
    width: 15px;
    height: 15px;
    padding: 10px;
    display: inline-block;
    border-radius: 0;
}

.labels span:after {
    content: " ";
}

.file-input {
    display: none;
}

/* Team Form */

.team-image {
    max-width: 770px;
    max-height: 400px;
    line-height: 20px;
    margin-bottom: 5px;
}

.profile-image {
    max-width: 300px;
    max-height: 300px;
    line-height: 20px;
    margin-bottom: 5px;
}

.team-map {
    width: 400px;
    height: 400px;
}

.score-chip .md-chips {
    box-shadow: 0 0px !important;
}

.groupsComponent md-list[dnd-list] {
    min-height: 42px;
    padding-left: 0px;
}

.groupsComponent md-list[dnd-list] .dndDraggingSource {
    display: none;
}

.groupsComponent md-list[dnd-list] .dndPlaceholder {
    background-color: #ddd;
    display: block;
    min-height: 42px;
}

.groupsComponent md-list[dnd-list] md-list-item {
    background-color: #fff;
    border: 1px solid #ddd;
    border-top-right-radius: 4px;
    border-top-left-radius: 4px;
    display: block;
    padding: 10px 15px;
    margin-bottom: -1px;
}

.groupsComponent md-list[dnd-list] md-list-item.selected {
    background-color: #dff0d8;
    color: #3c763d;
}

.group {
    clear: both;
    min-width: 500px;
    min-height: 42px;
    float: left;
}

.stadium-form-custom > md-input-container > input::-webkit-input-placeholder {
    color: #FFF;
}

.stadium-form-custom > md-input-container > input:-moz-placeholder {
    color: #FFF;
}

.stadium-form-custom > md-input-container > input::-moz-placeholder {
    color: #FFF;
}

.stadium-form-custom > md-input-container > input:-ms-input-placeholder {
    color: #FFF;
}

md-nav-bar .md-nav-bar {
    background: white;
}

.matchday-name {
    color: #212121;
}

.contact-selector-selected {
    background: rgba(0, 128, 128, 0.1);
}

@keyframes saveButton {
    from {
        background-color: rgba(0, 103, 101, 0.12);
    }
    to {
        background-color: rgba(0, 89, 87, 0.42);
    }
}

.quick-add-contact-button {
    animation-name: saveButton;
    animation-duration: 1s;
    animation-iteration-count: infinite;
    animation-direction: alternate;
}

.contact-search-card {
    height: 100%;
    margin: 0;
    display: flex;
    align-items: flex-start;
    justify-content: center;
    position: relative;
    top: -10px;
}

.contact-search-card:hover {
    cursor: pointer;
    background: rgb(163, 196, 172);
    display: flex;
}

.contact-selector-remove {
    float: right;
    position: relative;
}

.teams-list {
    font-size: 13px;
    font-weight: normal;
    font-style: normal;
}

.table-content {
    font-size: 13px;
    font-weight: normal;
    font-style: normal;
    color: rgba(0, 0, 0, 0.87);
    height: 48px;
}

.matchday-navbar.md-button.md-default-theme.md-accent, .md-button.md-accent {
    color: rgb(0, 128, 128);
}

.text-limit {
    white-space: nowrap;
    overflow: scroll;
    text-overflow: ellipsis;
}

.points-mode {
    margin-left: 5px;
    color: #008080;
    font-weight: bold;
    padding: 5px;
}

.match-def-tables {
    padding-right: 10px;
    padding-left: 10px;
}

#generate-group-time-picker .md-icon-button {
    display: none;
}

.matchday-dashboard-table td {
    padding: 0 10px 0 0 !important;
}

.matchday-dashboard-table th {
    padding: 0 10px 0 0 !important;
}

.matchday-dashboard-table-tr th {
    font-size: 12px !important;
}

.matchday-dashboard-table tr {
    height: 25px !important;
}

.md-chips-static-container {
    display: inline-block !important;
    height: 100%;
    margin-left: 10px;
}

.md-chips-static-container * {
    display: flex;
    align-items: center;
    height: 100%;
}

.md-chips-static-container .md-chips {
    box-shadow: 0 0px !important;
}

/*.md-chip-remove * {*/
/*color: white;*/
/*}*/

.light-label * {
    color: #ffffff !important;
}

.dark-label * {
    color: #403b3b !important;
}

.language-switcher {
    text-align: center;
    padding-bottom: 15px;
}

.language-switch.md-icon {
    color: #FFFFFF;
}

.birth-date-input-container input[type=number]::-webkit-outer-spin-button, .birth-date-input-container input[type=number]::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
}

.birth-date-input-container input[type=number] {
    -moz-appearance: textfield;
}

.auto-complete-date * {
    box-shadow: initial !important;
    padding: 4px !important;
}

.auto-complete-date button {
    display: none;
}

.error-message-custom {
    font-size: 12px;
    color: rgb(123, 0, 6);
}

.auto-complete-contact * {
    box-shadow: initial !important;
    padding: 4px !important;
    border-bottom: 1px solid #e0e0e0;
    padding-bottom: 0px !important;
    position: relative;
    top: -5px;
}

.auto-complete-contact button {
    display: none;
}

.auto-complete-contact input {
    position: relative;
    top: -1px;
}

.auto-complete-contact input::-webkit-input-placeholder {
    color: #bfbfbf;
}

.auto-complete-contact input:-moz-placeholder {
    color: #bfbfbf;
}

.auto-complete-contact input::-moz-placeholder {
    color: #bfbfbf;
}

.auto-complete-contact input:-ms-input-placeholder {
    color: #bfbfbf;
}

md-autocomplete > md-autocomplete-wrap > md-progress-linear {
    display: none;
}

.language-disable {
    color: gray !important;
}

/* REPORT */

.report-options .md-datepicker-input-container {
    width: 120px;
}

.date-picker-report {
    position: relative;
    right: 20px;
}

.standard-filter-report {
    margin-top: 4px;
}

.report-no-data-container {
    height: 100%;
}

.report-no-data-message {
    font-size: 24px;
    font-weight: bold;
    color: rgba(0, 0, 0, 0.67);
    text-align-last: center;
}

.report-side-nav-arrow {
    margin: 0px;
    margin-right: 16px;
    cursor: pointer;
}

.report-select-container {
    width: 200px;
}

/* REPORT TABLE */

.report-table {
    border-collapse: collapse;
    border: 1px solid #c5c5c5;
}

.report-table th {
    color: rgba(0, 0, 0, 0.67) !important;
    font-size: 14px !important;
    font-weight: bold;
    text-align: center;
    height: 48px;
}

.report-table tr {
    max-height: 32px !important;
}

.report-table th {
    padding-left: 12px !important;
    padding-right: 12px !important;
}

.report-table td {
    padding: 12px !important;
}

.report-table-group-cell {
    background: #f2faf6 !important;
    font-weight: bold !important;
    border-top: 1px solid #c5c5c5;
    border-bottom: 1px solid #c5c5c5;
}

.report-filter-full-width {
    width: 200px;
}

.report-table-cell {
    border-top: 1px solid #c5c5c5;
    border-bottom: 1px solid #c5c5c5;
}

.report-table-special-cell {
    font-weight: bold;
}

.report-table-total-row td {
    font-weight: bold;
    background: #f2faf6;
    border-top: 1px solid #c5c5c5;
    border-bottom: 1px solid #c5c5c5;
    padding: 4px 12px !important;
}

.generate-report-alert {
    color: red;
    font-size: 14px;
    padding: 0px;
    margin: 0px;
}

/* Text Editor */

.ta-toolbar {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
}

.ta-toolbar .ta-button-group {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
}

.ta-toolbar .ta-button-group button {
    min-width: 0;
    min-height: 0;
    line-height: normal;
    margin-left: 0;
    color: rgba(0, 0, 0, 0.54);
}

.ta-toolbar .ta-button-group button md-icon {
    color: rgba(0, 0, 0, 0.54);
}

.ta-toolbar .ta-button-group button.active {
    background-color: #f5f5f5;
}

.ta-text-editor .ta-bind {
    border-bottom: 1px solid rgba(0, 0, 0, 0.117647);
}

.ta-text-editor .ta-bind:focus {
    border-bottom: 2px solid #1C807F;
    outline: none;
}

/* Matchday Tabs */

.matchday-tabs-wrapper .md-tab {
    padding: 0px;
}

/* Toolbar Button */

@media only screen and (max-width: 967px) {
    .toolbar-button-dynamic {
        width: 48px !important;
        height: 48px !important;
    }
}

/* Documents app icons */

.app-icons {
    height: 60px;
    width: auto;
}

/* Dashboard charts */

.chart-header {
    color: rgba(0, 0, 0, 0.87);
    font-size: 16px;
    font-weight: 500;
    text-align: center;
    margin-bottom: 20px;
}

.chart-body {
    margin-bottom: 40px;
    padding-right: 16px;
}

/* Calendar */

#matchdayCalendar {
    padding-top: 30px;
}

#matchdayCalendar h2 {
    font-size: 1.5rem;
    text-transform: uppercase;
    line-height: 35px;
    color: #26817F;
}

#matchdayCalendar .fc-day-header {
    text-transform: uppercase;
    font-weight: 400;
}

#external-events {
    padding-top: 50px;
}

#external-events .fc-event {
    color: #fff;
    text-decoration: none;
    padding: 5px;
    margin-bottom: 10px;
    cursor: all-scroll;
    border: none;
}

.fc button {
    background: #fff;
}

.fc td {
    border-width: 0 !important;
}

.fc th {
    border-width: 0 !important;
}

.fc-state-active {
    color: #00bcd4 !important;
}

.fc-state-down {
    color: #00bcd4 !important;
}

.fc-event, .fc-event-dot {
    background-color: #26817F;
}

#matchdayCalendar thead {
    border-bottom: 1px solid #d0d0d0;
}

#birthdayCalendar thead {
    border-bottom: 1px solid #d0d0d0;
}

#birthdayCalendar h2 {
    font-size: 1.5rem;
    text-transform: uppercase;
    line-height: 35px;
    color: #26817F;
}

#birthdayCalendar .fc-day-header {
    text-transform: uppercase;
    font-weight: 400;
}

/* Drag and drop */

.import-schema-addition ul[dnd-list] {
    min-height: 42px;
    padding-left: 0px;
}

.import-schema-addition ul[dnd-list] .dndDraggingSource {
    display: none;
}

.import-schema-addition ul[dnd-list] .dndPlaceholder {
    display: none;
}

.import-schema-addition ul[dnd-list] li {
    display: block;
    padding: 10px 15px;
    margin-bottom: -1px;
}

.import-schema {
    padding-right: 20px;
    padding-top: 8px;
}

.import-schema .import-item {
    height: 40px;
    border-radius: 4px;
    margin-bottom: 4px;
    display: flex;
    align-items: center;
    transition: background 0.2s linear;
    width: 400px;
}

.import-schema .available {
    background: white !important;
    border: 2px solid #008080;
}

.import-schema .unavailable {
    color: white;
    background: #008080 !important;
    border: 2px solid #025a5a;
}

.import-schema .drag-over {
    background: #01807f8c !important;
}

.schema-remove-container {
    border-radius: 50%;
    background: white;
    width: 28px;
    height: 28px;
    cursor: pointer;
}

.import-bucket {
    display: flex;
    justify-content: flex-start;
    flex-wrap: wrap;
    align-content: flex-start;
}

.import-bucket .bucket-item {
    color: white !important;
    background: #008080 !important;
    border-radius: 4px;
    margin-bottom: 4px;
    width: 300px;
    border: 1px solid #025a5a;
    border-radius: 4px;
    height: 18px;
    margin-bottom: 4px !important;
}

.import-schema-wrapper {
    display: flex;
    justify-content: flex-end;
    flex-wrap: wrap;
}

@media all and (max-width: 960px) {
    .import-schema-wrapper, .import-bucket {
        justify-content: center;
    }
}

/* Logo item */

.logo-image {
    max-width: 400px;
    max-height: 77px;
    line-height: 20px;
    margin-bottom: 5px;
}

/* Config form padding adjustments */

.config-form-data .md-subheader .md-subheader-inner {
    display: block;
    padding: 16px 4px 16px 4px;
}

/* Address component list */

.address-list md-list.md-dense md-list-item.md-2-line, md-list.md-dense md-list-item.md-2-line > .md-no-style {
    min-height: 40px !important;
    height: 40px !important;
}

.address-list md-list.md-dense md-list-item.md-2-line .md-list-item-text h3, md-list.md-dense md-list-item.md-2-line .md-list-item-text h4, md-list.md-dense md-list-item.md-2-line .md-list-item-text p, md-list.md-dense md-list-item.md-2-line > .md-no-style .md-list-item-text h3, md-list.md-dense md-list-item.md-2-line > .md-no-style .md-list-item-text h4, md-list.md-dense md-list-item.md-2-line > .md-no-style .md-list-item-text p, md-list.md-dense md-list-item.md-3-line .md-list-item-text h3, md-list.md-dense md-list-item.md-3-line .md-list-item-text h4, md-list.md-dense md-list-item.md-3-line .md-list-item-text p, md-list.md-dense md-list-item.md-3-line > .md-no-style .md-list-item-text h3, md-list.md-dense md-list-item.md-3-line > .md-no-style .md-list-item-text h4, md-list.md-dense md-list-item.md-3-line > .md-no-style .md-list-item-text p {
    line-height: 1.05;
    font-size: 12px;
    padding-top: 5px;
}
.address-list md-list.md-dense md-list-item.md-2-line .md-list-item-text h3 {
    line-height: 1.05;
    font-size: 14px;
    padding-bottom: 1px;
}

/* Company styles */

.company-contact-selector-remove {
    float: right;
    position: relative;
    padding-top: 5px;
}

.category-selector md-card {
    margin: 0px;
}
.company-form-tabs md-tab-content.md-no-scroll {
    bottom: auto;
    overflow: visible;
}

/* Contact delete confirm dialog */

.contact-delete .md-subheader .md-subheader-inner {
    display: block;
    padding: 0px 0px 0px 0px;
}

/* Roles */

 md-tooltip.permission-info-tooltip {
    height: auto;
    font-weight: bold;    
    font-size: 11px;
}

/* Playoff group dialog */

.playoff-group-dialog table.md-table.md-row-select td.md-cell:first-child, .playoff-group-dialog table.md-table.md-row-select th.md-column:first-child {
    padding: 0 0 0 0;
}

/* md-primary correction */

.md-primary-regular {
    color: white !important;
}

/* Contact selector dropdown classes */

.contact-selector-dropdown-down {
    z-index: 999;
    position: absolute;
    top: 70px;
    width: 100%;
}

.contact-selector-dropdown-up {
    z-index: 999;
    position: absolute;
    bottom: 100%;
    width: 100%;
    -webkit-transform: translateY(40px);
    -moz-transform: translateY(40px);
    -ms-transform: translateY(40px);
    -o-transform: translateY(40px);
    transform: translateY(40px);
}

/* Matchday generator dialog */

.matchday-generator-dialog md-input-container.md-input {
    width: 100px;
}
.team-not-playing {
    background: #F10220;
}

/* Team Approval List */

.action-button-wrapper .md-button span {
    color: gray;
}

.revision-dialog .row-title {
    font-weight: bold; 
    padding-right: 16px; 
    width: 200px; 
    padding: 4px;
}

.revision-dialog .row-info {
    text-align: right; 
    width: 100%; 
    padding: 4px;
}

/* Colors */

.color-red {
    color: #dc322f;
}

.color-green {
    color: #00A000;
}

/* Team table when team is disabled */

table.md-table td.md-cell.team-disabled {
    color: rgba(156, 156, 156, 0.87);
    font-size: 13px;
    border-top: 1px rgba(0, 0, 0, 0.12) solid;
}

.address-list-contact-details md-list.md-dense md-list-item.md-2-line, md-list.md-dense md-list-item.md-2-line > .md-no-style {
    min-height: 40px !important;
    height: 40px !important;
}

.address-list-contact-details md-list.md-dense md-list-item.md-2-line .md-list-item-text h3, md-list.md-dense md-list-item.md-2-line .md-list-item-text h4, md-list.md-dense md-list-item.md-2-line .md-list-item-text p, md-list.md-dense md-list-item.md-2-line > .md-no-style .md-list-item-text h3, md-list.md-dense md-list-item.md-2-line > .md-no-style .md-list-item-text h4, md-list.md-dense md-list-item.md-2-line > .md-no-style .md-list-item-text p, md-list.md-dense md-list-item.md-3-line .md-list-item-text h3, md-list.md-dense md-list-item.md-3-line .md-list-item-text h4, md-list.md-dense md-list-item.md-3-line .md-list-item-text p, md-list.md-dense md-list-item.md-3-line > .md-no-style .md-list-item-text h3, md-list.md-dense md-list-item.md-3-line > .md-no-style .md-list-item-text h4, md-list.md-dense md-list-item.md-3-line > .md-no-style .md-list-item-text p {
    line-height: 1.05;
    font-size: 12px;
    padding-top: 5px;
}
.address-list-contact-details md-list.md-dense md-list-item.md-2-line .md-list-item-text h3 {
    line-height: 1.05;
    font-size: 13px;
    padding-bottom: 1px;
}
.contact-labels-list md-chip {
    clear: left;
}

.contact-labels-list .md-chips .md-chip-input-container {
    float: none;
}

.contact-labels-list .md-chip-input-container .md-input {
    border: none !important;
    margin-top: 8px;
}