/*************
Default Theme
*************/
/* overall */
.tablesorter-default {
    width: 100%;
    font: 12px/18px Arial, Sans-serif;
    color: #333;
    background-color: #fff;
    border-spacing: 0;
    margin: 0;
    text-align: left;
}


/* header */
.tablesorter-default th,
.tablesorter-default thead td {
    font-weight: normal;
    font-family:'open_sansregular';
    font-size:15px;
    color: #707070;	border-collapse: collapse;
    border:1px solid #ceced0;
    padding: 0;
}
.tablesorter-default tfoot th,
.tablesorter-default tfoot td {
    border: 0;
}
.tablesorter-default .header,
.tablesorter-default th.tablesorter-header {
    background-image: url(data:image/gif;base64,R0lGODlhFQAJAIAAACMtMP///yH5BAEAAAEALAAAAAAVAAkAAAIXjI+AywnaYnhUMoqt3gZXPmVg94yJVQAAOw==);
    background-position: center left;
    background-repeat: no-repeat;
    background-color:#E6E6E6;
    cursor: pointer;
    white-space: normal;
    padding:10px 20px 10px 20px;
}
.tablesorter-default thead .headerSortUp,
.tablesorter-default thead th.tablesorter-headerSortUp,
.tablesorter-default thead th.tablesorter-headerAsc {
    background-image: url(data:image/gif;base64,R0lGODlhFQAEAIAAACMtMP///yH5BAEAAAEALAAAAAAVAAQAAAINjI8Bya2wnINUMopZAQA7);
    border-bottom: #028a83 2px solid;
}
.tablesorter-default thead .headerSortDown,
.tablesorter-default thead th.tablesorter-headerSortDown,
.tablesorter-default thead th.tablesorter-headerDesc {
    background-image: url(data:image/gif;base64,R0lGODlhFQAEAIAAACMtMP///yH5BAEAAAEALAAAAAAVAAQAAAINjB+gC+jP2ptn0WskLQA7);
    border-bottom: #028a83 2px solid;
}
.tablesorter-default thead .sorter-false {
    background-image: none;
    cursor: default;
    padding: 4px;
}


/* tfoot */
.tablesorter-default tfoot th.tablesorter-headerSortUp,
.tablesorter-default tfoot th.tablesorter-headerSortDown,
.tablesorter-default tfoot th.tablesorter-headerAsc,
.tablesorter-default tfoot th.tablesorter-headerDesc {
    border-top: #000 2px solid;
}

/* tbody */
.tablesorter-default td {
    font-weight: normal;
    font-family:'open_sansregular';
    font-size:12px;
    color: #707070;	border-collapse: collapse;
    border:1px solid #ceced0;
    padding: 9px 10px ;
    vertical-align: top;
}

/* hovered row colors */
.tablesorter-default tbody > tr.hover > td,
.tablesorter-default tbody > tr:hover > td,
.tablesorter-default tbody > tr.even:hover > td,
.tablesorter-default tbody > tr.odd:hover > td {
    /*background-color: #fff;
    color: #000;*/
}

/* table processing indicator */
.tablesorter-default .tablesorter-processing {
    background-position: center center !important;
    background-repeat: no-repeat !important;
    /* background-image: url(images/loading.gif) !important; */
    background-image: url('data:image/gif;base64,R0lGODlhFAAUAKEAAO7u7lpaWgAAAAAAACH/C05FVFNDQVBFMi4wAwEAAAAh+QQBCgACACwAAAAAFAAUAAACQZRvoIDtu1wLQUAlqKTVxqwhXIiBnDg6Y4eyx4lKW5XK7wrLeK3vbq8J2W4T4e1nMhpWrZCTt3xKZ8kgsggdJmUFACH5BAEKAAIALAcAAAALAAcAAAIUVB6ii7jajgCAuUmtovxtXnmdUAAAIfkEAQoAAgAsDQACAAcACwAAAhRUIpmHy/3gUVQAQO9NetuugCFWAAAh+QQBCgACACwNAAcABwALAAACE5QVcZjKbVo6ck2AF95m5/6BSwEAIfkEAQoAAgAsBwANAAsABwAAAhOUH3kr6QaAcSrGWe1VQl+mMUIBACH5BAEKAAIALAIADQALAAcAAAIUlICmh7ncTAgqijkruDiv7n2YUAAAIfkEAQoAAgAsAAAHAAcACwAAAhQUIGmHyedehIoqFXLKfPOAaZdWAAAh+QQFCgACACwAAAIABwALAAACFJQFcJiXb15zLYRl7cla8OtlGGgUADs=') !important;
}

/* Zebra Widget - row alternating colors */
.tablesorter-default tr.odd > td {
    background-color: #fff;
}
.tablesorter-default tr.even > td {
    background-color: #F2F2F2;
}

/* Column Widget - column sort colors */
.tablesorter-default tr.odd td.primary {
    background-color: #bfbfbf;
}
.tablesorter-default td.primary,
.tablesorter-default tr.even td.primary {
    background-color: #d9d9d9;
}
.tablesorter-default tr.odd td.secondary {
    background-color: #d9d9d9;
}
.tablesorter-default td.secondary,
.tablesorter-default tr.even td.secondary {
    background-color: #e6e6e6;
}
.tablesorter-default tr.odd td.tertiary {
    background-color: #e6e6e6;
}
.tablesorter-default td.tertiary,
.tablesorter-default tr.even td.tertiary {
    background-color: #f2f2f2;
}

/* caption */
caption {
    background-color: #fff;
}

/* filter widget */
.tablesorter-default .tablesorter-filter-row {
    background-color: #eee;
}
.tablesorter-default .tablesorter-filter-row td {
    background-color: #eee;
    border-bottom: #ccc 1px solid;
    line-height: normal;
    text-align: center; /* center the input */
    -webkit-transition: line-height 0.1s ease;
    -moz-transition: line-height 0.1s ease;
    -o-transition: line-height 0.1s ease;
    transition: line-height 0.1s ease;
}
/* optional disabled input styling */
.tablesorter-default .tablesorter-filter-row .disabled {
    opacity: 0.5;
    filter: alpha(opacity=50);
    cursor: not-allowed;
}
/* hidden filter row */
.tablesorter-default .tablesorter-filter-row.hideme td {
    /*** *********************************************** ***/
    /*** change this padding to modify the thickness     ***/
    /*** of the closed filter row (height = padding x 2) ***/
    padding: 2px;
    /*** *********************************************** ***/
    margin: 0;
    line-height: 0;
    cursor: pointer;
}
.tablesorter-default .tablesorter-filter-row.hideme * {
    height: 1px;
    min-height: 0;
    border: 0;
    padding: 0;
    margin: 0;
    /* don't use visibility: hidden because it disables tabbing */
    opacity: 0;
    filter: alpha(opacity=0);
}
/* filters */
.tablesorter-default input.tablesorter-filter,
.tablesorter-default select.tablesorter-filter {
    width: 95%;
    height: auto;
    margin: 4px auto;
    padding: 4px;
    background-color: #fff;
    border: 1px solid #bbb;
    color: #333;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-transition: height 0.1s ease;
    -moz-transition: height 0.1s ease;
    -o-transition: height 0.1s ease;
    transition: height 0.1s ease;
}
/* rows hidden by filtering (needed for child rows) */
.tablesorter .filtered {
    display: none;
}

/* ajax error row */
.tablesorter .tablesorter-errorRow td {
    text-align: center;
    cursor: pointer;
    background-color: #e6bf99;
}
/* pager wrapper, div */
.tablesorter-pager {
    padding: 5px;
}
/* pager wrapper, in thead/tfoot */
td.tablesorter-pager {
    background-color: #e6eeee;
    margin: 0; /* needed for bootstrap .pager gets a 18px bottom margin */
}
/* pager navigation arrows */
.tablesorter-pager img {
    vertical-align: middle;
    margin-right: 2px;
    cursor: pointer;
}

/* pager output text */
.tablesorter-pager .pagedisplay {
    padding: 0 5px 0 5px;
    width: 50px;
    text-align: center;
}

/* pager element reset (needed for bootstrap) */
.tablesorter-pager select {
    margin: 0;
    padding: 0;
}

/*** css used when "updateArrows" option is true ***/
/* the pager itself gets a disabled class when the number of rows is less than the size */
.tablesorter-pager.disabled {
    display: none;
}
/* hide or fade out pager arrows when the first or last row is visible */
.tablesorter-pager .disabled {
    /* visibility: hidden */
    opacity: 0.5;
    filter: alpha(opacity=50);
    cursor: default;
}

.bat-sched select.form-control {
    width: auto;
}
.modal-filter select.form-control {
    width: 100%;
}
.schedule-section table img, .icon-identifier img {
    width:15px;
    cursor: pointer;
}
.modalimg {
    width:15px;
    cursor: pointer;
}
.icon-identifier {
    width: 100%;
}
.icon-iden {
    width: 19%;
    float: left;
}
.icon-iden.form-group input.form-control {
    margin-top: 0;
}
.icon-iden.form-group label {
    text-transform: uppercase;
    font-weight: 100;
}
.bat-filtr .dropdown select {
    width:140px !important;
}
.batch-select {
    width: 50% !important;
}
.users-table-content {
    height: auto !important;
    margin-bottom: 15px;
}
.bat-filtr {
    width:100%;
}
.bat-filtr .dropdown {
    margin: 0;
    margin-bottom: 15px;
    width:25%;
}
.bat-filtr .dropdown label {
    min-width:70px;
    text-align: right;
}
.form-control {
    color: #746764;
    font-size:12px;
}
.nav-box-logo a {
    padding: 25px 78px !important;
}
#modalUpdateBatch .modal-dialog{
    width: 525px !important;
}
.score-filtr{
    /*width: 895px;*/
}
.cropit-preview {
    background-color: #f8f8f8;
    background-size: cover;
    border: 1px solid #ccc;
    border-radius: 3px;
    margin-top: 7px;
    width: 492px;
    height: 272px;
}

#image_upload_form .cropit-preview-image-container {
    cursor: move;
}

#image_upload_form .image-size-label {
    margin-top: 10px;
}
#image_upload_form .cropit-image-input{
    width: 492px;
}
#image_upload_form input {
    display: block;
}

#image_upload_form #upload_image_button {
    margin-top: 10px;
}
.errorMessage {
    color: #CC0000;
    padding: 2px;  
}
.nav-box a {
    padding: 45px 12px;
}
.upload-section {
    padding: 15px;
    width: 520px;
    margin: 25px auto;
    background: #f7f7f7 none repeat scroll 0 0;
    border: 1px solid #ceced0;
}

.team-filtr {
    background: #FFF none repeat scroll 0 0;
    border: 1px solid #ccc;
    margin: 0 auto;
    padding: 10px 30px;
    width: 740px;
}
.team-filtr select {
    width: 250px;
}
.notification-report {
    padding-top: 10px;
    margin: 0 !important;
}

ul.yiiPager a:hover {
    border: solid 1px #028a83;
    background: #13b2aa !important;
}
ul.yiiPager a:link, ul.yiiPager a:visited {
    border: solid 1px #13b2aa;
    color: #028a83 !important;
}
ul.yiiPager .selected a{
    background: #028a83 !important;
    color: #fff !important;
}
.form-container label {
    text-transform: inherit;
}
.email-messaging-form {
    /*    background: #fff none repeat scroll 0 0;
        border: 1px solid #ccc;*/
    margin: 0 auto;
    /*padding: 10px 30px;*/
    max-width: 850px;
}

.email-select-groups {
    /*background: #C4E5FF;*/
    padding: 20px 30px;
    /*border:1px solid #CFCFCF;*/
     min-height: 450px;

}
.check-box-selection-email .email-select-groups  .checkbox,.check-box-selection-email .bracket-checkbox-email   .checkbox{
    display: block;
}
.check-box-selection-email  .text-primary {
    color: #028a83
}
.check-box-selection-email  .checkbox input[type="checkbox"] {
    margin-top: 1px;
}
.check-box-selection-email {
    max-width: 850px;
    margin: 0 auto;
    color: #000;
}
.check-box-selection-email  .select-all-above {
    background: #c4fed3;
    padding: 10px;
}
.email-check-box-block{
    border: 1px solid #CFCFCF;
}
.check-box-selection-email  .select-all-above b {
    margin-right: 10px;
}
.check-box-selection-email  .select-all-above .center-block{
    max-width: 141px;
}

.check-box-selection-email .bracket-checkbox-email {
    min-height: 450px;
    padding: 20px 30px;
}

