.tab {
    overflow: hidden;
   
}
.table1{
    display:none;
}
.table2 {
    display: none;
}
.table3 {
    display: none;
}
/*--------------------section test info------------------------*/
.span1 {
    color: #8F8D8D;
}
.span2 {
    color: #333333;
    margin-right:10px;
    font-weight:bold
}
.section-dropdown-button h6 {
    color: #576271;
    margin-bottom: 20px;
}
.marginstars {
    margin-bottom: 80px;
    margin-top: 30px;
}
.name-club {
    color: #576271;
    margin-left: 10px;
    font-weight: bold;
}
/*--------------------------button classification--------------------*/
.section-dropdown-button {
    margin-top: 15px;
    padding: 11px;
    border: 1px solid #F1F2EE;
}
.classification {
    margin-top: 7px;
    display: flex;
    color: #707070;
    margin-left: 10px;
}
.img-classification {
    width: 22px;
}
.title-classification {
    font-size: 17px;
    margin-right: 10px;
}
.form-select {
    background-image: url('../Images/Group 82.svg');
    width: 200px;
    height: 40px;
    border: 1px solid #E4E4E4;
    text-align: right;
    background-repeat: no-repeat;
    background-position-y: center;
    background-position-x: 15px;
    color: #707070;
    margin-left: 15px;
    font-size: 15px;
  
}
.form-check-PopUp {
    background-image: url('../Images/Group 82.svg');
    width: 288px;
    height: 32px;
    border: 1px solid #E4E4E4;
    text-align: right;
    background-repeat: no-repeat;
    background-position-y: center;
    background-position-x: 15px;
    color: #707070;
    margin-left: 15px;
    font-size: 15px;
    padding: 0px 10px;
  
}

.form-check-PopUp2 {
    background-image: url('../Images/Group 82.svg');
    height: 34px;
    border: 1px solid #E4E4E4;
    text-align: right;
    background-repeat: no-repeat;
    background-position-y: center;
    background-position-x: 15px;
    color: #707070;
    font-size: 15px;
    padding: 0px 10px;
}

.btn-outline-secondary:hover {
    color: #707070;
    background-color: #fff0;
    border: 1px solid #E4E4E4;
}
.update-icon {
    width: 15px;
}
.button-classification {
    color: #FFFFFF;
    border: 0;
    background-color: #2680EB;
    border-radius: 25px;
    font-size: 15px;
    width: 89px;
    height: 25px;
    margin-bottom: 15px;
    margin-top: 15px;
}
                /*-----------------------------------TABLE----------------------------------*/
/*-------------------------------table title---------------------------*/
.table-header {
    box-shadow: 0 4px 2px -2px #E0E3DA;
    margin-bottom: 30px;
    padding-bottom: 15px;
}
.title {
    color: #95989A;
}
.title-number {
    background-color: #2680EB;
    border-radius: 50%;
    color: #FFFFFF;
    font-size: 9px;
    padding: 1px;
    font-weight: 400;
    margin-right: 5px;
    letter-spacing:2px;
}
.title-num {
    background-color: #fff;
    /* border-radius: 14%; */
    color: #2680EB;
    font-size: 12px;
    padding: 1px;
    font-weight: bold;
    margin-right: 5px;
    letter-spacing: 2px;
}
.title-number2 {
    background-color: #2680EB;
    border-radius: 50%;
    color: #fff;
    font-size: 8px;
    padding: 0.5%;
    font-weight: 400;
    margin-right: 2px;
    letter-spacing: 1.5px;
}
.button-refresh {
    background-color: #fff0;
    color: #95989A;
    border: 0;
    font-size: 11px;
}
.button-add {
    color: #FFFFFF;
    border: 0;
    background-color: #2CB232;
    border-radius: 25px;
    font-size: 11px;
    padding: 1px 11px;
    margin-right: 2px;
    margin-left: 3px;

}
.button-add-classification {
    color: #FFFFFF;
    border: 0;
    background-color: #2CB232;
    border-radius: 25px;
    font-size: 14px;
    padding: 3px 46px;
}
.add-link {
    text-decoration: none !important;
    cursor:pointer;
  
}

.add-link:hover {
    text-decoration: none !important;
  color:#fff !important
   
}
.add-link-color {
    text-decoration: none !important;
    color: #2680EB !important;
    font-weight: bold;
}
.add-link-color2 {
    text-decoration: none !important;
    color: #576271 !important;
    font-weight: bold;
}

