.content-link {
    color: #c64dff;
}
h5.modal-title {
    line-height: 1.1;
      margin-bottom:10px;
}
.modal-header .btn-close {
    right: 30px;
    top: 36px;    
}
.form .input.dark::placeholder {
  color: #a8a8a8; 
  opacity: 1; 
}

.bringing_TOP .item .btns .btn {
    width: 56px;
    height: 48px;
    border: 1px solid #9494948a;
}
.bringing_TOP .item .remove_btn {
    padding-left:0px !important;
    padding-right:0px !important;
}
.form .input {
    height: 58px;
}

.form .copy_btn .icon:hover {color: #000000;}
.form .checkbox .check { background: #ffffff;}
.form .checkbox .check svg {color:#c64dff;}
.form .radio {
    padding-left: 40px;
}
.channel_sale .form .line.row-block {
    padding: 12px 24px 12px 24px;
}
.channel_sale .form .line.yes_no .field {
    width: 180px;
}
.add_channel .head {
   gap:16px;
}
.add_channel .channel .name {
    line-height: 1.1; 
}
.add_channel .info {
      max-width:100%;
    width:auto;
    gap:10px 20px;
    justify-content:center;
}
.add_channel .price .label {
 hyphens: auto;
  overflow-wrap: break-word; 
}
.bringing_TOP .item .features {
    margin-left:10px;
      display:flex; flex-direction:column;
      gap:4px; justify-content:center;
}
.bringing_TOP .item .features > * + * {
    margin-top: 0;
}
.submit_btn.disabled, .submit_btn.disabled:hover {
    background: #333333;
    border-color: #333333;
}
.not-data {
      padding:20px;
}
.receipts .data { 
    padding: 12px;
      border-radius:16px;
}
.table-wrapper {
      overflow: auto;
      -webkit-overflow-scrolling: touch;
      display: flex;
      flex-direction: column;
      gap: 10px;
      font-size:14px;
      padding-bottom:0px;
      scrollbar-width: none; 
}

.table-wrapper::-webkit-scrollbar {
      height: 6px !important;
      display: none;
}
.table-grid {
      display: grid;
      min-width: 700px;
      gap: 12px;
      padding: 10px;
      border-radius: 12px;
      color: #999999;
      width:100%;
}
.table-toper .table-grid {
      grid-template-columns: 100px 300px 100px 100px 1fr;
}
.table-booster .table-grid {
      grid-template-columns: 100px 120px 180px 200px 1fr;
       min-width: 840px;
}
.table-auditor .table-grid {
      grid-template-columns: 120px 240px 1fr;
}
.table-vallet .table-grid {
      grid-template-columns: 100px 2fr 0.6fr 0.6fr;
	  min-width:800px;
}
.table-referal {
      margin-bottom:20px;
}
.table-referal .table-grid {
      grid-template-columns: 120px 3fr 120px;
      min-width:500px;
}
.table-adsense .table-grid {
      grid-template-columns: repeat(4, 1fr);
	  min-width:500px;
}

.table-grid .cell {
      padding: 0 10px; 
      border-radius:12px;
      display:flex;
      flex-direction:column;
      justify-content:center;
      overflow-wrap: break-word;  
      hyphens: auto;             
      word-break: keep-all; 
}
.table-adsense .table-grid .cell:not(:first-child) {
      align-items:center;
      padding: 10px 10px;
}
.table-grid .cell a {
      color:#c64dff;
}
.table-grid .cell a:hover {
      text-decoration:none;
}
.table-grid .cell p {
      margin:3px 0;
}
.table-grid .cell p:first-child br {
      display:none;
}
.cell-id {display:inline-block; margin-bottom:6px; }
.cell-id i {font-style:normal; }
.cell-data {}
 .table-grid-header {
       padding: 0 10px;    
 }
.table-grid-header .cell {
      font-weight: 600;
      padding: 0 10px;
      color:#999;
      text-align:center;
}
   
.table-grid-group {
      background: #1b1b1b;
      border-radius: 12px;
}
.table-grid .cell-status {
      padding: 10px; 
      background:#666;
      text-align:center;
      color:#fff;
}
.cell-status span {
      color: #d0fb35;
      display:inline-block;
      margin-bottom:6px;
 }
.cell-status i {
      font-style:normal;
}
.table-grid .cell-result {
      background:#c7c7c7;
      display: flex;
      flex-direction: column;
      gap: 8px;
      color:#000;
      padding: 10px;
}    
    
.item_result-text  {
       margin-bottom:0px;
 } 
.attachment {
     display:flex;
     gap:10px; margin-top:10px;
}
.attachment .file {
      display: flex;
      flex-direction: column;
      gap: 4px;
      justify-content:start;
      margin-top:-4px;
}
    
.attachment a {
      color: #c64dff !important;
      text-decoration: none;
      display: flex;
      align-items: center;
      gap: 0px;
}
    
.table-grid .attachment .file .icon {
      width: 30px !important;
      height: 24px !important;
      color:#000; top:1px;
      position:relative;
     
}
.table-grid .table-btn a, .table-grid .table-btn button {
    color: #333;
    border: 1px solid #fff;
    border-radius: 7px;
    background-color: #d0fb35;
    transition: background-color 0.3s, color 0.2s;
    padding: 7px 12px;
    display: inline-block !important;
    width: auto;
    color:#000; 
    text-decoration:none;
     margin-top:10px;
}

.channels .item .head .link a, .channel_info .head .link a {
    color: #c64dff;
}
.table-grid.income {
      color:#fff;
}
.table-grid .cell.red {color:#ff0000;}
.table-grid .cell.green {color:#d0fb35;}
.block_head.small {
    margin-bottom: 4px;
}
/****** Callaboration *****/
#auth_subject {
      border-width:3px;
      height:66px;
      position:relative;
      background:#fff url("../img/src/ic_arr_ver2.svg") no-repeat center right 10px;
      background-size:30px;
}
.collaborations_write .answer_time .desc {
    margin-top: 0px;
    line-height:1.2;
    display:flex;
    gap:0px;
    margin-bottom:0px;
    align-items:center;
    position:relative;
    padding-left:36px;  
}
.collaborations_write .answer_time svg {  
     position:absolute; left:0;
      margin-top:-3px;
}
.collaborations_write .head .row-block {
    gap:20px;
}
.collaborations_write .channel .name {
    line-height: 1.1;
      margin:0 !important;
}

.collaborations_write .link a {
    color: #c64dff;
    width:calc(100% - 0px) !important;
    gap:20px;
    flex-wrap:nowrap;
    line-height:1.2;
}
.collaborations_write .link img {
    margin-right: 0;
}
.collaborations_write .link span {
max-width: calc(100%) !important;   
white-space:break-spaces !important;   
word-break: break-all  !important;
}
.channels .item .buy .write_btn {
   height: auto;
   padding:11px 0;  
transition: background-color 0.3s}
.channels .item .buy .write_btn:hover, 
.channel_info .control .offer_price .form .submit_btn:hover { 
      background-color: #6a6a6a;
}
.channel_info .control .offer_price .form .submit_btn {
    background: #2a2a2a;
     color:#d0fb35;
      height:auto !important;
      padding:10px 20px;
     
}
.channel_info .control .offer_price .form {gap:10px;}
.channel_info .control .offer_price .form .field {
    width: calc(100% - 154px);
      max-width:230px;
}

.modal-content {
    /*padding:4px 10px 30px 10px !important;
	border-radius: 30px !important;*/
}
.modal-content .modal-header {
    padding-bottom:0px;
}
.modal-content .modal-body {
    padding-top:24px;  
    padding-bottom:24px;
}
.modal-content .modal-body p:last-child {
      margin-bottom:0;
}
/*** SELECT ***/
.select2-container .select2-selection--single {
    height: 46px;
    font-size: 20px;
} /*** dubble ***/

.form-select {
      padding: 12px 20px;
}
.select2-dropdown {
    background-color: white;
    border: 2px solid #aaa;
    border-radius:20px;
    padding:4px;
}
.select2-container--default .select2-search--dropdown .select2-search__field {
    border: 2px solid #aaa;
      padding:10px; border-radius:12px;
      background:#ffffff url("../img/icon/ic_search.svg") no-repeat center right 10px;
      background-size:18px;
}
.select2-search {}
.select2-results__option {
    padding: 8px 20px 8px 30px;
}
.select2-results__option[aria-selected="true"]:before { 
    left: 5px;
    top: 8px;
}
.select2-container--default .select2-results>.select2-results__options {
   margin:6px 4px 10px -4px;
}
.select2-container--default .select2-results__option[aria-selected=true] {
    background-color: #f3f3f3;
}
.select2-container--default .select2-results__option:hover {
      background-color: #f3f3f3;
}
.select2-container--default .select2-results>.select2-results__options::-webkit-scrollbar {
      width: 7px;  border-radius: 10px; 
      background-color: #e4e4e4;
}
.select2-container--default .select2-results>.select2-results__options::-webkit-scrollbar-thumb {
     border-radius: 6px; background-color: #7a7a7a;
}
.channel_sale .modal-body::-webkit-scrollbar {
	 width: 7px;  border-radius: 10px; 
      background-color: #e4e4e4;
} 
.channel_sale .modal-body::-webkit-scrollbar-thumb {
	border-radius: 6px; background-color: #7a7a7a;
} 
.select2-container--default .select2-selection--single .select2-selection__clear {
    margin-right:10px;
}
/********************/
.channel_sale .form .line.row-block {
      gap:10px;
}
.channel_sale .channel {
   margin-left:0px;
}

.channel_info .features > * {
      align-items: center;
}
.channel_info .stats .top_geo .items .dots {
    margin:0 8px 6px;
}
.youtube-icon {
      display:flex;
      gap:10px;
}
.youtube-icon:before {
      content:"";
      width:70px; height:58px;
      display:flex;
      background:url("../img/icon/youtube_logo.svg") no-repeat center center;
      background-size:40px;
      border-radius:18px;
      position:absolute; z-index:10;
}
.youtube-icon input {
      position:relative; z-index:1;
      padding-left:66px !important;
}



@media (max-width: 1024px) {
   .table-grid {
      min-width: 900px;
   }
   .table-vallet .table-grid {
      grid-template-columns: 100px 200px 0.6fr 0.6fr;
      min-width:600px;
    }
    .block_head.small {
      margin-bottom: 20px;
    }
      .collaborations_write .answer_time .desc {
      margin-bottom:30px;
      }
      .collaborations_write .channel {
        margin-bottom: 0px;
    }
      .collaborations_write .info {
        margin-top: 0px;
    }
      .collaborations_write .link span {
          max-width: calc(100% - 0px) !important;
            display:block;
      }
      .channel_sale .form .line.row-block {
            flex-direction:column;
            align-items:start;  
      }
      .channel_sale .price .field, .channel_sale .form .line.yes_no .field, .channel_sale .stats .top_geo .field {
        width: 100%;
        margin-top: 0; 
      }
      .channel_sale .form .line.yes_no .row-block {
      justify-content: start; gap:30px;
      }   
}
.mediakit-wrapper {
      display:flex; flex-direction:column;
      gap:20px;
}
.mediakit-item {
    background: #333333;
    padding: 40px;
    border-radius: 36px;
    display: flex;
   justify-content:space-between;
    gap: 20px;
} 
.kit-item {display:flex; align-items:center; gap:20px;} 
.kit-item .checkbox {
      padding:0 0 0 30px;
}
.kit-item-logo { } 
.kit-item-logo img {
      width:60px; height:60px;
      border-radius:50%;
      background:#ffffff;
      border:4px solid #ffffff;
} 
.kit-item-name {
      font-size:24px;
      display:flex;
      flex-direction:column;
      gap:4px;
}
.kit-item-name small {
      color:#9a9a9a;
      font-size:14px;
}
.kit-item-buttons {
      display:flex;
      align-items:center;
}
.kit-item-buttons button {
      text-decoration:none;
      color:#000;
      padding:14px 20px !important;
      display:inline-block;
      border-radius:16px;
      height:auto !important; 
} 
.kit-item-buttons .btn-success {background:#d0fb35;}
.kit-item-buttons .btn-danger {background:#FF3D3D; color:#fff;}

@media (max-width: 767px) {
    .mediakit-item {
    padding:30px; 
          flex-direction:column;
    } 
    .kit-item-name {
    font-size:18px;
    line-height:1.2
    } 
      .mediakit-item button {
      padding:11px 11px !important;
      width:100%;
      } 
      .add_channel .price .input {
        width: 80px;
    }
      .add_channel .price .label {
        width: calc(100% - 150px);
    }
}




