/* select2 */










/* datepicker: fix for in-table-use */
.table-striped .datepicker table tr td, .table-striped .datepicker table tr th {
    padding: 5px;
}

/* modal overlays */
.fmpCreate {
    cursor: pointer;
}
.modal-header .main-header {
    margin-bottom: 0;
}
.modal-body form > .widget:last-child {
    margin-bottom: 0;
}

/* rating input */
.symbol {
  display: inline-block;
  border-radius: 50%;
  border: 5px double white;
  width: 30px;
  height: 30px;
}

.symbol-empty {
  background-color: #ccc;
}

.symbol-filled {
  background-color: black;
}

.btn-widget{float: right;}
.wc-wrapper{background: #333; float: left; padding:30px 0; width: 100%;}
.wc-wrapper .wc-widget{max-height: 800px; min-height: 500px;}

/* match line up and modal */

.lineup-players .modal-body {
  padding: 10px;
}

.lineup-players .modal-footer {
  margin-top: 0px;
  text-align: left;
}

.lineup-players .modal-body .alert {
  margin-bottom: 0;
}

.lineup-players .modal-body .loading {
  text-align: center;
  margin: 10px 0;
}

.lineup-players .modal-body .table {
  margin-bottom: 0px;
}

.lineup-players .modal-body .table tr {
  cursor: pointer;
}

.form-group.formations {
  max-width: 600px;
  float: left;
}

.form-group.team-kit, .form-group.team-kitGK  {
  max-width: 260px;
  float: left;
}

.form-group.team-kit:after, .form-group.team-kitGK:after {
  clear: both;
}

#TeamKitController-edit-modal .row > div.col-sm-11 + div.col-sm-11, #TeamKitController-create-modal .row > div.col-sm-11 + div.col-sm-11 {
  float: left;
  max-width: 70%;
}

#TeamKitController-edit-modal .row > div.col-sm-11:first-child, #TeamKitController-create-modal .row > div.col-sm-11:first-child {
  max-width: 30%;
}

#TeamKitController-edit-modal .row > div.col-sm-11:first-child .col-sm-8, #TeamKitController-create-modal .row > div.col-sm-11:first-child .col-sm-8 {
  width: 100%;
  padding: 0
}

select.formations {
  width: 573px;
}

.fieldContainer {
  display: none;
  width: 573px;
}

.fieldContainer .teamBody {
  position: relative;
  background: url('../../img/bg-field-new.png');
  background-repeat: no-repeat;
}

.fieldContainer .teamBody ul.field {
  list-style: none;
  overflow: hidden;
  position: relative;
  width: 573px;
  height: 371px;
  margin: 0;
  padding: 0;
}

.fieldContainer .teamBody ul.field li.token {
  position: absolute;
  margin-top: -15px;
  margin-left: -15px;
  z-index: 10;
  width: auto;
  font-size: 14px;
  line-height: 18px;
  color: #FFF;
  text-align: center;
  cursor: default;
}

.fieldContainer .teamBody ul.field li.token dfn {
  color: #222;
  font-style: normal;
  font-size: 26px;
  cursor: pointer;
}

.fieldContainer .teamBody ul.field li.token dfn.fa-user-plus span {
  display: none;
}

/* goal keeper */
.posGK 	{ left: 40px; top: 192px; }

/* defense */
.posDLL	{ left: 180px; top: 75px; }
.posDL 	{ left: 180px; top: 75px; }
.posDCLL{ left: 175px; top: 125px; }
.posDCL { left: 160px; top: 140px; }
.posDC 	{ left: 160px; top: 190px; }
.posDCR { left: 160px; top: 240px; }
.posDCRR{ left: 175px; top: 260px; }
.posDR 	{ left: 180px; top: 310px; }
.posDRR	{ left: 180px; top: 310px; }

/* defense middfield */
.posDML { left: 245px; top: 140px; }
.posDMC { left: 240px; top: 190px; }
.posDMR { left: 245px; top: 240px; }

/* middfield */
.posML 	{ left: 300px; top: 75px; }
.posMCLL{ left: 300px; top: 100px; }
.posMCL { left: 300px; top: 140px; }
.posMC 	{ left: 300px; top: 190px; }
.posMCR { left: 300px; top: 240px; }
.posMCRR{ left: 300px; top: 290px; }
.posMR 	{ left: 300px; top: 310px; }

.posMLA	{ left: 320px; top: 74px; }
.posMRA	{ left: 320px; top: 310px; }

.posMLAA{ left: 335px; top: 60px; }
.posMCAL{ left: 330px; top: 140px; }
.posMCA	{ left: 320px; top: 190px; }
.posMCAR{ left: 330px; top: 240px; }
.posMRAA{ left: 335px; top: 335px; }

/* attack */
.posAL 	{ left: 360px; top: 75px; }
.posACL	{ left: 380px; top: 140px; }
.posAC 	{ left: 380px; top: 190px; }
.posACR	{ left: 380px; top: 240px; }
.posAR 	{ left: 360px; top: 310px; }

/* wide receiver */
.posWL 	{ left: 440px; top: 75px; }
.posFCLD{ left: 440px; top: 190px; }
.posFCD	{ left: 440px; top: 190px; }
.posFCRD{ left: 440px; top: 190px; }
.posWR 	{ left: 440px; top: 310px; }

.posWLA	{ left: 440px; top: 190px; }
.posFCLL{ left: 440px; top: 100px; }
.posFCL { left: 440px; top: 140px; }
.posFC	{ left: 440px; top: 190px; }
.posFCR { left: 440px; top: 240px; }
.posFCRR{ left: 440px; top: 285px; }
.posWRA	{ left: 440px; top: 190px; }

.posFCLA{ left: 440px; top: 140px; }
.posFCA	{ left: 460px; top: 190px; }
.posFCRA{ left: 440px; top: 240px; }

/* highlight changes in approval requests */
.highlight-changed-field {

}

.highlight-changed-field label {
    color: #CC0000;
    text-decoration: underline;
}

.highlight-changed-field .form-control {
    border-color: #CC0000;
}

textarea.noresize {
  resize: none;
}

textarea.vresize {
  resize: vertical;
}

textarea.hresize {
  resize: horizontal;
}

.help-block {
  font-size: 11px;
}

.separator-with-text {
    display: block;
    text-align: center;
    overflow: hidden;
    white-space: nowrap;
}

.separator-with-text > span {
    position: relative;
    display: inline-block;
}

.separator-with-text > span:before,
.separator-with-text > span:after {
    content: "";
    position: absolute;
    top: 50%;
    width: 9999px;
    height: 1px;
    background: #ddd;
}

.separator-with-text > span:before {
    right: 100%;
    margin-right: 15px;
}

.separator-with-text > span:after {
    left: 100%;
    margin-left: 15px;
}

.checkbox-inline {
    margin-left: 0 !important;
    margin-right: 10px;
}