@font-face {
    font-family: 'OpenSans';
    src: url('../fonts/opensans/OpenSans-Light-webfont.eot');
    src: url('../fonts/opensans/OpenSans-Light-webfont.eot?#iefix') format('embedded-opentype'), url('../fonts/opensans/OpenSans-Light-webfont.woff') format('woff'), url('../fonts/opensans/OpenSans-Light-webfont.svg#OpenSans') format('svg');
    font-weight: 100;
    font-style: normal;
}

@font-face {
    font-family: 'OpenSans';
    src: url('../fonts/opensans/OpenSans-Regular-webfont.eot');
    src: url('../fonts/opensans/OpenSans-Regular-webfont.eot?#iefix') format('embedded-opentype'), url('../fonts/opensans/OpenSans-Regular-webfont.woff') format('woff'), url('../fonts/opensans/OpenSans-Regular-webfont.svg#OpenSans') format('svg');
    font-weight: 300;
    font-style: normal;
}

@font-face {
    font-family: 'OpenSans';
    src: url('../fonts/opensans/OpenSans-Semibold-webfont.eot');
    src: url('../fonts/opensans/OpenSans-Semibold-webfont.eot?#iefix') format('embedded-opentype'), url('../fonts/opensans/OpenSans-Semibold-webfont.woff') format('woff'), url('../fonts/opensans/OpenSans-Semibold-webfont.svg#OpenSans') format('svg');
    font-weight: 400;
    font-style: normal;
}

@font-face {
    font-family: 'OpenSans';
    src: url('../fonts/opensans/OpenSans-Bold-webfont.eot');
    src: url('../fonts/opensans/OpenSans-Bold-webfont.eot?#iefix') format('embedded-opentype'), url('../fonts/opensans/OpenSans-Bold-webfont.woff') format('woff'), url('../fonts/opensans/OpenSans-Bold-webfont.svg#OpenSans') format('svg');
    font-weight: 600;
    font-style: normal;
}

@font-face {
    font-family: 'OpenSans-Cond';
    src: url('../fonts/opensans/OpenSans-CondLight-webfont.eot');
    src: url('../fonts/opensans/OpenSans-CondLight-webfont.eot?#iefix') format('embedded-opentype'), url('../fonts/opensans/OpenSans-CondLight-webfont.woff') format('woff'), url('../fonts/opensans/OpenSans-CondLight-webfont.svg#OpenSans-Cond') format('svg');
    font-weight: 100;
    font-style: normal;
}

@font-face {
    font-family: 'OpenSans-Cond';
    src: url('../fonts/opensans/OpenSans-CondBold-webfont.eot');
    src: url('../fonts/opensans/OpenSans-CondBold-webfont.eot?#iefix') format('embedded-opentype'), url('../fonts/opensans/OpenSans-CondBold-webfont.woff') format('woff'), url('../fonts/opensans/OpenSans-CondBold-webfont.svg#OpenSans-Cond') format('svg');
    font-weight: 700;
    font-style: normal;
}

@font-face {
    font-family: 'HelveticaNeue';
    src: url('../fonts/helveticaneue/helveticaneueltstd-lt-webfont.eot');
    src: url('../fonts/helveticaneue/helveticaneueltstd-lt-webfont.eot?#iefix') format('embedded-opentype'), url('../fonts/helveticaneue/helveticaneueltstd-lt-webfont.woff') format('woff'), url('../fonts/helveticaneue/helveticaneueltstd-lt-webfont.svg#HelveticaNeue') format('svg');
    font-weight: 300;
    font-style: normal;
}

@font-face {
    font-family: 'HelveticaNeue';
    src: url('../fonts/helveticaneue/helveticaneueltstd-roman-webfont.eot');
    src: url('../fonts/helveticaneue/helveticaneueltstd-roman-webfont.eot?#iefix') format('embedded-opentype'), url('../fonts/helveticaneue/helveticaneueltstd-roman-webfont.woff') format('woff'), url('../fonts/helveticaneue/helveticaneueltstd-roman-webfont.svg#HelveticaNeue') format('svg');
    font-weight: 400;
    font-style: normal;
}

@font-face {
    font-family: 'HelveticaNeue';
    src: url('../fonts/helveticaneue/HelveticaNeueLTStd-BdCn.eot');
    src: local('☺'), url('../fonts/helveticaneue/HelveticaNeueLTStd-BdCn.woff') format('woff'), url('../fonts/helveticaneue/HelveticaNeueLTStd-BdCn.ttf') format('truetype'), url('../fonts/helveticaneue/HelveticaNeueLTStd-BdCn.svg') format('svg');
    font-weight: 500;
    font-style: normal;
}

@font-face {
    font-family: 'HelveticaNeue';
    src: url('../fonts/helveticaneue/HelveticaNeueLTStd-BdCnO_1.eot');
    src: local('☺'), url('../fonts/helveticaneue/HelveticaNeueLTStd-BdCnO_1.woff') format('woff'), url('../fonts/helveticaneue/HelveticaNeueLTStd-BdCnO_1.ttf') format('truetype'), url('../fonts/helveticaneue/HelveticaNeueLTStd-BdCnO_1.svg') format('svg');
    font-weight: 500;
    font-style: italic;
}

@font-face {
    font-family: 'HelveticaNeue';
    src: url('../fonts/helveticaneue/helveticaneueltstd-bd-webfont.eot');
    src: url('../fonts/helveticaneue/helveticaneueltstd-bd-webfont.eot?#iefix') format('embedded-opentype'), url('../fonts/helveticaneue/helveticaneueltstd-bd-webfont.woff') format('woff'), url('../fonts/helveticaneue/helveticaneueltstd-bd-webfont.svg#HelveticaNeue') format('svg');
    font-weight: 600;
    font-style: normal;
}

@font-face {
    font-family: 'Conv_Muli';
    src: url('../fonts/muli/Muli-Light.eot');
    src: local('☺'), url('../fonts/muli/Muli-Light.woff') format('woff'), url('../fonts/muli/Muli-Light.ttf') format('truetype'), url('../fonts/muli/Muli-Light.svg') format('svg');
    font-weight: 100;
    font-style: normal;
}

@font-face {
    font-family: 'Conv_Muli';
    src: url('../fonts/muli/Muli-Regular.eot');
    src: local('☺'), url('../fonts/muli/Muli-Regular.woff') format('woff'), url('../fonts/muli/Muli-Regular.ttf') format('truetype'), url('../fonts/muli/Muli-Regular.svg') format('svg');
    font-weight: 200;
    font-style: normal;
}

@font-face {
    font-family: 'Conv_BebasNeue';
    src: url('../fonts/bebas/BebasNeue.eot');
    src: local('☺'), url('../fonts/bebas/BebasNeue.woff') format('woff'), url('../fonts/bebas/BebasNeue.ttf') format('truetype'), url('../fonts/bebas/BebasNeue.svg') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'FontAwesome';
    src: url('../fonts/fa/fontawesome-webfont.eot?v=4.0.3');
    src: url('../fonts/fa/fontawesome-webfont.eot?#iefix&v=4.0.3') format('embedded-opentype'), url('../fonts/fa/fontawesome-webfont.woff?v=4.0.3') format('woff'), url('../fonts/fa/fontawesome-webfont.ttf?v=4.0.3') format('truetype'), url('../fonts/fa/fontawesome-webfont.svg?v=4.0.3#fontawesomeregular') format('svg');
    font-weight: normal;
    font-style: normal;
}

/* ------------------------------------------------------------------- */

/* COURT MANAGER SPECIFIC */

#courtTable .body td, #userTable .body td, #organizationTable .body td{
    padding: 10px 5px;
}

#admin_list table td{
    padding: 5px;
}

#courtTable .body:nth-child(even), #userTable .body:nth-child(even), #admin_list .body:nth-child(even), #organizationTable .body:nth-child(even){
    background:#f1f1f1;
}

#groupToggle{
    background: #e6e8ea;
    padding: 2px;
    border-radius: 3px;
    margin: 0 auto 20px;
    width: 90px;
    text-align: center;
}

#groupToggle button{
    font-size: 14px;
    font-weight: 600;
    border: none;
    width: 98%;
    border-radius: 3px;
    padding: 5px;
}

#groupToggle button.off{
    color: #666;
    background: none;
}

#groupToggle button.off:hover{
    color: #666;
    background: #dad8d8;
}

#groupToggle button.on,#groupToggle button.off:active{
    color: rgb(0, 0, 0);
    background: #fff
}



/* SITEWIDE */

body{
    min-width: 320px;
}

* {
    box-sizing: border-box;
}

a:visited, a:link {
    color: #3a87ad;
}

a:active, a:hover{
    color: #3a87ad;
    border-bottom: solid;
}

.alert, .alert a:link, .alert a:visited, .alert a:hover, .alert a:active{
    color: red;
    font-weight: 600;
    margin: -5px 0 5px;
    font-size: 11px;
    text-align: center
}

.alert-msg{
    color: red;
    font-weight: 600;
    margin: 5px;
    font-size: 13px;
}

.alert-msg-green{
    color: #1c9e13;
    font-weight: 600;
    margin: 5px;
    font-size: 13px;
}

#statBtns button{
    min-width: 95px;
    border: solid 2px #428BCA;
    font-family: 'OpenSans', Arial, 'Helvetica Neue', Helvetica, sans-serif;
    margin: 2px;
    background-color: #fff;
    color:#428BCA
}

#statBtns button.off{
    background-color: #428BCA;
    color:#fff
}

#aps td, #hps td,#ps td{
    padding: 3px;
    text-align: center;
}

#aps td input, #hps td input,#ps td input{
    margin: 0 1px;
}

.aside-wrap {
    border-radius: 5px;
    /* float: left; */
    min-width: 200px;
    padding-top: 20px;
    flex: 1;
}

#int-body .aside-wrap:not(:last-child){
    margin-right:10px;
}

#awardSection .row{
    padding: 10px;
    border-top: solid 2px #E5E6EB;
}

.award-name{
    font-size: 12px;
    font-weight: 700;
    text-transform: uppercase;
    margin-bottom: 5px;
}

.bdr-red{

    border: solid 1px rgb(191, 0, 0);
}

.bg-gray{
    background-color: #E5E6EB;
}

.bg-blue{
    background-color:#428BCA;
}

.bg-white{
    background-color: #fff;
}

.bg-social{
    background: url(../images/btm-social-bg.png) repeat-x;
}

body {
    background: url(../images/bg.jpg) no-repeat center;
    background-attachment: fixed;
    background-size: cover;
    font-family: 'OpenSans', Arial, 'Helvetica Neue', Helvetica, sans-serif;
    font-size: 14px;
    color: #444;
}

.body-content{
    width: 100%;
    max-width: 1200px;
    margin: 0 auto;
}

#int-body{
    padding: 10px;
    width: 100%;
    display: flex;
    flex-wrap: wrap;
}

#event-list a{
    flex: 1;
    max-width: 400px;
    min-width: 200px;
    margin: 10px
}

.event-item .img{
    background-size: auto 100% !important;
    background-position: center center !important;
    background-repeat: no-repeat;
    min-width: 50px;
    height: 50px;
    border-radius: 25px;
}

.btn-link{
    background: none;
    border: none;
    color: #3a87ad;
    font-size: 14px;
    font-family: 'OpenSans', Arial, 'Helvetica Neue', Helvetica, sans-serif;
}

.lklnk{
    background: none;
    border: none;
    color: #3a87ad;
    font-family: 'OpenSans', Arial, 'Helvetica Neue', Helvetica, sans-serif;
    font-size: 14px;
}

.btn-link-orange {
    background: none;
    border: none;
    color: #FF9300;
    font-size: 14px;
    font-family: 'OpenSans', Arial, 'Helvetica Neue', Helvetica, sans-serif;
    padding: 5px 20px;
}

.foot-link {
    background: none;
    border: none;
    color: #3a87ad;
    font-size: 12px;
    font-weight: 600;
}

.foot-link:active, .foot-link:hover{
    border-bottom: solid;
}

.b1-blue{
    border-top: none;
    border-left: none;
    border-right: none;
    border-bottom: solid #3a87ad;
}

#contact-vitals fieldset{
    min-width: 205px;
    flex:1;
    padding: 0 5px;
}

#contact-vitals fieldset input{
    width: 100%
}

.blueBorder-btn{
    background-color: #fff;
    border: 1px solid #428BCA;
    border-radius: 15px;
    color: #428BCA;
    height: 30px;
    width: 120px;
    font-weight: 600;
}

.btn-blue{
    background-color: #3a87ad;
    border-color: #3a87ad;
    color: #fff;
    padding: 3px;
    font-weight: 800;
    margin-top: 20px;
}

