


.container{ max-width: 1900px; }

.title_sitename { margin-bottom: 0;}
._top_menu{ width: 100%; display: flex; justify-content: flex-end;}

._logo img{ width: 210px;}

._header{ padding: 15px 0; background: #FAFAFA; margin-bottom: 30px;}

._type_admin{ border-top: 15px solid #000;}
/*._type_dealers{ border-top: 15px solid #0d6efd;}*/

.bg_admin{ background-color: #000;}
._type_partners .bg_admin{ background-color:#58b9e5;}


.navbar-nav .nav-link{ border-radius: 10px; padding: 7px 10px !important;}
.navbar-nav .nav-link.active{ color: #fff; background: #000; }

.table .nowrap{ min-width: 400px; text-wrap: nowrap; padding-left: 20px; padding-right: 20px;}
.table .nowrap ._first{ width: 100%; margin-bottom: 0;}
.tablesorter td{ white-space: nowrap; }

.header_tbl{ display: flex; justify-content: space-between;   align-items: center; /*border-top: 3px solid #ddd;*/ border-bottom: 1px solid #ddd; padding: 5px 0;}
.header_tbl._v2{justify-content:flex-start; margin-top: 25px; }
.header_tbl._v3{justify-content:flex-start; }

.header_tbl .btn_container{display: flex; gap: 5px;}


h1 span{ font-weight: normal;}

.btn_icon{ padding: 3px 20px;}

.active{ /*font-weight: bold;*/ color: #000; text-decoration: none;}


.block_deco h2,
.header_tbl h5 { font-weight: normal; font-size: 24px;}

.masonry .item .header_tbl h5 { width: 100%; }

.masonry {
    column-count: 3;
    column-gap: 16px;
  }
  .masonry .item {
    break-inside: avoid;
    margin-bottom: 20px;
    background: #F9F9F9;
    padding: 10px;
    border-radius: 15px;
    box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.25);
  }

  tr.active_edit td{ background: #E8FAF8 !important;}


/* block_stats */
.block_stats{ width: 98%; max-width: 900px; }


/* form customization */
._block_form{ background: #fff;}

.form-control { border-color: #bbb;}
.block_deco ._block_form{ background: #fff;}
.block_deco .modal-content,
.block_deco .modal-header{ border: none;}
.block_deco .modal form{ overflow: visible;}
.block_deco .modal-dialog{ margin-top: 0; max-width: 600px;}
.form-group label{ margin-bottom: 5px; margin-left: 20px; color: #999;}

._my_modal .modal-content{ padding: 15px 30px; border-radius: 20px;}

._info_block{ text-align: center;}
._info_block i.bi{ font-size: 58px; color: #58b9e5;}
._info_block i.bi._success{ color: #519000;}
._info_block a.btn.btn-primary{ background: #58b9e5; border-color: #58b9e5;}

/*._block_message{ display: block !important;}*/


._logout{ display: inline-block;}


.nowrap_{ min-width: 50%;}


/* table_details */
.table_details tr td { padding: 14px }
.table_details ._l3 tr td { padding: 7px }

._striped{ border-bottom: 1px solid #ddd; padding: 7px 0;}
._striped:last-child{ border-bottom: 0;}

.table_details td._title_v{ color: #999; padding-top: 14px;}


/* form fields */
.btn-success { background: #519000; border-color: #519000;}
.btn-primary { background: #58b9e5; border-color: #58b9e5;}
.btn:disabled{ background-color: #999; border-color: #999; color: #fff; opacity: 0.3;}


.ss-main.form-control,
.form-control { padding: 14px 20px;  border-radius: 30px; box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow) !important;}
a.btn-primary{ background-color: #fff; color: #000; border-color: #000;}
.modal a.btn-primary { background-color: #000; color: #fff; border-color: #000; }
/*.btn:disabled{ background: none; border-color: #999; color: #999;}*/


.table th.header { font-weight: normal; white-space: nowrap; color: #999;}

._flex{ display: flex; align-items: center; gap:20px}

.divider_dashed{ border-bottom: 1px dashed #000 !important;}

._content .nav.nav-tabs{ margin-left: 45px;}
._content .nav.nav-tabs.justify-content-center{ margin-left: 0px; border: 0;}


._switcher.bg-light { background-color: #F8FAFC !important;}
._switcher .btn{ min-width: 200px}
._switcher .btn-check:checked + .btn{ background: #58b9e5; color: #fff; border-color: #58b9e5;}

._manual .form-control{ font-size: 14px; }


._page_campaigns ._my_modal{
  border-radius: 30px;
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow);
  background: #fff;
  padding: 30px;
  margin-bottom: 20px;
}

._page_campaigns ._my_modal .modal-content { border: none; background-color: #F8FAFC;}
._page_campaigns .nav-tabs .nav-link{ min-width: 250px; text-align: center;}

.nav-tabs .nav-link{ font-size: 18px;}



._field_additional{
  background: #EEF2F5;
  padding: 5px 45px 15px;
  margin: 0 -45px;
  margin-bottom: 15px;
}


._top_header .menu_item .dropdown{ margin-left: 15px;}
._top_header .menu_item .dropdown-toggle{ width: 100%; overflow: hidden; text-align: left; align-items: center; display: flex;}
._top_header .menu_item .dropdown-toggle::after{ position: absolute; right: 10px;}

.dropdown-menu{ padding: 0; border-radius: 10px; overflow: hidden;}
.dropdown-item.active, .dropdown-item:active{ background: #999;  }

/* ._status */
._status {font-weight: bold;}
._pending { color: orange !important; }
._approved { color: green !important; }
._rejected { color: red !important; }
._draft { color: orange !important; }
._active { color: green !important; }
._status._A { background: #58b9e5; }
._status._B {  background: 939393;}

._status._A,
._status._B{ color:  #fff !important; padding: 5px 10px; border-radius: 10px; }