.check-box-selection-email  .select-all-players {
    background: #c4fed3;
    padding: 10px;
}
.check-box-selection-email .select-all-players b{
    margin-right: 10px;
}
.check-box-selection-email  .select-all-players .center-block{
    max-width: 242px;
}
.check-box-selection-email .btn {
    margin: 20px 0;
}
.email-messaging-step2 {
    width: 792px;
    margin: 0 auto;
    margin-bottom: 100px;
}
#email-editor-container{
    color: #000;
    min-height: 350px;
    margin-bottom: 20px;
}
.email-messaging-step3  {
    width: 766px;
    margin: 0 auto;
    margin-bottom: 100px;
}
textarea.field-note-textarea {
    height: 150px;
    margin-top: 15px;
}
.button-row {
    margin-top:20px;
}
.email-message-view-container {
    margin: 0 0 20px 0;
    padding-bottom: 20px;
    border-bottom: 1px solid #ccc;
}
#email_message_view_model {
    color: #000;
}
#email_message_view_model .modal-header button.close {
    margin-top: 4px;
    padding: 9px;
}
.email-messaging-form .dropdown label{
    display: block;
}
.ref-users-table-content {
    margin-top: 20px;
}
.ref-content-head {
    font-size: 25px;
    margin-bottom: 22px
}
.comment-blocks {
    border: 1px solid #ccc;
    padding: 15px;
    margin: 20px 0;
}
.comment-block {
    padding: 15px;
    border-bottom: 1px solid #ccc;
    margin-bottom: 5px;
}
.comment-blocks .comment-block:last-child{
    border-bottom: 0;
}
.comment-block p {
    font-size: 15px;
    color: #000;
    padding: 5px;
}

.comment-block label{
    font-weight: 600;
    font-size: 12px;
}
.pagination-section-comments {
    margin-bottom: 30px;
}
.calendar-data {
    font-size: 15px;
}
.player-table-section {
    /*max-width: 800px;*/
    margin: 0 auto;
    margin-bottom: 40px;
}
.player-table-section button {
    margin-bottom: 10px;
}
#player-error-message {
    text-align: right;
    margin-bottom: 15px;
}
.ref-welcome-section .awards-section {
    padding: 40px 15px 30px 40px;
    margin-bottom:0;
}
.test-email-btn {
    margin-right: 10px;
}
.email-messaging-preview-header {
    background-color: #028a83;
    padding: 10px;
    color: #fff;
    font-size: 15px;
}
.game-date-save-btn {
    margin-top: 22px;
}
.ref-assignor-signup-section h3 {
    margin: 20px 0;
}
.ref-assignor-signup-section {
    margin-bottom: 40px;
}
.ref-assignor-signup-section.login-center{
    padding: 20px 0 0 0 !important;
}
.data-table {
    padding: 30px;
    border: 1px solid #ceced0;
    margin-bottom: 50px;
    background: #f7f7f7; 
}
.squre-icon {
    display: inline-block;
    padding: 4px 7px;
    background-color: #028a83;
    color: #FFF;
    font-size: 16px;
}
.content-headding {
    font-size: 25px;
    margin-bottom: 30px;
}
.col-form-label {
    margin-bottom: 0;
    line-height: 1.5;
    font-size: 14px;
    padding: 12px 15px;
}
.modalfooter{
    border-top: 1px solid #ccc;
}

.create_referee_modal .modalfooter button {
    margin: 0 15px;
} 
.create_referee_modal .modal-header {
    background: #028a83;
}
.city_state_zip_block{
    margin-right: -2px;
    margin-left: -2px;
}
.city_state_zip_block div {
    padding-right: 2px;
    padding-left: 2px;
}

.margin-zero-first-val  {
    margin-left: -15px;
}

/*ADDED BY VISHNU*/

.padding-search-create {
    padding-bottom: 10px;
}
.tablesorter-default .header, .tablesorter-default th.data-sort-header {
    background-image: url(data:image/gif;base64,R0lGODlhFQAJAIAAACMtMP///yH5BAEAAAEALAAAAAAVAAkAAAIXjI+AywnaYnhUMoqt3gZXPmVg94yJVQAAOw==);
    background-position: center left;
    background-repeat: no-repeat;
    background-color: #E6E6E6;
    cursor: pointer;
    white-space: normal;
    padding: 10px 20px 10px 20px;
}
.yii-tablesorter th.tablesorter-header{
    padding: 0 !important;
}

.yii-tablesorter th.padding{
    padding: 20px !important;
}

.yii-tablesorter th.padding-tourament{
    padding-left: 10px !important;
}

.yii-tablesorter th.tablesorter-header a {
    padding: 8px 20px;;
    display: block;
}

.welcome-text {
    /*padding-top: 15px;
    padding-bottom: 30px;*/
    color : #2d8b83;
}

.welcome-center {
    padding: 5% 0;
    text-align: center;
}

.start-text {
    padding-top: 10px;
    text-transform: capitalize;

}

.team-padding-left {
    padding-left: 10px;
    padding-bottom: 30px;
}

.referee-border {
    border: 1px solid #E2E2E4;
    max-width: 725px;
    margin: 0 auto;
    margin-bottom: 15px;
}
.referee-accepted {
    background-color: #8BC24A;
    color: white;
}

.referee-rejected {
    background-color: #E74E40;
    color: white;
}

.referee-assigned {
    background-color: #43C4FE;
    color: white;
}

.referee-avail {
    background-color: white;
    color: #8AC149;

}

.referee-not-avail {
    background-color: white;
    color: #E74E40;
    border-left: 1px solid #E2E2E4;
}

.referee-conflict {
    background-color: white;
    color: #43C4FE;
    border-left: 1px solid #E2E2E4;
}

.referee-width {
    padding : 5px;

}

.referee-list {
    padding: 15px 25px;
    border: 1px solid #ceced0;
    margin-bottom: 10px;
    margin-top: 10px;
    background-color: #f7f7f7;   
}

.referee-dropdown-center {
    max-width: 500px;
    margin: 0 auto;
    padding-bottom: 70px;
    padding-top: 20px;
}

.referee-dropdown-bg-color {
    background-color: white !important;
}

.referee-no-margin .form-group {
    margin-bottom: 0;
}

.referee-no-margin .form-group .form-control {
    height: 30px;
}


@media (min-width: 768px) {
    #list_referee .referee-dropdown-center .form-inline .form-control {
        display: inline-block;
        width: 210px;
        vertical-align: middle;
    }

}

.referee-save-button {
    width: 100px;
    margin: 0 auto;
    padding-top: 25px;
    padding-bottom: 20px;
}

.referee-table-odd-bgcolor {
    background-color: #F7F7F9 !important;
}

.referee-team-details {
    max-width: 600px;
    margin: 0 auto;
}

.referee-accepted-class {
    background-color: #8BC24A !important;
    color: #fff;
}

/*.referee-accepted-class option:checked {
    
    color : #fff;
}*/

.referee-accepted-class option {
    background-color: #fff !important;
}

.referee-accepted-class option.referee-selected-class  {
    background-color: #8BC24A !important;
    color: #fff !important ;
}


.referee-assigned-class {
    background-color: #45c3f9 !important;
    color: #fff;
}

.referee-assigned-class option {
    background-color: #fff !important;
}

.referee-assigned-class option.referee-selected-class {
    background-color: #45c3f9 !important;
    color: #fff !important ;
}


.referee-rejected-class {
    background-color: #E74E40 !important;
    color: #fff;
}

.referee-rejected-class option {
    background-color: #fff !important;
}

.referee-rejected-class option.referee-selected-class {
    background-color: #E74E40 !important;
    color: #fff !important ;
}

/*.referee-rejected-class option:checked  {
    background-color: #E74E40 !important;
}*/

.referee-available-class {
    color: #8AC149 !important;
    background-color: #fff !important;
}

.referee-un-available-class {
    color: #E74E40 !important;
    background-color: #fff !important;
}

.referee-conflict-class {
    color : #43C4FE !important;
    background-color: #fff !important;
    /*display: none !important;*/
}
.referee-conflict-othergame-class {
    color : #43C4FE !important;
    background-color: #fff !important;
}

/*.referee-conflict-class-blue-bg {
    color : #43C4FE !important;
    background-color: #fff !important;
}*/

.refery-common-class {
    color : #746764;
}

.referee-schedule-border {
    max-width: 725px;
    margin: 0 auto;
    margin-bottom: 15px;
}

.referee-day-schedule-dropdown-center {
    max-width: 300px;
    margin: 0 auto;
    padding-bottom: 63px;
    padding-top: 13px;

} 
.select-default-style {
    background-color: #fff !important;
    color: #746764 !important;
}
@media (min-width: 768px) {
    #day-date-list .form-control {
        display: inline-block;
        width: 250px;
        vertical-align: middle;
    }
}

.referee-day-schedule-border {
    max-width: 500px;
    margin: 0 auto;
    margin-bottom: 15px;
}

.day-schedule-field-title {
    background-color:#028a83 !important;
    text-align: center;
}

.field-title-color {
    color: #fff;
}

.game-details-center {
    padding: 0 10px;
    display: inline-block;
}

.field-title-color {
    text-transform: uppercase;
    background-color: #028a83 !important;
}

td:has(.field-title-color) {
    background-color: #028a83 !important;
}

.schedule-field-title {
    background-color: #028a83 !important;
}

.schedule-field-title-color {
    color : #9B9B9B;
    text-transform: uppercase;
    padding-top: 5px;
    padding-bottom: 5px;
}

#referee-schedule-table .tablesorter tbody tr:nth-child(odd) {
    background-color: transparent;
}

.referee-schedule-time-color {
    color: #955893 !important;
}

.referee-schedule-role-color {
    color: #47793E !important;
}

.referee-schedule-game-number-color {
    color: #E9A47D !important;
}

.referee-schedule-bracket-color {
    color: #68689E !important;
}

.referee-schedule-field-color {
    color: #B47276 !important;
}

.referee-schedule-game-color { 
    color : #5E5E5E !important;
}

#referee-schedule-table {
    padding-bottom: 25px;
}

.profile-title {
    padding-bottom: 20px;
    padding-top: 20px;
    background-color: #028a83 ;
    margin-top: 40px;
}

.profile-details {
    background-color: white;
    border: 1px solid #028a83;
    padding-bottom: 30px;
    padding-top: 20px;
}

.profile-center {
    padding-left: 15%;
    padding-right: 15%;
}

.break-10 {
    padding-bottom: 10px;
}

.text-white-color {
    color : white;
}

.header-wt-no-link .tablesorter-header-inner  {
    padding: 8px 20px;
    display: block;
    color: #566873;
}

.checkbox #game-dates {
    width: 150px ;
}

.checkbox-no-left-alignment {
    margin-left: 0px !important;
}

.game-report-submit-label {
    font-size:10px;color:#398123
}

.game-report-not-submit-label {
    font-size:10px;color:red
}
#ageroaster-grid .roster-action-col{
    padding-left: 20px !important;
    font-size: 15px !important;
}
.tablesorter td{
    color: #152A23;
    font-weight: 500;
    font-size: 13px !important;
}

.table-dark-text td {
    color: #152A23;
    font-weight: 500;
    font-size: 13px !important;   
}

.player-export-btn {
    padding: 10px;
}

.team-rating {
    margin-top: 2px;
}
.notify_checkbox label {
    padding: 5px;
}
.avg_rating_active_label {
    padding: 3px 0; 
    text-align: right;
}
.avg_rating_active_label input {
    width:36px;
}

.table-title h6 { 
    padding-bottom: 10px;
}

.open-field {
    padding-right: 10px;
}

.player-suspend {
    font-size: 18px;
}

.player-icons {
    width : 125px;
}
.white-text{
    color: white;
}
.club-fields{
    padding-bottom: 10px!important;
}
.club-schedule{
    padding-bottom: 10px!important;
}

.field-listing, .club-schedule-listing {
    padding-bottom:20px;
}
.auth-main,
body,
html {
    height: 100%
}
.auth-main {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    width: 100%;
    background: url('../images/background_medium.png') no-repeat center center fixed; 
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
}

.auth-block p,
.auth-link,
.auth-sep {
    font-size: 16px
}

.auth-block {
    width: 540px;
    margin: 0 auto;
    border-radius: 10px;
    background: rgba(0, 0, 0, .35);

    color: #000;
    padding: 32px
}

.auth-block h1 {
    font-weight: 300;
    margin-bottom: 28px;
    text-align: center;
    color: #fff;
}
.auth-block a {
    text-decoration: none;
    outline: 0;
    -webkit-transition: all .2s ease;
    transition: all .2s ease;
    color: #fff;
}
.auth-block a:hover {
    color: #fff
}

.auth-block p {
    color: #fff
}
.auth-block .control-label {
    padding-top: 11px;
    color: #fff
}

.auth-block .form-group {
    margin-bottom: 12px
}


.auth-link {
    text-align: center
}

.auth-link {
    display: block;
    margin-bottom: 33px
}


.auth-block .form-group {
    margin-bottom: 12px
}

.auth-block .form-control {
    margin-bottom: 20px
}

.auth-input {
    width: 300px;
    margin-bottom: 24px
}