.filterItem{
    line-height:25px;
    font-weight:300;
    font-size: 13px;
    margin-left: 10px;
}

#searchLocation .results, #myLocation .results, .adminLink .results,#teamImport .results,#courtLocation .results,#courtAddLocation .results{
    max-height: 100px;  
    position: absolute;  
    background-color: #fff;
    overflow-y: auto;
    box-shadow: 0px 3px 5px rgba(0, 0, 0, 0.175);
    z-index: 100;
}

.clearfix::after {
    content: "";
    clear: both;
    display: table;
}

.user-wrap .user-nav{
    float: right;
    display: flex;
}

#container {
    width: 100%;
    z-index: 1;
    box-shadow: none;
}

#dateHead{
    font-weight: bold;
    font-size: 14px;
    color: #5E5F61;
    margin-bottom: 5px;
    display: flex
    
}

#dateTable .firstRow{
    border-top: solid 6px #E5E6EB;
    
}

.dateRow .date{
    flex: 3;
}

.dateRow .type{
    margin-top: 10px;
    color: #fff;
    background-color: #3a87ad;
    padding: 4px;
    width: fit-content;
    font-size: 12px;
}

#dateTable .dateRow .date{
    color: #3a87ad;
    font-weight: 600;
    font-size: 13px;
}

#dateTable .dateRow .alt-date{
    color: #3a87ad;
    font-weight: 600;
    font-size: 15px;
    margin-bottom: 10px;
    display: none;
    width: 100%
}

.dateRow .location{
    flex: 8;
}

.dateRow .con1{
    display: flex;
    flex-wrap: wrap;
    flex: 5
}

.dateRow .con2{
    display: flex;
    flex-wrap: wrap;
    flex: 15
}

.dateRow .scores{
    flex: 1;
    font-weight: 800;
}

#dateTable .dateRow .location a, #dateTable .dateRow .alt-location a{
    color: #FF9300;

}

.customContentBtn {
    background: none;
    border: none;
    font-size: 15px;
    font-weight: 600;
    padding: 10px  5px 0;
}

.customContentBtn:hover {
    border-bottom : solid 3px;
}

.customContentBtn:active {
    color: #3a87ad;
    border-bottom : solid 3px;
}

#dateTable .dateRow .alt-location{
    display: none;
}

.dateRow .time{
    flex: 2;
}

#dateTable .title-game{
    font-size: 11px;
    font-weight: 300;
}

#dateTable .title-ng {
    flex: 7;
    font-weight: 600;
}

.dateRow .detail {
    width: 100%;
    margin-top: 10px;
    font-weight: 300
}

#dateTable .to {
    width: 100%;
    margin: 5px 0 0 10px;
}

.dateRow .teams{
    flex: 6;
}

.dateRow .actions{
    width: 100%;
    margin-top: 5px;
    text-align: right;

}

#dateTable .actions .btn{
    margin-right: 15px;

}

/* #dateTable .actions .other{
    float: right;
    width: 35px;
    margin-left: 15px;
} */

#dateTable .dateRow{
    padding: 15px 0;
    border-bottom: solid 1px #E5E6EB;
    font-size: 12px;
}

.displayToggle{
    background: #e6e8ea;
    padding: 2px;
    border-radius: 3px;
    margin: 0 auto 20px;
    max-width: 304px;
    text-align: center;
}

.bb-item{
    border: 2px solid #009ddc;
    background-color: #fff;
    font-family: 'Conv_BebasNeue' , 'HelveticaNeue', Helvetica, Arial, sans-serif;
    color: #009ddc;
    font-size: 18px;
    letter-spacing: -0.50px;
    margin: 0 10px;
}

.displayToggle button{
    font-size: 14px;
    border: none;
    width: 49%;
    border-radius: 3px;
    padding: 5px;
}

.displayToggle button.off{
    color: #666;
    background: none;
}

.displayToggle button.off:hover{
    color: #666;
    background: #dad8d8;
}

.displayToggle button.on,.displayToggle button.off:active{
    color: rgb(0, 0, 0);
    background: #fff
}

.dropdown-menu {
    position: absolute;
    top: 83%;
    right: 0;
    z-index: 199;
    min-width: 160px;
    padding: 5px 0;
    margin: 2px 0 0;
    background-color: #ffffff;
    border: 1px solid rgba(0, 0, 0, 0.15);
    border-radius: 4px;
    box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
    background-clip: padding-box;
}

.dropdown {
    position: relative;
}

.dropdown-menu li a {
    display: block;
    padding: 5px 20px;
    clear: both;
    font-weight: normal;
    color: #428BCA;
    white-space: nowrap;
}

#eventInfo li{
    margin-bottom: 10px;
}

.event-edit .no-alt{
    clear: both;
    background-color: #E5E6EB;
}

.event-item,.team-item{
    text-align: center;
}


.event-item #days span{
    border-radius: 12px;
    border: solid 2px;
    padding: 0px 4px 2px;
    font-size: 11px;
    font-weight: 600;
}

.field-red{
    border: solid 2px red;
}

footer {
    max-width: 1200px;
    margin: 10px auto;
    color: #ffffff;
    font-size: 12px;
}

/* SHORT FORM CSS USED FOR LOGIN AND SIMILIAR LAYOUTS */
.form-short{
    max-width: 350px;
    width: 100%;
    height: auto;
    margin: 90px auto 200px;
    background-color: #009ddc;
    padding: 30px;
    border: 2px solid #fff;
    text-align: center;
}

.form-short a {
    color: #fff
}

.form-short button{
    margin-top: 20px;
}

.form-short fieldset{
    margin: 5px 0 20px 0;

}

.form-short input{
    padding: 0 10px;
    text-align: left;
    font-size: 14px;
    width: 100%;
    height: 40px;
    color: #969696;
    opacity: 1;
    border: 1px solid #ABADB3;
}

.form-short label{
   color: #fff;
   text-transform: uppercase;
   display: inline-block;
   margin-bottom: 5px;
   font-weight: bold;
   
}

/* //SHORT FORM END// */

.formFull-content{
    padding: 20px !important;
    width: 100%;
}

.formFull-content .city-results{
    right: 17px;
    width: 46%;
    margin-top: -15px;
}

.formFull-content input{
    padding: 0 10px;
    height: 35px;
    color: #696969fa;
    margin: 0 2px 15px;
    font: 400 13px Arial;
    width: 100%;
}

.formFull-section{
    padding: 10px !important;
    width: 100%;
    margin: 50px auto;
    max-width: 650px;
}

.account-section{
    flex: 1;
    padding:0 5px 15px;
    min-width: 280px;
}

header {
    width: 100%;
    max-width: 1200px;
    margin: 0 auto;
}

header .full{
    display: flex;
}

header .ext-logo{
    margin-top: 15px;
}

header .full .hdr-logo {
    min-width: 360px;
    height: 109px;
    background: url(../images/logo-new.png) no-repeat;
    background-size: 100%;
    margin-top: -15px;
    position: relative;
}

header .responsive .hdr-logo {
    min-width: 190px;
    height: 60px;
    background: url(../images/logo-new.png) no-repeat;
    background-size: 100%;
    margin: 10px;
    position: relative;
}

/* header .int-logo {
    margin-top: -15px;
} */

/* #header-unverified{
    height: 126px;
} */

.main-section .newPost, #message-section .newPost, .feedPost{
    min-width: 285px;
    padding: 10px;
    width: 50%;
    float: left;
}

.user-icon{
    background-size: auto 100% !important;
    background-position: center center !important;
    background-repeat: no-repeat;
    width: 40px;
    height: 40px;
    border-radius: 20px;
    border: none;
    position: relative;
    background-color: #E5E6EB;
    margin-right:8px;
}

.comment-icon{
    background-size: auto 100% !important;
    background-position: center center !important;
    background-repeat: no-repeat;
    width: 25px;
    height: 25px;
    border-radius: 20px;
    border: none;
    position: relative;
    background-color: #E5E6EB;
    margin-right:15px;
    min-width: 25px;
}

.share-img {
    border-radius: 5px;
    width: 100%;
}

.share-desc{
    font-size: 11px;
    font-weight: 300;
    margin: 5px 10px;
    max-height: 90px;
    overflow: hidden;
    line-height: 13px;
}

.share-icon {
    background-size: auto 100% !important;
    background-position: center center !important;
    background-repeat: no-repeat;
    width: 30px;
    height: 30px;
    border-radius: 20px;
    border: none;
    position: relative;
    background-color: #E5E6EB;
    margin-right: 5px;
    min-width: 25px;
}

.underline:hover{border-bottom: solid 2px;cursor: pointer;}

#comment .dt{
    font-size: 9px;
    font-weight: 600;
    color: #818181;
    text-align: right;
    margin-right: 15px;
}

.messages .dt{
    font-size: 9px;
    font-weight: 600;
    color: #818181;
    margin-right: 15px;
}

.feedPost .poster, .post .poster{
    font-size: 12px;
    font-weight: 600;
}

.feedPost .text, .post .text{
    line-height: 15px;
    font-size: 13px;
    font-weight: 300;
    padding: 10px 0;
}

.feedPost .share-text, #messageSection .share-text{
    line-height: 13px;
    font-size: 11px;
    font-weight: 300;
    padding-bottom: 5px;
    margin-left: 50px
}

#messageSection .unread{
    margin-top: 10px;
    width: 20px;
    height: 20px;
    border-radius: 10px;
    background-color: #3a87ad;
    color: #FFF;
    font-size: 8px;
    line-height: 20px;
    text-align: center;
    font-weight: 600;
}

#messageSection .thread{
    cursor: pointer;
    display: flex;
    padding: 10px 5px;
    border-radius: 10px;
}

#messageSection .recipients{
    min-width: 250px;
    max-width: 400px;
    flex: 1;
    max-height: 450px;
    position: relative;
    overflow-y: scroll;
}

#messageSection .recipients .thread:last-child, #notificationSection .results .item:last-child{
    margin-bottom: 10px;
}

#messageSection .expanded{
    min-width: 250px;
    flex: 1;
    max-height: 450px;
    position: relative;
}

#messageSection .focus{
    background-color: rgba(0, 0, 0, 0.05);
}

.feedPost .text div,.post .text div{
    margin-top: 10px;
}

.feedPost .btns button, .post .btns button{
    margin-left: 5px;
}

.post .media img, .feedPost .media img, .feedPost .share img, .newPost .media img{
    width: 100%;
    margin-bottom: 5px;
}

.feedPost .media .tags, .feedPost .share .tags{
    float: left;
    
}

.post .media .loc, .feedPost .media .loc, .feedPost .share .loc, .newPost .loc{
    float: right;
    
}

.post .media .info, .feedPost .media .info, .feedPost .share .info, .newPost .info{
    font-size: 11px;
    font-weight: 600;
    padding-bottom: 5px;
}

.post .media .view, .feedPost .media .view, .feedPost .share .view{
    clear: both;
    
}


.post .dt, .feedPost .dt{
    font-size: 11px;
    font-weight: 300;
    padding: 10px 0 0 5px;  
}

.feedPost .sdt, #messageSection .sdt{
    font-size: 9px;
    font-weight: 300;
    padding: 5px 0 0 3px;  
}

.newPost div.media:hover{
    border: solid 3px red;
}

.text div[role="textbox"]:hover, .text div[role="textbox"]:focus{
    box-shadow: 0px 0px 5px 1px #d9edf7e8;
}

.text div[role="textbox"], #confirm-msg div[role="textbox"]{
    font-size: 13;
    font-weight: 300;
    outline: none;
    padding: 10px 5px;
    line-height: 15px;
    min-height: 50px;
    margin: 10px 0;
}

div[role="textbox"] div{
    margin-top: 10px;
}

.beta{
    position: absolute;
    padding: 5px 10px;
    background: #FFF;
    color: #000;
    font-weight: 700;
    font-size: 12px;
    border-radius: 10px;
    bottom: 0px;
    left: 60px;
}

.beta-user{
    position: absolute;
    padding: 5px 10px;
    background: #FFF;
    color: #000;
    font-weight: 700;
    font-size: 15px;
    border-radius: 12px;
    bottom: 12px;
    left: 116px;
}

#header-unverified nav a, #header-unverified .rep-nav a{
    color: #fff;
    font-weight: 600;
}

#header-unverified nav div, #header-unverified .rep-nav li{
    line-height: 42px;
    margin-left: 45px;
    overflow: hidden;
}

#header-user {
    background: url(../images/dashboard-header-bg.jpg) repeat-x;
    height: 166px;
    z-index: 1;
}

#header-user header nav {
    /* position: absolute; */
    /* top: 115px; */
    width: 100%;
    /* max-width: 960px; */
    /* right: 0; */
}



