.checkbox, .radio {
    position: relative;
    display: block;
    margin-top: 10px !important;
    margin-bottom: 10px;
}
.checkbox label, .radio label {
    min-height: 20px;
    padding-left: 0px;
    margin-bottom: 0;
    font-weight: 400;
    cursor: pointer;
}
.checkbox label:after, 
.radio label:after {
    content: '';
    display: table;
    clear: both;
}

.checkbox .cr,
.radio .cr {
    position: relative;
    display: inline-block;
    border: 1px solid #a9a9a9;
    border-radius: .25em;
    width: 1.3em;
    height: 1.3em;
    float: left;
    margin-right: .5em;
}

.checkbox .cr .cr-icon, .radio .cr .cr-icon {
    position: absolute;
    font-size: .8em;
    line-height: 0;
    top: 50%;
    left: 20%;
}

.radio .cr {
    border-radius: 50%;
}

.checkbox .cr .cr-icon,
.radio .cr .cr-icon {
    position: absolute;
    font-size: .8em;
    line-height: 0;
    top: 50%;
    left: 20%;
}

.radio .cr .cr-icon {
    margin-left: 0.04em;
}

.checkbox label input[type="checkbox"],
.radio label input[type="radio"] {
    display: none;
}

.checkbox label input[type="checkbox"] + .cr > .cr-icon,
.radio label input[type="radio"] + .cr > .cr-icon {
    transform: scale(3) rotateZ(-20deg);
    opacity: 0;
    transition: all .3s ease-in;
}

.checkbox label input[type="checkbox"]:checked + .cr > .cr-icon,
.radio label input[type="radio"]:checked + .cr > .cr-icon {
    transform: scale(1) rotateZ(0deg);
    opacity: 1;
}

.checkbox label input[type="checkbox"]:disabled + .cr,
.radio label input[type="radio"]:disabled + .cr {
    opacity: .5;
}

/*****************Add Wallet Money css Start **********************/

#add_walletModal .modal-dialog{
    width: 385px;
    /* margin: 100px auto; */
    display: flex;
    align-items: center;
    align-self: center;
    align-content: center;
    height: 91vh;
}
#add_walletModal .modal-content{
    padding: 40px 25px 20px 25px;
    position: relative;
    width: 100%;
}

.locationmodel_bg {
    background-image: url(../img/locationbg_top.png), url(../img/locationbg_bottom.png);
    background-repeat: no-repeat;
    background-position: top left, bottom right;
}