.auth-input input {
    display: block;
    width: 100%;
    border: none;
    font-size: 16px;
    padding: 4px 10px;
    outline: 0
}
.btn-full{
    width:100%;
}

.ref-assignor-menu {
    padding: 4px;
    margin-right: 13px;
    text-align: center;
    margin-bottom: 10px;
}

.btn-green {
    background-color: #0b610d;
    color:white
}

/* The checkboxcontainer */
.checkboxcontainer {
    display: block;
    position: relative;
    padding-left: 35px;
    margin-bottom: 12px;
    cursor: pointer;
    font-size: 16px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

/* Hide the browser's default checkbox */
.checkboxcontainer input {
    position: absolute;
    opacity: 0;
    cursor: pointer;
}

/* Create a custom checkbox */
.checkmark {
    position: absolute;
    top: 0;
    left: 0;
    height: 25px;
    width: 25px;
    background-color: #eee;
}

.checkmark-sm{
    height: 22px;
    width: 22px;
    border: 1px solid #605052;
}

/* On mouse-over, add a grey background color */
.checkboxcontainer:hover input ~ .checkmark {
    background-color: #ccc;
}

/* When the checkbox is checked, add a blue background */
.checkboxcontainer input:checked ~ .checkmark {
    background-color: #2196F3;
}

/* Create the checkmark/indicator (hidden when not checked) */
.checkmark:after {
    content: "";
    position: absolute;
    display: none;
}

/* Show the checkmark when checked */
.checkboxcontainer input:checked ~ .checkmark:after {
    display: block;
}

/* Style the checkmark/indicator */
.checkboxcontainer .checkmark:after {
    left: 9px;
    top: 5px;
    width: 5px;
    height: 10px;
    border: solid white;
    border-width: 0 3px 3px 0;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
}

.cmt-indication {
    color: red;
}

.grid-wtout-filter {
    padding: 10px !important;
    color: #566873 !important;
}

.display_hide {
    display: none;
}

.disable_true {
    pointer-events:none;
}

.btn-size {
    padding:5px !important;
    font-size:20px !important;
}

.padding-top-10 {
    padding-top: 10px;
}

.summary-text {
    padding-bottom: 10px;
}

.badge {
  display: inline-block;
  padding: 0.25em 0.4em;
  font-size: 75%;
  font-weight: 700;
  line-height: 1;
  text-align: center;
  white-space: nowrap;
  vertical-align: baseline;
  border-radius: 0.25rem;
}

.badge:empty {
  display: none;
}

.btn .badge {
  position: relative;
  top: -1px;
}

.badge-pill {
  padding-right: 0.6em;
  padding-left: 0.6em;
  border-radius: 10rem;
}

.badge-primary {
  color: #fff;
  background-color: #007bff;
}

.badge-primary[href]:hover, .badge-primary[href]:focus {
  color: #fff;
  text-decoration: none;
  background-color: #0062cc;
}

.badge-secondary {
  color: #fff;
  background-color: #6c757d;
}

.badge-secondary[href]:hover, .badge-secondary[href]:focus {
  color: #fff;
  text-decoration: none;
  background-color: #545b62;
}

.badge-success {
  color: #fff;
  background-color: #28a745;
}

.badge-success[href]:hover, .badge-success[href]:focus {
  color: #fff;
  text-decoration: none;
  background-color: #1e7e34;
}

.badge-info {
  color: #fff;
  background-color: #17a2b8;
}

.badge-info[href]:hover, .badge-info[href]:focus {
  color: #fff;
  text-decoration: none;
  background-color: #117a8b;
}

.badge-warning {
  color: #212529;
  background-color: #ffc107;
}

.badge-warning[href]:hover, .badge-warning[href]:focus {
  color: #212529;
  text-decoration: none;
  background-color: #d39e00;
}

.badge-danger {
  color: #fff;
  background-color: #dc3545;
}

.badge-danger[href]:hover, .badge-danger[href]:focus {
  color: #fff;
  text-decoration: none;
  background-color: #bd2130;
}

.badge-light {
  color: #212529;
  background-color: #f8f9fa;
}

.badge-light[href]:hover, .badge-light[href]:focus {
  color: #212529;
  text-decoration: none;
  background-color: #dae0e5;
}

.badge-dark {
  color: #fff;
  background-color: #343a40;
}

.badge-dark[href]:hover, .badge-dark[href]:focus {
  color: #fff;
  text-decoration: none;
  background-color: #1d2124;
}
.open>.dropdown-menu {
    margin: -4px 0 0!important;
}
.btn-group a{
    /*color:#0b610d;*/
}
.open a{
    color:red;
}
.right-inner-addon input{
    color:#173343!important;
}
.dropdown-menu>li>a:hover{
    background-color: #dedede;
}


.table-sort-filter tbody .ref-details:nth-of-type(2n+1)  td table tr {
   background-color: #E1F3F2 !important;
}

.table-sort-filter tbody .ref-details:nth-of-type(2n) td table tr{
    background-color: #ecdec4;
}

.ref-details-padding {
    padding-top: 15px !important;
    background-color: #f6f6f8;
}
/*
    Colorbox Core Style:
    The following CSS is consistent between example themes and should not be altered.
*/
#colorbox, #cboxOverlay, #cboxWrapper{position:absolute; top:0; left:0; z-index:9999; overflow:hidden; -webkit-transform: translate3d(0,0,0);}
#cboxWrapper {max-width:none;}
#cboxOverlay{position:fixed; width:100%; height:100%;}
#cboxMiddleLeft, #cboxBottomLeft{clear:left;}
#cboxContent{position:relative;}
#cboxLoadedContent{overflow:auto; -webkit-overflow-scrolling: touch;}
#cboxTitle{margin:0;}
#cboxLoadingOverlay, #cboxLoadingGraphic{position:absolute; top:0; left:0; width:100%; height:100%;}
#cboxPrevious, #cboxNext, #cboxClose, #cboxSlideshow{cursor:pointer;}
.cboxPhoto{float:left; margin:auto; border:0; display:block; max-width:none; -ms-interpolation-mode:bicubic;}
.cboxIframe{width:100%; height:100%; display:block; border:0; padding:0; margin:0;}
#colorbox, #cboxContent, #cboxLoadedContent{box-sizing:content-box; -moz-box-sizing:content-box; -webkit-box-sizing:content-box;}

/* 
    User Style:
    Change the following styles to modify the appearance of Colorbox.  They are
    ordered & tabbed in a way that represents the nesting of the generated HTML.
*/
#cboxOverlay{background:#000; opacity: 0.9; filter: alpha(opacity = 90);}
#colorbox{outline:0;}
    #cboxTopLeft{width:14px; height:14px; background:url(../images/controls.png) no-repeat 0 0;}
    #cboxTopCenter{height:14px; background:url(../images/border.png) repeat-x top left;}
    #cboxTopRight{width:14px; height:14px; background:url(../images/controls.png) no-repeat -36px 0;}
    #cboxBottomLeft{width:14px; height:43px; background:url(../images/controls.png) no-repeat 0 -32px;}
    #cboxBottomCenter{height:43px; background:url(../images/border.png) repeat-x bottom left;}
    #cboxBottomRight{width:14px; height:43px; background:url(../images/controls.png) no-repeat -36px -32px;}
    #cboxMiddleLeft{width:14px; background:url(../images/controls.png) repeat-y -175px 0;}
    #cboxMiddleRight{width:14px; background:url(../images/controls.png) repeat-y -211px 0;}
    #cboxContent{background:#fff; overflow:visible;}
        .cboxIframe{background:#fff;}
        #cboxError{padding:50px; border:1px solid #ccc;}
        #cboxLoadedContent{margin-bottom:5px;}
        #cboxLoadingOverlay{background:url(../images/loading_background.png) no-repeat center center;}
        #cboxLoadingGraphic{background:url(../images/loading.gif) no-repeat center center;}
        #cboxTitle{position:absolute; bottom:-25px; left:0; text-align:center; width:100%; font-weight:bold; color:#7C7C7C;}
        #cboxCurrent{position:absolute; bottom:-25px; left:58px; font-weight:bold; color:#7C7C7C;}

        /* these elements are buttons, and may need to have additional styles reset to avoid unwanted base styles */
        #cboxPrevious, #cboxNext, #cboxSlideshow, #cboxClose {border:0; padding:0; margin:0; overflow:visible;  position:absolute; bottom:-29px; background:url(../images/controls.png) no-repeat 0px 0px; width:23px; height:23px; text-indent:-9999px;}
        
        /* avoid outlines on :active (mouseclick), but preserve outlines on :focus (tabbed navigating) */
        #cboxPrevious:active, #cboxNext:active, #cboxSlideshow:active, #cboxClose:active {outline:0;}

        #cboxPrevious{left:0px; background-position: -51px -25px;}
        #cboxPrevious:hover{background-position:-51px 0px;}
        #cboxNext{left:27px; background-position:-75px -25px;}
        #cboxNext:hover{background-position:-75px 0px;}
        #cboxClose{right:0; background-position:-100px -25px;}
        #cboxClose:hover{background-position:-100px 0px;}

        .cboxSlideshow_on #cboxSlideshow{background-position:-125px 0px; right:27px;}
        .cboxSlideshow_on #cboxSlideshow:hover{background-position:-150px 0px;}
        .cboxSlideshow_off #cboxSlideshow{background-position:-150px -25px; right:27px;}
        .cboxSlideshow_off #cboxSlideshow:hover{background-position:-125px 0px;}

/*************************************/
.gallery-section{
    max-height: none;
}

.color-white {
    color: white !important;
}


.checkbox-blue {
  padding-left: 20px;
  margin-top: 1px;
}

.checkbox-blue label {
  display: inline-block;
  vertical-align: middle;
  position: relative;
  padding-left: 5px;
}

.checkbox-blue input[type="checkbox"]{
  opacity: 0;
  z-index: 1;
  width: 20px;
  height: 20px;
  position: absolute;
}
.checkbox-blue label::before {
  content: "";
  display: inline-block;
  position: absolute;
  width: 20px;
  height: 20px;
  left: 0;
  margin-left: -20px;
  border: 2px solid blue;
  border-radius: 3px;
  background-color: #fff;
  -webkit-transition: border 0.15s ease-in-out, color 0.15s ease-in-out;
  -o-transition: border 0.15s ease-in-out, color 0.15s ease-in-out;
  transition: border 0.15s ease-in-out, color 0.15s ease-in-out;
}
.checkbox-blue + label::before{
    border-color: blue;
}

.checkbox-blue * {
  cursor: pointer;
}

.checkbox-blue  input[type="checkbox"]:checked + label::before {
  font-family: 'FontAwesome';
  font-size: 150%;
  content: "\f00c";
  color:blue;
}

.checkbox-violet {
    padding-left: 20px;
    margin-top: 1px;
  }
  
  .checkbox-violet label {
    display: inline-block;
    vertical-align: middle;
    position: relative;
    padding-left: 5px;
  }
  
  .checkbox-violet input[type="checkbox"]{
    opacity: 0;
    z-index: 1;
    width: 20px;
    height: 20px;
    position: absolute;
  }
  .checkbox-violet label::before {
    content: "";
    display: inline-block;
    position: absolute;
    width: 20px;
    height: 20px;
    left: 0;
    margin-left: -20px;
    border: 2px solid #6c9a8b;
    border-radius: 3px;
    background-color: #fff;
    -webkit-transition: border 0.15s ease-in-out, color 0.15s ease-in-out;
    -o-transition: border 0.15s ease-in-out, color 0.15s ease-in-out;
    transition: border 0.15s ease-in-out, color 0.15s ease-in-out;
  }
  .checkbox-violet + label::before{
      border-color: #6c9a8b;
  }
  
  .checkbox-violet * {
    cursor: pointer;
  }
  
  .checkbox-violet  input[type="checkbox"]:checked + label::before {
    font-family: 'FontAwesome';
    font-size: 150%;
    content: "\f00c";
    color:#6c9a8b;
  }

.checkbox-red {
  padding-left: 20px;
  margin-top: 1px;
}

.checkbox-red label {
  display: inline-block;
  vertical-align: middle;
  position: relative;
  padding-left: 5px;
}

.checkbox-red input[type="checkbox"]{
  opacity: 0;
  z-index: 1;
  width: 20px;
  height: 20px;
  position: absolute;
}
.checkbox-red label::before {
  content: "";
  display: inline-block;
  position: absolute;
  width: 20px;
  height: 20px;
  left: 0;
  margin-left: -20px;
  border: 2px solid red;
  border-radius: 3px;
  background-color: #fff;
  -webkit-transition: border 0.15s ease-in-out, color 0.15s ease-in-out;
  -o-transition: border 0.15s ease-in-out, color 0.15s ease-in-out;
  transition: border 0.15s ease-in-out, color 0.15s ease-in-out;
}
.checkbox-red + label::before{
    border-color: red;
}

.checkbox-red * {
  cursor: pointer;
}

.checkbox-red  input[type="checkbox"]:checked + label::before {
  font-family: 'FontAwesome';
  font-size: 150%;
  content: "\f00c";
  color:red;
}

.fa-border-red{
    padding: .2em .25em .15em;
    border: solid 2px red;
    border-radius: 3px;
}

.disable {
   pointer-events: none;
   cursor: default;
}

.password_noshow {
    font-size: 15px !important;
}

.password_show , .password_show_mac{
    font-size: 15px !important;
}

.fa-customsize{
    font-size:1.5em!important;
}

.modal-large{
    width: 950px !important;
}
.padding-top-20 {
    padding-top: 20px !important;
}
.nomargin{
    margin-bottom:0;
    margin-top: 5px;
}

#player-pagination .page a , #player-pagination .previous a , #player-pagination .next a {
    padding: 1px 6px;
}

#player-pagination .first, #player-pagination .last {
    display: none;
}