.add-link2 {
    text-decoration: none !important;
}

    .add-link2:hover {
        text-decoration: none !important;
        color: #707070 !important
    }
.button-XLS {
    color: #2680EB;
    background: #fff0;
    border: 1px solid #2680EB;
    border-radius: 25px;
    font-size: 11px;
    padding: 0px 13px;
    margin-right: 4px;
}
.button-Termination-test {
    color: #FFFFFF;
    border: 0;
    background-color: #F84343;
    border-radius: 25px;
    font-size: 12px;
    padding: 0px 13px;
    /*    margin-right: 2px;*/
}
/*------------------------table content-----------------------*/
.table-striped > tbody > tr:nth-of-type(odd) {
    background-color: #2680eb0f !important;
    --bs-table-accent-bg: #2680eb0f !important;
}
    table {
    margin-top: 1rem;
}
thead {
    border-bottom: 1px solid;
    border-color: inherit;
}
.table-title {
    color: #000;
}
.table-title2 {
    width:15px;
}
/*.table-title-width {
    width: 15%
}*/
.stars{
    width:20px;
    cursor:pointer;
    margin-bottom:6px;
}
.table-body {
    color: #8F8D8D;
}
.img-table {
    width: 18px;
    border-radius: 50%;
    border: 1px solid #2680eb;
}
.star {
    width: 14px;
    margin-right: 1px;
}
.two-button-color {
    text-align:left;
}
.button-successful {
    background-color: #fff0;
    color: #2CB232;
    border: 1px solid #2CB232;
    font-size: 11px;
    padding: 0px 11px;
    border-radius: 25px;
    font-weight: bold;
}
.button-Unsuccessful {
    background-color: #fff0;
    color: #f03740;
    border: 1px solid #f03740;
    font-size: 11px;
    padding: 0px 11px;
    border-radius: 25px;
    font-weight: bold;
}
.button-not-rated {
    background-color: #fff0;
    color: #F4BA1F;
    border: 1px solid #F4BA1F;
    font-size: 11px;
    padding: 0px 11px;
    border-radius: 25px;
    font-weight: bold;
}
.table-button-Transfer {
    color: #FFFFFF;
    border: 0;
    background-color: #2680EB;
    border-radius: 25px;
    font-size: 11px;
    padding: 2px 10px;
    margin-right:4px;
}
.table-button-edit2 {
    color: #FFFFFF;
    border: 0;
    background-color: #2680EB;
    border-radius: 25px;
    font-size: 21px;
    padding: 1px 40px;
    margin-right: 4px;
}
.table-button-add2 {
    color: #FFFFFF;
    border: 0;
    background-color: #2CB232;
    border-radius: 25px;
    font-size: 21px;
    padding: 1px 40px;
    margin-right: 4px;
}
.table-button-edit {
    color: #FFFFFF;
    border: 0;
    background-color: #F4BA1F;
    border-radius: 25px;
    font-size: 11px;
    padding: 1px 10px;
    margin-right: 4px;
   /* margin-left:4px;*/
    
}

.table-button-Show {
    color: #FFFFFF;
    border: 0;
    background-color: #2CB232;
    border-radius: 25px;
    font-size: 11px;
    padding: 2px 13px;
    margin-right: 2px;
}
.button-Applicants {
    color: #FFFFFF;
    border: 0;
    background-color: #576271;
    border-radius: 25px;
    font-size: 11px;
    padding: 2px 8px;
      margin-right: 4px;
}
.button-swimers {
    color: #FFFFFF;
    border: 0;
    background-color: #2680EB;
    border-radius: 25px;
    font-size: 11px;
    padding: 2px 8px;
      margin-right: 4px;
}

