/*im-layout.css*/
h3 {font-size: 18px; padding:0px; margin:0px; line-height:24px;}
h4{ font-size:16px; color:Gray;}

/*reboot*/
a,a:visited,a:active,a:hover,a:focus{text-decoration: none;}
input.error, select.error, textarea.error, table.error
{
    color: #b94a48;
    border-color: #b94a48;
}

input.error:focus, select.error:focus, textarea.error:focus
{
    border-color: #953b39;
    -webkit-box-shadow: 0 0 6px #d59392;
    -moz-box-shadow: 0 0 6px #d59392;
    box-shadow: 0 0 6px #d59392;
}

/*float*/
.fl{float: left;}
.fr{float: right;}

/*status*/
.label-status span.label{display: inline-block; line-height: 14px; margin-right: 8px;}

/*gap*/
.non-m{margin-top: 0 !important; margin-bottom: 0 !important;}
.img-right{margin-left: 8px;}
.mr20{margin-right:20px;}
.mr10{margin-right:10px;}
.mr5{margin-right:5px;}
.mr7{margin-right: 7px;}

.ml12{margin-left: 12px;}
.ml5{margin-left: 5px;}
.ml8{margin-left: 8px;}

.mt10{margin-top:10px;}
.mlr5{margin:0px 5px;}
.mt5{margin-top:5px;}
.mt15{margin-top:15px;}
.mt20{margin-top:20px;}

.m5-10{margin: 5px 10px;}

.mb10{margin-bottom: 10px;}
.mb8{margin-bottom: 8px;}
.mb3{margin-bottom: 3px;}

.pt10{padding-top: 10px;}
.plr50{padding-left: 25px; padding-right: 50px;}
.Ptb20{padding:10px 20px;}
.p10{padding: 10px;}

/*position*/
.position-relative{position: relative;}
/*btn*/
.btn-current {color: #333;background-color: #e6e6e6;border-color: #adadad;}
/*font*/
.icon24{font-size:24px;}
.font-larger{font-size: 14px;}
.font500 {
    font-weight: 500;
}
.c-eaeaea{color:#eaeaea;}
.text-white{color: #fff;}
.text-black{color:#333;}
.iml-link-white{color: rgba(255,255,255,1);}
.iml-link-white:hover,.iml-link-white:focus{color: rgba(255,255,255,.7);}
.text-br{word-wrap:break-word;}
.ui-datepicker {
  z-index: 1051 !important;
}
/** checkbox&radiobox **/
.form-inline .radio-wrapper, .form-inline  .checkbox-wrapper {
  display: inline-block;
  margin-top: 0;
  margin-bottom: 0;
  vertical-align: middle;
}
.radio-wrapper, .checkbox-wrapper {
  position: relative;
  display: block;
  margin-top: 10px;
  margin-bottom: 10px;
}
.radio-wrapper input[type=radio],.checkbox-wrapper input[type=checkbox]{
  opacity: 0;
  height: 0;
  width: 0;
  overflow: hidden;
}
.radio-wrapper input[type="radio"]:disabled ~ .circle ,.radio-wrapper input[type="radio"]:disabled ~ .check {
    cursor: not-allowed;
    opacity: .5;
    color: rgba(0, 0, 0, 0.87);
}
.radio-wrapper label.text-label,.checkbox-wrapper label.text-label{padding:2px 0 0 25px!important;cursor: pointer;margin-bottom:0;}
.radio-mini label.text-label,.checkbox-mini label.text-label{padding: 0px 0 0 16px!important;cursor: pointer;margin-bottom:0;}
.radio-wrapper.disabled label.text-label,.checkbox-wrapper.disabled label.text-label{cursor: not-allowed;opacity: .5;color: rgba(0, 0, 0, 0.87);}
.radio-wrapper label span.check ,.radio-wrapper label span.circle
{
  display: block;
  position: absolute;
  left: 0px;
  top: 0px;
  transition-duration: .2s;
}
.radio-wrapper label .circle {
  border: 2px solid rgba(0,0,0,.84);
  height: 19px;
  width: 19px;
  border-radius: 100%;
}

.radio-wrapper label .check {
  height: 19px;
  width: 19px;
  border-radius: 60%;
  background-color: rgba(0,0,0,.84);
  -webkit-transform: scale3d(0,0,0);
  transform: scale3d(0,0,0);
}
.radio-wrapper input[type=radio]:checked~.circle, .radio-default input[type=radio]:checked~.circle {
  border-color: rgba(0,0,0,.84);
}
.radio-wrapper-primary input[type=radio]:checked~.circle {
  border-color: #185AA4;
}

.radio-wrapper input[type=radio]:checked~.check {
  -webkit-transform: scale3d(.55,.55,1);
  transform: scale3d(.55,.55,1);
}
.radio-primary input[type=radio]:checked~.check {
  background-color: #185AA4;
}
.checkbox-wrapper input[type=checkbox]:disabled+.checkbox-material .check  {
    cursor: not-allowed;
    opacity: .5;
    color: rgba(0, 0, 0, 0.87);
}
.checkbox-wrapper .checkbox-material .check {
  position:absolute;
  width: 20px;
  height: 20px;
  border: 2px solid;
  border-radius: 2px;
  overflow: hidden;
  left:0px;
  top:0px;
}
.check-mini .checkbox-material .check {
  position:absolute;
  width: 16px;
  height: 16px;
  border: 2px solid;
  border-radius: 2px;
  overflow: hidden;
  left:0px;
  top:0px;
}
.check-mini .checkbox-material .check:before {
  margin-top: -6px!important;
  margin-left: 4px!important;
}
.checkbox-wrapper .checkbox-material .check:before {
  position: absolute;
  content: "";
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
  display: block;
  margin-top: -4px;
  margin-left: 6px;
  width: 0;
  height: 0;
  box-shadow: 0 0 0 0,0 0 0 0,0 0 0 0,0 0 0 0,0 0 0 0,0 0 0 0,0 0 0 0 inset;
  -webkit-animation: checkbox-off .3s forwards;
  animation: checkbox-off .3s forwards;
}

.checkbox-wrapper input[type=checkbox]:checked+.checkbox-material .check, .checkbox-default input[type=checkbox]:checked+.checkbox-material .check {
  color: #185AA4;
}
.checkbox-primary input[type=checkbox]:checked+.checkbox-material .check:before {
  color: #185AA4;
}

.checkbox-success input[type=checkbox]:checked + .checkbox-material .check {
    color: #3c763d;
}

.checkbox-success input[type=checkbox]:checked + .checkbox-material .check:before {
    color: #3c763d;
}

.checkbox-wrapper input[type=checkbox]:disabled+.checkbox-material .check{
  color: rgba(0, 0, 0, 0.87);
}
.checkbox-primary input[type=checkbox]:disabled+.checkbox-material .check:before {
  color: rgba(0, 0, 0, 0.87);
}
.checkbox-wrapper input[type=checkbox]:checked+.checkbox-material:before {
   -webkit-animation: rippleOn 500ms;
   animation: rippleOn 500ms;
}

.checkbox-wrapper input[type=checkbox]:checked+.checkbox-material .check:before {
  box-shadow: 0 0 0 10px,10px -10px 0 10px,32px 0 0 20px,0 32px 0 20px,-5px 5px 0 10px,20px -12px 0 11px;
  -webkit-animation: checkbox-on .3s forwards;
  animation: checkbox-on .3s forwards;
}
.checkbox-mini input[type=checkbox]:checked+.checkbox-material .check:before {
  box-shadow: 0 0 0 8px,8px -8px 0 8px,28px 0 0 16px,0 28px 0 16px,-3px 3px 0 8px,16px -8px 0 7px;
}

/*IM-2801 fix safari 14 beautiful checkbox issue, safari 13+ hack */
@media not all and (min-resolution:.001dpcm) {
    @supports (-webkit-appearance:none) and (display:flow-root) {
        /* fix the check can not fill the all box issue*/
        .checkbox-wrapper .checkbox-material .check {
            position: relative!important;
            display: inline-block!important;
            /*top: unset!important;*/
            /*left: unset!important;*/
        }
        /* disable animation since its buggy on safari*/
        .checkbox-wrapper input[type=checkbox]:checked+.checkbox-material:before {
            animation: none!important;
        }
        /*fix the bootstrap-material-design issue if set content to "" , it can not show the right box shadow in safari 14, set it to a char will resolve this problem*/
        /* top and left fix the check can not fill the all box issue*/
        .checkbox-wrapper .checkbox-material .check:before {
            animation: none!important;
            top: 0px!important;
            left: 0px!important;
        }
        .checkbox-wrapper input[type=checkbox]:checked+.checkbox-material .check:before {
            content: "_" !important;
            animation: none!important;
        }
    }
}

/*the checkbox switcher style*/
.form-inline .switcher {
  display: inline-block;
  margin-top: 0;
  margin-bottom: 0;
  vertical-align: middle;
}
.switcher {
  display: block;
  position: relative;
  margin: 0 0 5px 5px;
}
.switcher input[type="checkbox"]:disabled + label {
    cursor: not-allowed;
    opacity: .5;
    color: rgba(0, 0, 0, 0.87);
}
.switcher input[type="checkbox"]:disabled + label:before {
    cursor: not-allowed;
    background: rgba(0, 0, 0, 0.87);
}
.switcher label {
  position: relative;
  width: 60px;
  height: 18px;
  margin: 5px 0 5px 0;
  border-radius: 10px;
  background: rgba(0, 0, 0, 0.26);
  -webkit-transition: background 280ms cubic-bezier(0.4, 0, 0.2, 1);
          transition: background 280ms cubic-bezier(0.4, 0, 0.2, 1);
  vertical-align: middle;
  cursor: pointer;
}
.switcher label:before {
  content: '';
  position: absolute;
  top: -6px;
  left: -4px;
  width: 30px;
  height: 30px;
  background: #fafafa;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.28);
  border-radius: 50%;
  -webkit-transition: all 280ms cubic-bezier(0.4, 0, 0.2, 1);
          transition: all 280ms cubic-bezier(0.4, 0, 0.2, 1);
}
.switcher label:active::before {
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.28), 0 0 0 20px rgba(128, 128, 128, 0.1);
}
.switcher input:checked + label {
  background: rgba(51, 122, 183, 0.5);
}
.switcher input:checked + label:before {
  left: 34px;
  background: #337ab7;
}
.switcher input:checked + label:active::before {
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.28), 0 0 0 20px rgba(51, 122, 183, 0.2);
}
.switcher.switcher-xs label {
  width: 30px;
  height: 8px;
  border-radius: 4px;
}
.switcher.switcher-xs label:before {
  top: -4px;
  width: 16px;
  height: 16px;
}
.switcher.switcher-xs input:checked + label:before {
  left: 16px;
}
.switcher.switcher-sm label {
  width: 40px;
  height: 12px;
  border-radius: 8px;
}
.switcher.switcher-sm label:before {
  top: -6px;
  width: 24px;
  height: 24px;
}
.switcher.switcher-sm input:checked + label:before {
  left: 18px;
}
.switcher.switcher-lg label {
  width: 100px;
  height: 26px;
  border-radius: 15px;
}
.switcher.switcher-lg label:before {
  top: -9px;
  width: 44px;
  height: 44px;
}
.switcher.switcher-lg input:checked + label:before {
  left: 60px;
}
.switcher.switcher-red input:checked + label {
  background: rgba(243, 66, 53, 0.5);
}
.switcher.switcher-red input:checked + label:before {
  background: #f34235;
}
.switcher.switcher-red input:checked + label:active::before {
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.28), 0 0 0 20px rgba(243, 66, 53, 0.2);
}
.switcher.switcher-green input:checked + label {
  background: rgba(75, 174, 79, 0.5);
}
.switcher.switcher-green input:checked + label:before {
  background: #4bae4f;
}
.switcher.switcher-green input:checked + label:active::before {
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.28), 0 0 0 20px rgba(75, 174, 79, 0.2);
}
.switcher.switcher-indigo input:checked + label {
  background: rgba(62, 80, 180, 0.5);
}
.switcher.switcher-indigo input:checked + label:before {
  background: #3e50b4;
}
.switcher.switcher-indigo input:checked + label:active::before {
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.28), 0 0 0 20px rgba(62, 80, 180, 0.2);
}
.switcher.switcher-primary input:checked + label {
  background: rgba(24, 90, 164, 0.5)
}
.switcher.switcher-primary input:checked + label:before {
  background: #185AA4;
}
.switcher.switcher-primary input:checked + label:active::before {
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.28), 0 0 0 20px rgba(24, 90, 164, 0.2)
}

