﻿body,
html {
    background-color: #2E3136;
    color: #E5E5E5;
}

body,
h1,
h2,
h3,
h4,
h5,
h6 {
    font-family: "Lato","Helvetica Neue",Helvetica,Arial,sans-serif;
    font-weight: 400;
}

.invisible {
    display: none !important;
}

p,
.paragraph,
.blog .ql-editor p {
    margin: 0 0 10px;
}

.paragraph.subtitle {
    margin-top: 20px;
}

.row {
    margin-left: 0px;
    margin-right: 0px;
}

a {
    color: #E5E5E5 !important;
}

#menu_championship a.dropdown-toggle {
    color: #ff0000 !important;
}
#menu_championship.dropdown.open a.dropdown-toggle {
    background-color: #dadada !important;
}

a:focus {
    outline: none;
}

a:focus,
a:hover {
    color: #FFFFFF !important;
}
.timepicker,
.ui-timepicker a {
    color: #000000 !important;
}

main .container {
    background-color: #36393e;
    padding: 15px;
}

.div-image {
    background-repeat: no-repeat;
    background-position: center;
}
    
th {
    text-align: center;
}
.check_label, .radio_label {
    margin-left: 5px;
    vertical-align: middle;
}
/* END of Generics */

/* Bootstrap overrides */
ol, ul {
    margin-bottom: 0px;
}

a,
.teams a .player_name {
    text-decoration: underline;
}
.news-wrapper .news-content a {
    font-weight: bold;
}

.share-buttons a {
    text-decoration: none;
}
.share-buttons {
    float: right;
}

button.btn.disabled,
input.btn.disabled,
a.btn.disabled,
fieldset[disabled] a.btn,
fieldset[disabled] button.btn {
    cursor: inherit;
    pointer-events: none;
}

.form-control {
    font-size: inherit;
}
.form-control:focus {
    border-color: #a2a2a2;
    outline: 0;
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgb(231, 231, 231);
    box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgb(231, 231, 231);
}

select.form-control {
    color: #E5E5E5;
    background-color: #2e3136;
    border: none;
    border-radius: 0px;
}

.btn,
.btn.disabled:hover, .btn.disabled:focus,  .btn.disabled.focus {
    color: #E5E5E5;
}

.btn:hover, .btn:focus, .btn.focus {
    color: #FFF;
}

.has-feedback .form-control {
    padding-right: 27px;
}

.glyphicon-remove {
    color: #A94442;
}

.glyphicon-ok {
    color: #3C763D;
}

.glyphicon.glyphicon-triangle-bottom,
.glyphicon.glyphicon-triangle-top {
    top: 2px;
    margin-left: 3px;
    font-size: smaller;
}

.modal-content .checkbox-inline {
    vertical-align: inherit;
}

.modal-content
{
    border-style: none;
    padding: 0px;
    margin: 0px;
    background-color: #36393e;
    -webkit-border-radius: 6px 6px 0px 0px;
    -moz-border-radius: 6px 6px 0px 0px;
    border-radius: 6px 6px 0px 0px;
}

.modal-header
{
    border-style: none;
    background-color: #2E3136;
    -webkit-border-radius: 5px 5px 0px 0px;
    -moz-border-radius: 5px 5px 0px 0px;
    border-radius: 5px 5px 0px 0px;
}

.modal-header .close {
    color: #e5e5e5;
    opacity: 1;
}

