﻿#topbar.alt {
    background: none;
    border-bottom: none;
    min-height: 40px;
    padding:18px 0;
}
#topbar {
    background: none;
    border-bottom: none;
    position: relative;
    width: 100%;
    z-index: 2;
}
.breadcrumb > li.crumb-active > a {
    font-size: 16px; margin-top:-10px;
}
#topbar.alt .breadcrumb {
    font-size: 16px;
}
.breadcrumb > li + li::before {
    font-size: 17px;
}
.access-container .checkbox-inline {
    margin-left: 15px;
}

::-webkit-input-placeholder { /* Chrome */
    color: #707070 !important;
}

:-ms-input-placeholder { /* IE 10+ */
    color: #707070 !important;
}

::-moz-placeholder { /* Firefox 19+ */
    color: #707070 !important;
    opacity: 1;
}

:-moz-placeholder { /* Firefox 4 - 18 */
    color: #707070 !important;
    opacity: 1;
}

hr.thin-seperator {margin-top:5px !important; margin-bottom:5px !important;}
#tblMain a {color:#000;}
.breadcrumb li.active {color:#fff;}
/*datatable style override*/
.dataTables_filter label {
    color: #fff;
}
.dataTables_filter input {color:#fff; margin-bottom:5px;}

/*menu*/
.special-tourney-menu {
    color: #ff9702 !important;
}
.special-tourney-menu .sidebar-title {font-weight:bold !important;}

/*admin rating*/
.table > tbody > tr.trRatingReview > td {
    vertical-align: top;
}
.panel-title .fas {margin-right:15px;}
.table > tbody > tr.trRatingReview > td:first-child {padding-top:20px; text-align:center;}
.table > tbody > tr.trRatingReview > td > select.ddJerseyNumber {min-width:60px;}
.table > tbody > tr.trRatingReview > td > select.ddPositions {min-width:30px;}
.trAdd {display:none; background-color:#dddddd; color:#424242;}
.trAdd .ddAssociation {display:block; margin-top:5px;}
.alert.alert-success.inline-table-info { height:30px; line-height:30px; padding:0; text-align:center;}
.alert.alert-success.inline-table-info i {font-size:14px;}
.reviewPopup {display:none;}
#skater-modal {color:#424242;}
#goalie-modal {color:#424242;}
.player-title-review {background-color:#b30000; padding:5px; color:#fff; font-weight:bold; border-radius:10px;}
.rating-row .line-total,.rating-row .item-text{font-weight:bold; font-size:18px;}
.admin-form.theme-info .rating:hover .rating-star:hover, .admin-form.theme-info .rating:hover .rating-star:hover ~ .rating-star, .admin-form.theme-info .rating-input.checked ~ .rating-star {
    color: #3bafda;
}
.admin-form.excludeCountContainer {margin-left:10px;margin-top:-5px; display:inline;float:right;}

.form-checkbox-container {float:left;}
.form-checkbox-label { padding-top:0 !important; width:100%; margin-right:10px !important;}
.btnRatingModal > i.fa-star-o { color:#fff !important;}
.btnRatingModal > i.fa-star.complete {font-weight:bold !important; color:#4cff00 !important;}
/*ad*/
.additem-line {
    /*border-top: 1px solid #dddddd;
    border-bottom: 1px solid #dddddd;*/
    background-color: rgba(0, 0, 0, 0.4);
    padding: 0 5px 10px 5px;
    margin: 0 0 10px 0;
}
.additem-line label { margin-left:15px;}
.additem-line div.file-input { width:95% !important;  margin-left:15px;}
.additem-line input[type='text'] { width:95% !important; margin-left:15px;}
.additem-line textarea { width:95% !important; margin-left:15px;}
.additem-line .btnDeleteItem { margin:15px;}
.additem-priority input {width:95% !important; margin-left:15px;}
.additem-line.template
{
    display:none;
}
#additem-section {display:none;}
#adKey {
    width: 90% !important;
    display: inline-block;
}
#btnTemplateInfo {margin-left:5px; cursor:pointer; vertical-align:middle; 
}
.modal-dialog.ad-template-dialog {width:90% !important; text-align:center;}
img.ad-template-preview { margin-left:auto !important; margin-right:auto !important;}
tr.row-expired {background-color:#707070;}


/*landing*/
.admin-panels .panel.program {cursor:pointer !important;}
.admin-panels .panel .panel-subtitle { font-size:0.8em; color:#3bafda;}
.admin-panels .panel .c3 {color:#fff !important;}

/*admin game*/
tr.game-edit-row {
    display: none;
}
tr input.game-complete {height:20px !important; }
#rebuild-status {text-align:center;}
#rebuild-status img {text-align:center; max-width:250px; margin-left:auto;margin-right:auto;}
#rebuildModal .modal-body {
    background-color: #fff;
    color: #000;
}
#game-table .game-view-row.even {background-color:#212121;}

/* .modal-transparent */
.modal-transparent {
    background: transparent;
}
.modal-transparent .modal-content {
  background: transparent;
}
.modal-backdrop.modal-backdrop-transparent {
  background: #ffffff;
}
.modal-backdrop.modal-backdrop-transparent.in {
  opacity: .9;
  filter: alpha(opacity=90);
}

/*Products*/
.payment-line label.field {width:55% !important;}
.price.gui-input.payment-text {width:40%; display:inline-block !important;}
.payment-date.gui-input.payment-text {width:100%; display:inline-block !important;}
.employees-container,.promotions-container { width:80% !important; }
.promotions-container .checkbox-custom { display:block; padding-bottom:5px;}
.date-line .field {width:47% !important;}
.promotions-date-line {display:block;}
.promotion-startdate,.promotion-enddate {width:auto !important;}
.btnDeleteProductCost,.btnDeleteDate {margin-bottom:3px !important;}
/*.checkbox-custom.checkbox-primary.mb5 img {float:right;}*/
.datepicker{z-index:1151 !important;}
.ui-datepicker {z-index:1151 !important;}
/*.program-season-tables table.dataTable tbody tr, .program-season-tables table.dataTable tbody tr.odd {
    background-color: #1a1f21 !important;
}*/
.program-season-tables td {vertical-align:top !important;}
.program-season-tables a.btn {margin-bottom:3px;}
.custom-division, .custom-division-priority {display:inline-block !important;}
.custom-division {
    width:80% !important;
}
.custom-division-priority {
    width: 15% !important;
}
#tblMain .team-logo-image {
    max-width: 50px;
}
input.custom-division-max-teams {max-width:110px;}

/* summernote image resize ext*/
button[data-name=resizedDataImage] {
    position: relative;
    overflow: hidden;
}

button[data-name=resizedDataImage] input {
    position: absolute;
    top: 0;
    right: 0;
    margin: 0;
    opacity: 0;
    font-size: 200px;
    max-width: 100%;
    -ms-filter: 'alpha(opacity=0)';
    direction: ltr;
    cursor: pointer;
}

/*summernote*/
.note-toolbar.btn-toolbar {background-color:#c3bebe;}
.note-editor {background-color:#fff; color:#000;}
.note-editor .note-editable {height:450px;}

/*payments*/
table.display
{
    /*width:95% !important;*/
    /*margin: 15px auto 15px auto !important;*/ 
}
table.display td {
    color:#000;
}
#tblMain_wrapper
{
    margin-top:20px; margin-left:20px; margin-right:20px;
}
#tblMain_wrapper input, 
#tblMain_wrapper select {
    font-size: 17px !important;
    height:28px;
    border:solid 1px #E0E0E0;
    margin-bottom:5px;
}
#tblMain_length label, #tblMain_filter label {
    color: #E0E0E0;
}

#tblMain_paginate a {
    color: #E0E0E0 !important;
}
#tblMain_paginate a.disabled
{
    color:#858585 !important;
}
#tblMain_paginate a.paginate_button.current
{
    color:#000 !important;
}
#tblMain ol.product-list {padding-left:0;}

/*game list*/
.games-container .btn-team-action i {font-size:1.3em; margin-right:10px;}

/*scorekeeping*/
#scorekeeping-container {

}

    #scorekeeping-container #btn-add-period
    {
        margin-top: -70px; 
        margin-right:100px;
        float: right;
    }
    #scorekeeping-container #btn-complete-game {
        margin-top: -70px;
        margin-right: 0;
        float: right;
    }
#scorekeeping-container { margin-top:20px;}
#scorekeeping-container .table { margin-bottom:20px;}
    #scorekeeping-container .sog-count  { width: 30px; }
    #scorekeeping-container input.form-control.home-goal-count, #scorekeeping-container input.form-control.away-goal-count { margin-left:10px; width:30px !important; margin-right:10px; font-size:16px; font-weight:bold;}
    #scorekeeping-container .period-total-time { float:right; }
    #scorekeeping-container .title-text { font-weight:bold; font-size:1.8em; }
    #scorekeeping-container .btn-delete-scoring {
        margin-left:5px;
    }
    #scorekeeping-container img.scoresheet-logo-inline { width:20px; margin-right:5px;}
    #scorekeeping-container span.scoresheet-logo-inline { margin-right:5px;}

    #scoringModal .player-pick, #penaltyModal .player-pick { cursor:pointer !important;}
    #goalieModal .player-pick .goalie-name {
        cursor: pointer !important;
    }
    #scoringModal .player-pick:hover, #penaltyModal .player-pick:hover, #goalieModal .player-pick:hover { background-color:#707070;}
    #scoringModal .player-pick.selected, #penaltyModal .player-pick.selected, #goalieModal .player-pick.selected { background-color:#4cff00 !important; color:#424242; font-weight:bold;}
    #scoringModal h3 {font-weight:bold; color:#fff; border:1px solid #3bafda; background-color:#808080; padding:10px;}
    .input-modal label {font-weight:bold; margin-left:10px; display:block; margin-top:5px;}
    .input-modal .min .clock-button {margin:3px; padding:3px; border:1px solid #3bafda; background-color:#000; display:inline-block; cursor:pointer; font-size:1.3em; min-width:50px; text-align:center;}
    .input-modal .sec .clock-button {margin:3px; padding:3px; border:1px solid #995a01; background-color:#000; display:inline-block; cursor:pointer; font-size:1.3em; min-width:50px; text-align:center;}
    .input-modal .min .clock-button.selected {background-color:#4cff00; color:blue; font-weight:bold;}
    .input-modal .sec .clock-button.selected {background-color:#4cff00; color:blue; font-weight:bold;}
    .input-modal .min .clock-button:hover {background-color:#707070;}
    .input-modal .sec .clock-button:hover {background-color:#707070;}
    .input-modal .penalty-button {padding:3px; border:1px solid #3bafda; background-color:#000; display:inline-block; cursor:pointer; font-size:1.3em; min-width:50px; text-align:center;}
    .input-modal .penalty-button.selected {background-color:#4cff00; color:blue; font-weight:bold;}
    .input-modal .penalty-button:hover {background-color:#707070;}

/*#scorekeeping-container select.form-control.dd-jersey.goal { display:inline !important; width:60px !important;}*/
/*#scorekeeping-container .btn-add-container {position:absolute; bottom:0px;}*/
/*#scorekeeping-container .main-scoring-col, #scorekeeping-container .main-penalty-col {
    height: 100% !important;
    min-height:100%;
    display: flex !important;
    flex-direction:column !important;
}*/
#btn-home-sog, #btn-away-sog {
    margin-top: -5px;
}
#goalieModal .lbl-goalie-sog, #goalieModal .lbl-goalie-ga {
    display: inline-block;
    float: right;
}
#goalieModal .txt-goalie-sog, #goalieModal .txt-goalie-ga {
    max-width: 125px;
    text-align:center;
    display:inline-block;
    float:right;
}
.bootstrap-dialog.scoresheet-dialog-container .modal-dialog,
.bootstrap-dialog.scoresheet-dialog-container .modal-content {
    /* 80% of window height */
    height: 95%;
}
.bootstrap-dialog.scoresheet-dialog-container .modal-body {
    max-height: calc(100% - 120px);
    overflow-y: scroll;
}

.officials-container {
    border: 1px solid #3bafda; margin: 5px 0 5px 0;
}
.officials-container .col { margin-top:5px; margin-bottom:5px;
}
/*content*/
#content_wrapper {
    padding: 10px;
    margin: 10px;
}
.panel {
    padding:10px;
}
.panel-title {
    font-size: 18px;
    font-weight: normal;
    padding: 10px 0 5px 5px;
    color:#c3bebe;
}
/* forms */
input.txtTitle {margin-bottom:15px;}

/* .modal-fullscreen */
.modal-fullscreen {
    background: transparent;
}
.modal-fullscreen .modal-content {
  background: transparent;
  border: 0;
  -webkit-box-shadow: none;
  box-shadow: none;
}
.modal-backdrop.modal-backdrop-fullscreen {
  background: #7d7d7d;
}
.modal-backdrop.modal-backdrop-fullscreen.in {
  opacity: .97;
  filter: alpha(opacity=97);
}
.modal-header .close {color:#000000; border-color:#000000; text-shadow:#000000; }
.game-dialog .modal-header .close, .score-dialog .modal-header .close {
    color: #000000;
    border-color: #000000;
    text-shadow: #000000;
    margin-top: -20px;
}
.game-dialog .input-group { margin-bottom:10px;}
td.game-homename-col {text-align:center;}
#game-table .game-homename-col,#game-table .game-awayname-col {
    text-align: center;
}

/* .modal-fullscreen size: we use Bootstrap media query breakpoints */

.modal-fullscreen .modal-dialog {
  margin: 0;
  margin-right: auto;
  margin-left: auto;
  width: 100%;
}
@media (min-width: 768px) {
  .modal-fullscreen .modal-dialog {
    width: 750px;
  }
}
@media (min-width: 992px) {
  .modal-fullscreen .modal-dialog {
    width: 970px;
  }
}
@media (min-width: 1200px) {
  .modal-fullscreen .modal-dialog {
     width: 1170px;
  }
}

/* player edit*/
.birthselect:first-child {
    display: inline-block !important;
    max-width: 100px;
}

.birthselect:nth-child(2) {
    display: inline-block !important;
    max-width: 130px;
}

.birthselect:nth-child(3) {
    display: inline-block !important;
    max-width: 100px;
}
/*jersey update*/
.save-status.btn.btn-success {
    display: none;
}

#player-team-jersey #ddTeams {
    width: unset;
    margin-left: auto;
    margin-right: auto;
}

#player-team-jersey #roster-table th {
    text-align: center;
}

#roster-table-rows td {
    color: #fff;
}

#roster-table-rows .txt-jersey-number {
    color: #dddddd;
    width: unset;
    margin-left: auto;
    margin-right: auto;
    display: inline-block;
}
#roster-table-rows .txt-firstname,#roster-table-rows .txt-lastname {
    width: unset;
    display: inline-block;
}
#roster-table-rows .chk-isactive {
    width:30px; text-align:center; margin-left:auto; margin-right:auto;
}
#roster-table-rows .isactive-success {
    text-align: center;
    margin-left: 28px;
}
#roster-table-rows #manager-wizard {
    float:right;
}
#roster-table-rows tr.staff td:nth-child(2), #roster-table-rows tr.staff td:nth-child(3) {
    background-color: #995a01;
}

/* autocomplete override*/
ul.ui-autocomplete {
    list-style-type: none;
    background:#2c2a2a;
    max-width:300px;
}
ul.ui-autocomplete li {
    cursor:pointer;
}
ul.ui-autocomplete li:hover {
    background-color:#ff9702;
}