.button-swimers2 {
    color: #FFFFFF;
    border: 0;
    background-color: #2680EB;
    border-radius: 25px;
    font-size: 12px;
    padding: 3px 8px;
    margin-right: 4px;
}
.button-result {
    color: #FFFFFF;
    border: 0;
    background-color: #2680EB;
    border-radius: 25px;
    font-size: 11px;
    padding: 1px 8px;
  /*  margin-right: 4px;*/
}
.button-racing {
    color: #FFFFFF;
    border: 0;
    background-color: #333333;
    border-radius: 25px;
    font-size: 11px;
    padding: 1px 8px;
}
.button-Courses {
    color: #FFFFFF;
    border: 0;
    background-color: #576271;
    border-radius: 25px;
    font-size: 11px;
    padding: 2px 8px;
    margin-right: 4px;
}
.table-button-delet {
    color: #FFFFFF;
    border: 0;
    background-color: #F84343;
    border-radius: 25px;
    font-size: 11px;
    padding: 1px 11px;
    margin-right: 4px;
}
.table-button-save {
    color: #FFFFFF;
    border: 0;
    background-color: #2680EB;
    border-radius: 25px;
    font-size: 17px;
    padding: 5px 64px;
   /* margin-right: 22px;*/
    margin-top: 50px;
    margin-bottom: 50px;
    font-weight: bold;
}
    .table-button-delet:hover {
    color:#fff
    }

    .table > :not(:last-child) > :last-child > * {
        border-bottom: 0;
    }


button:focus {
    outline: 0 !important;
}
.Font-wrap {
    white-space: nowrap !important;
}
.Size-FontDT {
    font-size: 10px;
}
.Size-FontDT1 {
    font-size: 15px;
}

.Size-Font {
    font-size: 13px;
    white-space: nowrap !important;
}
.Size-Font2 {
    font-size: 12px;
    font-weight: 600 !important;
    color: #2680EB;
}
.Size-Font3 {
    font-size: 15px;
    font-weight: 600 !important;
    color: #2680EB;
}
.padding-Table{
    padding-left:0px !important;
}

/* -----------Pop Ups---------------*/
  /*  .modal-header .btn-close {
    margin:auto !important;
}*/
.modal-content {
    border-radius: 15px !important;
}
.modal-header {
    display: block !important;
    padding: 1rem 1rem;
    border-bottom: 0 !important;
}
.btn-close{
   opacity:1
}
    .btn-close:hover {
        opacity:1;
        color:#000
    }
/*.photo-PopUp {
    margin-right: 29px;
    border-radius: 50%;
    width: 75px;
    margin-top: -15px;
    border: 2px solid #2680EB;
    padding: 1px;
    margin-top: 26px;
}*/
.margin-number {
    margin-top: 50px;
}
.margin-number2 {
   text-align:end;
}
.margin-right{
    margin-right:15px;
}
.button-X {
    text-align: end;
}
.title-PopUp {
    color: #333333;
    font-weight: bold;
}
.title-PopUp2 {
    color: #2680EB;
    font-weight: bold;
    font-size: 22px;
}

.title-PopUp-edit {
    color: #333333;
    font-weight: bold;
}
.gray-PopUp {
    color: #8F8D8D;
    padding-top: 12px;
}
.gray-PopUp2 {
    color: #8F8D8D;
    
}
.color-gray-PopUp {
    color: #8F8D8D;
}

.first-row {
    margin-right: 20px;
    margin-left: 20px;
}
.first-row2 {
    margin-top: 13px;
    padding-right: 10px;
}
.second-row {
    margin: 34px 0px;
    margin-right: 20px;
    margin-left: 20px;
}
.second-row2 {
    margin-top: 20px;
    padding: 0px 10px;
}
.row-inputs {
    margin: 30px 35px 0px 20px;
}
.row-inputs2{
    margin: 0px 50px;
}
.padding-row{
    padding-left:33px;
}
.input-margin {
    margin: 15px 35px 10px 20px;
}

.row-margin {
    margin: 15px 22px 40px 0px;
}
.label-input {
    color: #576271;
    font-weight: bold;
    font-size: 15px;
}
.label-input2 {
    color: #576271;
    font-weight: bold;
    font-size: 16px;
    width: 85px;
}
.form-control-index2 {
    border: 1px solid #E4E4E4 !important;
    width: 320px;
    height: 39px;
   
}
.form-control-index {
    border: 1px solid rgba(0,0,0,.25) !important;
    width: 288px;

}
    .form-control-index:focus {
        box-shadow: 0 !important;
    }
.form-control:focus {
    border-color: #E4E4E4;
}
.button-PopUp {
    width: 195px;
    height: 32px;
    font-size: 17px;
    color: #FFFFFF;
    border: 0;
    background-color: #2CB232;
    border-radius: 25px;
    margin-top: 20px;
}
.Errors {
    color: #f03740;
    font-size: 13px;
}
.error {
    color: #f03740;
    font-size: 13px;
}