.modal-header .close:focus,
.modal-header .close:hover {
    color: #ffffff;
}
.vrmasterleague .datepicker .datepicker-switch:hover,
.vrmasterleague .datepicker table tr td.day:hover,
.vrmasterleague .datepicker .prev:hover,
.vrmasterleague .datepicker .next:hover {
    background-color: #565656;
}
.vrmasterleague .datepicker table tr td.today.active:hover,
.vrmasterleague .datepicker table tr td.today:hover:hover {
    color: #000000;
}
.vrmasterleague .datepicker table tr td.today,
.vrmasterleague .datepicker table tr td.today.disabled,
.vrmasterleague .datepicker table tr td.today.disabled:hover,
.vrmasterleague .datepicker table tr td.today:hover
{
    background-color: inherit;
    background-image: inherit;
    background-repeat: inherit;
    color: #fff;
    text-shadow: inherit;
    border: 1px solid #568eff;
}
.vrmasterleague .datepicker table tr td.active,
.vrmasterleague .datepicker table tr td.active.disabled,
.vrmasterleague .datepicker table tr td.active.disabled:hover,
.vrmasterleague .datepicker table tr td.active:hover
{
    background-color: #fde19a;
    background-image: -moz-linear-gradient(to bottom,#fdd49a,#fdf59a);
    background-image: -ms-linear-gradient(to bottom,#fdd49a,#fdf59a);
    background-image: -webkit-gradient(linear,0 0,0 100%,from(#fdd49a),to(#fdf59a));
    background-image: -webkit-linear-gradient(to bottom,#fdd49a,#fdf59a);
    background-image: -o-linear-gradient(to bottom,#fdd49a,#fdf59a);
    background-image: linear-gradient(to bottom,#fdd49a,#fdf59a);
    background-repeat: repeat-x;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fdd49a', endColorstr='#fdf59a', GradientType=0);
    border-color: #fdf59a #fdf59a #fbed50;
    border-color: rgba(0,0,0,.1) rgba(0,0,0,.1) rgba(0,0,0,.25);
    filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
    color: #000;
}
.vrmasterleague .ui-timepicker-standard {
    font-size: inherit;
}
.vrmasterleague .ui-timepicker {
    text-align: inherit;
}
.vrmasterleague label {
    font-weight: inherit;
}
/* END of Bootstrap overrides */

/* Quill overrides */
.ql-video {
    width: 560px;
    height: 315px;
}
.ql-indent-1 {
    margin-left: 55px;
}
.blog .ql-toolbar {
    background-color: white;
}
.blog .title {
    width: 60%;
}
.blog .ql-container {
    font-family: inherit;
    font-size: inherit;
}
.blog .ql-snow .ql-tooltip a {
    color: #444 !important;
}
.blog .ql-editor.ql-blank::before {
    color: rgba(229, 229, 229, 0.6);
}
.blog .ql-snow .ql-picker.ql-expanded .ql-picker-label .ql-stroke {
    stroke: #444;
}
.blog .ql-snow .ql-color.ql-picker.ql-color-picker .ql-color-label.ql-stroke.ql-transparent {
    display: none;
}
.blog .ql-snow .ql-color.ql-picker.ql-color-picker .ql-picker-label svg {
    padding-top: 2px;
}
/*.blog .ql-snow .ql-editor a{
    text-decoration: inherit;
}*/
.blog .btn-success {
    margin-top: 15px;
}
/* END of Quill overrides */

/* Navigation header and Sign-In */
#banner img
{
    display: block;
    margin: auto;
    width: 100%; 
}

.navbar {
    font-weight: 700;
    margin-bottom: 0px;
    background-color: #000000;
    border-radius : 0px;
    border:none;
}

.navbar a {
    text-decoration: none;
}

.navbar-inverse { 
    border-radius: 0px;
}

.navbar .active a {
    color: #000000 !important;
}

.navbar .dropdown.open .dropdown-toggle {
    color: #FFFFFF !important;
    background-color: #8C8C8C !important;
}

.navbar .dropdown.open a {
    color: #000000 !important;
}

.navbar .dropdown-menu {
    border: none;
}

.navbar .header-title-mobile {
    position: absolute;
    display: none;
    margin-left: 15px;
    margin-top: 5px;
}

.navbar .header-username-mobile {
    position: absolute;
    display: none;
    right: 75px;
    vertical-align: middle;
    margin-top: 14px;
}

#myModalSignIn .btn-success {
    float: right;
    margin-right: 5px;
}

#myModalSignIn .btn-primary {
    margin-right: 5px;
}

#myModalSignIn .spacer {
    margin-top: 32px;
}

#myModalSignIn .sign_in_forgot,
#myModalSignIn .createAccount {
    display: inline;
    width: 50%;
}

#myModalSignIn .sign_in_forgot,
#myModalSignIn .checkbox-inline {
    position: relative;
    margin-left: 10px;
    top: 7px;
}

#myModalCreateAccount .btn-success {
    margin-right: 5px;
}

li.mnu_admin {
    border-bottom: 1px solid #E5E5E5;
}
li.mnu_sign-out a {
    padding-top: 6px;
}

.facebook,
.googleplus,
.twitter,
.reddit {
    margin-right: 4px;
}

.twitch-wrapper {
    margin-top: 33px;
    padding-top: 13px;
    padding-bottom: 13px;
    padding-left: 12px;
    background-color: #6441a4;
    border-radius: 5px;
    height: 60px;
}

.twitch-live {
    margin-left: 10px;
}

.twitch-live-text {
    font-size: larger;
    font-weight: bold;
    vertical-align: middle;
}

.twitch-wrapper a {
    text-decoration: none;
}

.twitch-wrapper.mobile {
    display: inline-block;
    margin-top: 0px;
    margin-right: 4px;
    padding: 0px;
    height: 20px;
    vertical-align: middle;
    border-radius: 2px;
}

.twitch-wrapper.mobile img {
    width: 20px;
    height: 20px;
    vertical-align: baseline;
}

.twitch-wrapper.mobile .twitch-live {
    margin-left: 0px;
}

.twitch-wrapper.mobile .twitch-live-text {
    display: none !important;
}

.discord-wrapper {
    margin-top: 20px;
}

.discord-header-container {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: box;
    display: flex;
}

.discord-header-container {
    -webkit-box-flex: 1;
    -o-box-flex: 1;
    box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
    -webkit-box-orient: vertical;
    -o-box-orient: vertical;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    border-radius: 5px;
    overflow: hidden;
}
.discord-header {
    background-color: #738bd7;
    padding: 15px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: box;
    display: flex;
    -webkit-box-align: center;
    -o-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
    -webkit-flex-shrink: 0;
    flex-shrink: 0;
}
.discord-header .widget-logo {
    background: url(https://discordapp.com/assets/4f004ac9be168ac6ee18fc442a52ab53.svg) 50% no-repeat;
    width: 124px;
    height: 34px;
    background-size: 124px 34px;
    display: inline-block;
    -webkit-transition: opacity .25s ease-out;
    transition: opacity .25s ease-out;
}

.discord-header,
.discord-users-online {
    color: #fff !important;
    text-decoration: none;
}
.vrmasterleague .discord-users-online {
    font-size : inherit !important;
}
.vrmasterleague .discord-widget {
    margin: 0px;
    padding: 2px;
    margin-top: -4px;
    border: none;
}
.discord-widget .discord-channel:not(.discord-allusers-toggle),
.discord-widget .discord-userlist:not(.discord-allusers) {
    display: none;
}
.vrmasterleague .discord-title {
    margin: -3px!important;
    margin-bottom: 5px!important;
}
.discord-tree {
    height: 500px;
    overflow: auto;
}
.discord-users-online {
    position: absolute;
    top: -51px;
    right: 0px;
}
.vrmasterleague .discord-join {
    background-color: #738bd7;
    border-bottom-left-radius: 6px;
    border-bottom-right-radius: 6px;
}
.vrmasterleague .discord-join:hover {
    background-color: #6580d6;
}
.discord-headerOL {
    margin-top: 10px;
}
/* END of Navigation header and Sign-In */

/* Main containers */
#menu_vrml_home {
    margin-left: -15px;
}

.container {
    padding-left: 0px;
    padding-right: 0px;
    height: auto;
}

main .title {
    font-size: larger;
    font-weight: bold;
    margin-bottom: 10px;
}

.home_page .side_main {
    width: auto;
    padding-right: 15px;
    overflow: hidden;
}

.home_page .side_right {
    float: right;
    width: 351px;
}

.news-wrapper {
    padding: 6px;
    margin-bottom: 10px;
    background-color: #2e3136;
    border-radius: 5px;
    overflow: auto;
}
.news-wrapper:hover .news-editing-tools {
    display: block;
}
.standings_table a,
.teams_recent_matches_table a,
.matches_table a,
.recruiting_table a,
.participating_teams_table a {
    text-decoration: none;
}
.standings_table a :hover,
.teams_recent_matches_table a :hover,
.matches_table a :hover,
.recruiting_table a :hover,
.participating_teams_table a:hover {
    text-decoration: underline;
}
.participating_teams_table {
    margin: auto;
}
.participating_teams_total {
    margin-top: 20px;
}

.news-title {
    font-size: large;
    font-weight: bold;
    padding: 3px;
}
.news-editing-tools {
    display: none;
    float: right;
}
.news-editing-tools-edit {
    margin-right: 15px;
    margin-top: 3px;
    cursor: pointer;
}
.news-editing-tools-delete {
    cursor: pointer;
}
.news-title-spacer {
    border-bottom: solid white 1px;
    margin-top: 3px;
    margin-left: 10px;
}
.news-author-wrapper {
    margin-left: 10px;
    opacity: 0.85;
}
.news-author {
    font-style: italic;
    font-size: small;
}
.news-author .player_logo {
    width: 16px;
    height: 16px;
    margin-top: -3px;
    margin-left: 3px;
    margin-right: 3px;
}
.news-author-name {
    font-style: normal;
}
.news-content {
    margin-top: 10px;
}
.news-content img {
    max-width: 762px;
}
.news-author-datesubmitted,
.news-author-edited {
    font-style: italic;
    font-size: smaller;
    vertical-align: baseline;
}
.news-wrapper .match-vs {
    margin-bottom: 0px;
}

.notifications_total,
.notifications_teams,
.notifications_matches {
    background-color: red;
    color: white;
    margin: 6px;
    padding: 4px;
    border-radius: 5px;
}

li.mnu_sign-out {
    border-top: 1px solid #E5E5E5;
}

.container > .navbar-collapse,
.container > .navbar-header {
    margin-left: 0px;
    margin-right: 0px;
}
/* END of Main containers */

/* Profile - My profile */
.profile .profile_logo {
    width: 120px;
    height: 120px;
    border-radius: 6px;
}

.profile .column {
    display: inline-block;
    width: 45%;
    vertical-align: top;
}

.profile .column.passwords {
    margin-left: 45px;
}
/* END of Profile - My profile */

/* Profile - My teams */
.team_management .team_logo {
    width: 120px;
    height: 120px;
    margin-bottom: 10px;
}
.team_management .has-feedback {
    display: inline-block;
}

.team_management .profile_my_teams {
    border-bottom: #E5E5E5 solid;
    font-size: larger;
}

.team_management .profile_game {
    padding: 10px;
}

.team_management .profile_game_title {
    border-bottom: #E5E5E5 solid;
    font-size: larger;
}

.team_management .effective_flag {
    margin-top: 10px;
}

.team_management .retired_flag,
.team_management .delete_team {
    display: inline-block;
}
.team_management .delete_team {
    margin-left: 20px;
}
.team_management .btn-delete-team {
    height: 25px;
    padding-top: 0px;
    padding-bottom: 0px;
    vertical-align: inherit;
}

.team_management .profile_team_container {
    padding: 10px;
}

.team_management .profile_team_wrapper {
    padding: 10px;
    background-color: #2e3136;
    border-radius: 5px;
}

.team_management img {
    border-radius: 6px;
}

.team_management .profile_team {
    border-bottom: 1px solid #717171;
}

.team_management .header_class_info {
    display: none;
}

.team_management .profile_options {
    display: inline-block;
    margin-left: 20px;
}

.team_management .profile_team_title {
    display: inline-block;
    font-size: larger;
}

.team_management .profile_team_title.edit {
    font-size: inherit;
}

.team_management .profile_team_title.edit {
    width: auto;
}

.team_management .avail_info {
    margin-top: 10px;
    margin-bottom: 10px;
}

.team_management .avail_info_title {
    display: inline-block;
    margin-right: 5px;
}

.team_management .avail_info_times {
    display: inline-block;
    width: 110px;
    vertical-align: middle;
    margin-right: 5px;
}

.team_management .default_timezone {
    display: inline-block;
}

.team_management .profile_group {
    display: inline-block;
    margin-left: 10px;
}

.team_management .table_team {
    margin-top: 5px;
}

.team_management .profile_pending_recruit .profile_player_name {
    font-style: italic;
}

.team_management .profile_player_capt,
.team_management .profile_player_logo,
.team_management .profile_player_name,
.team_management .profile_player_promote_container,
.team_management .profile_player_recruit_container,
.team_management .profile_player_kick_container {
    padding-top: 5px;
    padding-bottom: 5px;
}

.team_management .profile_player_kick_container {
    padding-left: 15px;
}

.team_management .profile_player_name {
    padding-left: 15px;
    padding-right: 15px;
}

.team_management .profile_player_capt,
.team_management .profile_player_logo,
.team_management .profile_player_new_player {
    width: 40px;
    text-align: center;
}

.team_management .profile_player_logo img {
    width: 40px;
    height: 40px;
}

.team_management .profile_player_logo img {
    border-radius: 6px;
}

.team_management .profile_player_new_player {
    cursor: pointer;
    padding-bottom: 5px;
}

.team_management .btn-recruit,
.team_management .btn-promote,
.team_management .btn-demote,
.team_management .btn-leave,
.team_management .btn-info,
.team_management .btn-delete-team {
    color: #FFF;
    width: 85px;
}

.team_management .btn-recruit {
    background-color: #f7a42d;
    border-color: #eea236;
}

.team_management .btn-recruit:hover,
.team_management .btn-recruit:focus {
    background-color: #ec971f;
    border-color: #d58512;
}

.team_management .btn-promote {
    background-color: #5cb85c;
    border-color: #4cae4c;
}

.team_management .btn-promote:hover,
.team_management .btn-promote:focus {
    background-color: #449d44;
    border-color: #398439;
}

.team_management .btn-demote {
    background-color: #1b1b1b;
    /*border-color: #6f6f6f;*/
}

.team_management .btn-demote:hover,
.team_management .btn-demote:focus {
    background-color: #000;
}

.team_management .btn-kick,
.team_management .btn-leave {
    background-color: #ff2626;
    border-color: #d22424;
}
.team_management .btn-kick {
    width: 65px;
}

.team_management .btn-kick:hover,
.team_management .btn-kick:focus {
    background-color: #ff1212;
}

.team_management .btn-delete-team {
    width: auto;
    background-color: #ff2626;
    border-color: #d22424;
}
.team_management .btn-delete-team:hover,
.team_management .btn-delete-team:focus {
    background-color: #ff1212;
}
/* END of Profile - My teams */

/* Profile - My matches */
.matches_management .title.scheduled {
    margin-top: 30px
}
.matches_management .challenge_container {
    display: inline-block;
    margin: 4px 5px;
}
.matches_management .game_head {
    width: 85px;
}
.matches_management .scores_head {
    width: 230px;
}
.matches_management .home-score,
.matches_management .away-score {
    display: inline-block;
    width: 80px;
}
.matches_management .game_cell {
    padding-left: 10px;
    padding-right: 10px;
}
.matches_management .scores-spacer {
    margin-left: 12px;
    margin-right: 12px;
}
.matches_management .home_cell {
    text-align: right;
}
.matches_management .team_link img {
    margin-left: 10px;
    margin-right: 10px;
}
.matches_management .date_head {
    width: 240px;
}
.matches_management .date_scheduled_info,
.matches_management .date_scheduled_chall,
.matches_management .date_pending_info,
.matches_management .date_pending_chall {
    vertical-align: middle;
}
.matches_management .accept_challenge,
.matches_management .reject_challenge,
.matches_management .challenger_mmr,
.matches_management .scores_cell,
.matches_management .submit_score_cell {
    text-align: center;
}
.matches_management .challenger_mmr {
    padding-right: 20px;
    padding-left: 20px;
}
.matches_management .btn-challenge {
    background-color: #f7a42d;
    border-color: #eea236;
}
.matches_management .btn-challenge:hover,
.matches_management .btn-challenge:focus {
    background-color: #ec971f;
    border-color: #d58512;
}
.matches_management .btn-challenge.accept,
.matches_management .btn-submit,
.admin_management .btn-submit {
    background-color: #5cb85c;
    border-color: #4cae4c;
}
.matches_management .btn-challenge.accept:hover,
.matches_management .btn-challenge.accept:focus,
.matches_management .btn-submit:hover,
.matches_management .btn-submit:focus,
.admin_management .btn-submit:hover,
.admin_management .btn-submit:focus {
    background-color: #449d44;
    border-color: #398439;
}
.matches_management .btn-challenge.reject {
    background-color: #ff2626;
    border-color: #d22424;
}
.matches_management .btn-challenge.reject:hover,
.matches_management .btn-challenge.reject:focus {
    background-color: #ff1212;
}
/* END of Profile - My matches */


/* Registrations */
.registrations .unregistered,
.teams .unregistered,
.team_management .no_teams,
.team_management .tournament_participation_text,
.registrations .register_team_tournament,
.recruiting .unregistered,
.recruiting .already_participating,
.championship .championship_note,
.wildcard-tournament .register-url {
    color: #f7f220 !important;
}
.registrations .paragraph {
    margin-left: 10px;
}
.registrations .group {
    border-bottom: 1px solid #717171;
    margin-top: 10px;
}
.registrations .group_title {
    font-weight: bold;
}
.registrations .team_information {
    margin-bottom: 20px;
}
.registrations .team_name {
    width: 566px;
}
.registrations .effective_flag_wrapper {
    margin-top: 20px;
}

.registrations .group_container {
    display: inline-block;
    margin-bottom: 10px;
}
.registrations .group_desc {
    display: inline-block;
    vertical-align: middle;
}
.registrations .timewindows {
    margin-left: 20px;
}
.registrations .btn.btn-registered {
    display: inline-block;
    background-color: #31b0d5;
    border-color: #269abc;
    color: #FFF;
    cursor: default;
}
.registrations .already_playing {
    display: inline-block;
}
/* END of Registrations */

/* Tournament participation */
.participating_teams_table .team_head {
    min-width: 250px;
}
.participating_teams_table .players_count {
    min-width: 40px;
}
.participating_teams_table .team_players_count {
    text-align: center;
}
.participating_teams_table .team_players {
    padding-left: 20px;
}
/* END Tournament participation */

/* Standings AND Matches AND Teams AND MyMatches */
.standings .standings_season_container,
.matches .standings_group_container {
    margin-bottom: 20px;
    width: 35%;
}

.teams .team_season_container,
.teams .team_season_container {
    margin-top: 10px;
    margin-bottom: 10px;
    width: 35%;
}

.standings .standings_table,
.matches .matches_table,
.matches_management .matches_table,
.teams .teams_stats_table,
.teams .teams_recent_matches_table,
.recruiting .recruiting_table,
.admin_management .matches_table,
.admin_management .table_users,
.admin_management .table_teams {
    min-width: 100%;
    background-color: #2e3136;
}

.standings .standings_table_header,
.matches .matches_table_header,
.matches_management .matches_table_header,
.recruiting .recruiting_table_header,
.admin_management .matches_table_header {
    border-bottom: 1px solid #717171;
    height: 40px;
}

.standings .standings_team_row,
.matches .matches_team_row,
.matches_management .matches_team_row,
.admin_management .matches_team_row,
.recruiting .recruiting_team_row,
.teams .teams_stats_row,
.teams .matches_team_row,
.participating_teams_table .participating_teams_row {
    height: 44px;
}

.standings .standings_team_row.history {
    font-style: italic;
}

.standings .standings_team_row.not_effective .pos_cell,
.standings .standings_team_row.not_effective .div_cell,
.standings .standings_team_row.not_effective .team_logo,
.standings .standings_team_row.not_effective .gp_cell,
.standings .standings_team_row.not_effective .win_cell,
.standings .standings_team_row.not_effective .loss_cell,
.standings .standings_team_row.not_effective .pts_cell,
.standings .standings_team_row.not_effective .mmr_cell {
    opacity: 0.25;
}

.standings .standings_team_row:hover,
.matches .matches_team_row:hover,
.matches_management .matches_team_row:hover {
    background-color: #36393e;
}

.standings .team_link img,
.matches .team_link img,
.teams .team_link img,
.recruiting_table .team_link img,
.participating_teams_table img, 
.admin_management .team_link img {
    margin: 0px 10px;
}

.standings .standings_table img,
.matches .matches_table img,
.matches_management .matches_table img,
.teams .teams_recent_matches_table img,
.recruiting_table img,
.participating_teams_table img,
.admin_management .matches_table img {
    width: 40px;
    height: 40px;
    border-radius: 6px;
}

.matches img.score_submitted_flag {
    width: 20px;
    height: 20px;
    margin-left: 10px;
}

.matches img.date_challenge,
.teams img.date_challenge,
.matches_management img.date_challenge,
.admin_management img.date_challenge {
    width: 20px;
    height: 20px;
    margin-left: 10px;
}

.matches .streams_cell img {
    margin: 0px 5px;
}

.standings .glyphicon-arrow-up,
.matches_history .glyphicon-arrow-up,
.teams .glyphicon-arrow-up {
    color: green;
}

.standings .glyphicon-arrow-down,
.matches_history .glyphicon-arrow-down,
.teams .glyphicon-arrow-down {
    color: #bd1a1a;
}
/* END of Standings AND Matches*/

/* Standings only */
.standings .standings_title .title,
.standings .standings-group,
.standings .standings-group-name {
    display: inline-block;
}
.standings .standings_title {
    margin-bottom: 15px;
}
.standings .standings-group {
    vertical-align: top;
    margin-left: 30px;
}
.standings .standings-group-image {
    width: 60px;
}
.standings .standings-group-name {
    margin-left: 10px;
}
.standings .pos_head,
.standings .div_head {
    width: 40px;
}
.standings .team_head {
    width: 400px;
}
.standings .mmr_head {
    min-width: 60px;
}
.standings .gp_head,
.standings .win_head,
.standings .loss_head {
    min-width: 35px;
}
.standings .pts_head {
    min-width: 45px;
}
.standings .pos_cell,
.standings .div_cell,
.standings .mmr_cell,
.standings .gp_cell,
.standings .win_cell,
.standings .loss_cell,
.standings .pts_cell {
    text-align: center;
}
.standings .challenge_container {
    float: right;
    margin: 3px;
}
.standings .standings_team_row .challenge_container button {
    display: none;
}
.standings .standings_team_row:hover .challenge_container button {
    display: inline-block;
}
.standings .standings_table img.actively_recruiting {
    width: 22px;
    height: 22px;
}
.standings .btn-challenge {
    background-color: #f7a42d;
    border-color: #eea236;
}
.standings .btn-challenge:hover,
.standings .btn-challenge:focus {
    background-color: #ec971f;
    border-color: #d58512;
}
.standings .glyphicon-arrow-up,
.standings .glyphicon-arrow-down {
    margin-left: -17px;
    margin-right: 2px;
}
/* END of Standings only */

/* Recruiting only */
.recruiting .recruiting_table_container {
    margin-top: 20px;
}
.recruiting .group_cell,
.recruiting .weekdays_cell,
.recruiting .weekends_cell,
.recruiting .action_cell {
    text-align: center;
}
.recruiting .weekdays_cell.undetermined,
.recruiting .weekends_cell.undetermined {
    font-style: italic;
}
/* END Recruiting only */

/* Championship */
.championship .championship_group {
    margin-top: 20px;
    padding-top: 10px;
    padding-bottom: 10px;
    padding-left: 5px;
    padding-right: 5px;
    background-color: #2e3136;
}
.championship_group_title {
    font-weight: bold;
}
.championship .championship_group iframe  {
    border: none;
    width: 100%;
    height: 600px;
    margin-top: 10px;
    margin-bottom: 10px;
}
.championship-info .poster img,
.wildcard-tournament .poster img {
    width: 100%;
}
/* END of championship */

/* Matches only */
.matches .title.recent_matches {
    margin-top: 30px
}
.matches .date_head {
    width: 200px;
}
.matches .date_scheduled_cell,
.matches .date_recent_cell {
    padding-left: 5px;
}
.matches_history .home_head,
.matches_history .away_head {
    width: 275px;
}
.matches_history .score_head {
    width: 100px;
}
.matches_history .home_team_cell {
    text-align: right;
}
.matches_scheduled .group_cell,
.matches_history .group_cell,
.matches_history .division_cell,
.matches_history .score_cell {
    text-align: center;
}
.matches_history .home_team_cell .glyphicon-arrow-up,
.matches_history .home_team_cell .glyphicon-arrow-down {
    margin-right: 8px;
}
.matches_history .away_team_cell .glyphicon-arrow-up,
.matches_history .away_team_cell .glyphicon-arrow-down {
    margin-left: 8px;
}
/* END of Matches only */

/* Teams */
.teams .team-name {
    display: inline-block;
}
.teams .team-division {
    margin-top: -11px;
}
.teams .team-main-logo {
    display: inline-block;
    vertical-align: top;
    width: 120px;
    height: 120px;
    border-radius: 6px;
}
.teams .side_logo{
    display: inline-block;
    margin-left: 20px;
}
.teams .team-mmr, 
.teams .btn-challenge {
    display: block;
    margin-bottom: 15px;
}
.teams .recruit_note {
    font-size: small;
}
.teams .team-mmr {
    font-size: larger;
    font-weight: bold;
}
.teams .btn-challenge,
.teams .btn-recruit,
.recruiting .btn-recruit {
    background-color: #f7a42d;
    border-color: #eea236;
}
.teams .btn-challenge:hover,
.teams .btn-challenge:focus,
.teams .btn-recruit:hover,
.teams .btn-recruit:focus,
.recruiting .btn-recruit:hover,
.recruiting .btn-recruit:focus {
    background-color: #ec971f;
    border-color: #d58512;
}
.teams .teams_stats_table_header {
    border-bottom: 1px solid #717171;
    height: 20px;
}
.teams .teams_all_stats_table_header,
.teams .teams_recent_matches_table_header {
    border-bottom: 1px solid #717171;
    height: 40px;
}
.teams .teams_stats_row {
    text-align: center;
}
.teams .home_head,
.teams .away_head,
.teams .overall_head {
    border-left: 1px solid #717171;
}
.teams .win_head,
.teams .win_cell {
    border-left: 1px solid #717171;
}
.teams .players_container {
    padding: 10px;
}
.teams .player_container {
    padding: 20px;
    display: inline-block;
    text-align: center;
    min-width: 125px;
}
.teams .player_container a:hover .player_name {
    text-decoration: underline;
}
.teams .player_logo {
    display: block;
    margin: 0px auto;
    width: 120px;
    height: 120px;
    border-radius: 6px;
}

.teams img.team_capt {
    display: inline-block;
    width: 20px;
    height: 20px;
    /*margin-left: -20px;*/
    vertical-align: sub;
}
.teams .player_name {
    display: inline-block;
    padding: 2px;
}
.teams .teams_stats_all_time,
.teams .teams_recent_matches {
    margin-top: 20px;
}

.teams .date_head {
    width: 200px;
}
.teams .season_cell {
    padding-left: 5px;
}
.teams .score_head {
    width: 100px;
}
.teams .home_team_cell {
    text-align: right;
}
.teams .group_cell,
.teams .division_cell,
.teams .score_cell {
    text-align: center;
}
.teams .home_team_cell .glyphicon-arrow-up,
.teams .home_team_cell .glyphicon-arrow-down {
    margin-right: 8px;
}
.teams .away_team_cell .glyphicon-arrow-up,
.teams .away_team_cell .glyphicon-arrow-down {
    margin-left: 8px;
}
/* END of Teams */

/* Challenge */
.challenge .schedule_info {
    display: inline-block;
    padding: 10px;
    margin-top: 15px;
    margin-bottom: 15px;
    border: 2px dotted;
    border-radius: 6px;
}
.challenge .date_suggested {
    display: inline-block;
    vertical-align: middle;
}
.challenge .time_container {
    display: inline-block;
    vertical-align: middle;
    margin-left: 20px;
    width: 110px;
}
.challenge .time_zone_container {
    text-align: center;
}
.challenge .action_container {
    display: inline-block;
    vertical-align: middle;
    margin-left: 30px;
}
.challenge .btn-challenge {
    background-color: #f7a42d;
    border-color: #eea236;
}
.challenge .btn-challenge:hover,
.challenge .btn-challenge:focus {
    background-color: #ec971f;
    border-color: #d58512;
}
.challenge .challenge_disabled {
    font-style: italic;
}
/* END of Challenge */

/* Rules */
.rules_list li:not(.map) {
    margin-top: 10px;
    margin-bottom: 10px;
}
/* END of Rules*/

/* Upload Image */
.upload_logo .image_container .upload_image {
    margin-top: 10px;
    margin-bottom: 10px;
}
.upload_image {
    cursor: crosshair;
}
/* END of Upload Image */

/* Honours */
.honours .honour_table tr {
    height: 160px;
}
.honours .honour_table td {
    padding: 20px;
}
.honours .honour_logo {
    text-align: center; 
}
.honours .honour_title_group {
    font-weight: bold;
    font-size: larger;
}
.honours .honour_title_season {
    font-weight: bold;
    font-size: small;
}
.honours .honour_dates {
    margin-bottom: 20px;
    font-size: smaller;
}
.honours .honour_details {
    vertical-align: top;
}
.honours .honour_details img {
    width: 80px;
    height: 80px;
    border-radius: 6px;
}
.honours .honour_team {
    display: inline-block;
    padding-left: 20px;
    font-weight: bold;
    font-size: larger;
}
/* END of Honours */

/* Admin */
/* Style the tab */
.admin_management div.tab {
    overflow: hidden;
    border: 1px solid #ccc;
    background-color: #2e3136;
}

/* Style the buttons inside the tab */
.admin_management div.tab button {
    background-color: inherit;
    float: left;
    border: none;
    outline: none;
    cursor: pointer;
    padding: 14px 16px;
    transition: 0.3s;
}

/* Change background color of buttons on hover */
.admin_management div.tab button:hover {
    background-color: #8c8c8c;
}

/* Create an active/current tablink class */
.admin_management div.tab button.active {
    background-color: #e7e7e7;
    color: #000000;
}

/* Style the tab content */
.admin_management .tabcontent {
    display: none;
    padding: 5px;
    border: 1px solid #ccc;
    border-top: none;
}
.admin_management .users_count,
.admin_management .teams_count {
    margin-bottom: 10px;
}
.admin_management .table_users .id_head,
.admin_management .table_teams .id_head {
    width: 50px;
}
.admin_management .table_users .team_name,
.admin_management .table_users .player_name,
.admin_management .table_teams .game_head,
.admin_management .table_teams .group_head,
.admin_management .table_teams .team_head,
.admin_management .table_teams .mmr_display_head,
.admin_management .table_teams .gp_head,
.admin_management .table_teams .mmr_head {
    width: 150px;
}

.admin_management .table_teams .gp_cell,
.admin_management .table_teams .mmr_cell,
.admin_management .table_teams .mmr_disp_cell {
    text-align: center;
}

/* Matches scores */
.admin_management .matches_active .date_head {
    width: 135px;
}
/*.admin_management .matches_active .game_head {
    width: 85px;
}*/
.admin_management .matches_active .date_scheduled_cell {
    padding-left: 5px;
}
.admin_management .matches_active .scores_head {
    width: 230px;
}
.admin_management .matches_active .home-score,
.admin_management .matches_active .away-score {
    display: inline-block;
    width: 100px;
}
.admin_management .matches_active .game_cell {
    padding-left: 10px;
    padding-right: 10px;
}
.admin_management .matches_active .scores-spacer {
    margin-left: 12px;
    margin-right: 12px;
}
.admin_management .matches_active .home_cell {
    text-align: right;
}
.admin_management .matches_active .team_link img {
    margin-left: 10px;
    margin-right: 10px;
}
.admin_management .matches_active .date_scheduled_info,
.admin_management .matches_active .date_scheduled_chall {
    vertical-align: middle;
}
.admin_management .matches_active .submit_score_cell {
    text-align: center;
}

/* Matches generation */
.admin_management .matches_generation .test {
    display: block;
    margin-bottom: 30px;
}
.admin_management .matches_generation .fix-me {
    display: block;
    margin-top: 30px;
}
/* End of Admin */

/* Footer */
.footer-widget-wrapper
{
    padding: 20px 0 0px;
    border-top: 1px solid #E5E5E5;
    position: relative;
    background-size: cover;
}

.footer-widget {
	margin-bottom: 30px;
}

.footer-widget h1
{
    position: relative;
    font-size: 18px;
    margin: 3px 0 15px;
}

.footer-widget h1:before,
.footer-widget h1:after {
	position: absolute;
	content: "";
}

.footer-widget h1:before
{
    top: 9px;
    right: 0;
    width: 65%;
    height: 1px;
    background: #E5E5E5;
}

/*.footer-widget h1:after {
	width: 5px;
	height: 5px;
	right: 40%;
	top: 6.5px;
	margin-right: -2.5px;
	border-radius: 50%;
}*/

.footer-widget h1 span {
	font-weight: 300;
}

.contact-widget i, .twitter-widget i {
	font-size: 24px;
	margin-right: 12px;
}

.text-widget p {
	margin-bottom: 22px;
}

.footer-bottom
{
    padding: 25px 0 15px;
    background-color: #339933;
}

.footer-bottom a, .footer-bottom p {
	color: #fff;
}

.footer-bottom a:hover {
	color: #000;
}
/* END of Footer*/

/* Mobile layout */
@media(max-width:767px) {
    /* Fix for the Challonge embeding */
    main.championship .championship_group_iframe {
        overflow: auto;
    }
    main.championship .championship_group iframe  {
        min-width: 340px;
    }
    /* END fix for the Challonge embeding */

    .navbar .header-title-mobile {
        display: block;
    }

    .navbar .header-username-mobile {
        display: inline;
    }

    .navbar-nav {
        margin: 0px -15px 0px -15px;
    }

    #menu_vrml_home {
        margin-left: 0px;
    }

    .navbar .dropdown.open a {
        color: #ffffff !important;
    }

    .navbar-nav .open .dropdown-menu .dropdown-header,
    .navbar-nav .open .dropdown-menu>li>a {
        padding: 0px 15px 10px 25px;
    }

    .navbar-nav .open .dropdown-menu>li.mnu_sign-out>a {
        padding-top: 6px;
        padding-bottom: 3px;
    }

    .home_page .side_main {
        padding-right: 0px;
        overflow: inherit;
    }
    .home_page .side_right {
        display: block;
        width: auto;
    }
    .home_page .frame_video {
        width: 100%;
    }

    .profile .column {
        display: inherit;
        width: inherit;
    }

    .profile .column.passwords {
        margin-left: 0px;
    }

    .team_management .profile_game {
        margin-left: 0px;
        padding: 0px;
    }

    .team_management .avail_info_title {
        display: block;
    }

    .team_management .profile_team_container {
        padding: 2px;
    }

    .team_management .profile_player_capt img,
    .team_management .profile_player_logo img {
        width: 100%;
    }

    .team_management .profile_player_name {
        padding-left: 0px;
        padding-right: 5px;
    }
    
    .team_management .has-feedback .form-control-feedback {
        top: 5px;
        right: 0px;
    }

    .team_management .has-feedback .form-control {
        padding-left: 5px;
        padding-right: 20px;
    }

    .team_management .profile_player_kick_container {
        padding-left: 5px;
    }

    .team_management .profile_player_capt,
    .team_management .profile_player_logo,
    .team_management .profile_player_new_player {
        width: 20px;
    }

    .team_management .profile_player_capt img {
        width: 20px;
        height: 20px;
    }

    .team_management .profile_player_logo img {
        width: 30px;
        height: 30px;
    }

    .matches_management .date_head {
        width: 100px;
    }

    .matches_management .matches_table {
        width: 700px;
    }

    .standings .standings_season_container,
    .teams .team_season_container,
    .matches .standings_group_container {
        width: 100%;
    }

    .matches_management .scores_head {
        width: 160px;
    }

    .matches_management .home-score,
    .matches_management .away-score {
        width: 60px;
    }

    .standings .standings_table_container,
    .matches .matches_table_container,
    .teams .teams_stats_table_container,
    .recruiting .recruiting_table_container,
    .matches_management .matches_table_container {
        overflow: auto;
    }

    .standings .standings_table {
        width: 100%;
        min-width: 515px;
    }

    .recruiting .recruiting_table {
        width: 100%;
        min-width: 600px;
    }

    .teams .player_container {
        padding: 15px;
    }

    .teams .teams_stats_table {
        width: 100%;
    }
    .teams .teams_recent_matches_table {
        width: 100%;
        min-width: 650px;
    }
    .matches .matches_table {
        min-width: 775px;
    }
    
    .standings .standings_table_header,
    .matches .matches_table_header,
    .teams .teams_stats_table_header,
    .recruiting .recruiting_table_header {
        height: 30px;
    }

    .standings .team_head {
        min-width: inherit;
        width: 350px;
    }
    
    .standings .standings_team_row,
    .matches .matches_team_row,
    .teams .teams_stats_row {
        /*height: 30px;*/
    }
    
    .standings .standings-group-image,
    .standings img,
    .matches img {
        /*width: 30px;
        height: 30px;*/
    }

    .teams img {
        width: 60px;
        height: 60px;
    }

    .standings .challenge_container
    {
        display: none;
    }

    .teams .date_head {
        width: 100px;
    }

    .matches .date_head,
    .matches .group_head {
        width: 50px;
    }

    .matches .home_head,
    .matches .away_head {
        width: 150px;
    }

    .matches .score_head {
        width: 40px;
    }

    .matches .streams_head {
        width: 100px;
    }

    .registrations .team_name {
        width: 100%;
    }

    .challenge .action_container {
        display: block;
        margin-top: 10px;
        margin-left: 20px;
    }

    .challenge .time_container {
        display: block;
        margin-top: 10px;
    }

    .modal { 
        position: fixed; 
        top: 20px !important; 
        right: 3%; 
        left: 3%;
        width: auto; 
        margin: 0; 
    }

    .honours .honour_table img {
        width: 80px;
    }
    .honours .honour_table td {
        padding: 0px;
        padding-right: 10px;
        padding-top: 10px;
        padding-bottom: 10px;
    }

    .participating_teams_table .team_head {
        min-width: inherit;
    }

    .news-editing-tools {
        display: inherit;
    }
    .ql-video {
        width: 100%;
    }
    .news-content img {
    	max-width: 100%;
	}
    .blog .title {
        width: 90%;
    }
}
/* END of Mobile layout */





::-webkit-scrollbar {
	width: 8px;
	height: 8px;
}
::-webkit-scrollbar-track {
	-webkit-box-shadow: 0 0 6px rgba(0,0,0,0.3) inset;
	box-shadow: 0 0 4px rgba(0,0,0,0.3) inset;
	-webkit-border-radius: 0px;
	border-radius: 0px;
}
::-webkit-scrollbar-thumb {
	-webkit-border-radius: 3px;
	border-radius: 3px;
	background: rgba(34,34,34,.7);
	-webkit-box-shadow: 0 0 6px rgba(0,0,0,.6) inset;
}
::-webkit-scrollbar-thumb:window-inactive {
	background: rgba(34,34,34,.1);
}