#header-user .nav-dashboard li {
    position: relative;
    float: left;
    width: 16.6%;
    text-align: center;
    display: block;
    padding-top: 10px;
}

#header-user .nav-dashboard li a {
    font-size: 13px;
    font-weight: 400;
    text-transform: uppercase;
    color: #5E5F61;
    display: block;
}

#header-user i {
    background: url(../images/dashboard-sprite.jpg) no-repeat;
    width: auto;
    display: block;
}

#header-user i.calendar {
    background-position: -40px -2px;
    height: 25px;
    width: 24px;
    margin: 0 auto 5px;
}

#header-user i.dashboard {
    height: 25px;
    width: 37px;
    margin: 0 auto 5px;
}


#header-user i.favorites {
    background-position: -94px center;
    height: 30px;
    width: 28px;
    margin: 0 auto;
}

#header-user i.groups {
    background-position: -150px center;
    height: 24px;
    width: 24px;
    margin: 2px auto 4px;
}

#header-user i.messages {
    background-position: -125px center;
    height: 25px;
    width: 24px;
    margin: 0 auto 5px;
}

#header-user  i.mygames {
    background-position: -65px center;
    height: 26px;
    width: 27px;
    margin: 2px auto 2px;
}

#addTeamDate .location-results{
    max-height: 175px;
    position: absolute;
    background-color: #fff;
    overflow-y: auto;
    box-shadow: 0px 3px 5px rgba(0, 0, 0, 0.175);
    z-index: 100;
    width: 100%;
    margin-top: -15px;
}

.location-results .msg{
    font-size: 13px;
    color: rgb(110, 110, 110);
    margin: 5px;
    font-weight: 300
}

.location-results button{
    padding: 0;
    background: none;
    border: none;
    font-weight: 800;
    color: #428BCA;
}

.location-results button:hover{
    border-bottom: solid 3px;
}

#seasonLeaders{
    display: flex;
    flex-wrap: wrap;
}

.leaderboard{
    min-width: 250px;
    max-width:500px;
    margin: 20px 1.5%;
    flex: 1;
}

.leaderboard ol{
    margin-left: 15px;
}
.leaderboard li{
    margin: 5px 0;
    clear: both;
}

.leaderboard th{
    border-bottom: 1px solid #63737b;
    padding: 0 0 10px 10px;
    text-align: left;
    font-weight: 600;
    font-size: 18px

}

.leaderboard .team{
    text-transform: uppercase;
    font-weight: 300;
    font-size: 11px;
    color: #63737b;;
}

.line {
    border-bottom: 1px solid #ccc;
}

#newPlayerStat{
    background-color: #fff;
}

.main-section{
    border-radius: 5px;
    padding: 10px 16px 5px 16px;
    min-width: 300px;
    min-height: 522px;
    flex:3;
    position: relative;
}

.ready{
    text-decoration: underline;
    font-weight: 600;
    color: #2dc031;
}

#newLogo .preview img{
    margin: 0 15px;
    width: 31px;
}

.modal input, .modal select{
    padding: 5px;
    text-align: left;
    font-size: 12.5px;
    color: #969696;
    margin: 0 2.5px 15px;
    font: 400 13.3333px Arial;
}

#payment-form .custDetail input:focus{
    outline: none;
}

#registration-options input{
    margin: 0;
    display: table-cell;
    vertical-align: middle
}

/* #registration-options select{
    border: none;
    border-bottom: solid 1px #000;
    min-width: 175px;
    max-width: 300px;
    color: #000;
    font-weight: 600;
    height: 25px;
    margin-bottom: 5px;
    flex: 1;
} */

#registration-options label{
    font-size: 14px;
    font-weight: 300;
    color: #6f6f6f;
    padding: 0 5px;
    margin-left: 10px;
}

#registration-options span{
    font-weight: 600;
    font-size: 13px;
}

#card-button{
    padding: 10px 30px;
    font-weight: 600;
    color: #fff;
    background: linear-gradient(to right, #0c97ee 50%, #346c90 50%);
    background-size: 200% 100%;
    background-position: right bottom;
    border-radius: 3px;
    border: none;
}

#card-button:hover{
    /* background-color: #277baf; */
    background: linear-gradient(to right, #0c97ee 50%, #277baf 50%);
    background-size: 200% 100%;
    background-position: right bottom;
}

#card-button:active{    
    transition: all 3s ease-out;
    background-position: left bottom;
}

#revoke-oauth{
    padding: 5px 15px;
    font-weight: 600;
    color: #fff;
    background: linear-gradient(to right, #ff0000 50%, #e23b3b 50%);
    background-size: 200% 100%;
    background-position: right bottom;
    border-radius: 3px;
    border: none;
}

#revoke-oauth:hover{
    /* background-color: #277baf; */
    background: linear-gradient(to right, #ff0000 50%, #e22222 50%);
    background-size: 200% 100%;
    background-position: right bottom;
}

#revoke-oauth:active{    
    transition: all 3s ease-out;
    background-position: left bottom;
}


#newEvent .altReg:hover, #newDivision .altReg:hover, #eventDetail .altReg:hover{
    text-decoration: underline;
    cursor: pointer;
}

#regBtn{
    background-color: #45acef;
    color: #fff;
    padding: 5px 20px;
    font-family: 'Conv_Muli';
    border: none;
    border-radius: 15px;
}

#regBtn:hover{
    background-color: #089bf7;
}

.modal .input{
    /* line-height: 31px; */
    text-align: left;
    font-size: 12.5px;
    color: #969696;
    margin: 0 2.5px 15px;
    font: 400 13.3333px Arial;
}

.msg-blue{
    padding: 10px 15px;
    margin: 15px 0;
    border-radius: 4px;
    text-align: center;
    color: #3a87ad;
    background-color: #d9edf7;
    border-color: #bce8f1;
}

.msg-gray{
    padding: 10px 15px;
    margin: 15px 0;
    border-radius: 4px;
    text-align: center;
    color: #ffffff;
    background-color: rgb(172, 172, 172);
    border-color: rgb(230, 230, 230);
    
}

.msg-green{
    padding: 10px 15px;
    margin: 15px 0;
    border-radius: 4px;
    text-align: center;
    color: #1c9e13;
    background-color: #c8f7b9;
    border-color: #a2eca4;
    
}

.msg-red{
    padding: 10px 15px;
    margin: 15px 0;
    border-radius: 4px;
    text-align: center;
    background-color: rgb(255, 187, 187);
    color: rgb(191, 0, 0);
}

button.legend{
    background-image: url(/images/info.png);
    background-size: auto 100% !important;
    background-position: center center !important;
    background-repeat: no-repeat;
    width: 20px;
    height: 20px;
    border: none;
    border-radius: 20px;
    cursor: pointer;
}

#notitication-btn{
    background-image: url(/images/notification.png);
    background-size: auto 100% !important;
    background-position: center center !important;
    background-repeat: no-repeat;
    width: 30px;
    height: 30px;
    border: none;
    border-radius: 100px;
    margin-right: 10px;
    cursor: pointer;
    position: relative;
}

#notificationSection .load{
    background-image: url(/images/ajax-loader.gif);
    background-position: center center !important;
    background-repeat: no-repeat;
    padding: 20px;
    background-color: #f6f6f6;
}

#notificationSection .content-area{
    position: absolute;
    top: 30px;
    right: 0;
    z-index: 199;
    width: 300px;
    padding: 5px 0;
    background-color: #ffffff;
    border: 1px solid rgba(0, 0, 0, 0.15);
    border-radius: 4px;
    box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
    background-clip: padding-box;
}

#notificationSection .item:hover{
    background-color:#f0f0f0;
}

#notificationSection .unread{
    background-color:#f0faff;
}

#notificationSection .readBtn{
    background-image: url('/images/eye.png');
    background-size: cover;
    background-position: center center !important;
    background-repeat: no-repeat;
    width: 25px;
    height: 25px;
    border: none;
    border-radius: 15px;
    margin-right:10px;
    cursor: pointer;
    background-color: #FFFF;
}

#notificationSection .readBtn:hover{
    background-color: #E5E6EB;
}

#notificationSection .text{
    max-height: 60px;
    min-height: 40px;
    font-size: 12px;
    font-weight: 300;
    line-height: 13px;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    text-overflow: ellipsis;
    overflow-y: hidden;
}

#notificationSection .img{
    background-size: auto 100% !important;
    background-position: center center !important;
    background-repeat: no-repeat;
    min-width: 60px;
    height: 60px;
    border-radius: 30px;
    position: relative;
    margin-right: 10px;
    background-color: #E5E6EB;
}

#notitication-btn div{
    width: 15px;
    height: 15px;
    border: solid 1px #FFF;
    border-radius: 7px;
    cursor: pointer;
    background-color: rgb(255, 52, 52);
    color: #FFF;
    font-size: 8px;
    line-height: 15px;
    position: absolute;
    right: 0;
    top: 3px;
}

.srch-gen{
    background-image: url(/images/search-gen.jpg);
    background-size: auto 100% !important;
    background-position: center center !important;
    background-repeat: no-repeat;
    width: 30px;
    height: 30px;
    border: none;
    /* border-radius: 25px; */
    cursor: pointer;
}

#permission .opt{
    width: 45px;
    padding: 0;    
}

#permission .email{
    font-size: 12px;
    font-weight: 300;
    max-width: 200px;
    min-width: 115px;
    flex: 1;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;  
}

#permission .name{
    min-width: 200px;
    flex: 1;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    height: 16px;  
}

#permission .x.name:hover{
    color: #f00;  
}

#permission .x.name:active{
    color: #cc2020  
}

#org-edit fieldset, #ses-edit fieldset, .event-edit fieldset{
    margin: 10px
}

#org-head{
    margin-bottom:10px; 
    padding-bottom: 5px;
    display: flex;
}

#sessionTeamRoster th, #participantSection th{
    padding: 0 5px;
}

.score-table, .table160{
    overflow-x: auto;
    margin-left: 160px;
    height: fit-content;
    overflow-y: hidden;
    padding-bottom: 10px;
}
.DoW{
    font-weight: 300;
    line-height: 28px;
    font-size: 13px;
    width: 71px;
}

.noarrow{
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;    
}

#wall .title, .contribution-section .title{
    font-size: 16px;
    font-weight: 600;
    color: #3a87ad;
    margin-bottom: 10px;
}

#org-head .org-img, #wall .img, .contribution-section .img, #org-content .headshot{
    background-size: auto 100% !important;
    background-position: center center !important;
    background-repeat: no-repeat;
    min-width: 40px;
    height: 40px;
    border-radius: 20px;
    box-shadow: 0px 0px 5px 1px #d9edf7e8;
    margin-right: 5px;
}

#courtAdd .profilePic{
    background-size: auto 100% !important;
    background-position: center center !important;
    background-repeat: no-repeat;
    min-width: 55px;
    height: 55px;
    border-radius: 30px;
    /* box-shadow: 0px 0px 5px 1px #d9edf7e8; */
    margin-right: 10px;
}

#org-view, #org-edit, .event-edit, .event-view{
    margin: 20px 5%;
}

#acct-edit fieldset{
    flex:1;
    margin: 15px 5px 0;
}

#sesDetail .event, #newSession .event{
    width: 100%;
    padding-right: 5px;
    line-height: 30px;
    height: 30px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    text-align: right
}

#org-view div, #ses-view div, .event-view div, #acct-view div{
    margin-top: 20px
}

#playerStat-edit .statBlock{
    text-align: center;
    float: left;
    padding: 3px;
}

#playerStat-edit .buttons{
    margin-top: 10px;
}

.pointLead{
    float: left;
    margin: 20px 0;
    width: 100%
}

.pointLead ol{
    margin-left: 15px;
}
.pointLead li{
    margin: 5px 0;
    clear: both;
}

.pointLead th{
    border-bottom: 1px solid #63737b;
    padding: 0 0 10px 10px;
    text-align: left;
    font-weight: 600;
    font-size: 18px

}

.pointLead .team{
    text-transform: uppercase;
    font-weight: 300;
    font-size: 11px;
    color: #63737b;;
}

#forgot-pw{
    border: none;
}

#forgot-pw:hover,#forgot-pw:active{
    border-bottom: solid 2px;
}

.reg-form {
    width: 330px;
    height: auto;
    padding: 15px;
    background: url(../images/reg-bg-2.png) no-repeat;
    background-size: cover;
    margin: 0 5px;
}

.reg-form h2{
    font-size: 32px;
    font-weight: 500;
    color: #fff;
    text-align: left;
    text-transform: uppercase;
    font-family: 'Conv_BebasNeue' , 'HelveticaNeue', Helvetica, Arial, sans-serif;
    line-height: 1.1;
}