.color-title {
    color: #2680EB;
    font-weight: bold;
    font-size: 18px;
}

.img-popUp {
    width: 98px;
    border: 1px solid #2680EB;
    border-radius: 50%;
}
.img-popUp2 {
    width: 75px;
    border: 1px solid #2680EB;
    border-radius: 50%;
}
.photo-edit {
    display: flex;
    justify-content: center;
    align-self: center;
}
.photo-width{
    width:105%;
}
/*input[type="text"]:invalid{
    border: 1px solid  #f03740;
}*/
.close-popup{
    text-align:left;
}
/*--------------------------- swimer manage -------------------*/
.color {
    color: #576271;
}
.color2 {
    color: #cdcccc;
}
.card-box{
    display:flex;
    justify-content:space-evenly;
}
.manage-label {
    font-weight: bold;
    margin-bottom: 6px;
    margin-top: 16px;
}

.form-control-manage {
    border: 1px solid #70707066 !important;
   /* width: 440px;*/

}

    .form-control-manage:focus {
        box-shadow: 0 !important;
        outline:0 !important;
    }
.form-width-manage {
    border: 1px solid #707070 !important;
    width: 600px;
}
    .form-width-manage:focus {
        box-shadow: 0 !important;
        outline: 0 !important;
    }
    .form-control:focus {
    outline: 0;
    box-shadow: 0 0 0 0 !important;
}
.img-manage {
    border-radius: .25rem;
    border: 1px solid #707070;
}
.button-scan {
    color: #FFFFFF;
    border: 0;
    background-color: #2680EB;
    font-size: 17px;
    vertical-align: bottom;
    width: 70px;
    height: 34px;
    border-radius: .25rem;
    margin-right: 4px;
}
.button-save {
    color: #FFFFFF !important;
    border: 0;
    background-color: #2CB232;
    font-size: 18px;
    border-radius: 1.25rem;
   /* margin-bottom: 50px;*/
   /* margin-top: 50px;*//*
    padding: 2px 44px;*/
    min-width: 200px;
    min-height: 33px;
}
    .button-save:focus{
        outline:0 !important;
    }
.button-next {
    color: #FFFFFF !important;
    border: 0;
    background-color: #2680EB;
    font-size: 18px;
    border-radius: 1.25rem;
  /*  margin-top: 50px;*/
   /* margin-bottom: 40px;*/
    /*padding: 2px 44px;*/
    min-width: 200px;
    min-height: 33px;
}
.button-back {
    color: #707070;
    border: 2px solid #626C7A;
    background-color: #FFFFFF;
    font-size: 18px;
    border-radius: 1.25rem;
   /* margin-bottom: 50px;*/
   /* margin-top: 50px;*/
    padding: 2px 70px;
}
.form-Arrow {
    background-image: url('../Images/Group 82.svg');
    border: 1px solid #E4E4E4;
    text-align: right;
    background-repeat: no-repeat;
    background-position-y: center;
    background-position-x: 15px;
    color: #707070;
}
.form-Arrow2 {
    background-image: url('../Images/upload.png');
    border: 1px dashed #E4E4E4;
    text-align: right;
    background-repeat: no-repeat;
    background-position-y: center;
    background-position-x: 15px;
    color: #707070;
}
.form-Arrow3 {
    background-image: url('../Images/calendar.svg');
   /* border: 1px dashed #E4E4E4;*/
    text-align: right;
    background-repeat: no-repeat;
    background-position-y: center;
    background-position-x: 15px;
    color: #707070;
}
.form-control[readonly] {
    background-color: #fff !important;
}
input {
    color: #707070 !important;
}
.form-check-inline {
    display: inline-block;
    margin-right: 0 !important;
}
.star-manageSwim {
    width: 30px;
    margin-left: 4px;
    margin-top: 3px;
}

.text-danger {
 
    font-size: 14px;
}

    /*------------------------Clubs Manage-------------------*/
    /*.form-width {
    width: 42%;
    border: 1px solid #707070 !important;
}*/
    .form-width:focus {
    outline: 0;
    box-shadow: 0 0 0 0 !important;
    border: 1px solid #707070 !important;
}

.Notes {
   /* resize: auto;
    margin: 0px;
    width: 506px;*/
    height: 75px;
   /* border: 1px solid rgb(206, 212, 218);
    border-radius: 0.25rem;*/
}

    /*====================result/manage=========================*/