/* start */

.iml-match-day-row .match-list-head {
    padding: 10px;
    background: #f5f5f5!important;
}

.iml-match-day-row .match-day .match:last-child {
    border-bottom: 0;
}

.iml-match-day-row .match {
    padding: 10px;
    border-bottom: 1px solid #ddd;
    margin-bottom: 1px;
}

.iml-match-day-row .match-result {
    text-align: center;
    width: 32px;
}

.iml-match-day-row .match-vs {
    width: 4px;
}

.iml-match-day-row .match-teamimg {
    width: 40px;
}

.iml-match-day-row .match-win {
    font-weight: bold;
}

.iml-match-day-row .match-unpublished {
    font-style: italic;
}

.iml-match-day-row .match-conflict {
    background-color: #f2dede;
}

.iml-match-day-row .match-timePref {
    background-color: #fcf8e3;
}

.iml-match-day-row .match-img-circle {
    width: 36px;
    height: 36px;
    -ms-border-radius: 50%;
    border-radius: 50%;
}

span.match-badge {
    background-color: #f0ad4e;
    display: inline-block;
    -moz-min-width: 10px;
    -ms-min-width: 10px;
    -o-min-width: 10px;
    -webkit-min-width: 10px;
    min-width: 10px;
    padding: 3px 4px;
    line-height: 1;
    color: #fff;
    text-align: center;
    white-space: nowrap;
    vertical-align: baseline;
    -ms-border-radius: 10px;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    border-radius: 10px;
    font-style: normal;
    border-color: #eea236;
}

span.match-badge:hover, span.match-badge:focus {
    color: #fff;
    background-color: #ec971f;
    border-color: #d58512;
}

.border-none {
    border: none !important;
}

.align-left {
    text-align: left !important;
}

.align-right {
    text-align: right !important;
}

.align-center {
    text-align: center !important;
}

.align-middle {
    vertical-align: middle !important;
}

.nowrap {
    white-space: nowrap !important;
}

.ellipsis {
    overflow: hidden !important;
    white-space: nowrap !important;
    -moz-text-overflow: ellipsis !important;
    -ms-text-overflow: ellipsis !important;
    -o-text-overflow: ellipsis !important;
    text-overflow: ellipsis !important;
}

.target {
    -moz-transition: -moz-transform .4s ease-in-out;
    -o-transition: -o-transform .4s ease-in-out;
    -webkit-transition: -webkit-transform .4s ease-in-out;
    -moz-transform-origin: top;
    -ms-transform-origin: top;
    -o-transform-origin: top;
    -webkit-transform-origin: top;
    transform-origin: top;
    -ms-transition: transform .4s ease-in-out;
    transition: transform .4s ease-in-out;
}

.updown {
    -moz-transform: scaleY(0);
    -ms-transform: scaleY(0);
    -o-transform: scaleY(0);
    -webkit-transform: scaleY(0);
    transform: scaleY(0);
}

tr.GameEditRow {
    background-color: #fff;
}

tr.GameEditRow select, input[type=text] {
    font-size: 12px !important;
}

.unpublished {
    font-size: 11px;
    width: 65px;
}

.TDGameEditable {
    cursor: pointer;
}
/* end */