.reg-form h2 .sub {
    font-size: 26px;
    line-height: 10px;
    float: left;
    width: 100%;
    margin-bottom: 19px;
}

.reg-form .left{
    margin-right: 1px;
}

.reg-form input {
    padding: 0 10px;
    text-align: left;
    font-size: 12.5px;
    width: 100%;
    height: 30px;
    color: #969696;
    margin-top: 5px;
    margin-bottom: 7px;
    font: 400 13.3333px Arial;
}

.reg-form .short {
    width: 49%;
}

.rosterRow{
    text-align: center
}

.search-results{
    position: absolute;
    top: -10px;
    background: #fff;
    width: 100%;
    box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
}

#rep-right{
    padding: 20px 10px 20px 0; 
    border-bottom: solid 1px #ccc; 
    display:none; 
}

#nonrep-right{
    min-width: 160px; 
    padding-left: 10px; 
    border-left: solid 1px #ccc; 
    flex:1;
}

/* -----WORKING ON UV STYLES IN THIS AREA -----*/
.arrow{
    font-size: 18px;
    width: 25px;
    border: none;
    background: none;
}

#scoreboard{
    min-width: 300px;
    margin-top: 10px;
    flex:1;
}

.scoreboard-head{
    color: #fff;
    background: #00458c;
    display: flex;
}

.scoreboard-date{
    flex: 1;
    text-align: center;
    line-height: 30px;
}

#scoreboard li{
    background-color: #fff;
    margin: 10px;
}

#scoreboard .main{
    padding: 10px;
    border-bottom: solid 1px #E5E6EB;
}

#scoreboard .note{
    background-color: #f7f8fc;
    border-bottom: solid 1px #E5E6EB;
    font-size: 12px;
    padding: 7px 5px;
    text-align: center;
}

#scoreboard .ng-note{
    font-size: 12px;
    font-weight: 300;
    padding: 7px 12px 15px;
    text-align: justify;
}

#scoreboard .home, #scoreboard .away{
    padding: 5px 0;
    clear: both;
    font-weight: 800;

}

/* Hide scrollbar for Chrome, Safari and Opera */
.scrollbar::-webkit-scrollbar, .ql-editor::-webkit-scrollbar {
    display: none;
}
  
  /* Hide scrollbar for IE and Edge */
.scrollbar, .ql-editor{
    -ms-overflow-style: none;
}

#gameInfo{
    border-top: solid 1px;
    border-bottom: solid 1px;
    margin: 25px 0 1px;
    padding: 10px 0;
    clear: both;
}

.btn-opp{
    border: none;
    font-size: 13px;
    font-family: 'OpenSans', Arial, 'Helvetica Neue', Helvetica, sans-serif;
    width: 50%;
    /* max-width: 150px */
}

.btn-opp.on{
    color:#428BCA;
    background-color: #fff
}

.btn-opp.off{
    color:#fff;
    background-color: #428BCA
}

.btn-opp.off:hover,.btn-opp.off:active{
    color:#fff;
    background-color: rgb(28, 102, 167)
}

#gameInfo ul{
    text-align: center;
    min-width: 160px;
    flex:1;
}

.locationInfo{
    border-right: solid 1px;
}

#gameInfo .locationInfo li{
    padding-bottom: 5px;
}

#comparison .head{
    width: 49.75%;
    line-height: 50px;
    color: #fff;
    padding: 0 10px;
}

#comparison .record{
    font-size: 18px;
    font-weight: 600;
}

#scoreboard .time{
    line-height: 20px;
    font-size: 13px;
    font-weight: 600;
}
#scoreboard .title{
    border-bottom: solid 1px #E5E6EB;
    height: 30px;
    line-height: 30px;
    padding: 0 10px;
    font-size: 12px;
}

#scoreboard .btn-div{
    padding: 5px 0;
    text-align: center;
}

#scoreboard .detail{
    border: none;
    font-weight: 600;
    background: none;
    color: #3a87ad;
}

#scoreboard .name{
    font-size: 15px;
    float: left;
}

#scoreboard .score{
    float: right;
    font-size: 18px;
    width: 35px;
}

.feedPost .time{
    line-height: 20px;
    font-size: 13px;
    font-weight: 600;
}
.feedPost .title{
    border-bottom: solid 1px #E5E6EB;
    height: 30px;
    line-height: 30px;
    padding: 0 10px;
    font-size: 12px;
}

.feedPost .detail{
    border: none;
    font-weight: 600;
    background: none;
    color: #3a87ad;
}

.feedPost .name{
    font-size: 15px;
    float: left;
}

.feedPost .score{
    float: right;
    font-size: 18px;
    width: 35px;
}

.feedPost .main{
    padding: 10px;
    border-bottom: solid 1px #E5E6EB;
}

.feedPost .note{
    background-color: #f7f8fc;
    border-bottom: solid 1px #E5E6EB;
    font-size: 12px;
    padding: 7px 5px;
    text-align: center;
}

.feedPost .ng-note{
    font-size: 12px;
    font-weight: 300;
    padding: 7px 12px 15px;
    text-align: justify;
}

.feedPost .home, .feedPost .away{
    padding: 5px 0;
    clear: both;
    font-weight: 800;

}

#scoreboard .box{
    border: none;
    border-right: solid 1px #ccc;
    font-weight: 600;
    background: none;
    color: #3a87ad;
}

.main-view {
    border-radius: 0 5px 5px 0;
    padding: 10px 16px 5px 16px !important;
    min-height: 522px;
    flex: 3;
}

.ses-item{
    padding: 10px;
}

.ses-item h2{
    font-size: 15px;
    font-weight: 600;
    margin-bottom: 5px;
}

.ses-item .details{
    font-size: 12px;
    margin: 0 0 10px 10px;
}

.setting-btn{
    background: none;
    border: none;
    color: #3a87ad;
    font-size: 14px;
    font-family: 'OpenSans', Arial, 'Helvetica Neue', Helvetica, sans-serif;
}

.setting-active{
    border: none;
    background: #3a87ad;
    color: #fff;
    font-size: 14px;
    font-family: 'OpenSans', Arial, 'Helvetica Neue', Helvetica, sans-serif;
}

.setting-btn:hover{
    background: #3a87ad;
    color: #fff;
}

.small-caps{
    text-transform: uppercase;
    font-size: 12px;
    font-weight: 600;
}

.social {
    overflow: hidden;
    /* margin-bottom: 10px; */
    padding: 5px 0 10px 0;
    display: flex;
    flex-wrap: wrap;
}

.social h1 {
    padding: 20px 0 0 20px;
    font-family: 'Conv_BebasNeue' , 'HelveticaNeue', Helvetica, Arial, sans-serif;
    color: #fff;
    text-align: left;
    text-transform: uppercase;
    font-size: 35px;
    flex: 1;
    min-width: 224px;
}

.social-btn {
    min-width: 260px;
    margin: 10px 0;
    padding: 0;
    display: flex;
}

.social-btn a {
    width: 69px;
    height: 69px;
    /* position: relative; */
    /* float: left; */
    display: block;
    cursor: pointer;
    background: url(../images/social-bg.png) no-repeat;
    margin: 0 6px;
}

.social-btn a.fb {
    background-position: -69px;
}

.social-btn a.ins {
    background-position: -138px center;
}

#standingsTable{
    text-align: center;
    border-top: solid 5px #E5E6EB;
    border-bottom: solid 5px #E5E6EB;
}

#standingsTable thead{
    font-weight: 700;
    
}

#standingsTable th, #tRTable td{
    padding: 10px;
}

#standingsTable td{
    padding: 10px 15px;
}

#standingsQuick{
    text-align: center;

}

#standingsQuick thead{
    font-weight: 700;
    
}

#standingsQuick th{
    padding: 5px;
}

#standingsQuick td{
    padding: 5px 10px;
}

#statType button, #bracketTitles button{
    background: none;
    font-weight: 600;
    margin: 0 5px;
    border: none;
}

#statType button.off:hover, #bracketTitles button.off:hover{
    border-bottom: solid 1px #000;
}

#statType button.on, #bracketTitles button.on{
    border-bottom: solid #000;
}

strong{
    font-weight: 800;
}

.team-li{
    line-height: 25px;
    padding-bottom: 10px;
}

.newPost button.media{
    background-image: url(/images/media.jpg);
    background-color: #fff;
    width: 86px;
    height: 21;
    background-size: auto 100% !important;
    background-position: center center !important;
    background-repeat: no-repeat;
    border: none;
}

.newPost .media:hover{
    border-bottom: solid 2px #428BCA;
}

.team-li .linked{
    text-transform: uppercase;
    font-weight: 600;
    font-size: 9px;
    letter-spacing: -0.5px;
    color: white;
    padding: 2px 5px;
    border-radius: 12px;
    margin-left: 2px;
}


.team-li .edit{
    margin: 0 15px;
}

#teamImport{
    width: 100%;
    margin: 15px auto;
    /* text-align: left; */
    color: #000000;
    font: 400 14px Arial;
    max-width: 350px;
    position: relative;
}

#memberInvite{
    color: #000000;
    font: 400 14px Arial;
    max-width: 350px;
}

#tms, #teamBox, #teamBox-alt{
    text-align: center;
    margin-bottom: 15px;
}

#tb-head{
    text-align: center;
    clear: both;
}

.away-box, .home-box{
    float: left;
    width: 30%;
    text-align: right;

}

.datesLoading{
    text-align: center;
    background-color: #fff;
    color: #9a9797; 
    padding: 25px; 
    margin: 5px;
}

.elip{
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

#tms-away, #tb-away,#tms-us{
    margin: 5px 0;
}

#tb-away{
    margin: 10px 0;
}

#tms-head .content:first-child, #tb-head .content:first-child{
    margin-left: 30%
}

.toggle-nav, .toggle-dis{
    display: none;
}

.toggle-ham {
    display: none;
}

.txt-red{
    padding: 5px 0 15px;
    text-align: center;
    color: rgb(191, 0, 0);
    font-size: 75%
}

.ui-datepicker-month {
    max-height: 100px;
}

.ul-btn{
    margin: 10px;
    background: none;
    border: none;
    border-bottom: solid 5px;
    width: fit-content;
    float: left;
}

button.ul-btn{
    border-color: #3a87ad;
}

button.ul-btn:hover{
    border-color: rgb(191, 0, 0);
}

.user-wrap {
    flex: 1;
    padding: 20px 10px 0 0;
    position: relative;
}

/* ------------------------------------------------------------------- */

/* ************SLIDER CSS***************** */
.switch {
    position: relative;
    display: inline-block;
    width: 50px;
    height: 25px;
  }
  
  .switch input { 
    opacity: 0;
    width: 0;
    height: 0;
  }
  
  .slider {
    position: absolute;
    cursor: pointer;
    /*  */
    /* left: 2px;
    bottom: 2px; */
    /*  */
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: #ccc;
    -webkit-transition: .4s;
    transition: .4s;
    border-radius: 15px
  }
  
  .slider:before {
    position: absolute;
    content: "";
    /*  */
    /* top: 0;
    left: 0;
    right: 0;
    bottom: 0; */
    /*  */
    height: 21px;
    width: 21px;
    right: 2px;
    bottom: 2px;
    background-color: white;
    -webkit-transition: .4s;
    transition: .4s;
    border-radius: 50%;
  }
  
  input:checked + .slider {
    background-color: #2196F3;
  }
  
  input:focus + .slider {
    box-shadow: 0 0 1px #2196F3;
  }
  
  input:checked + .slider:before {
    -webkit-transform: translateX(-26px);
    -ms-transform: translateX(-26px);
    transform: translateX(-26px);
  }

/* **************END SLIDER CSS*********************** */

a.signin{
    background: url(../images/signin.png) no-repeat;
    position: relative;
    width: 115px;
    height: 42px;
    display: block;
    text-align: center;
    font-family: 'HelveticaNeue', Helvetica, Arial, sans-serif;
    color: #fff;
    font-size: 17px;
    font-weight: 500;
    text-transform: uppercase;
    text-shadow: 1px 1px 1px rgba(0,0,0,0.25);
    /* margin-top: 45px; */
    line-height: 42px;
}

.alert-border{
    border: rgb(255, 14, 14) solid 3px;
}

.alert-ifUser{
    background-color: rgb(255, 187, 187);
    color: rgb(191, 0, 0);
}

.alert-info {
    color: #3a87ad;
    background-color: #d9edf7;
    border-color: #bce8f1;
}

aside ul.con-aside {
    margin-bottom: 40px;
    min-height: 365px;
}

aside ul.con-aside li, aside ul.con-setting-aside li {
    margin-top: 10px;
    margin-bottom: 10px;
    padding-top: 5px;
    padding-bottom: 5px;
}