.upload {
    background-image: url(../../Images/upload.png);
    background-repeat: no-repeat;
    background-position: left 0.75rem center;
}

/*========================== edit print and excel ==================*/
/*
.btn-check:focus + .btn-secondary, .btn-secondary:focus {
    color: #2680EB !important;
    background-color: #fff0 !important;
    border: 1px solid #2680EB !important;
    border-radius: 25px !important;
    font-size: 11px !important;
    padding: 0px 13px !important;
    margin-right: 4px !important;
}*/

.btn-group {
    float: left;
}

.buttons-excel {
    color: #2680EB !important;
    background-color: #fff0 !important;
    border: 1px solid #2680EB !important;
    border-radius: 25px !important;
    font-size: 11px !important;
    padding: 0px 13px !important;
    margin-right: 4px !important;
}
    .buttons-excel:hover {
        color: #2680EB !important;
        background-color: #fff0 !important;
        border: 1px solid #2680EB !important;
        border-radius: 25px !important;
        font-size: 11px !important;
        padding: 0px 13px !important;
        margin-right: 4px !important;
    }
    .buttons-excel:focus {
        color: #2680EB !important;
        background-color: #fff0 !important;
        border: 1px solid #2680EB !important;
        border-radius: 25px !important;
        font-size: 11px !important;
        padding: 0px 13px !important;
        margin-right: 4px !important;
    }
.buttons-print {
    color: #FFFFFF !important;
    border: 0 !important;
    background-color: #576271 !important;
    border-radius: 25px !important;
    font-size: 11px !important;
    padding: 1px 13px !important;
    margin-right: 2px !important;
}

    .buttons-print:hover {
        color: #FFFFFF !important;
        border: 0 !important;
        background-color: #2680EB !important;
        border-radius: 25px !important;
        font-size: 11px !important;
        padding: 2px 13px !important;
        margin-right: 2px !important;
    }
.btn-group > .btn:not(:last-child):not(.dropdown-toggle) {
    border-top-right-radius: 25px !important;
    border-bottom-right-radius: 25px !important;
}
.btn-group > :not(.btn-check) + .btn {
    border-top-left-radius: 25px !important;
    border-bottom-left-radius: 25px !important;
}

.dataTables_info {
    text-align: end;
    display: none;
}
.paging_simple_numbers {
    float:left;

}


/* ==============text editor tabl ===============================*/
    .editor {
    display: inline-block;
    border: 1px solid #2680EB !important;
    /* resize: none;*/
    height: 42px !important;
    /*    width: 600px !important;*/
    resize: horizontal;
    overflow: auto;
    color: #8F8D8D;
}


/*==========================*/

.fa {
    font-size: 20px !important;
}
.editinput {
    text-align: center !important;
    width: 50px !important;
    border: 0 !important;
    cursor: pointer !important;
    background: inherit !important;
    padding: 0px !important;
    display: initial !important;
    font-size:13px;

}
.editinput:disabled {
        background-color:transparent !important;
    }

    .editinput:focus {
        box-shadow: 0 0 0 0.25rem rgb(13 110 253 / 25%) !important;
    }

    .editinput:hover {
        box-shadow: 0 0 0 0.25rem rgb(13 110 253 / 25%) !important;
    }


.editinput-second {
    text-align: center !important;
    width: 110px;
    border: 0 !important;
    cursor: pointer !important;
    background: inherit !important;
    padding: 0px !important;
    display: initial !important;
    font-size: 13px;
}
    .editinput-second:disabled {
        background-color: transparent !important;
    }

    .editinput-second:focus {
        box-shadow: 0 0 0 0.25rem rgb(13 110 253 / 25%) !important;
    }

    .editinput-second:hover {
        box-shadow: 0 0 0 0.25rem rgb(13 110 253 / 25%) !important;
    }
  

    /*=======================*/
.title-color-green {
    color: #2CB232;
    width:10%;
}
.title-color-red {
    color: #F84343;
    width: 10%;
}
.dash {
    font-size: 18px;
    font-weight: bold;
}

/* ========================== headers=============*/
.color-header{
    color: #2680EB !important;
    font-weight: bold;
}
.color-header-Popup {
    color: #2680EB !important;
}
ul {
    padding: 0;
    margin: 0;
}

.SearchButton {
    margin-left: 16px;
    margin-top: 95px;
}

.page-item.active .page-link {
    background-color: #0d6efd !important;
    border-color: #0d6efd !important;
}
h4{
    margin-bottom:0px !important;
}