.locationmodel_bg button.login_close{
    position: absolute;
    right: -21px;
    top: -25px;
    background: rgb(126, 187, 32);
    width: 35px;
    height: 35px;
    border-radius: 50%;
    opacity: 1;
    font-size: 20px;
    color: #fffbfb;
    line-height: 0px;
    box-shadow: 0px 4px 10px #0000008f;
    border: 0;
}
.locationmodel_bg button.login_close:hover,
.locationmodel_bg button.login_close:focus,
.locationmodel_bg button.login_close:active
{
    opacity: 1 !important;
    color: white !important;
}
#add_walletModal .modal-content .login_buton{
    font-size: 15px;
    text-transform: capitalize;
    padding: 10px 0px;
    border-radius: 40px;
    margin: 30px auto 20px auto;
    background: rgba(228,43,43,1);
    background: -moz-linear-gradient(left, rgba(228,43,43,1) 0%, rgba(228,43,43,1) 6%, rgba(233,71,26,1) 67%, rgba(233,71,26,1) 100%);
    background: -webkit-gradient(left top, right top, color-stop(0%, rgba(228,43,43,1)), color-stop(6%, rgba(228,43,43,1)), color-stop(67%, rgba(233,71,26,1)), color-stop(100%, rgba(233,71,26,1)));
    background: -webkit-linear-gradient(left, rgba(228,43,43,1) 0%, rgba(228,43,43,1) 6%, rgba(233,71,26,1) 67%, rgba(233,71,26,1) 100%);
    background: -o-linear-gradient(left, rgba(228,43,43,1) 0%, rgba(228,43,43,1) 6%, rgba(233,71,26,1) 67%, rgba(233,71,26,1) 100%);
    background: -ms-linear-gradient(left, rgba(228,43,43,1) 0%, rgba(228,43,43,1) 6%, rgba(233,71,26,1) 67%, rgba(233,71,26,1) 100%);
    background: linear-gradient(to right, rgba(228,43,43,1) 0%, rgba(228,43,43,1) 6%, rgba(233,71,26,1) 67%, rgba(233,71,26,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e42b2b', endColorstr='#e9471a', GradientType=1 );
    border: 0px;
    color: #fff;
    box-shadow: 0px 5px 8px #00000024;
    -webkit-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
    width: 50%;
}

#add_walletModal .modal-content .login_buton:active{
    font-size: 15px;
    text-transform: capitalize;
    padding: 10px 0px;
    border-radius: 40px;
    margin: 30px auto 20px auto;
    background: rgba(228,43,43,1);
    background: -moz-linear-gradient(left, rgba(228,43,43,1) 0%, rgba(228,43,43,1) 6%, rgba(233,71,26,1) 67%, rgba(233,71,26,1) 100%);
    background: -webkit-gradient(left top, right top, color-stop(0%, rgba(228,43,43,1)), color-stop(6%, rgba(228,43,43,1)), color-stop(67%, rgba(233,71,26,1)), color-stop(100%, rgba(233,71,26,1)));
    background: -webkit-linear-gradient(left, rgba(228,43,43,1) 0%, rgba(228,43,43,1) 6%, rgba(233,71,26,1) 67%, rgba(233,71,26,1) 100%);
    background: -o-linear-gradient(left, rgba(228,43,43,1) 0%, rgba(228,43,43,1) 6%, rgba(233,71,26,1) 67%, rgba(233,71,26,1) 100%);
    background: -ms-linear-gradient(left, rgba(228,43,43,1) 0%, rgba(228,43,43,1) 6%, rgba(233,71,26,1) 67%, rgba(233,71,26,1) 100%);
    background: linear-gradient(to right, rgba(228,43,43,1) 0%, rgba(228,43,43,1) 6%, rgba(233,71,26,1) 67%, rgba(233,71,26,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e42b2b', endColorstr='#e9471a', GradientType=1 );
    border: 0px;
    color: #fff;
    width: 50%;
    
}



table.dataTable.style-1 tbody td {
  font-size: 0.875rem;
  padding: 10px 8px;
}

table.dataTable.style-1 thead th {
  font-size: 0.85rem;
  background: none;
  font-weight: 600;
  color: #000;
  position: relative;
 text-transform: uppercase;
    border-bottom-color: #fff;
    border: 1px solid #eee !important;
    border-right: 0 !important;
    letter-spacing: 0.5px;
    padding: 12px 8px;
}
table.dataTable.style-1 thead th:last-child {

    border-right: 1px solid #eee !important;
}

table.dataTable.style-1 thead th.sorting_asc:after {
  color: var(--primary);
  content: "\f062";
  position: absolute;
  font-family: 'Line Awesome Free';
  font-size: 18px;
  top: 50%;
  transform: translateY(-50%);
}

table.dataTable.style-1 thead th.sorting_desc:after {
  color: var(--primary);
  content: "\f063";
  position: absolute;
  font-family: 'Line Awesome Free';
  font-size: 18px;
  top: 50%;
  transform: translateY(-50%);
}

.dataTables_wrapper .dataTables_paginate {
  display: flex;
}

.dataTables_wrapper .dataTables_paginate .paginate_button {
  height: 48px;
  width: 48px;
  padding: 0;
  margin: 0 5px;
  border: 0 !important;
  font-weight: 500;
  font-size: .8rem;
  color: #000 !important;
  text-align: center;
  line-height: 34px;
  border-radius: 4px;
  background: #efefef !important;
    height: 34px !important;
    
}
.dataTables_wrapper .dataTables_paginate span .paginate_button{
        height: 34px !important;
    line-height: 34px;
    
}


.dataTables_wrapper .dataTables_paginate .paginate_button:hover,
.dataTables_wrapper .dataTables_paginate .paginate_button:focus,
.dataTables_wrapper .dataTables_paginate .paginate_button.current {
  background:#015294 !important;
  color: #fff !important;
}

.dataTables_wrapper .dataTables_paginate .paginate_button.disabled {
  background: #efefef !important;
}

.dataTables_wrapper .dataTables_paginate .paginate_button.disabled:hover,
.dataTables_wrapper .dataTables_paginate .paginate_button.disabled:focus,
.dataTables_wrapper .dataTables_paginate .paginate_button.disabled.current {
  background: #efefef !important;
}

.dataTables_wrapper .dataTables_paginate span {
  display: inline-flex;
  padding:0;
}

.dataTables_wrapper .dataTables_paginate span .paginate_button {
  height: 34px;
  /* width: 40px; */
  padding: 0;
  margin: 0 2px;
  border: 0 !important;
  font-weight: 500;
  font-size: .8rem;
  color: #000 !important;
  text-align: center;
  line-height: 34px;
  border-radius: 4px;
}
.dataTables_wrapper .dataTables_paginate {
    float: right;
    text-align: right;
    padding-top: 0.75em;
}
.dataTables_wrapper .dataTables_info {
    line-height: 34px;
}
.dataTables_wrapper .dataTables_length {
    padding-top: 0.755em;
    padding-bottom: 0.755em;
}

.dataTables_wrapper .dataTables_length label{margin-bottom: 0;}


.dataTables_wrapper .dataTables_paginate span .paginate_button.current,
.dataTables_wrapper .dataTables_paginate span .paginate_button:hover,
.dataTables_wrapper .dataTables_paginate span .paginate_button:focus,
.dataTables_wrapper .dataTables_paginate span .paginate_button:active {
  background: #015294 !important;
  color: #fff !important;
}

.dataTables_wrapper .dataTables_paginate .paginate_button.current,
.dataTables_wrapper .dataTables_paginate .paginate_button.current:hover {
  color: #fff !important;
}

.dataTables_wrapper input[type="search"],
.dataTables_wrapper input[type="text"],
.dataTables_wrapper select {
  border: 1px solid #e2e2e2;
  padding: .3rem 0.5rem;
  color: #715d5d;
  border-radius: 5px;
}

[data-theme-version="dark"] .dataTables_wrapper input[type="search"],
[data-theme-version="dark"] .dataTables_wrapper input[type="text"],
[data-theme-version="dark"] .dataTables_wrapper select {
  background: #2C254A;
  border-color: #473F72;
  color: #fff;
}

.dataTables_wrapper .dataTables_length {
  margin-bottom: 0px;
}

.dataTables_wrapper .dataTables_length .bootstrap-select {
  width: 80px !important;
  margin: 0 5px;
}

table.dataTable.no-footer {
  border-bottom: 0;
}

table.dataTable.no-footer {
    border-bottom: 1px solid #eee !important;
}




@media (max-width: 1200px){
.container {max-width: 100%;}
.top-section-left{width: auto;}
.top-section-middle{width: auto;}
.top-section-right{width: auto;}
.top-section{justify-content: space-between;} 
.top-section-right ul{margin-left: 20px;}
}




@media (max-width: 1100px){
.header-link-search .header-search #search {width: 360px;}

}



@media (max-width: 940px){
.header-link-search .header-search #search {width:94%;}
.top-section-middle{display: none;}

}


@media (max-width: 767px){
.top-section-right {width: 100%;}    
.myaccount.container{margin-top: 0}
.top-section-right p {margin: 0;white-space: nowrap;overflow: hidden;max-width: 134px;padding-left: 25px;}

}

@media (max-width: 600px){
    .menu-flex {flex-wrap: wrap;}
    .header-bottom-right {width: 100%;order: 3;padding-top: 0;}
    .globle-header-icons {order: 2;}
    .header-link-search .header-search #search {width:100%;}
}


@media (max-width: 500px){
.header_img_final {max-width: 140px;}
}
.modal-backdrop {
    width: 100%;
    height: 100%;
}