aside ul.con-aside li.my-card, aside ul.con-setting-aside li.my-card {
    padding-bottom: 10px;
    margin-left: 15px;
    margin-right: 15px;
    color: #FF9300;
    border-bottom: #E5E6EB solid 3px;
}

aside ul.con-aside li.my-card a, aside ul.con-setting-aside li.my-card a{
    color: #FF9300;
}

aside ul.prof-aside {
    margin-bottom: 40px;
}

aside ul.prof-aside li {
    margin-top: 10px;
    margin-bottom: 10px;
}

aside .orgSubscription:hover{ 
    background-color: rgb(255, 228, 191);
}

aside .orgSubscription{
    margin: 0px 15px;
    border: none;
    padding: 10px 0;
    width:-webkit-fill-available;
    background-color: #E5E6EB;
};




b {
    font-weight: bold;
}

/* jquery toggle button look into code that makes button work to work possible rename class and tag  */

button.signup-btn, a.signup-btn {
    width: 99%;
    height: 55px;
    border: 2px solid #fff;
    border-radius: 0;
    position: relative;
    text-align: center;
    background: url(../images/signup-btn-bg.png) no-repeat 224px 14px;
    font-family: 'Conv_BebasNeue' , 'HelveticaNeue', Helvetica, Arial, sans-serif;
    color: #fff;
    text-transform: uppercase;
    font-size: 30px;
    letter-spacing: -0.50px;
    text-align: center;
    cursor: pointer;
}

b.caret2 {
    width: 0;
    height: 0;
    border-left: 7px solid transparent;
    border-right: 7px solid transparent;
    border-top: 7px solid #FF9300;
    margin-left: 10px;
    margin-top: 8px;
    float: right;
}



#bs-example-navbar-collapse-1 {
    background-color: #009DDC;
    border-bottom: 5px solid #fff;
    box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.25);
    margin-top: -5px;
}



.newUser-form .city-results{
    top: 247px;
    right: 58px;
    width: 406px;
}

.city-sel{
    padding: 2.5px 10px;
}



.collapse {
    display: none;
}



.count-float {
    float: left;
    text-align: center;
}

.count-float .count-attending{
    background: green;
    color: white;
    border-radius: 15px;
    width: 30px;
    height: 30px;
    padding-top: 8px;
    margin-right: 15px;
}

.count-float .count-decline{
    background: red;
    color: white;
    border-radius: 15px;
    width: 30px;
    height: 30px;
    padding-top: 8px;
    margin-right: 15px;
}

.count-float .count-pending{
    background: gray;
    color: white;
    border-radius: 15px;
    width: 30px;
    height: 30px;
    padding-top: 8px;
    margin-right: 15px;
}

.device {
    display: none;
}

/* #dashboard-header header nav {
    position: absolute;
    top: 67%;
    width: 100%;
    right: 0;
} */

.dropdown-backdrop {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 990;
}

#err-body{
    color: #fff;
}

#errContent h1{
    font-size: 60px;
    font-weight: 800;
}

#errContent p{
    font-size: 30px;
    font-weight: 800;
}

#errContent ul{
    font-size: 19px;
    font-weight: 500;
    padding-top: 30px;
}

.btn-none{
    background: none;
    border: none;
    font-weight: 600;
}

#errContent ul li{
    float: left;
    padding: 5px;
}

#errContent ul li a{
    color: #fff;
}

#errContent p, #errContent ul {
    margin: 0 auto;
    width: fit-content;
}

#errContent{
    margin: 100px 0;
    text-align: center;
}

.ext-video{
    max-width: 560px;
    min-width: 295px;
    flex: 25;    
    height: 315px;
    position: relative;
    margin: 0 5px;
}

.ext-video iframe{
    width: 100%;
    height:100%
}

i.edit-icon {
    background: url(../images/edit.jpg) no-repeat;
    position: relative;
    width: 22px;
    height: 22px;
    display: block;
    float: right;
    margin: -4px 10px 4px;
}

div.settings-icon {
    background: url(../images/settings.png) no-repeat;
    position: relative;
    width: 35px;
    height: 35px;
    display: block;
    background-size: 100%;
}

a.dropdown-toggle {
    color: #ffffff;
}



.game-details{
    margin-left: 20px;
}

.game-details .post-type{
    font-weight: bold;
}

.game-details small{
    font-weight: 300;
}

.game-details ul li{
    margin-bottom: 10px;
}

.games-section {
    background-color: #fff;
    border-radius: 5px 0 5px 5px;
    padding: 10px !important;
    /* float: left; */
    width: 100%;
}

#header-unverified nav, #header-unverified .rep-nav{
    display: flex;
}

.games-section .court-img {
    width: 185px;
    float: left;
}

.games-section .court-img img{
    width: 150px;
    height: 100px;
    margin-left: 35px;
}

.description {
    padding: 10px 20px 0px;
    font-size: 11px;
    line-height: 15px;
    color: #969696;
    min-height: 75px;
    max-height: 200px;
    margin: 0 2.5px 15px
    
}

#customContent-view.showless{
    height: 100px;
    overflow-y: hidden;
}

.games-section .game-details {
    float: left;
}

.games-section  .postTop {
    margin: 10px 0 2px;
    width: 220px;
    text-align: center;
}

.games-section  .quick-btns{
    width: 100%;
    padding: 10px 0;
    border-bottom: 2px solid orange;
    margin-bottom: 5px;

}

.games-section  .quick-btns h1{
    float: left;
    margin-right: 40px;
 }

 .games-section  .quick-btns label{
    padding: 0 10px 0 0
 }

.games-section  .quick-btns div{
   float: left;
}

.games-section .right-side{
    float: right;
    margin-right: 20px;
    font-size: 13px;
}
.games-section .right-side li{
    margin-bottom: 10px;
}

#con-head{
    height: 65px;
    width: 100%
}

.btn-white{
    background: none;
    border: none;
    color: #fff;
    font-size: 14px;
    font-family: 'OpenSans', Arial, 'Helvetica Neue', Helvetica, sans-serif;
}

.btn-white:link, .btn-white:visited{
    color: #fff
}

.btn-white:hover{
    border-bottom: solid #fff;
 
}

header .hdr-logo-alt {
    min-width: 190px;
    height: 60px;
    margin: 10px;
    background: url(../images/logo-new.png) no-repeat;
    background-size: 100%;
    position: relative;
}



.newContributor-content{
    background-color: #fff;
    padding: 20px !important;
    /* width: 100%; */
    min-height: 330px;
}

.newContributor-section{
    background-color: #E5E6EB;
    padding: 10px !important;
    /* float: left; */
    width: 100%;
    min-height: 330px;
    margin-bottom: 50px;
}

#newEvent, #newSession, #gameSettings, #sessionTeamRoster, #addSessionTeam, .mediumModal1, .mediumModal, .largeModal, #changePassword,#popoutCalendar{
    position: fixed;
    top: 0;
    left:0;
    z-index: 200;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.40)
}

#prLink, .largeModal2{
    position: fixed;
    top: 0;
    z-index: 200;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.40) 
}

#confirmBlock, #notification, #tmpRequest{
    position: fixed;
    top: 0;
    z-index: 300;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.40) 
}

#email3{
    border-color: #ccc
}

#popoutCalendar .content-area{
    max-width: 1100px;
    background-color: #fff;
    border-radius: 5px;
    margin: 3% auto 0;
    overflow-y: scroll;
    max-height: 92%
}

#newSession .modal-content, #gameSettings .content-area, .largeModal2 .content-area, .largeModal .modal-content, #changePassword .content-area, .largeModal .content-area{
    max-width: 650px;
    background-color: #fff;
    border-radius: 5px;
    margin: 75px auto 0;
    max-height: 500px;
    overflow-y: scroll;
}

.largeModal .modal-content::-webkit-scrollbar, .largeModal .content-area::-webkit-scrollbar{ 
    width: 0 !important 
}
.largeModal .modal-content, .largeModal .content-area{ 
    overflow: -moz-scrollbars-none; 
}
.largeModal .modal-content, .largeModal .content-area { 
    -ms-overflow-style: none; 
}

#prLink .content-area, #confirmBlock .content-area, .mediumModal .modal-content, .mediumModal .content-area{
    max-width: 400px;
    max-height: 450px;
    background-color: #fff;
    border-radius: 5px;
    margin: 75px auto 0;
    overflow-y: scroll;
}

#notification .content-area{
    max-width: 300px;
    background-color: #fff;
    border-radius: 5px;
    margin: 125px auto 0 
}

.alt-btn{
    width: 100px;
    height: 40px;
    border: 2px solid #fff;
    border-radius: 0;
    background: none;
    font-family: 'Conv_BebasNeue' , 'HelveticaNeue', Helvetica, Arial, sans-serif;
    color: #fff;
    text-transform: uppercase;
    font-size: 25px;
    letter-spacing: -0.50px;
    text-align: center;
    margin: 0 15px;
}

#tmpRequest .content-area{
    max-width: 350px;
    width: 100%;
    height: auto;
    margin:205px auto 200px;
    background-color: #009ddc;
    padding: 30px;
    border: 2px solid #fff;
    text-align: center;
}

#newEvent .modal-header, #newSession .modal-header{
    width: 100%;

}

#newEvent .modal-body, #newSession .modal-body, #addSessionTeam .modal-body, .largeModal .modal-body{
    clear: both;
    padding: 20px 20px 40px;
}

#calendar-info .legend{
    padding:5px 0 0
}

.legend .text{
    font-size: 11px;
    font-weight: 600;
    padding: 0 5px;
}

#calendar-info .cal-title{
    font-size:18px;
    text-align:center;
    padding:5px 0 10px
}

.modal-header .close{
    border: none;
    background-color: #fff;
    font-weight: 700;
    font-size: 20px;
    margin-right: 5px;
    border-radius: 20px;
    width: 25px;
}

.modal-header .close:hover{
    background: #E5E6EB;
}

#sesTeamEdForm fieldset{
    margin-bottom: 10px;
}

#calendar-info .off{
    color: #fff;
    background-color: #2C3E50;
    border-color: #2C3E50;
    font-weight: 600;
    padding: 5px;
    width: 65px;
    border:1px solid transparent; 
}

#calendar-info .on{
    color: #fff;
    background-color: #76828e;
    border-color: #76828e;
    font-weight: 600;
    padding: 5px;
    width: 65px;
    border:1px solid transparent; 
 
}

.modal .add-btn, #newEvent .add-btn, #newLivingPickup .add-btn{
    margin-bottom: 5px;
    margin-top: 5px
}

/* #newEvent .remove-btn{
    padding: 5px;
    background: #FF9300;
    border-radius: 5px;
    border-color: #FF9300;
    margin: 5px;
} */

/* .contribution-section .div-item{
    border-bottom: solid 2px;
}

.contribution-section .div-item{
    color:  #3a87ad;
} */


#newDivision .description{
    width: 100%;
    max-width: 540px;
    height: 75px;
    margin-bottom: 15px;
    padding: 10px;
    font: 400 12px Arial;
}

#event-content h2, .div-occur h2{
    font-size: 15px;
    font-weight: 600;
    margin-bottom: 5px;
}

#event-content .label{
    background-color: #3a87ad;
    width: 100px;
    margin: 0 10px;
    height: 20px;
    padding: 3px 15px;
    border-radius: 0 0 5px 5px;
    color: #fff;
    font-weight: 600;
}

#event-content .dt, .div-occur .dt, .contribution-section .dt, #org-content .dp .dt{
    border-radius: 12px;
    border: solid 2px;
    padding: 2px;
    font-size: 11px;
    font-weight: 600;
    width: 24px;
    text-align: center;
    margin: 0 2px;
}

#event-content .df, .div-occur .df, .contribution-section .df, #org-content .dp .df{
    padding: 2px;
    font-size: 11px;
    font-weight: 400;
    width: 24px;

}

#newSession .df{
    padding: 2px;
    color: #d6d6d6;
}

#newSession .dt{
    padding: 2px;
    text-decoration: underline;
}

.ses-item, .div-item, .event-item, .team-item, .div-occur{
    flex: 1;
    max-width: 400px;
    min-width: 200px;
    margin: 5px;
}

.div-item, .div-occur{
    background-color: #fafbfc;
}

.div-item:hover, .div-occur:hover{
    background-color: #d9edf7;
}

.invite button{
    border-radius: 5px;
    margin: 2.5px;
    width: 40px;
    height: 25px;
    color: #fff;
    border: none;
    font-weight: 600;
}


.newEvent-lab select{
    padding: 0 20px;
    text-align: left;
    font-size: 12.5px;
    height: 30px;
    color: #969696;
    margin-bottom: 15px;
}