/* ==============THE DATATABLE======================= */

.dataTables_filter {
    margin-top: 15px;
    padding: 15px;
    border: 1px solid #F1F2EE;
}

#clubsTable_filter label input {
    display: block !important;
}

#clubsTable_wrapper label {
    font-size: 15px;
}
.ButtonSearch {
    display: none;
}
/*
.Button-responsive {
    color: #2680EB !important;
    background-color: #fff0 !important;
    border: 1px solid #2680EB !important;
    border-radius: 25px !important;
    font-size: 11px !important;
    padding: 0px 13px !important;
}*/

.button-dots {
    border: 0px !important;
    background-color: inherit !important;
}
.two-button-color ul:active {
    position: absolute;
    margin: 0px;
    transform: translate3d(19px, 72px, 0px) !important;
}
.img-res {
    width: 15px;
}
table.dataTable.dtr-inline.collapsed > tbody > tr[role="row"] > td:first-child:before, table.dataTable.dtr-inline.collapsed > tbody > tr[role="row"] > th:first-child:before {
    background-color: #2680EB !important;
    content: '+';
}
table.dataTable.dtr-inline.collapsed > tbody > tr.parent > td:first-child:before, table.dataTable.dtr-inline.collapsed > tbody > tr.parent > th:first-child:before {
    content: '-';
    background-color: #31b131 !important;
}
table.dataTable.dtr-inline.collapsed > tbody > tr.parent > td:first-child:before, table.dataTable.dtr-inline.collapsed > tbody > tr.parent > th:first-child:before {
    background-color: #31b131 !important;
}
    #SwimmersTable_paginate {
        margin-bottom: 3rem !important;
    }


#clubsTable_wrapper .form-control {
    width: auto !important;
    display: inline-block !important;
}
#clubsTable_filter label .form-control {
    display: block !important;
}



#CardIssuance_wrapper .form-control {
    width: auto !important;
    display: inline-block !important;
}
#CardIssuance_filter label .form-control {
    display: block !important;
}


#OldCards_wrapper .form-control {
    width: auto !important;
    display: inline-block !important;
}
#OldCards_filter label .form-control {
    display: block !important;
}

#Championships_wrapper .form-control {
    width: auto !important;
    display: inline-block !important;
}
#Championships_filter label .form-control {
    display: block !important;
}
/*

#SwimmersTable_wrapper .form-control {
    width: auto !important;
    display: inline-block !important;
}
#SwimmersTable_filter label .form-control {
    display: block !important;
}*/

/*

#ExamsListData .container-fluid {
    padding-right: 0px !important;
}*/

/* ===================== profile======================= */
.margin {
    margin-right: 10px;
}
.margin2 {
    margin-right: 50px;
}

.img-profile {
    border: 1px solid #2680EB;
    border-radius: 50%;
    height: 116px;
}
.star-profile {
    width: 20px;
    margin-right: 1px;
}
.star-profile1 {
    width: 17px;
    margin-bottom: 4px;
    margin-left: 4px;
}
.Before-line{
    position:relative;
}
    .Before-line::before {
        content: " ";
        width: 100%;
        border-bottom: solid 1px #0000002b;
        position: absolute;
        left: 419px;
        top: 50%;
        z-index: 1;
        -ms-transform: rotate(20deg);
        transform: rotate( 90deg );
    }

.title-profile {
    color: #333333;
    font-weight: bold;
    font-size: 20px;
}

.title-profile2 {
    color: #333333;
    font-weight: bold;
    font-size: 17px;
}

.title-profile3 {
    color: #F4BA1F;
    font-weight: bold;
    font-size: 17px;
}
.color-header2 {
    color: #2680EB !important;
    font-weight: bold;
    font-size:16px;
}
.profile-res{
    margin-top:25px;
}
.photo-profile {
    width: 340px;
    border: 1px solid #afa9a94d;
    padding: 10px;
    box-shadow: 0 6px 10px -3px #00000029;
}
.profile-buttons{
    text-align:end;
}
.print-profile {
    color: #FFFFFF;
    border: 1px solid #2680EB;
    background-color: #2680EB;
    border-radius: 7px;
    font-size: 11px;
    padding: 2px 32px;
}
.button-backProfile {
    background-color: #fff0;
    border: 2px solid #2680EB;
    font-size: 11px;
    color: #2680EB;
    border-radius: 7px;
    padding: 2px 32px;
}
    .button-backProfile:hover {
        color: #2680EB !important;
    }