/* use iml-cursor-pointer replace */
.cursor-pointer{cursor:pointer;}
/**/
.no-border {border: none !important;}
.iml-under-line{border-bottom: #ddd solid 1px;}
.border-ddd{border: 1px solid #ddd;}
.bg-gray{background-color: #eee}
.bg-white{background-color: #fff}

/*align use boostrap style replace*/
.tac{text-align:center;}
.tar{text-align:right;}
.tal{text-align:left;}

.iml-nav-pills .nav > li > a{padding: 3px 8px;}
.im-wordbreak {
    word-break: break-all;
}
.iml-row{margin-left: -8px; margin-right: -8px;}

.d-inline-block{ display: inline-block;}

/*bootstrap css*/
.text-label
{
    padding-top: 5px;
}
.table-responsive>.fixed-column {
    position: absolute;
    display: inline-block;
    width: auto;
    background-color:#fff;
    z-index:1;
}
/*add a - at the tail of collpse panel head*/
.panel-heading .collapse-icon {
    transition: all 0.45s;
    top:24px;
    right: 1.2rem;
    position: absolute;
    font-size:16px;
}
.collapse-icon.league-collapse {
    top:20px;
    right: 2px;
    font-size:14px;
}
.collapse-icon.opened {
    -moz-transform: scale(1) rotate(90deg) translateX(0px) translateY(0px) skewX(0deg) skewY(0deg);
    -webkit-transform: scale(1) rotate(90deg) translateX(0px) translateY(0px) skewX(0deg) skewY(0deg);
    -o-transform: scale(1) rotate(90deg) translateX(0px) translateY(0px) skewX(0deg) skewY(0deg);
    -ms-transform: scale(1) rotate(90deg) translateX(0px) translateY(0px) skewX(0deg) skewY(0deg);
    transform: scale(1) rotate(90deg) translateX(0px) translateY(0px) skewX(0deg) skewY(0deg);
}
/*the jquery ui bootstrap theme has conflict with sweetAlert */
.sweet-alert input {
    display: none!important;
}
/*activity feeds*/
#activity-feeds .radio{
    display: block;
    min-height: 20px;
    padding-left: 20px;
    margin-top: 10px;
    margin-bottom: 10px;
    vertical-align: middle;
}
#activity-feeds .radio label{padding-left: 0px;}
#activity-feeds .radio input {position: relative !important;}

/*iml-card*/
.iml-card-header-logo{position: absolute; top: 2px;}

/*setting page*/
.set-tab ul{padding:0px 5px;}
.set-tab ul li{padding:14px 0px 11px 0px;float:left;}
.set-tab ul li a{color:#979797; border-right:#f8f8f8 solid 1px; display:block; padding:0 12px;}
.set-tab ul li a:hover,.set-tab ul li a:visited{text-decoration:none; color:#000;}
.set-tab ul li:last-child a{border-right:0px;}
.set-tab ul li.active{border-bottom:3px solid #446fcb; font-weight:bold;}
.set-tab ul li.active a{color:#000; text-decoration:none;}
.panel-setting label.title-type{margin-top:10px;}
.domains-list{ margin-bottom:5px;}
.domains-list > ul > li{background:#f9f9f9; margin-bottom:5px; overflow:hidden; padding:5px 10px; position:relative;}
.domain-main,.question-main dd{padding-right:20px; line-height:30px;}
.domains-list > ul > li .domain-remove{ position:absolute; top:12px; right:10px; color:#ccc;}
.domains-list > ul > li .domain-save{ position:absolute; top:12px; right:10px;}


.set-end{padding:10px 0px;}
.set-end .btn{margin:0px 5px;}
.link-set > thead > tr > th, .link-set > tbody > tr > th, .link-set > tfoot > tr > th, .link-set > thead > tr > td, .link-set .table > tbody > tr > td, .link-set > tfoot > tr > td{vertical-align:middle;word-break:break-all}

.question-main dt{padding-right:40px; line-height:30px;}
.domains-list > ul > li dt .domain-save{ position:absolute; top:0px; right:20px;}
.domains-list > ul > li dd .domain-remove{ position:absolute; top:0px; right:2px;}
.question-main dt,.question-main dd{ margin-bottom:5px; position:relative;}

.network-img{position:relative; margin-bottom:30px;}
.network-img .remove-img{position:absolute; top:10px; right:10px;}
.network-img img,.network-img .network-default-img{height:150px; width:100%;}
.network-img .network-default-img{background:#f9f9f9; display:block; padding-top:30px; text-align:center; font-size:78px; color:#ddd;}
.setting-title{border-bottom:#ccc solid 1px; padding:10px 0px; color:#333;}
.leagues-top{padding:15px 0px;}
.and-txt{margin:0px 10px; line-height:64px;}
.add-logo-btn{display:block; width: 64px; height: 64px; background: #fafafa; color:#ccc; font-size:24px; text-align:center; line-height:64px; border:#eaeaea solid 1px;}


.connection-txt{display:block; line-height:28px;}
.im-edit{margin-bottom:10px;}


/*score ticker*/
.d-score-ticker{ padding:10px 24px; position:relative; }
    .d-score-ticker .prev, .d-score-ticker .next { cursor: pointer; background: #f7f7f9; display: block; position: absolute; top: 0; height: 100%; width: 20px; text-align: center; vertical-align: middle; padding-top: 32px; font-size: 16px; color: #55595c; color: #eceeef; }
        .d-score-ticker .prev:hover, .d-score-ticker .next:hover { color: #818a91; }
    .d-score-ticker .prev { left: 0rem; border-top-left-radius: 4px; border-bottom-left-radius: 4px; border-right: #eceeef solid 1px; }
    .d-score-ticker .next { right: 0; border-top-right-radius: 4px; border-bottom-right-radius: 4px; border-left: #eceeef solid 1px; }
    .d-score-ticker .owl-item { padding: 0 4px; }
    .d-score-ticker .score-ticker .item p { margin-bottom: 0; overflow: hidden; }
    .d-score-ticker .score-ticker h5 { color: #fff; font-size: 14px; padding: 4px 8px; border-radius: 3px; text-align: center; margin-bottom: 4px; }
    .d-score-ticker .score-ticker hr { margin:4px 0; }

/*imLeagues.Web.SPA\src\team\home.html*/
/**************************/
.iml-ranking h5 { border-bottom: 1px solid #ddd; margin-bottom: 5px; padding-bottom: 5px; }
.iml-ranking .end { border-top: 1px solid #ddd; display: block; }
.iml-ranking h2{min-height:52px;padding-top: 6px;}
.iml-bracket-btn-card{padding:0;border-radius: 4px;}
.iml-bracket-btn { position: relative; width: 100%; display: block; }
.iml-bracket-btn .left-icon, .iml-bracket-btn .right-icon { position: absolute; top: 11px; }
.iml-bracket-btn .left-icon { left: 8px; }
.iml-bracket-btn .right-icon { right: 8px; }
.iml-font-14{font-size:14px;}
a.iml-rotate-btn {
    text-decoration: none;
    color: grey;
    filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=0);
    -ms-filter: "progid:DXImageTransform.Microsoft.Matrix(M11=1,M12=0,M21=0,M22=1,SizingMethod='auto expand')";
    -webkit-transition: all 0.45s;
    -moz-transition: all 0.45s;
    -o-transition: all 0.45s;
    -ms-transition: all 0.45s;
    transition: all 0.45s;
}
a.iml-rotate-btn:hover {color: blue;}
a.iml-rotate-btn.opened {
    -moz-transform: scale(1) rotate(180deg) translateX(0px) translateY(0px) skewX(0deg) skewY(0deg);
    -webkit-transform: scale(1) rotate(180deg) translateX(0px) translateY(0px) skewX(0deg) skewY(0deg);
    -o-transform: scale(1) rotate(180deg) translateX(0px) translateY(0px) skewX(0deg) skewY(0deg);
    -ms-transform: scale(1) rotate(180deg) translateX(0px) translateY(0px) skewX(0deg) skewY(0deg);
    transform: scale(1) rotate(180deg) translateX(0px) translateY(0px) skewX(0deg) skewY(0deg);
    filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=2);
    -ms-filter: "progid:DXImageTransform.Microsoft.Matrix(M11=-1,M12=1.2246467991473532e-16,M21=-1.2246467991473532e-16,M22=-1,SizingMethod='auto expand') progid:DXImageTransform.Microsoft.BasicImage(rotation=2)";
}

/*imLeagues.Web.SPA\src\conversation\home.html*/
.af-token-input-area{position: relative;}
.af-token-input-area .dropdown{position: absolute; right: 10px; top:0px;}
ul.token-input-list-activityfeed {
    width: 100% !important;
    padding-right: 20px;
}

/*imLeagues.Web.SPA\src\league\standings.html*/
.td-team-with-logo{padding-left: 30px; position: relative;}
.td-team-with-logo .img-logo-team{position: absolute; top:0; left: 0;}

/*imLeagues.Web.SPA\src\fitness\registerevent.html*/
.border-instructions{height: auto; width: 100%; overflow: auto; margin-top: 7px; border:1px solid #cccccc}

/*imLeagues.Web.SPA\src\member\announcements.html*/
.announcement-main{background:#fff; padding:10px 15px 0px 15px;}
.announcement-main .title{ border-bottom:#eceae8 solid 1px; font-size:14px; line-height:24px;}
.announcement-main select{width: 220px;}
.announcement-main thead th:first-child{width: 100px;}
.announcement-td .btn{margin:0px 4px;}
#divFitnessEmbedWidgetModal table td, #divFitnessEmbedWidgetModal table th {padding:2px!important;}

/*imLeagues.Web.SPA\src\club\travelrequests.html*/
.line-gray-bg{border-top: solid 1px #e9e9e9; padding-top: 1px; margin: 10px 0;}
.line-gray-bg > div{background-color: #F2F2F2; padding: 10px;}

/*imLeagues.Web.Members\Pages\UC\League\LeaguePlayoffUC.ascx*/
.fullscreen:-webkit-full-screen {
  width: 100%;
  height: 100%;
}

.browser-fullscreen {
    position: fixed !important;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    margin: 0 !important;
    width: 100% !important;
    height: 100% !important;
    z-index: 1099;/*hide the top bar*/
}

header.browser-fullscreen{
    display:none !important;
}

/*imLeagues.Web.SPA\src\league\viewsportevent.html*/
.event-shool-name{width:300px; padding-left:10px;}
.event-team-name{width:200px; padding-left:10px;}
.event-result .table>tbody>tr.player-list>th,.event-result .table>tbody>tr.player-list>td{border-top:0px; background:#fafafa;}
.event-result .table{ border-bottom:#ddd solid 1px;}

.event-view ul li{padding:5px 0px 10px 40px; position:relative; border-bottom:#eaeaea solid 1px;}
.event-view ul li i{position:absolute; left:0px; top:10px; font-size:36px; color:#4a4a4a;}
.event-view ul li h3, .event-teams h3{font-size:14px;}

.event-teams,.event-des{margin-top:20px;}
.event-des h3{font-size:14px; border-bottom:#ddd solid 1px;}
.event-des .dbody{padding:10px 0px;}

.edit-event .input-wrap{border:#ddd solid 1px; border-radius:4px;height:28px; padding:3px 0px 0px 5px;}
.edit-event .input-wrap input{border:0px;margin-left:5px;}
.event-des .dbody{padding:10px 0px;}

.edit-event .input-wrap{border:#ddd solid 1px; border-radius:4px;height:28px; padding:3px 0px 0px 5px;}
.edit-event .input-wrap input{border:0px;margin-left:5px;}
.no-underline a:hover a::outside  a:focus{text-decoration: none !important;}
.im-ui-btn-link {background: none !important;border: none;padding: 0 !important;font: inherit;cursor: pointer;}
.im-ui-btn-link:hover {border-bottom: 1px solid #444;}
.event-list ul li i {
    position: relative;
    left: 0px;
    top:-2px;
    color: #4a4a4a;
}

.event-list .fa {
    display: inline-block;
    font: normal normal normal 14px/1 FontAwesome;
    font-size: inherit;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

/*imLeagues.Web.Members\Services\UC\Common\AddRegularGameUC.ascx*/
.add-game-area .bootstrap-select .filter-option{height: 24px; overflow: hidden; line-height: 24px;}
.add-game-area .bootstrap-select .filter-option img{float: left;margin-right: 5px;}
.add-game-area .input-group .DateTimePicker,.add-game-area .GameHour,.add-game-area .GameMinute,.add-game-area .GameAmPm,.add-game-area .GameFullDate{height: 38px !important;font-size: 14px !important;}

/*imLeagues.Web.SPA\src\league\scoresportevent.html*/
.connection-symbol{line-height:28px; margin:0px 5px;}

/*imLeagues.Web.SPA\src\league\schedulesportevent.html*/
.no-data{background:#f7f7f9; padding:10px; border-radius:4px; border:#ddd solid 1px; font-size:14px;}
.event-list{margin-top:10px;}
.event-list ul li{border-bottom:#c6c6c6 solid 1px; padding:10px 0px; }
.calendar-area{border:#eaeaea 1px solid; background:#fafafa; margin-right:10px; padding:0px 20px;}
.event-des-txt{padding-top:7px; margin-bottom:0px;}

.calendar-area .c-month{font-size:18px; color:#990000;}
.calendar-area .c-date{font-size:32px; color:#4a4a4a;}

/*those styles are used for avatar*/
.icon-avatar-256 { font-size: 150px !important; height: 256px !important; width: 256px !important; line-height: 256px !important; }
.icon-avatar-96 { font-size: 50px !important; height: 96px !important; width: 96px !important; line-height: 96px !important; }
.icon-avatar-80 { font-size: 40px !important; height: 80px !important; width: 80px !important; line-height: 80px !important; }
.icon-avatar-64 { font-size: 30px !important; height: 64px !important; width: 64px !important; line-height: 64px !important; }
.icon-avatar-48 { font-size: 24px !important; height: 48px !important; width: 48px !important; line-height: 48px !important; }
.icon-avatar-42 { font-size: 20px !important; height: 42px !important; width: 42px !important; line-height: 42px !important; }
.icon-avatar-24 { font-size: 12px !important; height: 24px !important; width: 24px !important; line-height: 24px !important; }
.icon-avatar-22 { font-size: 11px !important; height: 22px !important; width: 22px !important; line-height: 22px !important; }
.icon-avatar-16 { font-size: 10px !important; height: 16px !important; width: 16px !important; line-height: 16px !important; }

/*imLeagues.Web.SPA\src\fitness\registerevent.html*/
.sigWrapper.error { border-color: #f33 !important; }

/*imLeagues.Web.Members\Services\UC\Admin\DashboardUC.ascx*/
.im-chart-title{font-size:14px; line-height:32px; font-weight:500; padding-bottom:15px;}
.im-chart-title .btn{border:1px solid #4cae4c; color:#4cae4c;}
.im-chart-title .input-group .btn{background: #fff;}
.im-chart-title .btn:hover,.im-chart-title .btn-group .btn:focus{ color: #fff; background-color: #5cb85c; border-color: #5cb85c; }
.im-chart-title .date-range{ padding: 8px 0; margin-top: 8px;}
.im-chart-title .date-range .input-group .form-control{width: 100% !important;}
.im-chart-title .input-group{line-height: 30px;}
.im-chart-title .input-group .btn{background-color: #5cb85c; color: #fff;}
.right-user-num{position:relative; padding-left:30px;}
.right-user-num i{position:absolute; left:0; font-size:28px;}

/*imLeagues.Web.SPA\src\member\partials\player_stats.html*/
.user-data{padding:15px 0px; margin-bottom:0px;}
.user-data li{width:20%; border-right:#f8f8f8 3px solid; list-style-type:none; float:left; padding:10px 10px; color:#aaa;}
.user-data h3{font-size:24px; padding-bottom:5px; color:#333;}
.user-data h3.text-warning{ color:#f39800;}
.user-data h3.text-danger{ color:#d9534f;}
.user-data h4{font-size:20px; padding-bottom:5px; color:#333;}
.user-data h4.text-warning{ color:#f39800;font-size:18px;}
.member-table table{ margin-bottom:0px;}
.member-table .panel-footer{border-top:0px; background:#f8f8f8;}
.member-table .panel-footer a{color:#333; font-size:14px;}

/*imLeagues.Web.SPA\src\member\myforms.html*/
.member-info{ margin-bottom:10px; margin-top:50px;}
.member-avatar{margin:-50px auto 0px auto;}
.member-avatar img{width:80px; height:80px; overflow:hidden;}
.member-name{ padding:10px 0px; font-size:24px;white-space: pre-wrap; /* css-3 */
white-space: -moz-pre-wrap; /* Mozilla, since 1999 */
white-space: -pre-wrap; /* Opera 4-6 */
white-space: -o-pre-wrap; /* Opera 7 */
word-wrap: break-word; /* Internet Explorer 5.5+ */}

.member-tab{text-align:center;}
.member-tab a:hover{text-decoration:none;}
.member-tab i{display:block; color:#9e9e9e;}
.member-tab p{margin-bottom:0px; font-size:14px;color:#9e9e9e;}
.member-tab ul{ padding:0px 5px; margin:0px;}
.member-tab ul li{padding:15px 0px !important; cursor:pointer; color:#aaa; border-right:#f1f1f1 solid 1px;}
.member-tab ul li.end,.user-data li.end{border-right:0 !important;}
.member-tab ul li:hover,.member-tab ul li.current{ border-bottom:#357ebd solid 2px !important; margin-bottom:-2px; color:#357ebd;}
.member-tab ul li:hover i,.member-tab ul li:hover p,.member-tab ul li.current i{color:#357ebd;}
.member-tab ul li .badge{background:#9e9e9e; margin-left:5px;}
.member-tab ul li.current p{color:#357ebd;}
.member-tab ul li:hover .badge,.member-tab ul li.current .badge{background:#357ebd;}

.trophies-case .media{padding:15px 20px; font-size:12px;}
.trophies-case .text-muted,.trophies-case .text-muted a{ color:#ccc;}
.trophies-case .media-body{padding-top:10px;}
.trophies-case .media-heading{font-size:14px; color:#333; font-weight:bold;}

.win-chart li{float:left; margin:10px 20px; background:#00f;}
.sport-chart{padding:15px 0px;}

.sport-standing .media{padding:10px 10px;}
.sport-standing .media-heading{ border-bottom: solid 1px gray; padding-bottom: 8px; margin-bottom: 10px; color:Gray; font-size:16px;}
.sport-standing .text-muted{ color:Gray; font-size:12px;}
.sport-standing .text-muted span{ color:#333;}

/*replace by iml-panel*/
.im-panel-two{margin-bottom:8px;background:#fff;border-radius: 3px;box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.16), 0 2px 6px 0 rgba(0, 0, 0, 0.12);}
.im-panel-two-heading{padding:10px 15px; border-bottom:solid 1px #e5e5e5;}
.im-panel-two-body{padding:10px 15px;}
/*imLeagues.Web.SPA\src\league\setting.html*/
.tree {
    min-height:20px;
}
.tree ul{
  padding-left: 20px;
  padding-top: 0;
  padding-right: 0;
  padding-bottom: 0;
}
.tree li {
    list-style-type:none;
    margin:0;
    padding:10px 5px 0 5px;
    position:relative
}
.tree li::before, .tree li::after {
    content:'';
    left:-10px;
    position:absolute;
    right:auto
}
.tree li::before {
    border-left:1px solid #999;
    bottom:50px;
    height:100%;
    top:0;
    width:1px
}
.tree li::after {
    border-top:1px solid #999;
    height:20px;
    top:25px;
    width:15px
}
.tree li span.span-label {
 padding: 1px;
    display:inline-block;
}
.tree li>span.span-label {
    cursor:pointer
}
.tree>ul>li::before, .tree>ul>li::after {
    border:0
}
.tree li:last-child::before {
    height:26px
}

.tree li>span.span-label:hover, .tree li>span.span-label:hover+ul li span.span-label {
    background:#eee;
    color:#000
}

/*imLeagues.Web.SPA\src\network\setting.html*/
.im-panel-four{margin-bottom:8px;background:#fff;border-radius: 3px;box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.16), 0 2px 6px 0 rgba(0, 0, 0, 0.12);}
.im-panel-four > .panel{border:0px; margin-bottom:15px;}
.im-panel-four > .panel-heading .btn{margin:0px 2px;}
.im-panel-four dl{ margin-bottom:5px;}
.im-panel-four .panel-default > .panel-heading{border:0 !important; color: #fff; background: #A7ADB6;}
.im-panel-four .panel-default > .panel-heading h4,.im-panel-four .panel-default > .panel-heading a,.im-panel-four .panel-default > .panel-heading .btn-secondary-outline{color: #fff;}
.im-panel-four .panel-default > .panel-heading a.btn-default{color: #333;}
.im-panel-four .panel-default > .panel-heading li a{color: #333;}
.im-panel-four .popover-content {
  width: 335px;
}

.btn-shadow{box-shadow: 0 0px 2px 0 rgba(0, 0, 0, 0.12), 0 2px 2px 0 rgba(0, 0, 0, 0.24);}
.btn-unbg{background:none;}
.active-logo{border:#f39800 solid 2px;}

/*src\league\sporteventresult.html*/
.im-panel-six{margin-bottom:8px;background:#fff;padding:10px 15px; border-radius: 3px;box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.16), 0 2px 6px 0 rgba(0, 0, 0, 0.12);}
.im-panel-six .card-header{
    background: #A7ADB6;
    margin: -10px -15px 0px -15px;
    color: #fff;
    border-top-left-radius: 3px;
    border-top-right-radius: 3px;
    padding:10px;
}
.im-panel-six .card-header h6 a{color: #fff;}
.im-panel-six .left-icon{padding-left: 36px; position: relative;}

.im-panel-six .card-header i.status{
    font-size: 20px;
    position: absolute;
    left: 10px;
    top: 12px;
    color: #fff;
}
.im-panel-six h6{font-size: 16px;}
.im-panel-six .card-header small{display: block;}
.im-panel-six .card-header small,.im-panel-six .card-header small a{color: rgba(255,255,255,.75)}
.im-panel-six .form-group {margin-top: 10px;}
.im-panel-six .card-footer {
    background: #f5f5f5;
    margin: 10px -15px -10px -15px;
    border-bottom-left-radius: 3px;
    border-bottom-right-radius: 3px;
    padding:10px;
}
.im-panel-six .im-panel-title{border-bottom:#e1e1e1 solid 1px;border-top:#e1e1e1 solid 1px; font-size:18px; line-height:32px; font-weight:500;margin: 10px -15px 10px -15px; padding:5px 10px;}
.im-panel-six .im-panel-title:first-of-type{border-bottom:#e1e1e1 solid 1px;border-top:none; font-size:18px; line-height:32px; font-weight:500;margin: -10px -15px 10px -15px; padding:5px 10px;}

/*playoff/viewschedule*/
.BoxButtonMargin
{
    margin-left: 5px;
    margin-right: 5px;
}

/*switch view loading style*/
.small-loading .iml-logo{
    width: 40px;
    height: 40px;
    background: url(/spa/images/iml-sm-logo-white.png) no-repeat 0 0px;
    background-color: #063a6c;
    background-size:contain;
    margin: 14px 0px 0px 18px;
}

.small-loading .im-loading-content{
    position: relative;
    left: 50%;
    width: 70px;
    height: 70px;
    margin: 0px 0px 0px -35px;
}

.small-loading .iml-loading-spinner{
    border: 3px solid #ed9118;
}

.small-loading .iml-loading-spinner, .small-loading .iml-loading-spinner::after {
    width: 60px;
    height: 60px;
    margin: 5px 0px 0px 5px;
}

.custom-body .small-loading .iml-logo{
    background: url(/spa/images/iml-sm-logo-grey.png) no-repeat 0 0px;
    background-size:contain;
}

/*Style for control ads height*/
.im-showads .im-ads90{min-height:90px !important;}
.im-showads .im-ads250 { min-height: 250px !important; padding: 10px 0 !important;}
/*.im-showads .im-ads250 > div{margin: 0 auto !important;}*/

/*gap*/
.div-gap{width: 100%; position: relative; margin-bottom: 10px;}

/*poll-area*/
.poll-area a.poll-edit{padding:0;}

.poll-area ul li{overflow:hidden; margin:10px 0px;}
.poll-area ul li .radio{width:80%; margin:0px;}
.poll-area ul li .vote-num{margin:0px 5px 0 0;}

.poll-area .progress{height:8px; margin-bottom:0px;}
.poll-area .poll-btn label{margin-top:5px; font-weight:bold; font-size:14px;}
.poll-area .poll-pagination{margin-top:10px;}
.poll-area .poll-pagination a{ font-size:24px; color:#9e9e9e;}
.poll-area .poll-pagination a:hover{color:#333;}

/*standing*/
.standing-card{
    padding: 0 10px;
}

.sidebar-list {
    margin-bottom: 0;
}

.sidebar-list thead th {
    /*font-weight: bold;*/
    padding: 4px!important;
}
.sidebar-list thead th.event-head {
    padding: 3px!important;
}
.sidebar-list tbody th,
.sidebar-list td {
    padding: 4px!important;
    font-size: 12px;
    vertical-align: middle;
}
.standing {
    width: 100%;
    white-space: nowrap;
}
.standing thead th {
    font-size: 13px;
    font-weight: 500;
}
.standing td.std-teamName,
.standing td.std-eventTeamName {
    white-space: nowrap;
    overflow: hidden;
    max-width: 0;
    text-overflow: ellipsis;
}
/* Column widths are based on these cells */
.th-eventStanding th{
    font-size: 12px!important;
}
.standing .std-teamName {
    max-width: 40%;
    width: 40%;
}
.standing .std-eventTeamName {
    max-width: 38%;
    width: 38%;
}
.standing .std-eventStanding,
.standing .std-standing,
.standing .event-head{
    max-width: 15%;
}
.standing .table-active {
    font-weight: 500;
}

/*for popup header*/
.popup-header
{
    padding: 4px;
    font-size: 12px;
    font-weight: bold;
    /*background-color: {{color.fontTitleBack}};
    color: {{color.titleColor}};*/
}
#ulSearchResults .popup-header
{
    color:#333;
    border-bottom:#ddd solid 1px;
    background:none;
}


/*top search result*/
#inSearchField:focus
{
    outline: none !important;
}
#ulSearchResults {  margin: 0px;}
#ulSearchResults li
{
    margin: 0;
    padding: 0;
    display: block;
}
#ulSearchResults li.item
{
    cursor: pointer;
    position: relative;
    min-height: 36px;
    padding: 2px 20px 2px 60px;
    /*color: {{color.fontTitleBack}};*/
}
#ulSearchResults li.item a{ color:#333; }
#ulSearchResults li.item:hover, #ulSearchResults li.footer:hover
{
    color: #333;
    background:#efefef;
}

#ulSearchResults li.popup-header
{
    font-size: 14px;
    padding: 10px 10px;
    color:#777;
    font-weight:400;
}
#ulSearchResults li.footer
{
    cursor: pointer;
    padding: 10px;
    border-top: solid 1px #ddd;
   color:#777;
   text-align:center;
   border-bottom-left-radius:6px; border-bottom-right-radius:6px;
   background:#f2f2f2;
}

#ulSearchResults li .text
{
    display: block;
    font-size: 14px;
    color:#333;
}
#ulSearchResults li .category
{
    font-size: 11px;
    color:#c8c8c8;
}
#ulSearchResults li .photo
{
    position: absolute;
    top: 4px;
    left: 14px;
    /*background-color: {{color.fontTitleBack}};*/
    border-radius:50%;
}

#inSearchField{border-radius:4px;border-top-right-radius: 0;border-bottom-right-radius: 0;}
#inSearchBtn .btn{border-radius:4px;border-top-left-radius: 0;border-bottom-left-radius: 0;}

#divSearchResults.popover{ border-radius:0px; padding:0px; border:#ddd solid 1px; border-bottom-left-radius:6px; border-bottom-right-radius:6px;}
#divSearchResults.popover .popover-content{padding:0px;}


/*animate show animate*/
.animate-show {
  opacity: 1;
}
.animate-show.ng-hide-add.ng-hide-add-active,
.animate-show.ng-hide-remove.ng-hide-remove-active {
  -webkit-transition: all linear 0.5s;
  transition: all linear 0.5s;
}

.animate-show.ng-hide {
  opacity: 0;
}


.animate-slide.ng-hide,
.animate-slide.ng-hide-remove {
    transition: 0.4s linear opacity;
    opacity: 0;
}

.animate-slide.ng-hide-remove-active {
    transition: 0.4s linear opacity;
    opacity: 1;
}

.animate-slide.ng-hide,
.animate-slide.ng-hide-remove {
    transition: 0.3s linear opacity;
    opacity: 0;
}

.animate-slide.ng-hide-remove-active {
    transition: 0.3s linear opacity;
    opacity: 1;
}

.animate-slide.ng-enter,
.animate-slide.ng-leave {
    transition: ease-in-out 0.35s all;
}

.animate-slide.ng-enter,
.animate-slide.ng-leave.ng-leave-active {
    opacity: 0;
}

.animate-slide.ng-leave,
.animate-slide.ng-enter.ng-enter-active {
    opacity: 1;
}

@-webkit-keyframes fadeIn {
    from {opacity: 0.2;}
    to {opacity: 1;}
}
@-moz-keyframes fadeIn{
    from {opacity: 0.2;}
    to {opacity: 1;}
}
@-o-keyframes fadeIn {
    from {opacity: 0.2;}
    to {opacity: 1;}
}
@keyframes fadeIn {
    from {opacity: 0.2;}
    to {opacity: 1;}
}
.animate-fade-in {
    -webkit-animation: 0.5s ease fadeIn;
    -moz-animation: 0.5s ease fadeIn;
    -o-animation: 0.5s ease fadeIn;
    animation: 0.5s ease fadeIn;
}

.animate-fade-out {
    opacity: 0.2;
    -webkit-transition: opacity 0.2s ease;
    -moz-transition: opacity 0.2s ease;
    -o-transition: opacity 0.2s ease;
    transition: opacity 0.2s ease;
}

/* Styling for the ngProgress itself */
#ngProgress {
    margin: 0;
    padding: 0;
    z-index: 99998;
    background-color: green;
    color: green;
    box-shadow: 0 0 10px 0; /* Inherits the font color */
    height: 2px;
    opacity: 0;

    /* Add CSS3 styles for transition smoothing */
    -webkit-transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;
}

/* Styling for the ngProgress-container */
#ngProgress-container {
    position: fixed;
    margin: 0;
    padding: 0;
    top: 0;
    left: 0;
    right: 0;
    z-index: 99999;
}

/*breadcrumb img*/
.breadcrumb a img{ height:22px; width:22px;}

/*division home*/
.dd-icon{height:13px;}

/*admin manageplayoffs*/
.playoff-sidebar-list{padding:0px 20px;}
.playoff-sidebar-list.end{margin-bottom: 10px;}

/*team/home*/
#divRosters a.teampage-a:hover {
    text-decoration: none;
}

#divRosters a a:hover {
    text-decoration: underline;
}

/*no post area*/
.no-post {
    display: block;
    padding: 10px;
    text-align: center;
    width: 90%;
    border: 1px solid #E1E1E1;
    cursor: pointer;
    color: #666777;
    font-style: italic;
    background-color: #EEE;
}

.iml-card-body .no-post {
    display: block;
    text-align: center;
    cursor: pointer;
    font-style: italic;
    font-size: 16px;
    border: 0;
    background: #fff;
    padding: 4px;
}

/*im-panel-four*/
.im-panel-four .popover-content {
    width: 315px;
}

/* card will replace by iml-panel */
.card-main, .card-iml {
  margin-bottom: 8px;
}
.card-header:first-child {
    border-radius: 3px 3px 0 0;
}

.card-header {
  padding: 12px 20px;
  background-color: #f5f5f5;
  border-bottom: 1px solid #e5e5e5; }
  .card-header:first-child {
    border-radius: 3px 3px 0 0; }

.card-footer {
  padding: 12px 20px;
  background-color: #f5f5f5;
  border-top: 1px solid #e5e5e5; }
  .card-footer:last-child {
    border-radius: 0 0 3px 3px; }

.card-main {
  background: #fff;
  box-shadow: 0 1px 6px 0 rgba(0, 0, 0, 0.12), 0 1px 6px 0 rgba(0, 0, 0, 0.12);
}

.iml-card-head {
  background: #A7ADB6;
  padding: 12px;
  margin: 0;
  color: #fff;
  border-bottom: none; }
  .iml-card-head h6 a,.iml-card-head small, .iml-card-head small a {
    color: rgba(255, 255, 255, 0.75); }
  .iml-card-head h6 a:hover{color: rgba(255, 255, 255, 1);}


.iml-area-head,.iml-card-head.schoolMainNavigBack{padding: 5px 8px;}

.iml-card-head.left-icon {
    padding-left: 42px;
    position: relative;
}


.card-main i.status {
    font-size: 24px;
    margin-top: 9px;
    position: absolute;
    left: 5px;
    top: 8px;
    color: #fff;
}



.iml-card-head.schoolMainNavigBack i.status{margin-top: 0px;}


.card-main h6 {
    font-size: 16px;
    line-height: 18px;
    margin:0px;
}

.card-main .iml-card-head-oneline h6 {
    line-height: 32px;
}

.card-main h6 a.fff-a{color: #fff!important;}
.card-main h6 a.view,.card-main h6 a.view span{color: rgba(255,255,255,.75)!important; font-size: 80%!important;}
.card-main h6 a.view span:hover{color: rgba(255,255,255,1)!important;}
.card-main h6 small {
   display: block;
}

.card-main .card-body {
    padding: 8px;
}

.card-main .card-body-title{padding-top: 10px; padding-bottom: 10px;}

.card-main .card-body .top-print {
    position: relative;
    line-height: 14px;
    font-size: 14px;
    padding-left: 24px;
    overflow: hidden;
}

.card-main .card-body .top-print .l-icon {
    position: absolute;
    left: 0px;
    top: 4px;
    font-size: 20px;
}

/*des area*/
.des-area{-ms-word-wrap: break-word; word-wrap: break-word; -ms-word-break: break-all; word-break: break-all;}

/*notice*/
.iml-blank-notice i {
    font-size: 48px;
}

.iml-blank-notice p {
    margin: 8px 0;
    font-size: 18px;
}

/* override bootstrap styles */
.input-append .add-on,.input-prepend .add-on,.input-append .btn,.input-prepend .btn,.input-append .btn-group > .dropdown-toggle,.input-prepend .btn-group > .dropdown-toggle {vertical-align: top; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0;}
.popover { max-width: 10000px; }
input, textarea, .uneditable-input { width:auto; }
select,.form-control,.input-group .form-control{ width: auto; }
.form-horizontal .form-group {margin-bottom: 10px;}
label { font-size: 12px; font-weight:normal;}
.pagination {margin: 0px 0;}
.popover-content .nav{margin-bottom:0px;}

.form-actions{padding: 19px 20px 20px;margin-top: 20px;background-color: #f5f5f5;border-top: 1px solid #e5e5e5; text-align:center;}
.TableLayout_Vista td a{width:24px !important;}
.calendarWrapper_Default .TableLayout_Default a, .calendarWrapper_Default .TableLayout_Default td span, .fc-event, .fc-event span, .fc-event a {
        -webkit-box-sizing: content-box;
    -moz-box-sizing: content-box;
    box-sizing: content-box;
}

.col-xs-4 {
  padding-top: 0px !important;
  padding-bottom: 0px !important;
  background-color: transparent !important;
  border: none !important;
}
.playerstats th, .playerstats th{text-align:center;}
input[type="file"]{display: inline-block;}
input[type="radio"], input[type="checkbox"] {
  margin: 2px 0 0;
  margin-top: 1px \9;
  line-height: normal;
}
.nav-tabs{margin-bottom:10px;}

.input-group .form-control:not(:first-child):not(:last-child) {
    border-radius: 4px;
    border-bottom-left-radius: 0;
    border-top-left-radius: 0;
}


/* bs4 button styles */
.btn-secondary {
    color: #373a3c;
    background-color: #fff;
    border-color: #ccc;
}
.btn-secondary:focus, .btn-secondary.focus, .btn-secondary:active, .btn-secondary.active, .open> .btn-secondary.dropdown-toggle {
    color: #373a3c;
    background-color: #e6e6e6;
    border-color: #adadad;
}
.btn-secondary:hover {
    color: #373a3c;
    background-color: #e6e6e6;
    border-color: #adadad;
}
.btn-secondary:active, .btn-secondary.active, .open> .btn-secondary.dropdown-toggle {
    background-image: none;
}
.btn-secondary.disabled:focus, .btn-secondary.disabled.focus, .btn-secondary:disabled:focus, .btn-secondary:disabled.focus, fieldset[disabled] .btn-secondary:focus, fieldset[disabled] .btn-secondary.focus {
    background-color: #fff;
    border-color: #ccc;
}
.btn-secondary.disabled:hover, .btn-secondary:disabled:hover, fieldset[disabled] .btn-secondary:hover {
    background-color: #fff;
    border-color: #ccc;
}

.btn-grey-outline {
    color: #4a4a4a;
    background-image: none;
    background-color: transparent;
    border-color: #d9d9d9;
    box-shadow: 0px 1px 2px rgba(0, 0, 0, .1);
}
.btn-grey-outline:focus, .btn-grey-outline.focus, .btn-grey-outline:active, .btn-grey-outline.active, .open> .btn-grey-outline.dropdown-toggle {
    color: #4a4a4a;
    background-color: #fff;
    border-color: #d9d9d9;
}
.btn-grey-outline:hover {
    color: #000;
    background-color: #fff;
    border-color: #d9d9d9;
}
.btn-grey-outline.disabled:focus, .btn-grey-outline.disabled.focus, .btn-grey-outline:disabled:focus, .btn-grey-outline:disabled.focus, fieldset[disabled] .btn-grey-outline:focus, fieldset[disabled] .btn-grey-outline.focus {
    border-color: #d9d9d9;
}
.btn-grey-outline.disabled:hover, .btn-grey-outline:disabled:hover, fieldset[disabled] .btn-grey-outline:hover {
    border-color: #d9d9d9;
}
.btn-primary-outline {
    color: #0275d8;
    background-image: none;
    background-color: transparent;
    border-color: #0275d8;
}
.btn-primary-outline:focus, .btn-primary-outline.focus, .btn-primary-outline:active, .btn-primary-outline.active, .open> .btn-primary-outline.dropdown-toggle {
    color: #fff;
    background-color: #0275d8;
    border-color: #0275d8;
}
.btn-primary-outline:hover {
    color: #fff;
    background-color: #0275d8;
    border-color: #0275d8;
}
.btn-primary-outline.disabled:focus, .btn-primary-outline.disabled.focus, .btn-primary-outline:disabled:focus, .btn-primary-outline:disabled.focus, fieldset[disabled] .btn-primary-outline:focus, fieldset[disabled] .btn-primary-outline.focus {
    border-color: #43a7fd;
}
.btn-primary-outline.disabled:hover, .btn-primary-outline:disabled:hover, fieldset[disabled] .btn-primary-outline:hover {
    border-color: #43a7fd;
}
.btn-danger-outline {
    color: #C9302C;
    background-image: none;
    background-color: transparent;
    border-color: #C9302C;
}
.btn-danger-outline:focus, .btn-danger-outline.focus, .btn-danger-outline:active, .btn-danger-outline.active, .open> .btn-danger-outline.dropdown-toggle {
    color: #fff;
    background-color: #C9302C;
    border-color: #C9302C;
}
.btn-danger-outline:hover {
    color: #fff;
    background-color: #C9302C;
    border-color: #C9302C;
}
.btn-danger-outline.disabled:focus, .btn-danger-outline.disabled.focus, .btn-danger-outline:disabled:focus, .btn-danger-outline:disabled.focus, fieldset[disabled] .btn-danger-outline:focus, fieldset[disabled] .btn-danger-outline.focus {
    border-color: #C9302C;
}
.btn-danger-outline.disabled:hover, .btn-danger-outline:disabled:hover, fieldset[disabled] .btn-danger-outline:hover {
    border-color: #C9302C;
}
.btn-secondary-outline {
    color: #ccc;
    background-image: none;
    background-color: transparent;
    border-color: #ccc;
}
.btn-secondary-outline:focus, .btn-secondary-outline.focus, .btn-secondary-outline:active, .btn-secondary-outline.active, .open> .btn-secondary-outline.dropdown-toggle {
    color: #fff;
    background-color: #ccc;
    border-color: #ccc;
}
.btn-secondary-outline:hover {
    color: #fff;
    background-color: #ccc;
    border-color: #ccc;
}
.btn-secondary-outline.disabled:focus, .btn-secondary-outline.disabled.focus, .btn-secondary-outline:disabled:focus, .btn-secondary-outline:disabled.focus, fieldset[disabled] .btn-secondary-outline:focus, fieldset[disabled] .btn-secondary-outline.focus {
    border-color: white;
}
.btn-secondary-outline.disabled:hover, .btn-secondary-outline:disabled:hover, fieldset[disabled] .btn-secondary-outline:hover {
    border-color: white;
}
.btn-white-outline {
    color: #fff;
    background-image: none;
    background-color: transparent;
    border-color: #fff;
}
.btn-white-outline:focus, .btn-white-outline.focus, .btn-white-outline:active, .btn-white-outline.active, .open> .btn-white-outline.dropdown-toggle {
    color: #333;
    background-color: #fff;
    border-color: #fff;
}
.btn-white-outline:hover {
    color: #333;
    background-color: #fff;
    border-color: #fff;
}
.btn-white-outline.disabled:focus, .btn-white-outline.disabled.focus, .btn-white-outline:disabled:focus, .btn-white-outline:disabled.focus, fieldset[disabled] .btn-white-outline:focus, fieldset[disabled] .btn-white-outline.focus {
    border-color: #ccc;
}
.btn-white-outline.disabled:hover, .btn-white-outline:disabled:hover, fieldset[disabled] .btn-white-outline:hover {
    border-color: #ccc;
}
.btn-info-outline {
    color: #5bc0de;
    background-image: none;
    background-color: transparent;
    border-color: #5bc0de;
}
.btn-info-outline:focus, .btn-info-outline.focus, .btn-info-outline:active, .btn-info-outline.active, .open> .btn-info-outline.dropdown-toggle {
    color: #fff;
    background-color: #5bc0de;
    border-color: #5bc0de;
}
.btn-info-outline:hover {
    color: #fff;
    background-color: #5bc0de;
    border-color: #5bc0de;
}
.btn-info-outline.disabled:focus, .btn-info-outline.disabled.focus, .btn-info-outline:disabled:focus, .btn-info-outline:disabled.focus, fieldset[disabled] .btn-info-outline:focus, fieldset[disabled] .btn-info-outline.focus {
    border-color: #b0e1ef;
}
.btn-info-outline.disabled:hover, .btn-info-outline:disabled:hover, fieldset[disabled] .btn-info-outline:hover {
    border-color: #b0e1ef;
}
.btn-success-outline {
    color: #5cb85c;
    background-image: none;
    background-color: transparent;
    border-color: #5cb85c;
}
.btn-success-outline:focus, .btn-success-outline.focus, .btn-success-outline:active, .btn-success-outline.active, .open> .btn-success-outline.dropdown-toggle {
    color: #fff;
    background-color: #5cb85c;
    border-color: #5cb85c;
}
.btn-success-outline:hover {
    color: #fff;
    background-color: #5cb85c;
    border-color: #5cb85c;
}
.btn-success-outline.disabled:focus, .btn-success-outline.disabled.focus, .btn-success-outline:disabled:focus, .btn-success-outline:disabled.focus, fieldset[disabled] .btn-success-outline:focus, fieldset[disabled] .btn-success-outline.focus {
    border-color: #a3d7a3;
}
.btn-success-outline.disabled:hover, .btn-success-outline:disabled:hover, fieldset[disabled] .btn-success-outline:hover {
    border-color: #a3d7a3;
}
.btn-warning-outline {
    color: #f0ad4e;
    background-image: none;
    background-color: transparent;
    border-color: #f0ad4e;
}
.btn-warning-outline:focus, .btn-warning-outline.focus, .btn-warning-outline:active, .btn-warning-outline.active, .open> .btn-warning-outline.dropdown-toggle {
    color: #fff;
    background-color: #f0ad4e;
    border-color: #f0ad4e;
}
.btn-warning-outline:hover {
    color: #fff;
    background-color: #f0ad4e;
    border-color: #f0ad4e;
}
.btn-warning-outline.disabled:focus, .btn-warning-outline.disabled.focus, .btn-warning-outline:disabled:focus, .btn-warning-outline:disabled.focus, fieldset[disabled] .btn-warning-outline:focus, fieldset[disabled] .btn-warning-outline.focus {
    border-color: #f8d9ac;
}
.btn-warning-outline.disabled:hover, .btn-warning-outline:disabled:hover, fieldset[disabled] .btn-warning-outline:hover {
    border-color: #f8d9ac;
}
.btn-danger-outline {
    color: #d9534f;
    background-image: none;
    background-color: transparent;
    border-color: #d9534f;
}
.btn-danger-outline:focus, .btn-danger-outline.focus, .btn-danger-outline:active, .btn-danger-outline.active, .open> .btn-danger-outline.dropdown-toggle {
    color: #fff;
    background-color: #d9534f;
    border-color: #d9534f;
}
.btn-danger-outline:hover {
    color: #fff;
    background-color: #d9534f;
    border-color: #d9534f;
}
.btn-danger-outline.disabled:focus, .btn-danger-outline.disabled.focus, .btn-danger-outline:disabled:focus, .btn-danger-outline:disabled.focus, fieldset[disabled] .btn-danger-outline:focus, fieldset[disabled] .btn-danger-outline.focus {
    border-color: #eba5a3;
}
.btn-danger-outline.disabled:hover, .btn-danger-outline:disabled:hover, fieldset[disabled] .btn-danger-outline:hover {
    border-color: #eba5a3;
}
/**/
/*im-ui.css*/
/*using services/uc/IndexUC*/
.im-ui-right-filmstrip ul.im-ui-filmstrip{height: 72px;}
.im-ui-left-filmstrip ul.im-ui-filmstrip{height: 58px;}

ul.im-ui-filmstrip
{
    list-style: none outside none;
    margin: 0;
    padding: 0px 1px 0px 0px;
    overflow: hidden;
}

ul.im-ui-filmstrip li
{

    float: left;
    padding: 0px 0px 10px 0px;width: 59px; text-align: center;
}

/*page/uc*/
/* basic table stle */
.im-ui-table
{
    border: solid 1px grey;
    padding: 1px;
    font-size: 12px !important;
}
.im-ui-table-header
{
    background-color: Gray;
    color: White;
    font-weight: bold;
    height: 22px !important;
}
.im-ui-table-row
{
    background-color: #f0f0f6;
    height: 22px !important;
}
.im-ui-table-alternate-row
{
    background-color: #ffffff;
    height: 22px !important;
}

.im-ui-form-text
{
    font-size: 13px;
    padding: 2px;
    height: 24px;
    width: 100px;
    border: solid 1px #c6d2db;
    outline: none;
}
/* form field title style */
.im-ui-form-field-title
{
    font-weight: bold;
    font-size: 12px;
    color: Gray;
    width: 150px;
}

/*replace by iml-cursor-pointer*/
.im-clickable
{
    cursor: pointer;
}

/* imleagues box style  -> iml-panel*/
.im-box
{
    border: 1px solid #999;
    padding: 4px;
    margin-right: 5px;
}
.im-box a
{
    text-decoration: none;
}
.im-box a:link, .im-box a:visited
{
    color: Black;
}
.im-box a:hover
{
    color: #c00;
}
.im-box-top
{
    font-weight: bold;
    color: #333;
    border-bottom: solid 1px #999;
}
.im-box table
{
    border-collapse: collapse;
}

.im-box td
{
    border-width: 0 1px 1px 0;
    border-style: solid;
    border-color: #CCC;
    color: #666 !important;
    height: 42px;
}
.im-box td.last
{
    text-align: center !important;
    border-right: none !important;
}
.im-box .small
{
    font-size: 12px;
}

/*API/Utils*/
.StandOut
{
    text-shadow: 1px 2px 1px black;
    color: White;
}
/*jquery.iml-utility.js*/
.im-ui-text-area
{
    color: #222222;
    font-size: 13px;
    line-height: 18px;
    outline: medium none;
    overflow-x: hidden;
    overflow-y: auto;
    padding: 6px 8px 5px;
    white-space: pre-wrap;
    word-wrap: break-word;
    border-radius: 4px;
    box-shadow: inset 0px 1px 3px rgba(0,0,0,0.05), 0px 1px 0px #fff;
    resize: vertical;
    transition: background 0.2s linear 0s;
    -webkit-transition: background 0.2s linear 0s;
    -moz-transition: background 0.2s linear 0s;
    background-color: #FFFFFF;
    border: 1px solid #CCCCCC;
    display: inline-block;
    margin: 0;
    width: 450px;
    height: 20px;
    overflow: auto;
    padding-bottom: 5px;
    border-collapse: separate;
    -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.05) inset, 0 1px 0 #FFFFFF;
    -moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.05) inset, 0 1px 0 #FFFFFF;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    behavior: url(ie-css3.htc);
    -webkit-box-sizing: content-box;
    -moz-box-sizing: content-box;
    box-sizing: content-box;
}

.im-ui-text-area:hover
{
    border: 1px solid #999999;
    cursor: text !important;
    outline: medium none;
}

.im-ui-text-area:focus
{
    border-color: #56B4EF;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.05) inset, 0 0 8px rgba(82, 168, 236, 0.6);
    -webkit-box-shadow: inset 0 1px 3px rgba(0,0,0,0.05), 0 0 8px rgba(82, 168, 236, 0.6);
    -moz-box-shadow: inset 0 1px 3px rgba(0,0,0,0.05), 0 0 8px rgba(82, 168, 236, 0.6);
}
.watermark
{
    color: #999 !important;
}

/*imLeagues.Web.Members\Pages\UC\Group\GroupHomeUC.ascx*/
.im-ui-success-box
{
    background-color: #dff0d8;
    border-color: #d6e9c6;
    color: #468847;
    padding: 8px 35px 8px 14px;
    margin-bottom: 18px;
    text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5);
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
}

/*imLeagues.Web.Members\Pages\UC\School*/
.im-ui-page-heading
{
    border-bottom: solid 1px gray;
    padding-bottom: 8px;
    margin-bottom: 10px;
    color:Gray;
}

/*play off pages*/
.playoff-sidebar{position: absolute; left: -300px; width: 300px;}
.po-top-notice{margin-left:-308px;}
/*media*/
@media (min-width: 992px) {
  .hidden-lg-up {display: none !important;}
  .table-toggleable-md {display: block !important;}
  .text-lg-left {text-align: left; }
  .text-lg-right {text-align: right; }
  .text-lg-center {text-align: center; }
  .stats-header .first-num{position:relative; top: 0; }
}
@media (max-width: 991px) {
  .hidden-md-down {display: none !important;}
}

@media (max-width: 768px) {
  #support-go{display: none;}
}

/* missing styles for sport event page group checkbox*/
.group-status-0,.group-status-1,.group-status-2{ height:16px; border:0; padding:10px 14px;background:url(/Images/grounp-icon.png) no-repeat left top; text-indent:-9999px;}
.group-status-0{ background-position:0 -48px;}
.group-status-2{background-position:0 0;}
.group-status-1{ background-position:0 -23px;}

/*
    special checkbox style
*/

.divFriendly input[type="checkbox"]{
    position: absolute;
    width: 20px;
    height: 20px;
    margin: 0;
    padding: 0;
    opacity: 0;
    -ms-appearance: none;
    -moz-appearance: none;
    -webkit-appearance: none;
    appearance: none;
    border: none;
    z-index: 2;
}
.divFriendly input[type="checkbox"]:checked {
    background: #5cb85c;
    content: "";
}

.divFriendly input[type="checkbox"]:checked + .show-box {
    color: #5cb85c;
}

.divFriendly input[type="checkbox"]:checked + .show-box:before {
    box-shadow: 0 0 0 10px,10px -10px 0 10px,32px 0 0 20px,0 32px 0 20px,-5px 5px 0 10px,20px -12px 0 11px;
    -webkit-animation: checkbox-on .3s forwards;
    animation: checkbox-on .3s forwards;
}

.divFriendly {
    position:absolute;
}

.divFriendly .show-box:before{
    position: absolute;
    color: #5cb85c;
    content: "";
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
    display: block;
    margin-top: -4px;
    margin-left: 6px;
    width: 0;
    height: 0;
    box-shadow: 0 0 0 0, 0 0 0 0, 0 0 0 0, 0 0 0 0, 0 0 0 0, 0 0 0 0, 0 0 0 0 inset;
    -webkit-animation: checkbox-off .3s forwards;
    animation: checkbox-off .3s forwards;
}

.divFriendly .show-box {
    position: absolute;
    width: 20px;
    height: 20px;
    border: 2px solid;
    border-radius: 2px;
    overflow: hidden;
    cursor: pointer;
    color:#000;
}