.modal h3{
    font-size: 12.5px;
    color: #000000;
    font-weight: 400;
}

.modal .checkList p{
    font-size: 12.5px;
    color: #909090;
    font-weight: 300;
    font-style: italic;
    line-height: 14px;
    padding: 5px 0 5px 10px;
}

.modal label{
    padding-right: 10px;
    font-size: 12.5px;
    color: #000000;
    font-weight: 500;
}

#newEvent .ne-description,#newTeam .ne-description, #org-edit .ne-description, .event-edit .ne-description,#newGroup .ne-description {
    width: 100%;
    max-width: 610px;
    min-height: 100px;
    max-height: 300px;
    margin-bottom: 20px;
    padding: 10px;
    font: 400 12px Arial;
}

#newEvent .locDiv input, .event-edit .locDiv input{
    margin: 10px 0 15px;
    width: 100%;
    /* max-width: 585px; */
}

#newEvent .modal-footer{
    padding-bottom: 20px;
    background-color: #fff;
    border-radius: 0 0 5px 5px;
}

.open .dropdown-menu {
    display: block;
}

.here{
    font-weight: 600;
    border: none;
    border-bottom: 2px solid;
    margin: 10px 0;
    font-size: 14px;
    background: none;
    color: #3a87ad;
}

.here:hover, .here:active{
    color:#297094;
}

/* ***************************************************************************************************************** */



/* ********************************************************************************************************************* */

.address-wrap select {
    width: 90px;
}

.zero-name{
    padding-top: 10px;
    font-weight: 600;
    font-size: 13px;
    min-width: 115px;
}

.zero{
    background-color: #000;
    color: #fff;
    font-size: 11px;
    height: 15px;
    text-align: center;
    width: 15px;
    line-height: 15px;
    border-radius: 8px;
    position: absolute;
    top: 0;
    right: 0;
}

.search-bar, .search-field {
    background-color: #fff;
    border-radius: 0 5px 5px 0;
    margin: 0px 0 10px;
    padding: 15px 0 15px 10px;
    width: 100%;
    display: flex;
    flex: 1;
}

.search-bar-image{
    background: url(/images/search-icon.png) no-repeat;
    background-color: #E5E6EB;
    width: 60px;
    height: 60px;
    background-size: 100%;
    border: solid 2px #E5E6EB;
    border-radius: 30px;
}

.info-icon{
    background: url(/images/info.png) no-repeat;
    width: 20px;
    height: 20px;
    background-size: 100%;
    border: none;
}

/* .search-bar ul {
    width: 593px;
    margin: 0 auto;
} */

.search-btn{
    background-color: #FF9201;
    color: #fff;
    height: 30px;
    font-size: 11px;
    font-weight: 600;
    width: 75px;
    text-transform: uppercase;
    /* display: inline-block; */
    padding: 0 3px;
    /* margin-bottom: 0; */
    /* line-height: 1.428571429; */
    text-align: center;
    /* white-space: nowrap; */
    /* vertical-align: middle; */
    cursor: pointer;
    border: 1px solid transparent;
    border-radius: 4px;
}

.ses-nav .full{
    display: flex;
}

#org-content .ses-nav .full{
    display: block;
}

.ses-nav .l{
    padding: 10px 5px;
    margin: 0 5px;
}
.ses-nav .responsive{
    margin: 10px 0;
    display: none;
}

.setting-nav .responsive{
    margin: 10px 0;
    display: none;
}

#srch-res .days span{
    border-radius: 12px;
    border: solid 2px;
    padding: 0px 4px 2px;
    font-size: 11px;
    font-weight: 600;
}

.setting-nav .responsive li{
    margin-bottom: 3px;

}
/* ********************************************************************************************************* */

.stat-blocker {
    width: 80%;
    height: 60%;
    border-radius: 4px;
    color: #3a87ad;
    background-color: #d9edf7e8;
    padding: 40px 20px;
    position: absolute;
    top: 20%;
    left: 10%;
    text-align: center;
}

#wallMessage-section {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
}

#wall,#wall-alt{
    flex: 4;
    background-color: #fff;
    border-radius: 5px;
    padding: 20px !important;
    width: 100%;
    margin-top: 10px;
    max-height: 1000px;
    overflow-y: scroll;
}

.normInput{
    width: 100%;
    height: 30px;
    border-radius: 5px;
    border: solid #969696 1px;
    padding-left: 10px;
}

#wallMessage-section .spacer{
    min-width:20px;
}

#feed{
    max-height: 600px;
    overflow-y: scroll; 
}

#message-section{
    flex:6;
    background-color: #fff;
    border-radius: 5px;
    padding: 20px !important;
    width: 100%;
    margin-top: 10px;
    max-height: 1000px;
    overflow-y: scroll;
    /* min-width: 350px; */
}

#message-section[state="contribution"]{
    min-width: 300px;
}

#message-section.event .feedPost{
    width: 100%;
}

.stat-blocker b {
    margin: 0 auto;
}

.stat-section{
    background-color: #fff;
    border-radius: 5px;
    padding: 20px !important;
    width: 100%;
    margin-top: 10px;
    position: relative;
}

.stat-line {
    display: flex;
    flex-wrap: wrap;
    margin-top: 10px;
    flex:1;
    /* padding-right: 20px; */
    min-width: 350px;
}

.stat-line .text{
    min-width: 145px;
    margin-bottom: 5px;
}

.stat-line .stars{
    min-width: 200px;
}

/* ********************************************************************************************** */

#userEdit img{
    background-size: auto 100% !important;
    background-position: center center !important;
    background-repeat: no-repeat;
    width: 100%;
    /* height: 139px; */
    max-width: 150px;
    border-radius: 100px;
    border: 1px solid #E5E6EB;
    margin: 0 auto;
    background-color: #E5E6EB;
}

ul.con-aside li, ul.con-setting-aside li {
    text-align: center;
}

ul.con-aside li.con-img, ul.con-setting-aside li.con-img {
    background-size: auto 100% !important;
    background-position: center center !important;
    background-repeat: no-repeat;
    width: 75px;
    height: 75px;
    border-radius: 100px;
    border: 4px solid #FF9300;
    position: relative;
    margin: 0 auto;    

}

ul.prof-aside li {
    text-align: center;
}

ul.prof-aside li.prof-img {
    background-size: auto 100% !important;
    background-position: center center !important;
    background-repeat: no-repeat;
    width: 139px;
    height: 139px;
    border-radius: 100px;
    border: 4px solid #FF9300;
    position: relative;
    margin: 0 auto;
    background-color: #E5E6EB;    

}

#srch-res li.prof-img, .img-120{
    background-size: auto 100% !important;
    background-position: center center !important;
    background-repeat: no-repeat;
    width: 120px;
    height: 120px;
    border-radius: 100px;
    position: relative;
    margin: 0 auto;
    background-color: #E5E6EB;    

}

#courtEdit .img{
    background-size: auto 100% !important;
    background-position: center center !important;
    background-repeat: no-repeat;
    width: 185px;
    height: 110px;
    position: relative;
    margin: 0 auto;
    background-color: #E5E6EB;    

}

#gallerySection .outer{
    display: inline-block; 
    margin: 5px;
    min-width: 200px;
    flex: 1;
}

#gallerySection .inner{
    width: 200px;
    height: 200px;
    border: 1px solid rgb(214, 214, 214);
    vertical-align: middle;
    text-align: center;
    display: table-cell;
}

#gallerySection img{
    max-width: 100%;
    max-height: 100%;
    display: block;
    margin: 0 auto;
}

#eventHistory .row,#awardHistory .row{
    background-color: #fafbfc;
    padding: 15px 10px;
    margin: 5px;
}

.img-60{
    background-size: auto 100% !important;
    background-position: center center !important;
    background-repeat: no-repeat;
    width: 60px;
    height: 60px;
    border-radius: 100px;
    position: relative;
    margin: 0 auto;
    background-color: #E5E6EB;    

}

.thumbnails .img{
    background-size: auto 100% !important;
    background-position: center center !important;
    background-repeat: no-repeat;
    width: 95px;
    height: 95px;
    margin: 5px 10px;
}

#mainImage .thumbnails{
    display: flex;
    flex-wrap: wrap;
    max-height: 325px;
    overflow: scroll;
}

#srch-res .dt{
    border-radius: 12px;
    border: solid 2px;
    padding: 2px;
    font-size: 11px;
    font-weight: 600;
    width: 24px;
    text-align: center;
    margin: 0 2px;    
}

#srch-res .df{
    padding: 2px;
    font-size: 11px;
    color: #E5E6EB;
    font-weight: 400;
    width: 24px;  
}

#srch-res ul, .myOrgs .org-list, #favoriteSection ul{
    background-color: #fafbfc;
    min-width: 200px;
    max-width: 400px;
    margin: 5px;
    padding: 10px 5px;
    flex: 1;
    /* display: flex;
    flex-wrap: wrap */
}

#srch-res .detail, .feedPost .detail-alt{
    font-size: 11px;
    line-height: 14px;
    font-weight: 400;
    color: #6d6d6d;
}

.sec-title{
    font-size: 15px;
    font-weight: 600;
    text-transform: uppercase;
}

.pendingItem{
    display: flex;
    padding: 15px 0;
    min-width: 250px;
    flex: 1;
}

.comText{
    text-align: center;
    font-size: 12px;
    line-height: 15px;
    overflow-y: hidden;
    font-weight: 300;
}

.pendingItem .btns button{
    height: 25px;
    width: 60px;
}

.pendingItem .prof-img {
    background-size: auto 100% !important;
    background-position: center center !important;
    background-repeat: no-repeat;
    width: 75px;
    height: 75px;
    min-width: 75px;
    border-radius: 40px;
    border: none;
    position: relative;
    background-color: #E5E6EB;    

}

#courtEdit .img img{
    width: inherit;
}

ul.prof-aside li.prof-rating {
    width: 100px;
    margin: 10px auto;
}

ul li.org-list:hover, #courtAdd .option:hover, #notitication-btn:hover{
    box-shadow: 0px 0px 5px 1px #444444b8;
}

ul.search-wrap li {
    float: left;
    margin: 0 5px;
    /* width: 15%; */
}

ul.tabs li.r{
    padding-top: 50px;
    max-width: 314px;
    height: 332px;
    color: #fff;
    text-align: center;
    margin: 15px 5px;
}

ul.tabs li.f{
    flex: 1;
}

ul.tabs li:nth-child(2){
    background: url(../images/li-1st.png) no-repeat;
}

ul.tabs li:nth-child(3){
    background: url(../images/li-2nd.png) no-repeat;
}

ul.tabs li:nth-child(4){
    background: url(../images/li-3rd.png) no-repeat;
}

.user-img {
    background-size: auto 100% !important;
    background-position: center center !important;
    background-repeat: no-repeat;
    width: 47px;
    height: 47px;
    border: 2px solid #FF9300;
    border-radius: 100px;
    margin-right: 8px;    
    cursor: pointer;
    background-color: #E5E6EB;
}

.openGymBar, .openGymLabel{
    display: flex;
}

.openGymLabel div{
    font-weight: 700;
    border-left: solid 2px;
    font-size: 9px;
    padding: 5px 0 0 2px;
}

.openGymBar .sb{
    flex:1;
    width: 100%;
    height: 20px;

}

.openGymBar .lb{
    flex: 3;
    width: 100%;
    height: 20px;
}

#court-content, #org-content{
    width: 100%;
    display: flex;
    flex-wrap: wrap;
}

#court-content .spacer, #org-content .spacer{
    min-width: 20px;
}

#court-content .pickup-section .dt, #gameSection .dt, #favoriteSection .dt{
    border-radius: 12px;
    border: solid 2px;
    padding: 2px;
    font-size: 11px;
    font-weight: 600;
    width: 24px;
    text-align: center;
    margin: 0 2px;
}

#court-content .pickup-section .df, #gameSection .df, #favoriteSection .df{
    padding: 2px;
    font-size: 11px;
    color: #E5E6EB;
    font-weight: 400;
    width: 24px;

}

i{
    font-style: italic;
}

.hide{
    display: none;
}

#court-content .pickup-section .io{
    font-weight: 600;
    padding: 5px 0;
    font-size: 11px;
    text-decoration: underline;

}

#calendarDetail .og-alert{
    text-align: right;
    font-weight: 400;
    font-size: 12px;
    font-style: italic;
}

.day-head{
    line-height: 30px;
    margin-bottom: 10px;
    color: #009ddc;
    font-weight: 600;
    text-decoration: underline;
    text-align: center;
}

#calendarDetail .title{
    margin: 10px 0;
    font-size: 14px;
    font-weight: 600;
}