#player-pagination .next a {
    text-decoration: none; 
}

#survey-pagination .page a , #survey-pagination .previous a , #survey-pagination .next a {
    padding: 1px 6px;
}

#survey-pagination .first, #survey-pagination .last {
    display: none;
}

#survey-pagination .next a {
    text-decoration: none; 
}

.survey-bottom-padding {
    padding-top: 10px;
}

.ref-padding-bottom {
    padding-bottom: 6px;
}

.class-purple {
    color: rgb(170, 11, 170);
}
.lcscores{
    padding-top: 10px;
}
.lcscorestable{
    margin-top: 50px;
}
.padding-right-10 {
    padding-right: 10px !important;
}
.msg{
  word-wrap: break-word !important;  
}
.note{
    padding: 5px;
    color:red;
    text-align: right;
}

.reg-step-container {
    border: 1px solid #ccc;
    max-width: 680px;
    margin: 10px auto;
    background-color: #fff;
}
.reg-step-container .reg-step-header {
padding: 15px;
border-bottom: 1px solid #ccc;

}
.reg-step-container .reg-step-header h4 {
text-align: center;

}
.reg-step-container .reg-step-body {
    padding: 30px;
}

.player-scrollable {
    max-height: 400px;
    overflow: auto;
    overflow-x: hidden;
}
.team_registration_search{
    width:294px;
    padding-bottom: 10px;
}
.modal-large {
    width: 80% !important;
}

.player-headding {
    text-align: center;
    padding-bottom: 20px;
}

.padding-bottom-20 {
    padding-bottom: 20px;
}

.padding-top-10 {
    padding-top: 10px;
}

.select-box-width {
    width: 150px !important;
}
.state_with_uppercase_on_update{
    text-transform:uppercase;
}

#teamapplied_playergrid {
    padding-top: 10px;
}

.gridview-page-title-font {
    font-size: 14px !important;
}

.new-team-color {
    color: rgb(255, 95, 16);
}

.total-team-color {
    color: rgb(0, 0, 170);
    font-size: 17px;
}
.padding-bottom-6 {
    padding-bottom: 6px;
}

.dropdown-width .dropdown {
    width: 25% !important;
}

.loading img {
    width: 30px;
}

.club-admin-fee-summary-heading{
    font-size: 18px;
    text-align: center;
    color: #0000AA;
    padding-top:50px;
}
.club-admin-fee-summary-clubname{
    font-size: 30px;
    text-align: center;
    color: black;
    padding-top: 6px;
    
}
.club-admin-fee-summary-lastdate{
    text-align: center;
    color: #CD0000;
    padding-top: 6px;
}
.club-admin-fee-summary-clubdetails{
    border: 1px solid;
    padding-bottom: 9px;
    border-top-color: rgb(0, 128, 0);
    border-right-color: rgb(0, 128, 0);
    border-bottom-color: rgb(0, 128, 0);
    border-left-color: rgb(0, 128, 0);
}
.club-admin-fee-summary-contactus{
    text-align: center;
    color: #000000;
    padding-top: 4px; 
    padding-bottom: 6px;
}
.club-admin-fee-summary-fieldRow{
    padding-top: 10px;
}
.club-admin-fee-summary-fielddetails{
    border: 1px solid;
    padding-bottom: 9px;
    border-top-color: rgb(0, 128, 0);
    border-right-color: rgb(0, 128, 0);
    border-bottom-color: rgb(0, 128, 0);
    border-left-color: rgb(0, 128, 0);
}
.club-admin-fee-summary-reffere{
    border: 1px solid;
    margin-left: 11px;
    border-top-color: rgb(0, 128, 0);
    border-right-color: rgb(0, 128, 0);
    border-bottom-color: rgb(0, 128, 0);
    border-left-color: rgb(0, 128, 0);
}
.club-admin-fee-summary-refferedetails{
    padding-top: 10px;
    padding-bottom: 6px;
}
.club-admin-fee-summary-teamdetails{
    padding-bottom: 10px;
    padding-top: 25px;
}
.club-admin-fee-summary-page{
   min-height: 642px; 
}
.club-admin-unpaid-invoice{
   color: #CD0000;
   font-family: Verdana,Arial,Helvetica;
}
.club-admin-align-text{
  text-align: right;
}
.club-admin-total-due{
  font-size: 15px;
  color: #000000;
  font-family: Verdana,Arial,Helvetica;
  
}
.club-admin-contact-details{
    padding-bottom: 5px;
}
.club_admin_content_color{
    color: black;
}
.club_admin_table_tittle{
 text-transform: uppercase;
}
.club-admin-heading-color{
 color:#000000;
 }
 .club-admin-teamnumber-suffix{
     padding-left: 5px;
 }
 .club-admin-center-align{
  text-align: center;
}
@media print {

    @page {                
        size: A4;
        margin: 5mm;
      }
 html, body {
    width: 1024px; 
  }
    .col-sm-3 {
        width: 25% !important;
        float: left !important;
    }
    .col-sm-2 {
        width: 16.66666667% !important;
        float: left !important;
    }
    .col-sm-4 {
        width: 33.33333333% !important;
        float: left !important;
    }
    .col-sm-5 {
        width: 41.66666667% !important;
        float: left !important;
    }
    .col-sm-8 {
        width: 66.66666667% !important;
        float: left !important;
    }
    .col-sm-1 {
        width: 8.33333333% !important;
        float: left !important;
    }
    .col-sm-10 {
        width: 83.33333333% !important;
        float: left !important;
    }
    .col-sm-12 {
        width: 100% !important;
        float: left !important;
    }

}

.field-grid {
    padding-bottom: 30px;
}

.field-display-show {
    display: show;
}

.field-display-none {
    display: none;
}

.field-button-center{
    text-align:center;
}
.field-text-padding{
padding-top: 10px;
}
.field-text-color{
    color: black;
}
.field-text-bold{
    font-family: Verdana, Arial, Helvetica;
    font-weight: bold;
    
}

.button-text-color {
    color : white;
}

.unavailable-date-section {
    padding: 15px;border: 1px solid #ddd;
}
.date_listing {
    margin-bottom: 0;padding-bottom: 0;
}
.margin-bottom-5 {
    margin-bottom: 5px;
}
.field-bottom-padding{
        padding-bottom: 12px;
}
.field-availabilty-heading{
    padding-top: 5px;
    text-align:center;
    font-family: Arial;
    color: rgb(0, 0, 170);
    font-size: large;    
}
.field-club-name-title{
    padding-top: 5px;
    text-align:center;
    color: rgb(205, 0, 0);
    font-size: medium;
}
.field-name-heading{
    text-align:center;
    padding-top: 5px;
    font-family: Arial, Helvetica;
    font-size: medium;
    color: rgb(0, 128, 0);
    padding-bottom: 15px;
}

.margin-bottom-15 {
    margin-bottom: 15px !important;
}

.margin-bottom-20 {
    margin-bottom: 20px !important;   
}

.home-field-title {
    color: #0000AA;
}

.club-name {
    color: #CD0000;
}

.margin-top-15 {
    margin-top: 15px;
}
.ref-recruits-heading{
    font-size: 18px;
    text-align: center;
    color: #0000AA;
    padding-top: 3px;
}
.ref-recruits-clubname{
    text-align: center;
    color: rgb(205, 0, 0);
    padding-top: 10px;
}
.ref-recruits-paragraph{
    padding-top: 22px;
    color: black;
    text-align: justify;
    
}
.ref-recruits-row{
    padding-top: 35px;
}
.ref-recruits-col-heading{
    text-align: center;
    color: black;
    padding-bottom: 10px;
    padding-top: 20px;
}

.ref-recruits-box{
    border: 1px solid;
}
.total_fee_row{
     color: #0000AA;
     font-weight: bold;
}
.homfield_age_group_col{
    width: 10.666667%;
}
.club_admin_create_model{
    max-height: 400px;
    overflow: scroll;

}
.match_report_icons{
    margin-top:8px;
}
.match_report_icons_game_report{
    margin-top:8px;
    padding-left:10px;
}

.link-seperation {
    padding-left: 10px;
    padding-right: 10px;
    border-left: 1px solid #fff;
    color: #fff;
    display: inline-block;
}
.margin-top-50 {
    margin-top: 50px;    
}
.coach_details_heading{
    padding-top: 20px;
}
.coach_page_border{
    border-right: 1px solid #ceced0;
}
.coach_page_button_style{
    padding-top: 30px;
    padding-left: 60px;
}

.coach_details_page_bottom_border{
    margin-top: 30px;
    margin-left: -16px;
    margin-right: -16px;
    border-top:1px solid #ceced0;
}
.team_admin_page_button{
    padding-top: 30px;
}
.team_name_padding{
    padding-top: 32px;
    color: black;
}
.welcome_page_logo{
    width: 200px;
}
.team_mac{
    padding-top: 10px;
    font-size: 30px;
}
.player-list-head {
    margin-bottom: 20px;
}
.table-player-list .player-icons {
    float: left;
    width: 100%;
}
.table-player-list .action-column {
    width: 130px;
}
.team-login-link {
    margin-top: 10px;
}
.login-heading {
    text-align: center;
    color: #fff;
    font-size: 20px;
    margin: 20px;
}
.player_jersey{
    width: 86px;
}
.player_dob{
  width: 160px;
}
.team_admin_player_list{
    max-width: 720px;
    margin: 0px auto;
}
.player_table_padding{
        padding-top: 50px;
}
table.tablesorter th {
    text-transform: uppercase;
}
.team_numb_column{
    width: 12%;
}
.edit_team_model{
    width: 900px !important; 
}
.permission-pageid-column{
    width: 3%;
}
.permission-column{
    width: 24%;
}

