body { 
    font-family: 'Segoe UI';
}

.container { max-width: 958px; 
             /*background: #f5f5f5;  place 1px gradient repeat vert*/
             padding: 0 25px 0 25px;
}

.col-sm-1 {min-width: 12.7%;}



/*  Loading Background Image */
#loading
{
    position: fixed;
    top: -50%;
    left: -50%;
    width: 200%;
    height: 200%;
    background: #fff;
    z-index: 100;
    overflow: hidden;
}
#loading img {
    position: absolute;
    top: 0;
    left: 0;
    right: 0; 
    bottom: 0;
    margin: auto;
}

.strikethrough{
    text-decoration: line-through;
}

.invalidTeam{
    background-color: pink;
}
.teamInvalidMessage{
    color:red;
}

/*validation styles*/
.field-validation-error, .validation-summary-errors {color: #f60;}


/*sponsor logos*/
.sponsors {background: #fff; padding: 18px;}
.sponsors img { border: 0; margin: 8px;}
.large-sponsor img{
    padding-left: 55px;
}
.sponsor-logos img { max-height: 95px; }
.festival-logos img { max-height: 52px; }
.partner-logos img { max-height: 40px; }
.med-logos img { max-height: 60px; max-width: 270px; padding: 5px; }

.panel-body {background: #ededed;} /*temp until check on gradient*/
.navbar {
    max-width: 958px;
    border-top: 3px  solid #413C36;
    border-bottom: 0px; border-right: 0px; border-left: 0px;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 0;
}

.navbar-default { background: none; }
.grey-1 {color: #666; margin: 0;}
.grey-2 {color: #7e7e7e; margin: 0;}
h1, h2, h3, h4, .nav li a  {
    font-family: 'Oswald',sans-serif; 
}

.nav li { font-size: 1.1em; color:#413C36;  text-transform:uppercase;  }

h1 { font-size: 2.1em; }
h2 { font-size: 1.3em;
     padding-left: 10px;
}


.countdown { border-radius: 12px; background: #bebdbd; color: #fff;
              font-size: 1.8em;
              line-height: 12px; padding: 15px; margin: 15px;
             text-transform: uppercase;}



.team-name {
    font-weight: 200; 
    color: orange; 
}
.player-name, .player-info .row  { color:#4f4f4f; } 


label { font-weight: 200;}

.player-name{
    font-size: 1.2em;
}
.team-name {
    font-size: 1.5em; 
       
} 
div.panel-heading div.row div span.glyphicon {
    margin-top: -1px !important;
}

.form-control {
    max-width: 425px;
}
 .form-group  .single-line {
    max-width: 425px;
    background-color: #FFFFFF;
    background-image: none;
    border: 1px solid #CCCCCC;
    border-radius: 4px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset;
    color: #555555;
    display: block;
    font-size: 14px;
    height: 34px;
    line-height: 1.42857;
    padding: 6px 12px;
    transition: border-color 0.15s ease-in-out 0s, box-shadow 0.15s ease-in-out 0s;
    width: 100%;
}


div.alert{
    margin-top:3px;
}

.badge-warning{
    background-color: orange;
}

button.btn {
    margin-top: 5px;
    margin-left:5px;
}

hr { margin-bottom: 13px;
    margin-top: 7px; border-color: #666;}


.player-type
 { 
    bottom: 63px !important;


}

.player-name
 { 
    bottom: 64px !important;
     line-height: 22px; 
     max-width: 175px;  

}


.name-block { 
    bottom: 50px;
    float: left;
    position: relative;
    left: 75px;
}


.panel-heading .name-block { 
    line-height: 22px;
}



#logoutForm  {
    margin-top: 13px;
    margin-left: 10px;
} 

#logoutForm li a {color: #777777;
    font-size: .9em; text-decoration: none;}



#logoutForm li a:hover {color: #413c36;}

/*Bootstrap cutsom*/
#teams .panel { margin-bottom: -2px; background: none;}
#teams .glyphicon-arrow-down:hover, 
#teams .glyphicon-arrow-right:hover,
#teams .glyphicon-plus-orange:hover {
  color: #c7ff3d;
}

#teams .glyphicon-arrow-down,
#teams .glyphicon-arrow-right,
#teams .glyphicon-arrow-down:hover,
#teams .glyphicon-arrow-right:hover {
    background-image: url('/areas/mvc/content/images/orange-btn-bg.jpg');
}

.glyphicon {
    padding: 0; border: 0;
}
#teams .glyphicon-remove:before,
#teams .glyphicon-plus-sign:before,
#teams .glyphicon-plus,
#teams .glyphicon-plus-orange,
#teams .glyphicon-arrow-down, 
#teams .glyphicon-arrow-right{ 
   border-radius: 0;
   border: 0;
   display: block; 
   width: 64px;
   height: 64px;
   color: #fff; 
   font-size: 55px;
    line-height: 45px;
    font-weight: 100; 
   font-family: 'Segoe UI';}

#teams .glyphicon-remove:before {
    content: "x"; background: #333; color: #bebdbd;
}
#teams .glyphicon-remove:before {
  width: 32px;
        height: 32px;
   font-size: 32px;
    line-height: 23px;}

#teams .glyphicon-plus-sign:before {
    content: "+"; background: #81c604; color: #fff;
}
#teams .glyphicon-plus-sign:before {
  width: 32px;
        height: 32px;
   font-size: 32px;
    line-height: 23px;}