#calendarDetail .note{
    margin-top: 10px;
    font-size: 13px;
    font-style: italic;
    font-weight: 300;
}

.feedPost .btns button, #mSMgs .btns button, #srch-res .btns button, .ses-item .btns button, .btns35 button{
    background-size: cover;
    background-position: center center !important;
    background-repeat: no-repeat;
    width: 35px;
    height: 35px;
    border: 2px solid #E5E6EB;
    border-radius: 100px;
    margin-right: 10px;
    cursor: pointer;
    background-color: #E5E6EB;
}

.btns30 button{
    background-size: cover;
    background-position: center center !important;
    background-repeat: no-repeat;
    width: 30px;
    height: 30px;
    border: 2px solid #E5E6EB;
    border-radius: 100px;
    margin-right: 10px;
    cursor: pointer;
    background-color: #E5E6EB;
}

.btns20 button{
    background-size: cover;
    background-position: center center !important;
    background-repeat: no-repeat;
    width: 20px;
    height: 20px;
    border: 2px solid #E5E6EB;
    border-radius: 100px;
    margin-right: 10px;
    cursor: pointer;
    background-color: #E5E6EB;
}

.btns30 button[state="gray"]:active{
    border: 2px solid #E5E6EB;
    background-color: #E5E6EB;
}

#livig{
    background: none;
    border: none;
    font-family: 'Conv_Muli';
    color: #3a87ad;
}

#livig:hover{
    text-decoration: underline;
}

.gen-btn{
    color: #fff;
    border-radius: 3px;
    border:none;
    background-color: #428BCA;
    text-transform: capitalize;
}

.gen-btn:active{
    text-decoration: underline;
}

.gen-btn:hover{
    background-color: #3878b1;
}

.gen-btn.close, .gen-btn.cancel, .gen-btn[type="reset"]{
    color: #000;
    background: #E5E6EB;
}

.gen-btn.close:hover, .gen-btn.cancel:hover, .gen-btn[type="reset"]:hover{
    background-color: #a7a8aa;
}

.gen-btn[response="a"], .gen-btn.green, .gen-btn[type="submit"]{
    background: #07e919;
}

.gen-btn[response="a"]:hover, .gen-btn.green:hover, .gen-btn[type="submit"]:hover{
    background-color: #10b61d;
}

.gen-btn[response="d"], .gen-btn[response="declined"]{
    background: #e90707;
}

.gen-btn[response="d"]:hover, .gen-btn[response="declined"]:hover{
    background-color: #b61010;
}

#allowPayment button{
    width: 80px;
    font-weight: 600;
    padding: 3px 0;
    margin: 5px;
    border-radius: 15px;
    color: #fff;
}


.feedPost .btns button:hover, #mSMgs .btns button:hover, #srch-res .btns button:hover, .ses-item .btns button:hover, .btns35 button:hover, .btns30 button:hover,.gall-full:hover{
    border: 2px solid rgb(102, 102, 102);
    background-color:rgb(102, 102, 102);
}

.feedPost .btns button:active, #mSMgs .btns button:active, #srch-res .btns button:active, .ses-item .btns button:active, .btns35 button:active,.btns20 button[state="blue"],.btns30 button[state="blue"],.btns35 button[state="blue"],.gall-full:active,.gall-full[state="blue"],.btns30 button:active,.btns35 button:active{
    border: 2px solid #428BCA;
    background-color:#428BCA;
}

.btns20 button[state="blue"]:hover,.btns30 button[state="blue"]:hover,.btns35 button[state="blue"]:hover,.gall-full[state="blue"]:hover,.btns20 button[state="blue"]:active, .btns30 button[state="blue"]:active, .btns35 button[state="blue"]:active{
    border: 2px solid rgb(36, 112, 179);
    background-color:rgb(36, 112, 179);

}

.feedPost button[state="on"], #srch-res button[state="on"],.btns30 button[state="on"], .btns35 button[state="on"]{
    border: 2px solid rgb(20, 216, 2);
    background-color: rgb(20, 216, 2);
}

.feedPost button[state="on"]:hover, #srch-res button[state="on"]:hover,.btns30 button[state="on"]:hover, .btns35 button[state="on"]:hover{
    border: 2px solid rgb(11, 138, 0);
    background-color: rgb(11, 138, 0);
}

.feedPost button[state="on"]:active, #srch-res button[state="on"]:active, .btns30 button[state="on"]:active, .btns30 button[state="red"],.btns35 button[state="red"],.btns30 button[state="red"]:active,.btns35 button[state="red"]:active{
    border: 2px solid rgb(247, 0, 0);
    background-color: rgb(247, 0, 0);
}

.btns30 button[state="red"]:hover,.btns35 button[state="red"]:hover{
    border: 2px solid rgb(187, 4, 4);
    background-color: rgb(187, 4, 4);
}

#canvas{
    margin-top: 30px;
    max-height: 410px;
}

#canvas img{
    max-width: 100%;
}

#cropBtn{
    background: #1fff01;
}

#cropModal .btns{
    position: absolute;
    left: 15px;
    top: 15px;
    display: flex;
    width: 98%;
    padding-right: 15px;
}

#cropModal .viewBox_close{
    background: #cfcece;
}

#cropModal .btns button{
    border-radius: 12px;
    border: none;
    color: #fff;
    padding: 4px 9px;

}

.gall-full{
    background-image: url(/images/gallery-full.png);
    background-size: cover;
    background-position: center center !important;
    background-repeat: no-repeat;
    width: 115px;
    height: 30px;
    border: 2px solid #E5E6EB;
    border-radius: 8px;
    margin-right: 10px;
    cursor: pointer;
    background-color: #E5E6EB;
}

#galleryModal .frame button{
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    border: none;
    background-color: #fff;
    width: 20px;
}



.day-section{
    background-color: #fff;
    border-radius: 5px;
    padding: 20px !important;
    width: 100%;
    margin-top: 10px;
    min-width: 260px;
}

.pickup-section, .contribution-section{
    background-color: #fff;
    border-radius: 5px;
    padding: 20px !important;
    width: 100%;
}

.court-left{
    flex: 4;
    width: 100%;
    margin-top: 10px;
    min-width: 260px;

}

.event-left{
    flex: 4;
    width: 100%;
    margin-top: 10px;
    min-width: 260px;
    max-height: 1000px;
    overflow-y: scroll;
}

#courtBtns{
    position: absolute;
    right: -25px;
    top: 45px;
    z-index: 100;
    display: flex;
}

.userProfile-section, .courtProfile-section, .contributionProfile-section{
    background-color: #fff;
    border-radius: 5px 0 5px 5px;
    padding: 20px 20px 45px !important;
    width: 100%;
    min-height: 290px;
    position: relative;
}

.userProfile-section .edit, .courtProfile-section .edit{
    /* width: 55px; */
    position: absolute;
    right: 35px;
}

.userProfile-section a .edit, .courtProfile-section a .edit{
    color: #5E5F61;
}

.userProfile-section .info{
    float: left;
    min-height: 190px;
    margin: 20px 0 0 15px;
}

.contributionProfile-section .info{
    min-width: 250px;
    margin: 20px 0 0 15px;
    overflow-x: scroll;
}

.courtProfile-section .info, .courtProfile-section .add-info{
    flex: 1;
    margin: 0 0 0 15px;
    min-width: 292px;
    max-width: 700px;
}

.courtProfile-section .hours{
    padding-left:15px;
    display: flex;
    min-width: 260px;
    max-width: 296px;;
    flex:1;
}

.courtProfile-section .hours .day{
    margin-bottom: 5px;
    font-size: 13px;
    font-weight: 300;
    line-height: 19px;
}

.userProfile-section .col-5 h1{
    color: #428BCA;
    font-size: 25px;
    font-family: 'Conv_BebasNeue' , 'HelveticaNeue', Helvetica, Arial, sans-serif;
    text-align: left;
    text-transform: uppercase;
}

.userProfile-section p, .courtProfile-section p,.contributionProfile-section p{
    margin-bottom: 10px;
    font-size: 13px;
    font-weight: 300;
    line-height: 19px;
}

.userProfile-section .prof-img{
    /* width: 200px; */
    float: left;
}

.courtProfile-section .prof-img {
    flex: 1;
    max-width: 296px;
    min-width: 259px;
    margin-bottom: 15px;
    position: relative;
    cursor: pointer;
}

.userProfile-section .prof-img img{
    width: 200px;
    height: 200px;
}

.courtProfile-section .prof-img img{
    width: 100%;
    /* height: 176px; */
}

.gen-image{
    border-radius: 100px;
    background-color: #E5E6EB;
}

.userProfile-section .col-5 #star{
    margin: 10px 0;
}

/*THIS CODE IS FOR THE FORM ON THE NEW CONTRIBUTOR, USER*/

.newUser-form {
    padding: 16px;
}

.newUser-btn{
    border: 2px solid #009ddc;
    max-width: 250px;
    background-color: #fff;
    font-family: 'Conv_BebasNeue' , 'HelveticaNeue', Helvetica, Arial, sans-serif;
    color: #009ddc;
    text-transform: uppercase;
    font-size: 30px;
    letter-spacing: -0.50px;
}

.newUser-form input, .newUser-form select {
    padding: 0 10px;
    text-align: left;
    font-size: 12.5px;
    width: 100%;
    height: 40px;
    color: #969696;
    margin-bottom: 15px;
    font: 400 13.3333px Arial;
}

.newUser-form input.short-input {
    width: 48%;
}

.newUser-form input.long-input, .newUser-form .address-wrap {
    width: 48%;
}

.newUser-form .left{
    margin-right: 3.4%;
}

.newUser-form .address-wrap input {
    width: 35%;
}

.newUser-form .address-wrap select {
    width: 12.5%;
}

#courtTable ul, #userTable ul{
    position: absolute;
    top: 83%;
    right: 0;
    z-index: 199;
    min-width: 100px;
    padding: 5px 0;
    margin: 2px 0 0;
    background-color: #ffffff;
    border: 1px solid rgba(0, 0, 0, 0.15);
    border-radius: 4px;
    box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
    background-clip: padding-box;
}

#courtTable li, #userTable li{
    padding: 5px;
    font-weight: 400;
    font-size: 13px;
}



/* For Firefox */
input[type='number'] {
    -moz-appearance:textfield;
}
/* Webkit browsers like Safari and Chrome */
input[type=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button {
    -webkit-appearance: none;
    margin: 0;
}

.uv-content{
    padding: 10px !important;
    position: relative;
    width: 100%;
    max-width: 960px;
    margin: 20px auto 0;
}
#score-btn{
    display: none;
}

header .responsive{
    display: none;

}

header .hamburger-nav{
    display: none;
}

/* header.con .hamburger-white{
    background-size: auto 100% !important;
    background-position: center center !important;
    background-repeat: no-repeat;
    width: 40px;
    height: 55px;
    border: none;
    margin: 10px 10px 0;
    cursor: pointer;
    background: url(../images/hamburger.png) no-repeat;
    float: right;
} */

header .hamburger-white{
    background-size: auto 100% !important;
    background-position: center center !important;
    background-repeat: no-repeat;
    width: 40px;
    height: 55px;
    border: none;
    margin: 10px 10px 0;
    cursor: pointer;
    background: url(../images/hamburger.png) no-repeat;
    float: right;
}

/* header.user .hamburger-white{
    background-size: auto 100% !important;
    background-position: center center !important;
    background-repeat: no-repeat;
    width: 40px;
    height: 55px;
    border: none;
    margin: 10px 10px 0;
    cursor: pointer;
    background: url(../images/hamburger.png) no-repeat;
    float: right;
} */

.main-section .hamburger-black, .main .hamburger-black{
    background-size: auto 100% !important;
    background-position: center center !important;
    background-repeat: no-repeat;
    width: 40px;
    height: 35px;
    border: none;
    margin: 0 10px;
    cursor: pointer;
    background: url(../images/hamburger-black.png) no-repeat;
}

.search-bar .hamburger-orange {
    background-size: auto 100% !important;
    background-position: center center !important;
    background-repeat: no-repeat;
    width: 40px;
    height: 30px;
    border: none;
    margin: 0 10px;
    cursor: pointer;
    background: url(../images/hamburger-orange.png) no-repeat;
}

.search-bar .hamburger-nav {
    display: none;
    position: relative;
}

.responsive-drop{
    position: fixed;
    right: 0;
    top: 80px;
    z-index: 99;
    min-width: 300px;
    padding: 10px;
    list-style: none;
    background-color: #ffffff;
    border: none;
    box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
}

.responsive-ses{
    position: absolute;
    left: 0;
    top: 40px;
    z-index: 98;
    min-width: 200px;
    padding: 10px;
    list-style: none;
    background-color: #ffffff;
    border: none;
    box-shadow: 4px 4px 6px rgba(0, 0, 0, 0.175);
}