.scrollable-table {
    overflow-x: scroll;
    width: 100%;
}
.referee_fee_table{
    max-width: 780px;
    margin: 0px auto;
}
.create_message_button{
    padding-top: 60px;
}
.create_message_actioncol{
    width: 10px;
}
.create_message_view{
    width: 700px;
    margin: 0px auto;
}
.res_image img {
    height: 100px;
    width: 200px;
    padding-bottom: 15px;
}
/*style for table*/
.grid-view-table-container {
    overflow-y: auto;   
}
.grid-view-table-container .default-csl-table{
    width: 100%;
    font: 12px/18px Arial, Sans-serif;
    color: #333;
    background-color: #fff;
    border-spacing: 0;
    margin: 0;
    text-align: left;
}
.grid-view-table-container .default-csl-table tr td,
.grid-view-table-container .default-csl-table tr th{
    border: 1px solid #cfd0d1;
}
.grid-view-table-container .default-csl-table thead > tr > th {
    background-color: #e7e7e7;
    text-transform: uppercase;
    color: #707070;
}
.grid-view-table-container .default-csl-table thead > tr > th > a {
    width: 100%;
    display: block;
    padding: 15px 5px;
}
.grid-view-table-container .default-csl-table thead > tr > th {
    font-weight: 100;
    padding: 0 !important;
}
.grid-view-table-container .default-csl-table thead > tr > th > a::before {
content: url(data:image/gif;base64,R0lGODlhFQAJAIAAACMtMP///yH5BAEAAAEALAAAAAAVAAkAAAIXjI+AywnaYnhUMoqt3gZXPmVg94yJVQAAOw==);
}
.grid-view-table-container .default-csl-table tr td {
    padding: 2px 10px;
}
.grid-view-table-container .default-csl-table tr:nth-child(odd) {
    background-color: #e2f3f3;
}
.archive-send-mail {
    padding-left: 5px;
}
.bracket-create{
   padding-bottom: 60px;
}
.bracket-list{
    max-width: 925px;
    margin: 0 auto;
}
.feeslist-table{
    width: 90%;
    max-width: 90%;
    margin: 0 auto;
}
.trancationid{
    color:#008000;
    font-weight: bold;
    padding-top: 4px;
}
.txtcapitalize{
   text-transform: capitalize;
}
.player-suspension-modal {
    width:900px !important;
}
.player-suspension-modal .modal-body {
    max-height: 400px;
    overflow-y: scroll;
}
.table-sub-headding {
    color : #000;
    text-transform: uppercase;
    padding-top: 5px;
    padding-bottom: 5px;
}
.flash-message-settings{
    width: 975px;
    margin: 0px auto;
}
.flash-message-grid{
    width: 975px;
    margin: 25px auto;
}
.flash-drop-down{
    color:#ffffff;
}
.flash-message-toggle{
    width: 335px;
    float: right;
}
.dynamic-msg-label{
    padding-top: 10px;
    font-size: 14px;
}
#flash-message-list-grid .button-column{
    text-align: left !important;
    padding: 6px 25px 1px 25px;
}
.flash-drop-down option{
    background:#ffffff;
    color:#746764;
}
.flash-message-setting-save{
        margin-top: 20px;
}
.ticker-enable-label{
        margin-left: 5px;
}
.modal-title {
    min-height: 25px;
}
.date-picker-tornament{
   cursor: text !important;
   background-color: white !important;  
}
.tournament-head-name{
    text-align: center;
    padding-left: 100px;
    padding-top: 10px;
    font-size: 18px;
    font-family: 'open_sansregular';
    text-transform: uppercase;
}
.tournament-info-container{
    padding: 10px 30px;
    border: 1px solid #ccc;
    background: #FFF;
    margin-top: 10px;
}
.tournament-info-btn-container{
        text-align: center;
}
.tournament-info-save-btn{
    width: 200px;
}
.tournament-img-note{
    color: red;
    font-size: 12px;
    font-weight: bold;
}
.tournament-container-1{
    padding-right: 25px;
}
.tournament-container-2{
    padding-left: 25px;
}
.tornament-view-name{
    font-size: 35px;
    color: #028a83;
    padding-bottom: 10px;
}
.tornament-view-date{
   padding-bottom: 25px;
}
#tournament-detail-view table.detail-view th,
#tournament-detail-view table.detail-view td {
     text-align: left; 
     padding-left: 26px;
     font-size: 12px;
     padding-top: 11px;
     padding-bottom: 11px;
}
#referee-fee-create-modal #reffee-update-form .form-group > label,
#referee-fee-update-modal #reffee-update-form .form-group > label{
    padding-left: 65px;
    padding-top: 12px;
}
#reffee-grid .referee-action-col{
    padding-left: 20px !important;
    font-size: 15px !important;
}
.refassignorpage-not-available-msg{
     text-align: center;
     padding-bottom: 10px;
}
.refassignorpage-login-btn{
     text-align: center;
}
.refassignorpage-header{
    margin-bottom: 16px !important;
}
.lc-status-intrested {
    color: #18bb35;
}
.lc-status-not-intrested {
    color: #d73200;
}
.lc-status-undecided{
    color: #7b10b1;
}
.lc-status-intrested ,
.lc-status-undecided,
.lc-status-not-intrested {
    font-size: 8px !important;
    position:relative;
    top: -2px;
    padding-left: 10px;
}
.lc-status-container{
    text-align: right;
}
.lc-status-container .lc-status-intrested,
.lc-status-container .lc-status-undecided,
.lc-status-container .lc-status-not-intrested{
    padding-right: 10px;
}
.lc-status-container .lc-status-intrested{
    padding-left: 0px !important;
}
.lc-status-container .lc-status-undecided{
    padding-left: 30px !important;
}
.lc-status-container .lc-status-not-intrested{
    padding-left: 30px !important;
}
.lc-status-container span{
        /*padding-left: 15px;*/
}
.lc-status-container label{
    padding-bottom: 8px;
}
.polls-tittle-on-result{
     font-weight: bold;
     font-size: 14px;
}
::-webkit-input-placeholder { /* Chrome/Opera/Safari */
  color: #0c0c0c78 !important;
}
::-moz-placeholder { /* Firefox 19+ */
  color: #0c0c0c78 !important;
}
:-ms-input-placeholder { /* IE 10+ */
  color: #0c0c0c78 !important;
}
:-moz-placeholder { /* Firefox 18- */
  color: #0c0c0c78 !important;
}
::placeholder{
  color: #0c0c0c78 !important; 
}
.resource-priority{
    width: 65px;
}
.admin-game-rating-page .rate-game-header{
    text-align: center;
    padding-bottom: 2px;
}
.admin-game-rating-page .rate-game-label{
    padding-bottom: 6px;
    font-weight: bold;
    padding-top: 6px;
}
.admin-game-rating-page .rate-game-section{
   padding-top: 8px;
}
.admin-game-rating-page .rate-game-page{
    margin: 10px;
}
.admin-game-rating-page .border-box{
     border-top: 2px solid #eee;
}
.admin-game-rating-page .adjust-col{
      display: flex;
}
.admin-game-rating-page .rate-column{
     margin: 10px;
}
.admin-game-rating-page .page-btn{
    padding-left: 9px;
    padding-right: 9px;
}
.lc-add-game .lc-add-game-page{
    margin: 0 auto;
    max-width: 950px;
}
.lc-add-game .lc-add-game-labels{
    padding-top: 10px;
}
.lc-add-game .lc-add-game-page-border{
    border-left: 1px solid #E2E2E4;
}
.lc-add-game .lc-split-colum{
     padding-left: 30px;
}
.lc-add-game .page-heading{
    text-align: center;
}
.schedule-change-form .form-group label {
    padding-top: 10px;
}
.double-header-colsan{
   background-color: #028a83;
}
.double-header-pagination{
    margin-right: 0px;
    padding-right: 2px !important;
}
.double-header-head{
   color:#ffffff; 
}
.double-header-column{
    width: 7%;
}
.double-header-empty{
   font-style: italic;
}
.loader-text-container{
    color: white;
    text-align: center;
    padding: 20px;
}
#double-header-table-container {
    margin-top: 12px;
}
.lc-schedule-team-list-model{
   padding: 0px 25px 0px 25px;
}
.field-name-dropdown{
   margin-bottom: 0px;
}
.field-change-warning{
   margin-bottom: 25px;
}
.playdate-settings .filter-labels{
    padding-top: 10px;
}
.playdate-settings .year-filter{
    padding-left: 10px;
}
.playdate-settings .filter-row{
    padding-top: 15px;
    max-width: 850px;
    margin: 0 auto;
}
.playdate-settings .page-border{
    padding-top: 30px;
    border-bottom: 1px solid #ceced0;
}
.playdate-settings .page-content{
    margin: 0 auto;
    max-width: 950px;
    min-height: 400px;
}
.playdate-settings .tittle-row{
    display: block;
    text-align: center;
    padding-top: 30px;
}
.playdate-settings .title-font{
    font-size: 16px;
}
.playdate-settings .team-count{
    padding-right: 15px;
}
.playdate-settings .time-settings-row {
    padding-top: 30px;
    max-width: 740px;
    margin: 0 auto;
}

.playdate-settings .time-settings-row .no_game_label {
    width: 216px;
    float :left; 
    padding-right: 15px;
}
.playdate-settings .time-settings-row .time_bw_game_label {
    width: 245px;
    float :left; 
    padding-right:15px;
}
.playdate-settings .time-settings-row .time-settings-input {
    width: 120px;
    float :left; 

}
.play-dates-inputs {
    margin-top: 30px;
} 
.play-dates-inputs label {
    width: 72px;
    float: left;
    padding: 10px 0;
}
.play-dates-inputs input {
    float:right;
}
.bracket-teams-popup{
    width: 670px !important;
}
.text-uppercase{
    text-transform: uppercase;
}
.play-date-inputs-loader{
    display:none;
    width: 0;
    margin: 0 auto;
    margin-top: 15px;
}
.play-date-setup-inputs{
        width: 70px;
}
.gameNumberErrMsg{
    display: inline-block;
    color: red;
}
.team-schedule-model-popup{
     margin: 15px;
}
.assignor-date{
    width: 250px;
    padding-left: 10px;
}
.width_10_percent{
    width: 10%;
}
.assigner-games-list .detail-column{
    background-color: #e4f2f3;
    border: 1px solid #ceced0;
    min-height: 120px;
    margin: 10px;
    -webkit-box-shadow: -10px -2px 43px -20px rgba(206,206,208,1);
    -moz-box-shadow: -10px -2px 43px -20px rgba(206,206,208,1);
    box-shadow: -10px -2px 43px -20px rgba(206,206,208,1);
}
.assigner-games-list .association-details{
   padding: 15px;
        
}
.assigner-games-list .content-heading{
  color: #000000;
  font-weight: bold;
}
.assigner-games-list .content{
  font-weight: bold;
  display: block;
  color: #308681;
  padding-top: 5px;
}
.assignor-list-date-filter{
   padding: 0px;
   padding-bottom: 10px; 
}
.games-too-far-apart .team-names{
    margin-top: 4px;
    margin-bottom: 4px;
    color: #152A23;
}
.games-too-far-apart .time-details{
    font-size: 91%;
}
.games-too-far-apart .game-number{
    color: #0073b7;
    font-weight: bold;
}
.games-too-far-apart .time-difference{
    background-color:#0073b7;
    font-size: 14px;
}
.games-too-far-apart .pagination-div{
    margin-right: 0px;
    padding-top: 10px;
    padding-bottom: 10px;
}
.bracket-teams .brackets-col{
    margin: 10px;
}
.bracket-teams .brackets-heading{
    background-color: #e4f2f3;
    border: 1px solid #ceced0;
}
.icon-action {
    margin-top: 5px;
    float: right;
    font-size: 80%;
}

.list-group-item .title {
    margin-top: 5px;
    margin-bottom: 12px;
    font-weight: bold;
    color: #308681;
}
.bracket-teams .collapse-div{
    margin-bottom: 10px;
    -webkit-box-shadow: -10px -2px 43px -20px rgba(206,206,208,1);
    -moz-box-shadow: -10px -2px 43px -20px rgba(206,206,208,1);
    box-shadow: -10px -2px 43px -20px rgba(206,206,208,1);
}
.bracket-teams .teamlist-table{
    margin-top: 15px;
}
.bracket-teams{
    padding-top: 25px;
}
.rotate.up{
    -moz-transform:rotate(180deg);
    -webkit-transform:rotate(180deg);
    transform:rotate(180deg);
}
.too-many-game-count{
     font-size: 14px;
}
.too-many-game .filters{
        margin-left: 2px;
        width: 155px;
}
.too-many-game .gender-filter{
        width: 140px;
}
.home-away-balance .filter-age{
    margin-left: 0px; 
    width: 105px;
    height: 38px !important;
}
.home-away-balance .filter-bracket{
    margin-left: 0px; 
    width: 160px;
    height: 38px !important;
}
.home-away-balance .filter-gender{
   width: 136px;
   height: 38px !important;
}
.setupErrors{
    padding-top: 20px;
    width: 100%;
}
.setupErrors .info-box {
    display: block;
    min-height: 90px;
    background: #fff;
    width: 100%;
    box-shadow: 0 1px 1px rgba(0,0,0,0.1);
    border-radius: 2px;
    margin-bottom: 15px;
    border: 1px solid #ceced0;
    position: relative;
}
.setupErrors .info-box-content {
    height: 70px;
    padding: 12px 12px;
    margin-left: 80px;
    color: black;
    font-weight: bold;
}
.setupErrors .setupErrors-content {
    min-height: 250px;
    padding: 15px;
    margin-right: auto;
    margin-left: auto;
    padding-left: 15px;
    padding-right: 15px;
    padding-top: 5px;
}
.setupErrors .info-box-icon {
    position: absolute;
    border-top-left-radius: 2px;
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 2px;
    display: inline-flex;
    float: left;
    height: 100%;
    width: 85px;
    text-align: center;
    font-size: 45px;
    line-height: 90px;
    background: rgba(0,0,0,0.2);
}
.setupErrors .info-box-number {
    padding-top: 4px;
    display: block;
    font-weight: bold;
    font-size: 20px;
}
.setupErrors .info-box-text{
    font-size: 12px;
}
.setupErrors .game-errors{
        min-height: 80px;
}
.setupErrors .box{
    background: #fff;
    box-shadow: 0 1px 1px rgba(0,0,0,0.1);
    border: 1px solid #ceced0;
    box-shadow: 0 1px 1px rgba(0,0,0,0.1);
}
.setupErrors .chart-outer-div{
/*   padding-right: 5px;
   padding-left: 5px;*/
}
.setupErrors .box-header{
    display: block;
    padding: 14px;
    position: relative;
}
.setupErrors .box-header .box-title {
    display: inline-block;
    font-size: 15px;
    margin: 0;
    line-height: 1;
    color: #000000;
    font-weight: bold;
}
.setupErrors .box-header .box-tools {
    position: absolute;
    right: 10px;
    top: 16px;
}