.width-td {
    width: 35% !important;
}
.width-td1 {
    width: 8% !important;
}
.width-td2 {
    width: 15% !important;
}
.width-td3 {
    width: 30% !important;
}
.width-td4 {
    width: 22% ;
}
.width-td8 {
    width: 24% !important;
}
.width-td5 {
    width: 12% !important;
}
.width-td6 {
    width: 10% !important;
}
.width-td7 {
    width: 13% !important;
}
.width-tdS2 {
    width: 10% !important;
}
.width-tdS4 {
    width: 20% ;
}
/*

.select2-container--default.select2-container--focus .select2-selection--multiple {
    border: 1px solid #E4E4E4 !important;
    width: 368px !important;
    height: 34px !important;
    border-radius: 0px !important;
}
.select2-container .select2-selection--multiple {
    border: 1px solid #E4E4E4 !important;
    width: 368px !important;
    height: 34px !important;
    border-radius: 0px !important;
}*/
.select2 .select2-container .select2-container--default .select2-container--focus .select2-container--open .select2-container--above {
    background-image: url('../Images/Group 82.svg') !important;
    background-repeat: no-repeat !important;
    background-position-y: center !important;
    background-position-x: 15px !important;
    color: #707070 !important;
}

#SwimAdd .select2-container {
    width: 100% !important;
    border-color:#70707066 !important;
}
.link-table {
  
    cursor: pointer;
    color: #8F8D8D;
}
.link-table:hover {
    color: #8F8D8D;
}

.text {
    white-space: nowrap;
}
.margin-info {
    margin-bottom: 20px;
}
.margin-info2 {
    margin-top: 20px;
}
/* ============dropdwon buttons================== */
.color-gray {
    color: #95989A;
}
.color-edit {
    color: #F4BA1F;
}
.color-start {
    color: #2CB232;
}
.color-result {
    color: #2680EB;
}
.color-remove {
    color: #F84343
}
.color-border {
    border: 1px solid #E4E4E4 !important;
}
.color3 {
    color: #B2803F;
}
.color-gray1 {
    color: #CBCCC8;
}
.H-result {
    color: #576271;
    margin-bottom: 20px;
    font-weight: bold;
}
.img-result {
    height: 16px;
    margin-right: 5px;
}
.dropdown-menu {
    text-align: center;
}
.valuehint {
    font-size: 12px !important;
    color: #8f8d8da8 !important;
}
.color-hr {
    color: #8f8d8da8 !important;
  
}
#MyTest .dropdown-menu {
    transform: translate3d(20px, 6px, 0px) !important;
    z-index: 99999 !important;
    text-align: right;
}
#SwimmersTable .dropdown-menu {
    transform: translate3d(18px, 7px, 0px) !important;
    z-index: 9999999 !important;
    text-align: right;
}
#usersTable .dropdown-menu {
    transform: translate3d(18px, 7px, 0px) !important;
    z-index: 9999999 !important;
    text-align: right;
}
#GovernoratesTable .dropdown-menu {
    transform: translate3d(19px, 6px, 0px) !important;
    z-index: 9999999 !important;
    text-align: right;
}
#clubsTable .dropdown-menu {
    transform: translate3d(19px, 6px, 0px) !important;
    z-index: 9999999 !important;
    text-align: right;
}
#onestar .dropdown-menu {
    transform: translate3d(18px, 6px, 0px) !important;
    z-index: 9999999 !important;
    text-align: right;
}
#twostar .dropdown-menu {
    transform: translate3d(18px, 7px, 0px) !important;
    z-index: 9999999 !important;
    text-align: right;
}
#threestar .dropdown-menu {
    transform: translate3d(18px, 7px, 0px) !important;
    z-index: 9999999 !important;
    text-align: right;
}
#fourstar .dropdown-menu {
    transform: translate3d(20px, 8px, 0px) !important;
    z-index: 9999999 !important;
    text-align: right;
}
#Racing-Table .dropdown-menu {
    transform: translate3d(20px, 8px, 0px) !important;
    z-index: 9999999 !important;
    text-align: right;
}
#Championships .dropdown-menu {
    transform: translate3d(20px, 8px, 0px) !important;
    z-index: 9999999 !important;
    text-align: right;
}