.glyphicon-arrow-right:before, .glyphicon-plus-orange:before  {
    content: "+"; 
}

.glyphicon-arrow-down:before {
    content: "-";
}
.glyphicon-plus-orange:before  {
   color: #ff7d00;
}
#teams .glyphicon-plus, .glyphicon-plus-orange {
    margin: -2px 0 0 -1px; 
    border: 0; 
    line-height: .85em;
}
#teams .glyphicon-plus-orange {
     background: #fc4601;
}

#teams .glyphicon-plus {
    background: #81c604;
}

.green {background: #529802; font-size: 1.2em; padding: 12px;
    color: #fff; border-radius: 0; border: 0; margin: 10px;}
.grey {background: #bbb; font-size: 1.2em; padding: 12px;
    color: #fff; border-radius: 0; border: 0; margin: 10px;}

.btn-group-justified, .btn-group, .panel, .panel-default{ border: 0;  box-shadow: 0 0px 0px rgba(0, 0, 0, 0.05) !important;}


.btn-1 {
    -moz-user-select: none;
    border: 1px solid rgba(0, 0, 0, 0);
    cursor: pointer;
    display: inline-block;
    text-align: center;
    vertical-align: middle;
    white-space: nowrap;
}



.btn-green {
    background: #529802; 
    color: #fff;
    font-size: 1.4em;
    line-height: 1.6em;
    font-weight: 200;
    height: 64px; 
    padding: 0;
    margin: 0;
    border-radius: 0; 
}

.btn-orange:hover, .orange:hover { 
  background: #c23500; color:#fbad1e;
    
} 

.free-agent {width: 290px; }


.btn-orange {
    background: #fe8918; 
    color: #fff;
    font-size: 1.4em;
    line-height: 1.6em;
    font-weight: 200;
    height: 64px; 
    padding: 0;
    margin: 0;
    border-radius: 0; 
}
.btn-grey {
background: -webkit-linear-gradient(left top, #eee,  #ccc); /* For Safari */
background: -o-linear-gradient(bottom right, #eee,  #ccc); /* For Opera 11.1 to 12.0 */
background: -moz-linear-gradient(bottom right, #eee,  #ccc); /* For Firefox 3.6 to 15 */
background: linear-gradient(to bottom right, #eee,  #ccc); /* Standard syntax (must be last) */
    color: #666;
    font-size: 1.2em;
    line-height: 1.2em;
    font-weight: 200;
    height: 64px; 
    padding: 0;
    margin: 0;
    border: 1px solid #bebdbd;
    border-radius: 0; 
}


.green:hover, .btn-green:hover, #teams .glyphicon-plus:hover {
    background:#446f22; 
    color: #c7ff3d;
}
.grey:hover {
    background: #7e7e7e;
    color: #eee;
}

.btn-grey2:hover {
    background: #bebdbd;
    color: #333;
}
.panel-default > .panel-heading {
    background: #666;
    border-color: #DDDDDD; 
    color: #f5f5f5;
}
.panel-default > .panel-heading-1 {
    background: #a9a9a9;}

.panel-default > .panel-heading-2 {
    background: #b9b9b9;}

.panel-default > .panel-heading-3 {
    background: #ccc;}

.panel-default > .panel-heading-4,
 .panel-default > .panel-heading-5,
 .panel-default > .panel-heading-6,
 .panel-default > .panel-heading-7,
 .panel-default > .panel-heading-8,
 .panel-default > .panel-heading-9,
 .panel-default > .panel-heading-10
  {
    background: #e1e0e0;}

.panel-default > .panel-heading-light {
    background: #e1e0e0; color: #666; padding: 15px;}



.panel-heading, .panel-heading-player  {
    border-top-left-radius: 0px;
    border-top-right-radius: 0px;
    padding: 0px;
    height: 65px;
    overflow: hidden;
  
}
.panel-heading, .panel-body, 
 .panel-heading-player, .body-content
 { min-width: 300px;}




.btn-group-2{
    width: 250px ; padding: 12px; float: right; z-index: 3000;
}   

/*.panel { background: #DDDDDD;}*/

.btn-group-justified > .btn-group .btn, 
.btn-group-justified > .btn-group .btn-1 {
    width: 270px;
}   
.btn-group, .btn-group-vertical {
    position: relative;
    vertical-align: middle;}

.bold {font-weight: bold;   }
.sub-bold {font-weight: bold; font-size: 15px; border-top: 0; }

  label {font-size: 12px;}

      .btn-grey2 {
            float: right;
            width: 94px;
            font-size: 13px;
            background: #eee; 
            border: 1px solid #CCCCCC;
            }



/*responsive breakpoints*/

    @media screen and (max-width:768px) {
        
      



        .container {  
             padding: 0 12px 0 12px;
}


       #logoutForm  {

    margin-left: 15px;
} 


        .large-sponsor img {
            width: 90%;
            max-width: 430px;
            padding-left: 0px;
        }

         .sponsor-logos img, 
        .festival-logos img{
         
            max-height: 55px;
        }
        .col-xs-11 {
            width: 85%;
        }

        .sub-bold {
            border-top: 1px dotted #666;
            width: 135px;
        }


        .btn-success {
            margin-right: 55px;
        }

        .countdown {
            min-height: 160px;
        }

        .grey-1 {
            float: left;
            margin-right: 15px;
        }

        .grey-2 {
            float: left;
        }

     

        .btn-grey, .btn-green, .btn-orange {
            font-size: 1.1em;
        }

        .btn-green, .btn-orange {
            line-height: 2em;
        }

        .panel {
            width: 92%;
        }

        .col-xs-11 {
            width: 90%;
        }

        .btn-group-justified > .btn-group .btn,
        .btn-group-justified > .btn-group .btn-1 {
            width: 190px;
        }

    

        .badge-warning {
            display: none;
        }
    }




@media screen and (max-width:400px) {
   
   .col-sm-5{max-width: 285px;}
     .countdown {
        min-height: 180px;
        font-size: 1.5em;
    }

    .btn-group-justified > .btn-group .btn {
        width: 178px;  line-height: 33px;
        font-size: 14px;
    }

  .btn-group-justified > .btn-group .btn-1 {
        width: 157px !important;
        padding-right: 8px;
        line-height: 33px;
        font-size: 14px;
         float: left;
    position: relative;
    }

  .green .btn, .grey .btn { font-size: 14px;}
}


/* Pricing Styles */
div.subDivisionTitle {
    font-size:1.3em;
    font-weight: bold;
    color: #fe8918; 
    margin-top: 10px;
}

div.subDivisionTitle span.price {
    font-size:.75em;
    font-weight: normal;
    color: black; 
    margin-left:10px;
}

#divisionsAndPricing h2{
    margin-top: 0px;
    margin-left: 0px;
    padding-left: 0px;
}
 

/* Wrap text in tooltips on line breaks */
.tooltip-inner {
    white-space:pre-wrap;
}