.setupErrors .btn-box-tool-icons {
    background: url(../images/min.svg) no-repeat;
                cursor:pointer;
                border: none !important;
                outline: none !important;
                padding-left: 5px;
}
.setupErrors .btn-box-tool-icons.collapsed {
    background: url(../images/max.svg) no-repeat;
                cursor:pointer;
                border: none !important;
                outline: none !important;
                padding-left: 5px;
}
.setupErrors .box-body {
    border-top-left-radius: 0;
    border-top-right-radius: 0;
    border-bottom-right-radius: 3px;
    border-bottom-left-radius: 3px;
    padding: 14px;
    min-height: 350px; 
}
.setupErrors .early-game-chart{
    max-height: 100%;
    max-width: 100%;
    display: none;
}
.setupErrors .balanced-square {
  height: 12px;
  width: 12px;
  background-color: rgba(0, 166, 90, 1);
  display: inline-flex;
} 
.setupErrors .doughnut-legend-labels{
   padding-left: 10px;
   font-size: 15px;
}
.setupErrors .unbalanced-squre {
  margin-left: 10px;
  height: 12px;
  width: 12px;
  background-color: rgba(0, 192, 239, 1);
  display: inline-flex;
} 
.setupErrors .doughnut-legend{
    text-align: center;
    color: black;
    padding-top: 25px;
}
.setup-error-loader{
       display: none;
}    
.setup-error-loader-text{
        font-size: 16px; 
        color: #a19898 !important;
}
.setupErrors .hide-doughnut-graph{
    display: none;
}
.coach-conflict .detail-column{
        padding: 2px 10px;
}
.coach-conflict .time-difference-column{
        background-color: #0073b7;
        font-size: 14px;
}
.coach-conflict .game-time{
        font-size: 12px;
}
.coach-conflict .game-numbers{
         color: #0073b7;
         font-weight: bold;
}
.coach-conflict .detail-text{
         margin-top: 3px;
        margin-bottom: 3px;
}
.working-schedule-pager{
    margin: 0;
    padding: 0px !important;
    padding-top: 5px !important;
}
.time-difference-danger{
    background-color: #d9534f;
    font-size: 14px;
}
.schedule-status .schedule-status-img{
    padding-top: 40px;
    padding-bottom: 25px;
    width: 100px;
}
.schedule-status .schedule-status-msg{
    color: #308681;
    text-align: center;
    padding: 20px 0;
}
.schedule-status .info-paragraph{
    padding-bottom: 25px;
    font-size: 16px;  
}
.run-schedule-box {
    text-align: center;
    padding: 40px 15px;
    margin-bottom: 25px;    
}
.run-schedule-box img {
    width: 100px;
}
.run-schedule-box p{
    font-size: 17px;
    text-align: center;
    padding: 20px 0;
}
.run-schedule-box button{
    min-width :120px;
}
.schedule-generate-status .play-date-error-list{
    border-top: 1px solid #ceced0;
    margin-bottom: 42px;
}
.schedule-generate-status .li-list{
    text-align: left;
    font-size: 16px;
    margin-left: 35px;
    margin-bottom: 5px;
}
.schedule-generate-status .err-msg-tittle{
    padding-top: 15px;
    padding-bottom: 15px;
    color: red !important;
    text-align: center;
}
.schedule-generate-status .ul-div{
    max-height: 220px;
    overflow: auto;
}
.schedule-generate-status .success-status{
    color: #308681;
    text-align: center;
}
.schedule-generate-status .failed-status{
    color: red;
    text-align: center;
}

.schedule-status .publish-button-div{
     padding: 20px 0;
}
.playdate-settings .date-calander-icon{
    font-size: 16px;
    padding-right: 12px;
    padding-left: 12px;
}
.playdate-settings .inline-calandericon-text{
    display: flex;
}
.team-schedules-model-popup{
    width: 70% !important;
}
.model-popup-pager{
    margin-right:0px;
}
.team-schedules-model-body{
    max-height: 400px;
    overflow-x: scroll;
}
.assignor-game-list-table{
    max-width: 850px;
    margin: 0 auto;
    padding-top: 25px;
}
.no_of_assignor_games{
    font-size: 14px;
}
.page-view-icons{
    display: inline-flex;
    padding: 5px;
    font-size: 16px;
    padding-right: 15px;
}
.card-view{
    background-image: url("../images/grid_view_active.png");
    width:30px;
    height:30px;
    background-repeat:no-repeat;
}
.card-view.inactive{
    background-image: url("../images/grid_view_inactive.png");
    width:30px;
    height:30px;
    background-repeat:no-repeat;
}
.table-view{
    background-image: url("../images/table_view_inactive.png");
    width:30px;
    height:30px;
    background-repeat:no-repeat; 
}
.table-view.active{
    background-image: url("../images/table_view_active.png");
    width:30px;
    height:30px;
    background-repeat:no-repeat; 
}
.card-view-link-btn{
    padding-left: 5px;
    padding-right: 5px;
}
.table-view-pager{
    padding-right:0px !important;
    margin: 0px;
}
.bracket-team-list{
    margin-top: 0px;
    margin-bottom: 0px;
}
.bracket-team-table-view{
    max-width: 750px;
    margin: 0 auto;
    padding-top: 10px;
}
.margin_0px{
    margin: 0px;
}
.padding_0px{
    padding:0px !important;
}
.bracket-dropdown-filter{
    width: 180px;
}
.brackert-team-filters{
    border-bottom: 1px solid #ceced0;
    padding-bottom: 15px;
}
.font_size_16{
    font-size: 16px !important;
}
.width_21_percent{
    width: 21% !important;
}
.width_16_percent{
    width:16% !important;
}
.txt_align_right{
    text-align: right;
}
.show_drive_time{
    padding-left: 20px;
}
.drive_time_checkbox{
    width: 20px;
    height: 20px;
    margin: 4px !important;
}
.drive-time-check-box-label {
    width: 107px;
    margin-right: 15px;
}
.download-invoice{
    margin-right: 60px;
    margin-top: 10px;
}
.paid-date{
    color:#d9534f;  
    font-weight: bold;
    padding-top: 4px; 
}
.team-manager-login-tittle{
    color: white;
    text-transform: uppercase;
    margin-bottom: 8px !important;
}
.inactive-team-players-popup{
    width: 55% !important;
}
.inactive-team-players-popup-pager{
    margin-right:0px;
}
.inactive-team-players-popup-body{
    max-height: 400px;
    overflow-x: scroll;
}
.rating-reports .header-section{
    padding: 30px 50px 15px 50px;
}
.header-section .heading{
    font-size: 20px;
    color: #202527;
    font-weight: 600;
    padding-top: 5px;
}
.header-section .detail-view{
    float: right;
    height: 50px;
}
.header-section .detail-view-icon{
    display:inline;
    font-size: 16px;
    padding-right: 20px;
}
.header-section .time-txt{ 
    font-size: 16px;
    color: #202527;
    font-weight: 600;
    text-transform: uppercase;
}
.header-section .border-separate{
     display:inline;
     border-right: 2px solid #e3e7ec; 
/*     font-size: 25px;*/
}
.rating-reports .summary-content{
    padding: 0px 50px 50px 50px;
}
.summary-content .box{
    background: #fff;
    box-shadow: 0 1px 1px rgba(0,0,0,0.1);
    border: 1px solid #edf1f6;
    box-shadow: 0 1px 1px rgba(0,0,0,0.1);
}
.summary-content .first-section{
    margin-right: 8px;
}
.summary-content .second-section{
    margin-left: 8px;
}
.summary-content .box-header{
    display: block;
    padding: 20px;
    position: relative;
    border-bottom: 2px solid #edf1f6;
}
.summary-content .box-header .box-title {
    display: inline-block;
    font-size: 16px;
    margin: 0;
    line-height: 1;
    color: #202527;
    font-weight: 600;
}
.summary-content .box-header .box-tools {
    position: absolute;
    right: 10px;
    top: 16px;
}

.summary-content .btn-box-tool-icons {
    background: url(../images/know_more.png) no-repeat;
    cursor:pointer;
    border: none !important;
    outline: none !important;
    padding-left: 25px;
    background-size: contain;
    height: 30px;
}
.header-section .note-icons{ 
    margin-bottom: 10px;  
    cursor: pointer;
}
.vertical-line{
    border-left: 1px solid #ccc;
    margin: 0 20px;
    font-size: 25px;
}
.summary-content .content-wrapper{
    padding: 25px 20px 25px 20px;
}
.summary-content .content-row{
    padding-bottom: 50px;
}
.content-wrapper .gender-label{
    display: block;
    font-size: 18px;
    color: #19283a;
    font-weight: 600;
}
.content-wrapper .column-label{
    font-size: 16px;
    color: #19283a;
    font-weight: 600;
}
.content-wrapper .fa {
   padding-top: 0px;
   font-size: 18px;
   color: #e6e7e9;
}
.content-wrapper .checked {
  color: orange;
}
.content-wrapper .rating{
    padding-left: 20px;
    font-size: 23px;
    font-weight: 600;
    color: #19283a;

}
.summary-content .row-division{
    padding-top: 25px;
}
.content-wrapper .image-cropper {
    width: 100px;
    height: 100px;
    position: relative;
    overflow: hidden;
    border-radius: 50%;
    border: 1px solid #52aaac;
}
.content-wrapper .club-images{
    position: absolute;
    top: 20%;
    width: 60px;
    left: 20%;
    border: 1px solid #edeff6;
}
.content-wrapper .club-rating-section{
    padding-top: 10px;
    padding-bottom: 10px;
}
.content-wrapper .row-separate{
    padding-top: 50px;
}
.content-wrapper .image-cropper-icons{
    width: 100px;
    height: 100px;
    position: relative;
    overflow: hidden;
    border-radius: 50%;
    background-color: #3eadad; 
}
.content-wrapper .images_icon{
    position: absolute;
    top: 30%;
    left: 30%;
    width: 40px;
}
.content-wrapper .whistle_icon{
    position: absolute;
    top: 42%;
    left: 30%;
    width: 40px;
}
.content-wrapper .low-rated-games-label{
    display: block;
    padding-top: 6px;
}
.content-wrapper .chart-canvas{
    width: 100%;
    height: auto;
}
.content-wrapper .weenkend-summary-label{
    display:block;
    padding-top: 10px;
    padding-left: 25px;
}
.content-wrapper .percentage{
    display:block;
    text-align: center;
    padding-top: 14px;
}
.summaryreport .summary-table-content{
    padding: 30px;
}
.summaryreport .summary-table-content .table>tbody>tr>td{
    padding: 20px;
    padding-left: 30px;
    border: none;
    color: black;
    font-weight: 600;
}
.summaryreport .summary-table-content .table-head{
    background-color: #3eadad !important;
    color: white;
    font-size: 14px;
}
.summaryreport .summary-table-content .border_bottom{
   border-bottom: 2px solid #51bdbd; 
}
.summaryreport .summary-table-content .border_right{
   border-right: 2px solid #51bdbd; 
}
.summaryreport .summary-table-content .main-heading{
    text-align: center;
    padding: 10px 0px 10px 0px;
}
.summaryreport .summary-table-content .sub-heading{
    padding: 5px 18px 10px 18px;
}
.summaryreport .summary-table-content .age-column{
    padding: 35px;
}
.summaryreport .summary-table-content .table-footer-section td{
    background-color: #3eadad !important;
    color: white !important;
    font-size: 14px;
}
.rating-reports .header-section .print_icon{
    margin-right: 20px;
    margin-bottom: 10px;
    cursor: pointer;
}
.rating-reports .header-section .heading-with-back-button{
   padding-left: 20px;
}
.summary-content .collapsed-icon{
    background: url(../images/arrow_up.png) no-repeat;
    cursor:pointer;
    border: none !important;
    outline: none !important;
    padding-left: 25px;
    background-size: contain;
    height: 30px;  
}
.summary-content .collapse-section .collapsed {
    background: url(../images/arrow_down.png) no-repeat;
    cursor:pointer;
    border: none !important;
    outline: none !important;
    padding-left: 25px;
    background-size: contain;
    height: 30px;  
}
.summaryreport .chart-view{
    padding-top: 30px;
}
.summaryreport .tab-section {
  border: none !important;
  margin: 0px !important;
} 
.summaryreport .nav-tabs>li.active>a{
    color: #555;
    cursor: default;
    background: none;
    border: none;
}
.summaryreport .nav-tabs > li.active > a, .nav-tabs > li.active > a:hover, .nav-tabs > li.active > a:focus {
    border-bottom: 2px solid #028a83;
    color: #028a83;
}
.summaryreport .chart-header{
    padding: 9px;
}
.summaryreport .chart-tittle{
    margin-top: 15px !important;
    padding-left: 15px;
}
.summaryreport .chart-section{
    margin-bottom: 15px;
}
.summaryreport .chart-body{
    padding: 30px;
}
.summaryreport .chart-canvas{
    height:400px;
}
.summaryreport .chart-view .legend_teams{
    float:right;
    font-size: 25px;
    padding-bottom: 30px;
    padding-right: 20px;
    font-weight: 600;
    color: black;
}
.summaryreport .chart-view .legend_teams ul{
    list-style: none;
}
.summaryreport .chart-view .legend_teams ul li::before{
    font-size: 65px;
    content: "\2022";
    color: #4cc1e2;
    font-weight: bold;
    display: inline-block; 
    width: 30px;
    margin-left: -2em;
    line-height:24px; 
    vertical-align:middle;
}
.summaryreport .chart-view .legend_referees{
    padding-left: 65px;
    font-size: 25px;
    padding-bottom: 30px;
    font-weight: 600;
    color: black;
}
.summaryreport .chart-view .legend_referees ul{
    list-style: none;
}
.summaryreport .chart-view .legend_referees ul li::before{
    font-size: 65px;
    content: "\2022";
    color: #2f89b1;
    font-weight: bold;
    display: inline-block; 
    width: 30px;
    margin-left: -1em;
    line-height:24px; 
    vertical-align:middle;
}
.age-group-modal .modal.right .modal-dialog {
    position: fixed;
    margin: auto;
    width: 320px;
    height: 100%;
    -webkit-transform: translate3d(0%, 0, 0);
    -ms-transform: translate3d(0%, 0, 0);
    -o-transform: translate3d(0%, 0, 0);
    transform: translate3d(0%, 0, 0);
    margin-top: 0px !important;
}
.age-group-modal .modal.right .modal-content {
    height: 100%;
    overflow-y: auto;
}
.age-group-modal .modal.right .modal-body {
    padding: 0px 30px 80px;
} 
.age-group-modal .modal.right .modal-body h4{
    font-size: 18px;
    color:black;
    font-weight: 600;
} 
.age-group-modal .modal.right .rating-question{
    padding-top: 30px;
    padding-bottom: 30px;
    border-bottom: 2px solid #edf1f6;
}
.age-group-modal .modal.right .question-txt{
    padding-top: 20px;
    font-size: 18px;
    color: black;
}
.age-group-modal .modal.right .rating-section{
    padding-top: 20px;
}
.age-group-modal .modal.right .rating-section .rating-txt{
    padding-left: 10px;
    font-size: 20px;
    font-weight: 600;
    color: black;
}
/*Right*/
.age-group-modal .modal.right.fade .modal-dialog {
    right: -320px;
    -webkit-transition: opacity 0.3s linear, right 0.3s ease-out;
    -moz-transition: opacity 0.3s linear, right 0.3s ease-out;
    -o-transition: opacity 0.3s linear, right 0.3s ease-out;
    transition: opacity 0.3s linear, right 0.3s ease-out;
}