.responsive-search {
    position: absolute;
    right: 0;
    top: 40px;
    z-index: 98;
    min-width: 150px;
    padding: 10px;
    list-style: none;
    background-color: #ffffff;
    border: none;
    box-shadow: 4px 4px 6px rgba(0, 0, 0, 0.175);
}

.responsive-drop li{
    margin: 10px 0;
    padding: 3px 0;
}

.absolute-close{
    border-radius: 12px;
    position: absolute;
    right: 15px;
    top: 15px;
    background: #cfcece;
    border: none;
    color: #fff;
    padding: 4px 9px;
}

#teamBoxBtns,#teamBtns, .altBtns{
    margin: 20px auto;
    text-align: center;
    max-width: 304px;
    padding: 2px;
    background:#428BCA
}

.dropdown-menu .fa{
    display: none;
}

.ses-nav .hamburger-nav{
    position: relative;
    display: none;
}

#gameType fieldset{
    flex: 1;
    min-width: fit-content;
}

#gameTeams{
    clear: both;
    width: 80%;
    margin: 0 auto;
    display: flex;
}

#dateHead .date{
    flex: 3;
}

#dateHead .time{
    flex: 2;
}

#dateHead .teams{
    flex: 6;
}

#dateHead .scores{
    flex: 1;
}

#dateHead .location{
    flex: 8;
}

#courtTable .responsive, #userTable .responsive, #organizationTable .responsive{
    display:none;
}

#courtTable .responsive button, #userTable .responsive button, #organizationTable .responsive button{
    border-radius: 5px;
    background-image: url(/images/caret.jpg);
    border: solid 1px;
    margin-right: 0;
    cursor: pointer;
}

#courtTable .altFilter, #userTable .altFilter, #organizationTable .altFilter, #srch-alt{
    display:none;
}

.join-sprite{
    width: 17px;
    height: 15px;
    /* position: relative; */
    /* float: left; */
    display: block;
    cursor: pointer;
    background: url(../images/user-sprite.jpg) no-repeat;
    margin: 0 6px;
}

#courtTable th, #userTable th, #organizationTable th{
    padding-left: 5px;
}

#loadMore-post button{
    border: none;
    padding: 10px;
    font-weight: 600;
    color: #fff;
    background-color: #3a87ad;
    border-radius: 3px;
}

#org-content .f4{
    flex: 4;
    background-color: #fff;
    border-radius: 5px;
    padding: 20px !important;
    margin-top: 10px;
    min-width: 260px;
    max-height:350px;
    overflow-y: scroll;
}

#org-content .f6{
    flex: 6;
    background-color: #fff;
    border-radius: 5px;
    padding: 20px !important;
    margin-top: 10px;
    max-height:350px;
    overflow-y: scroll;
}

#org-content .main{
    width: 100%;
    background-color: #fff;
    border-radius: 5px;
    padding: 20px !important;
    margin-top: 10px;
}

#org-content .placeholder{
    background-size: auto 100% !important;
    background-position: center center !important;
    background-repeat: no-repeat;
    width: 150px;
    height: 150px;
    border-radius: 5px;
    position: relative;
    margin: 5px auto;
    opacity: 0.65;
}

#groupList .item{
    display:flex;
    padding: 10px;
    margin: 5px;
    flex:1;
    background-color: #fafbfc;
    min-width: 230px;
    max-width: 500px;
}

#groupList .item:hover{
    box-shadow: 0px 0px 5px 1px #4444446b;
}

#idx-msg{
    min-width:300px;
}

#tour p{
    font-family: 'OpenSans-Cond';
    font-size: 20px;
    margin-bottom: 10px;
    text-indent: -15px;
    padding-left: 15px;
    line-height: 24px;
}

#tour .pgBtns button{
    width: 40px;
    height: 40px;
    background-size: auto 75% !important;
    background-position: center center !important;
    background-repeat: no-repeat;
    border-radius: 20px;
    border: none;
}

#tour .icon{
    width: 40px;
    height: 40px;
    background-size: auto 100% !important;
    background-position: center center !important;
    background-repeat: no-repeat;
    float: left;
    margin: 0 20px 10px 0;
}

#tour .pgBtns{
    opacity: 20%;
}

#tour .pgBtns:hover{
    opacity: 50%;
}

#tour .pgBtns button{
    width: 40px;
    height: 40px;
    background-size: auto 75% !important;
    background-position: center center !important;
    background-repeat: no-repeat;
    border-radius: 20px;
    border: none;
}

#tour .pg{
    height: 380px;
    overflow-y: scroll;
}

.notfn-view{
    flex: 1;
    font-weight: 600;
    font-size: 13px;
    margin-left: 15px;
}

#tour .modal-footer button{
    background-size: auto 100% !important;
    background-position: center center !important;
    background-repeat: no-repeat;
    background-color: #616161;
    border: none;
}

#tour .modal-footer button.show{
    background-color: #428BCA;
}

/*JQUERY BRACKET STYLES*/
div.jQBracket .team, div.jQBracket .team.lose{
    /* position: relative;
    z-index: 1;
    float: left; */
    background-color: unset;
    /* cursor: default; */
}

div.jQBracket .team div.label {
    font-size: 12.5;
    font-weight: 600;
}

div.jQBracket{
    margin: 0 auto;
}

/* #org-content div.jQBracket .team.na */

div.jQBracket .bubble{
    display:none;
}

/*USED ONLY FOR SPECIAL CASES*/
@media screen and (max-width: 1085px) {
    #message-section .newPost,#message-section .feedPost{
        width: 100%;
    }
}

/*USED ONLY FOR SPECIAL CASES*/
@media screen and (max-width: 940px) {
    #message-section[state="contribution"], #org-content .f6{
        min-width: 350px;
    }

    #org-content .f6{
        min-width: 400px;
    }

    #message-section.event .feedPost{
        width: 50%;
    }

    #org-content .spacer[num="2"]{
        display: none;
    }
}

@media screen and (max-width: 850px) {
    .main-section .newPost, .feedPost{
        width: 100%;
    }

    #courtTable .full{
        display:none;
    }

    #courtTable .responsive{
        display:block;
    }

    .stat-line {
        min-width: 205px;
    }
    .dateRow .time p{
        float: none;
        margin-right: 0;
    }

    #nonrep-right{
        display: none;
    }

    #rep-right{
        display: block;
    }

    #dateTable .dateRow .date, #dateHead .date{
        display: none;
    }

    #dateTable .dateRow .alt-date{
        display: block;
    }

    .dateRow .time, #dateHead .time{
        flex: 4;
    }

    .dateRow .con1{
        flex:4
    }

    .dateRow .con2{
        flex:16
    }

    .dateRow .teams, #dateHead .teams{
        flex: 7
    }
  
}

@media screen and (max-width: 675px) {
    #idx-msg{
        min-width:400px;
        margin-bottom: 5px;
    }

    header .full{
        height: 80px;
    }

    header.uv .full div, header.uv .full a, header.uv .full nav{
        display:none
    }

    ul.tabs li:nth-child(2),ul.tabs li:nth-child(3),ul.tabs li:nth-child(4){
        background: url(../images/li-step-orange.png);
        background-size: cover;
        /* background-position: center center !important; */
        background-repeat: no-repeat
    }

    #courtTable .filterGroup, #courtTable th span,#courtTable td span, #userTable .filterGroup, #userTable th span,#userTable td span, #organizationTable .filterGroup, #organizationTable th span, #organizationTable td span{
        display:none;
    }

    #courtTable .altFilter, #userTable .altFilter, #organizationTable .altFilter,#srch-alt{
        display:block;
    }

    ul.tabs{
        flex-wrap: wrap;
    }

    ul.tabs img{
        height: -webkit-fill-available;
        width: auto;
        max-width: 115px;
        padding: 5px 10px;
    }

    ul.tabs li.r {
        display: flex;
        padding: 10px;
        max-width: 100%;
        height:120px;
        color: #fff;
        margin: 5px;
    }

    .ext-mold .in{
        flex:1;
        min-width: 0;
    }

    .ext-video, .reg-form{
        margin: 5px 10px
    }

    #court-content .spacer{
        display: none;
    }

    #court-content .court-left{
        min-width: 300px;
    }

    #message-section, #wall,#wall-alt{
        min-width: 365px;
    }

    .search-bar .hamburger-nav {
        display: block;
    }

    .search-bar .search-wrap {
        display: none;
    }

    header .full .hdr-logo {
        min-width: 190px;
        height: 60px;
        margin: 10px;
    }

    .beta-user {
        font-size: 12px;
        border-radius: 10px;
        bottom: 0px;
        left: 60px;
    }

    #wallMessage-section .spacer {
        min-width: 0;
    }

    .stat-blocker {
        padding: 70px 20px;
    }

    .dateRow .time p{
        margin-top: 5px;
    }

    .ses-nav .responsive{
        display: flex;
    }

    .setting-nav .responsive{
        display: flex;
    }

    #dateTable, #sched-alt{
        margin: 10px 0;
    }

    .dropdown-menu .fa{
        display: block;
    }

    .aside-wrap{
        display: none;
    }

    #score-btn{
        display: inline;
    }

    header.uv .responsive{
        display: flex;
        position: fixed;
        background-color: #000;
        z-index: 100;
        width: 100%;
        top: 0;
    }
  
    .social h1 {
        padding: 20px 0 0;
        text-align: center;
        text-transform: uppercase;
        font-size: 30px;
    }
    
    .social-btn {
        flex: 1;
        margin: 10px 20px;
    }
    
    .social-btn li{
        flex: 1;
    }  
}

/*USED ONLY FOR SPECIAL CASES*/
@media screen and (max-width: 620px) {
    #message-section[state="contribution"], #org-content .f6, #org-content .f4, .event-left{
        min-width: 300px;
    }

    #org-content .spacer{
        display: none;
    }

    #message-section.event .feedPost{
        width: 100%;
    }
    
    #messageSection .recipients{
        min-width: 280px;
        max-width: 600px;
        max-height: 175px;
    }
    
    #messageSection .expanded{
        min-width: 280px;
        max-width: 600px;
    }
}

@media screen and (max-width: 500px) {
    .userProfile-section .flex, .contributionProfile-section .flex{
        flex-wrap:wrap
    }

    #idx-msg{
        min-width:300px;
    }

    .reg-form{
        width: 300px;
    }

    header .full .hdr-logo, header .full .hdr-logo-alt{
        display:none
    }

    header.user .responsive {
        display: flex;
        position: fixed;
        background: url(../images/dashboard-header-bg.jpg) repeat-x;
        z-index: 100;
        width: 100%;
        top: 0;
    }

    .courtProfile-section .info, .courtProfile-section .add-info {
        margin: 0;
        min-width: 260px;
    }

    #message-section, #wall,#wall-alt{
        min-width: 300px;
    }

    .stat-blocker {
        padding: 95px 20px;
    }

    #header-user {
        height: 80px;
    }

    #header-user nav{
        display: none;
    }

    #errContent h1{
        font-size: 50px;
    }

    #gameTeams{
        width: 100%;
    }

    .ses-nav .full, #org-content .ses-nav .full{
        display: none;
    }

    .ses-nav .hamburger-nav{
        display: block;
    }

    header.con .responsive, #header-verified .responsive{
        display: flex;
        position: fixed;
        background-color: #000;
        z-index: 100;
        width: 100%;
        top: 0;
    }

    .user-wrap{
        display: none
    }

    #nonrep-right{
        display: none;
    }

    #rep-right{
        display: block;
    }
    
    #score-btn-header, #signin-btn-header, #header-unverified .rep-nav{
        display: none;
    }

    header .hamburger-nav{
        display: block;
    }

    #match-teams{
        display: none;
    }

    .locationInfo{
        border-right: none;
    }

    .record{
        display: none;
    }

    .blueBorder-btn {
        width: 90px;
    }

    .dateRow .location, #dateHead .location{
        display: none;
    }

    #dateTable .dateRow .alt-location{
        display: block;
    }

    .dateRow .time, #dateHead .time{
        flex: 7;
    }

    .dateRow .teams, #dateHead .teams {
        flex: 11;
    }

    .dateRow .con1{
        flex:7
    }

    .dateRow .con2{
        flex:13
    }

    .dateRow .scores, #dateHead .scores {
        flex: 2;
    }
}

/* SHOULD NOT BE HEAVILY USED FOR SPECIAL IMPORTANT CASES */
@media screen and (max-width: 425px) {

    #permission .name{
        min-width: 125px;
    }

    #permission .email{
        max-width: 115px;
    }

    #notificationSection .content-area{
        right: -17px;
    }
}