.age-group-modal .modal.right.fade.in .modal-dialog {
    right: 0;
}

/* ----- MODAL STYLE ----- */
.age-group-modal .modal-content {
    border-radius: 0;
    border: none;
}

.age-group-modal .modal-header {
    border-bottom-color: #EEEEEE;
    background-color: white;
}
.age-group-modal .modal-header h4{
    border-bottom-color: #EEEEEE;
    font-size: 20px;
    color: black;
    padding-top: 15px;
    padding-left: 15px;
    font-weight: 600;
}
.age-group-modal .close{
    color: black !important;
    font-size: 45px;
    padding: 0px 14px;
}
.age-group-modal .modal-header button.close span {
    opacity: 6;
}
.summaryreport .summary-table-content .btn{
    padding: 0px;
}
.summaryreport .summary-table-content .btn-link{
    font-weight: 600;
    color: black;
    cursor: pointer;
    font-size: 12px;
    border: none;
    outline:none;
}
.summaryreport .summary-table-content .btn-link:hover, .btn-link:focus, .btn-link:active {
    font-weight: 600;
    color: #428bca;
    cursor: pointer;
    font-size: 12px;
    border: none;
    outline:none;
}
.age-group-modal .close:active {
    border: none;
    outline:none;
}
.summary-content .box:hover{
    -webkit-box-shadow: 5px 8px 17px -4px rgba(161,156,156,1);
    -moz-box-shadow: 5px 8px 17px -4px rgba(161,156,156,1);
    box-shadow: 5px 8px 17px -4px rgba(161,156,156,1);
}
.summary-table-content .head-padding20{
    padding: 20px !important;
}
.summary-table-content .head-padding-left{
    padding-left: 32px;
}
.summary-content .pie-chart-legends{
    padding-left: 200px;
    padding-top: 25px;
    font-size: 16px;
    line-height: 40px;
    color: black;  
    font-weight: 600;
}
.summaryreport .chart-view .pie-chart-legends ul{
    list-style: none;
}
.summaryreport .chart-view .pie-chart-legends ul li::before{
    font-size: 47px;
    content: "\2022";
    color:black;
    font-weight: bold;
    display: inline-block;
    width: 30px;
    margin-left: 0em;
    line-height: 39px;
    vertical-align: middle;
}
.summaryreport .chart-view .pie-chart-legends .rating5_0 ul li::before{
   color: rgb(219, 104, 111); 
}
.summaryreport .chart-view .pie-chart-legends .rating4_5 ul li::before{
   color: rgb(219, 139, 97); 
}
.summaryreport .chart-view .pie-chart-legends .rating4_0 ul li::before{
   color: rgb(230, 195, 98); 
}
.summaryreport .chart-view .pie-chart-legends .rating3_5 ul li::before{
   color: rgb(187, 209, 97); 
}
.summaryreport .chart-view .pie-chart-legends .rating3_0 ul li::before{
   color: rgb(134, 206, 91); 
}
.summaryreport .chart-view .pie-chart-legends .rating2_5 ul li::before{
   color: rgb(56, 189, 230); 
}
.summaryreport .chart-view .pie-chart-legends .rating2_0 ul li::before{
   color: rgb(41, 129, 180); 
}
.summaryreport .chart-view .pie-chart-legends .rating1_5 ul li::before{
   color: rgb(124, 127, 222); 
}
.summaryreport .chart-view .pie-chart-legends .rating1_0 ul li::before{
   color: rgb(193, 133, 222); 
}
.summaryreport .chart-view .pie-chart-legends .rating0_5 ul li::before{
   color: rgb(213, 120, 176); 
}
.summary-table-content .txt_align_center{
    text-align: center;
}
.low-rated-refs-column{
    padding-left: 0px !important;
}
.txt_center_align{
    text-align: center;
}
.low-rated-refs-column_th{
    padding-top: 20px !important;
    padding-bottom: 20px !important;
}
.low-rated-refs-column_td{
   padding: 20px 0px 20px 8px !important; 
}
.header-section .sub-heading-padding{
    padding: 30px;
}
.summary-content .filters-option{
    margin-right: 40px;
    font-size: 17px;
    color: #52aaac;
    font-weight: bold;
}
.summary-content .filters-option:hover{
     color:black;
}
.summary-content tr.hide-table-padding td {
  padding: 0;
}
.summary-content .top-clubs{
   padding: 0px !important;
}
.rating-reports .topteamandclubs .club-name-column{
        width: 250px;
}
.rating-reports .topteamandclubs .default-column-width{
     width: 118px;
}
.rating-reports .topteamandclubs .index-column-width{
     width: 80px;
}
.rating-reports .topteamandclubs .club-team-details{
    padding-left: 30px !important;
    padding-right: 0px !important;
}
.rating-reports .topteamandclubs .row-border{
    border-top: 1px solid #eef2f6;
    border-bottom: 1px solid #eef2f6;
}
.summaryreport .topteamandclubs .club-collapse-icon{
       padding: 5px 20px 10px 20px !important;
}
.summaryreport .topteamandclubs .table-collapsed-icon{
    background: url(../images/arrow_down.png) no-repeat;
    cursor:pointer;
    border: none !important;
    outline: none !important;
    padding-left: 25px;
    background-size: contain;
}
.summaryreport .topteamandclubs .table-collapsed-icon-collapsed {
    background: url(../images/arrow_up.png) no-repeat;
    cursor:pointer;
    border: none !important;
    outline: none !important;
    padding-left: 25px;
    background-size: contain;
}
.summaryreport .topteamandclubs .club-team-table{
    margin-bottom: 0px;
}
.summaryreport .filter-division{
    background-color: white;
    position: absolute;
    width: 390px;
    border: 2px solid #eef2f6;
    border-radius: 2px;
    left: 55%;
}
.summaryreport .filter-content{
    padding: 20px;
}
.summary-content .collapse-section{
     display: inline;
}
.summaryreport .filter-content label{
    color: black;
    padding-top: 10px;
}
.summaryreport .filter-content .filter-text-box{
    text-align: right;
}
.summaryreport .filter-content input{
    padding: 5px 15px;
    background-color: #f1f3f7;
    border: none;
    color: black;
    font-size: 22px;
    width: 100%;
}
.summaryreport .filter-content .apply-btn{
    background-color: #3eadad;
    border-radius: 5px;
    padding-left: 30px;
    padding-right: 30px;
}
.summaryreport .filter-content .apply-btn:hover{
    color: black;
}
.summaryreport .filter-content .reset-btn{
    background-color: white;
    border-radius: 5px;
    padding-left: 30px;
    padding-right: 30px;
    color: black;
    border: 2px solid #eef2f6;
}
.note-section .modal{
    position: fixed;
    top: 72px;
    right: 0;
    bottom: 0;
    left: 526px;
    z-index: 1050;
    display: none;
    overflow: hidden;
    -webkit-overflow-scrolling: touch;
     outline: 0;
}
.note-section .modal-header{
    background-color: white;
    border-bottom: unset;
}
.note-section .modal-content{
    padding: 10px 20px;
    border: none;
    border-radius: 6px;
}
.note-section .modal-header span{
    font-weight: bold;
    font-size: 20px;
    color: black;
}
.note-section .modal-header img{
   float:right; 
   cursor:pointer;
}
.note-section .modal-body{
    padding-top: 30px;
}
.note-section .modal-body p{
   font-size: 16px; 
   color: black;
   margin-bottom: 10px;
}
.summary-table-content .table-striped>tbody>tr:nth-child(odd)>td, .table-striped>tbody>tr:nth-child(odd)>th {
    background-color: #e7eaec;
}
.rating-reports .topteamandclubs .column-width-tm{
     width: 195px;
}
.rating-reports .topteamandclubs .column-width-ref{
     width: 146px;
}
.rater-rating-container .rate-base-layer{
    color: #b3b5b8;
    height: 47px;
}
.rater-rating-container .rate-hover-layer{
    color: orange;
}
.rater-rating-container .rate{
   font-size: 29px;
   width: 131px;
}
.rater-rating-container .rate-select-layer{
    color: orange;
    height: 47px;
}
.rater-rating-container .rater-section{
    width: 33%;
    display: inline-block;
}
.rater-rating-container .rater-txt-section{
    width: 50%;
    display: inline;
}
.rater-rating-container .rater-rating{
    position: absolute;
    padding-top: 6px;
}
.summaryreport .summary-table-content .table-head th{
    background-color: #3eadad !important;
    color: white !important;
    font-size: 14px;
}
.summaryreport .print-page-heading{
    display: none;
}
 @media print {
   body {
       -webkit-print-color-adjust: exact !important; /*Chrome, Safari */
        color-adjust: exact !important;  /*Firefox*/
         margin: 0px;  
    }
  .summaryreport .print-page-heading{
        display:block;
        font-size: 20px;
        color: #202527;
        font-weight: 600;
        padding-bottom:20px; 
    }
    .summaryreport .topteamandclubs .collapse:not(.show) {
        display: unset;
    }
   @page {
   margin: 5mm;
    }
    .summary-table-content .table-striped>tbody>tr:nth-child(odd)>td, .table-striped>tbody>tr:nth-child(odd)>th {
    background-color: #e7eaec !important;
    }
 }
#rating-report-loader{
   display: none;
}    
.rating-report-loader-text{
    font-size: 35px; 
    color: #908686 !important;
}
.rating-report-chart-loaders{
    position: absolute;
    top: 45%;
    left: 42%;
}
.display_none{
    display:none;
}
.rating-report-summary-loaders{
    position: unset;
    top:0%;
    left: 0%;
}
.rater-rating-container .summary-report-rater .rater-section{
    width: 100%;
    display: inline-block;
}
.content-row .text-labels{
    position: absolute;
    margin-top: 10px;
}
.summaryreport .summary-table-content .tablesorter-default th, .tablesorter-default thead td{
  border:unset;  
}
#top_club_team_view .fa{
    transform: unset !important;
}
.unserved-suspension .pager-style{
    margin-right: 0px;
    padding-right: 0px;
}
.unserved-suspension .filter-gender{
    height: 38px !important;
    min-width: 150px !important;
}
.unserved-suspension .margin-left_16{
    margin-left: 16px;
}
.unserved-suspension .filter-age{
    height: 38px !important;
}
.field-list .check-box-labels{
    padding-left: 5px;
    margin-bottom: 0px;
}
.field-info-popup{
    width: 900px !important;
}
.field-info-page-border{
    border-left: 1px solid #ceced0;
}
.field-info-page-column{
    padding-left: 30px;
    padding-right: 30px;
}
.field-info-popup-buttons{
    padding-bottom: 20px;
}
.field-managment-popup{
   width: 1140px !important;
}
.field-managment-info{
    padding-left: 25px;
    padding-bottom: 10px;
}
.field-managment-unavailable-date{
        min-height: 100px;
}
.field-managment-popup-buttons{
    padding-bottom: 20px;
}
.field-available-time-input{
    padding: 8px;
}
.field-management-popup-model{
    overflow-x: hidden;
    overflow-y: auto;
}
.fiel-management-second-col{
        min-height: 350px;
}
.home-field-settings .info{
    padding: 12px 2px 0px;
}
.home-field-settings .heading{
    padding-bottom: 0px; 
}
.home-field-settings .club-name-heading{
    padding-top: 6px;
}
.home-field-settings .table-headings{
    height: 50px;
    background-color: #e7e7e7;
    padding-top: 18px;
}
.home-field-settings .field-group{
    padding-top: 5px;
}
.home-field-settings .col-head-bold{
   font-weight: bold;
}
.home-field-settings .row-border{
    border-bottom: 1px solid #ceced0;
    padding: 10px 0px 10px 0px;
}
.home-field-settings .row-content-padding{
   padding-top: 35px;
}
.home-field-settings .team-name-column{
    padding-left: 15px;
}
.home-field-settings .column-sunday-field{
    padding-top: 15px;
}
.download-invoice{
    margin-right: 25px;
    margin-top: 10px;
}
.club-field-font{
    color: #008000;
    font-weight: bold;
}
#teammanager-unm-pass,#teammanager-preseaon-unm-pass{
    display:none;
}
.userslist-filters{
   margin: 0 15px !important; 
}
.text-align-right{
    text-align: right;
}
.team-profile .team-profile-img-container{
    border: 1px solid #636363;
    width:100%;
    height:320px;
    position: relative;
}
.team-profile .team-detail-container{
    padding-top: 1px;
    padding-left: 10px;
}
.team-profile .team-detail-container h3{
    font-size: 25px;
    color: black;
    font-weight: bold;
    padding-bottom: 7px;
}
.team-profile .team-detail-container .tittle{
    padding-bottom: 5px;
    color: black;
    font-weight:bold;
    font-size: 18px;
}
.team-profile .team-detail-container .tittle-content{
    color: black;
    font-size: 16px;
}
.team-profile .team-profile-img-container input{
    display: none;
}
.team-profile .team-profile-img-container label {
    display: inline-block;
    width: 25px;
    height: 25px;
    margin-bottom: 0;
    background: #308681;
    float:right;
}
.team-profile .team-profile-img-container .pencil-icon{
    color: white;
    padding-left: 2px;
    padding-top: 2px;
} 
.team-profile .avatar-edit{
    position: absolute;
    right: 0px;
    z-index: 1;
}
.team-profile .avatar-preview{
    position: relative;
    width:100%;
    height:318px;
}
.team-profile .avatar-preview div{
    width: 100%;
    height: 100%;
}
.team-profile .avatar-preview-player{
    position: relative;
    width:100%;
    height:184px;
}
.team-profile .avatar-preview-player div{
    width: 100%;
    height: 100%;
}
.team-profile .player-img{
    border: 1px solid #636363;
    width:100%;
    height:185px;
    position: relative;
}
.team-profile .player-img input{
    display: none;
}
.team-profile .player-img label {
    display: inline-block;
    width: 25px;
    height: 25px;
    margin-bottom: 0;
    background: #308681;
    float:right;
}
.team-profile .player-img .pencil-icon{
    color: white;
    padding-left: 2px;
    padding-top: 2px;
} 
.team-profile .player-jersey{
    color: #909090; 
    font-size: 18px;
    padding-bottom: 5px;
}
.team-profile .player-name{
    color:black;
    font-weight: bold;
    font-size: 14px;
}
.avatar-preview-player img{
    border-bottom: 1px solid #636363;
}
.team-profile .edit-button{
    background-color: #308681;
    border: unset;
    padding: 8px;
}
.team-profile .avatar-remove{
    position: absolute;
    top: 88%;
    z-index: 1;
}
.team-profile .player-remove{
    position: absolute;
    top: 80%;
    z-index: 1;
}
.team-profile .remove-button{
    background-color: #308681;
    border: unset;
    padding: 8px;
}
.team-profile .jersey-num{
    font-size: 15px;
    font-weight: bold;
    color: gray;
    padding-left: 3px;
}
.push-notification-message-form {
    margin: 0 auto;
    max-width: 850px;
    margin-top: 15px;
}
.push-notification-message-form .text-warning{
    margin: 0 auto;
}
.pushnotification-check-box-block{
    border: 1px solid #CFCFCF;
}
.pushnotification-select-groups {
    padding: 20px 30px;
    min-height: 150px;
}
.check-box-selection-email .pushnotification-select-groups  .checkbox{
    display: block;
}
#the-count {
    float: right;
    padding: 0.1rem 0 0 0;
    /* font-size: 0.875rem; */
}
.edit_inactive_team .text-primary{
    top:-15px;
}
.news-warning
{
    display:inline-block;
}
.news-count
{
    float: right;
}
.deadline-button
{
    margin-left: 87px;
}
.unpaid-incoice-amount
{
    margin-left: 15px;
    margin-top: 10px;
}
.unpaid-incoice-amount span{
    font-weight: bold;
}
.fee-minus-label
{
    margin: 6px !important;
}
.fee-minus-label img
{
    padding-bottom: 17px;
    padding-left: 7px;
}
.fee_minus
{
    width: 25px;
    height: 25px;
}
.bracketagecheckbox
{
    display: block;
}
.chkbox-age-txt
{
    display: inline-block;
    padding-left: 5px;
}
.fee-adjustment{
    padding-left: 2px;
    display: inline;
}
.feeadjustment-text
{
    margin-top: 28px;
}
.chkboxlabel
{
    margin-right: 15px;
}
.team_reg_bracket_fee_list{
    max-width: 1000px;
    margin: 0px auto;
}
.adjustmentvalues
{
    width: 25px;
    height: 25px;
    margin-top: 10px;
}

.fee-adjustment img
{
    margin-bottom: 16px;
}
.crl-main,
body,
html {
    height: 100%
}
.crl-main {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    width: 100%;
    background: url('../images/CRLapplication_background.png') no-repeat center center fixed; 
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
}
.crl-btn, .crl-btn:hover
{
    background: #191957;
    border-color: rgb(128, 128, 128);
    border-width: 1px;
    border-style: solid;
}
.ncsl-main,
body,
html {
    height: 100%
}
.ncsl-main {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    width: 100%;
    background: url('../images/NCSLapplication_background.png') no-repeat center center fixed; 
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
}
.ncsl-btn1, .ncsl-btn1:hover
{
    background: #d4270d;
    border-color: rgb(128, 128, 128);
    border-width: 1px;
    border-style: solid;
}
.ncsl-btn2, .ncsl-btn2:hover
{
    background: #1d155c;
    border-color: rgb(128, 128, 128);
    border-width: 1px;
    border-style: solid;
}
.ncsl-block {
    width: 540px;
    margin: 0 auto;
    border-radius: 10px;
    background: #fcf8e37d;

    color: #000;
    padding: 32px
}
.ratingreport .filter-content {
    padding: 20px;
}
.rating-filter{
    width: 40px !important;
    margin-left: 10px !important;
    margin-right: 10px !important;
    border: 1px solid #ccc !important;
    padding: 3px 5px !important;
}
.rating-chkbox-filter
{
    width: 20px !important;
}
.filter-content .filter-criteria-select
{
    color: #746764;
    height: 32px;
    font-size: 12px;
}
.ratingreport .filter-content label .error{
    padding: 0;
}
.ratingreport .filter-content input {
    background-color: #f1f3f7 !important;
    color: black !important;
    font-size: 12px;
}
.txt_right_align{
    text-align: right;
}
.rating-report-table .agegroup-column{
    width: 12% !important;
}

.filter-place {
    display: flex;
    align-items: center;
    margin-top: 5px;
}
.input-filter-wrapper {
    display: flex;
    align-items: center;
    padding-top: 6px;
}
.filter-place h6 {
    color: #000;
    margin-right: 10px;
    margin-top: 5px;
}
.filter-place span {
    font-size: 12px;
    color: #000000;
    margin: 2px 10px 0 5px;
}
.filter-place  .form-check-input {
    width: 20px !important;
    height: 20px;
    margin-right: 2px;
}
.d-flex{
    display: flex !important;
}
.btn-send-info{
    background-color: #3eadad;
    border-radius: 5px;
    color:white;
    border: none;
    outline: none;
    padding: 8px 30px;
    margin-right: 12px;
}
.rating-report-table th{
    padding: 12px !important;
}
.rating-report-table td{
    padding: 12px !important;
}
.rating-report-info{
    color: teal;
}
.rating-pager{
    float: left;
    margin-left: 30px;
}
.rating-report-label{
    color: black !important;
    font-size: 12px;  
    font-weight: 100;
    padding-top: 10px;
}
.rating-report-span{
    color: #000000 !important;
    font-size: 12px;  
    font-weight: 100;
}
.ratingreport .filter-content .form-control {
    color: black;
    font-size: 12px;
}
.ratingreport .filter-content .reset-btn {
    background-color: white;
    border-radius: 5px;
    padding-left: 30px;
    padding-right: 30px;
    color: black;
    border: 2px solid #eef2f6;
}
.ratingreport .filter-content .apply-btn {
    background-color: #3eadad;
    border-radius: 5px;
    padding-left: 30px;
    padding-right: 30px;
}
.ratingreport .filter-content .apply-btn:hover {
    color: black;
}
.team-info td{
    padding-top: 5px;
}
.input-chkbox-wrapper{
    display: flex;
    align-items: center;
    padding-top: 6px;
    padding-bottom: 15px;
}
.input-chkbox-wrapper span
{
    margin-right: 12px;
    font-size: 12px;
    color: #000000;
}
.input-chkbox-wrapper input[type=checkbox]{
    margin-right: 6px;
    width: 20px !important;
    height: 20px !important;
}
.input-chkbox-wrapper h6{
    margin-right: 5px !important;
}
.sendpushtoteams .error{
    font-size: 12px !important;
}
.sendpushtoteams .text-warning
{
    font-size: 12px !important;
}
.sendemailtoteams .error{
    font-size: 12px !important;
}
.sendemailtoteams .text-warning{
    font-size: 12px !important;
}
.team-info .contact-head{
    color: #000000;
}
.team-info .contact-info {
    color: #000000;
    padding: 4px;
}
.contact-info b {
    color: #000000;
}
.contact-info a{
    color: #000000;
}
.team-info .contact-info .team-details{
    line-height: 1.8;
}
.team-info .contact-info .mail-id-cls{
    text-decoration:underline;
    color:#657f70;
}
.contact-cancel{
    color: #000000;
    border-radius: 2px;
    border: 2px solid #E8E8E8;
}
.top-teams-rating-table-content{
    margin-top: 10px !important;
}
.top-teams-rating-table-content .contact-head{
    padding: 4px;
}
.rating-email{
    width: 840px !important;
}
.email-popup-wrapper span{
    margin-right: 30px !important;
}
.email-popup-wrapper input[type=checkbox]{
    margin-right: 9px !important;
}
.email-popup-wrapper h6{
    margin-right: 30px !important;
}
.rating-email .form-control{
    color: #000000;
}
.summaryreport .rating-report-tbl .table-head th{
    font-size: 13px;
}
.large-rating-data{
    font-size: 15px !important;
    padding-bottom: 15px;
}
.referee-team-details{
    display: flex;
    justify-content: space-evenly;
}
.ref-notification{
    /* position: relative; */
    /* left: 370px; */
    margin-left: auto;
}
.ref_game_details{
    margin-left: auto;
}
.team-filtrs {
    background: #FFF none repeat scroll 0 0;
    border: 1px solid #ccc;
    margin: 0 auto;
    padding: 10px 10px;
    width: 684px;
}
.team-filtrs select {
    width: 250px;
}
#grid-poolattr{
    padding: 12px 0px !important;
    text-transform: uppercase !important;
}
#grid-pool-attr{
    text-transform: uppercase !important;
}