@import url('https://fonts.googleapis.com/css?family=Poppins:400,500,700&display=swap');
/**@font-face {
font-family: 'Poppins';
font-style: normal;
font-weight: 400;
font-display: swap;
src: url('https://fonts.googleapis.com/css?family=Poppins:400,500,700&display=swap') format('woff2')
} **/
/**
**/
.fa-hourglass-half {
background: linear-gradient(200deg, #d047d1, red, #ff0);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
}
.custom-purple {
background: #6c63ff;
}
@media (min-width: 992px) {
#adsarea {
visibility: hidden;
display: none;
}
}
/* header */
header {}
/* main */
main {
}
main .main-nav {
position: fixed;
height: 100vh;
border-right: 1px solid #dee2e6;
margin-top: 56px;
}
main .main-nav .list-group-item {
border: 0;
text-align: center;
}
main .main-nav .list-group-item.active {
background-color: #dae9ff;
color: #000;
border: 0;
}
main .main-nav .list-group-item.active:before {
content: "";
position: absolute;
top: 0;
right: -1px;
width: 2px;
height: -webkit-fill-available;
background: #2160c3;
}
main .main-nav .list-group-item:hover {
background-color: #dae9ff;
color: #000;
border: 0;
}
main .main-nav .list-group-item:hover i {
color: #007bff;
}
main .main-nav .list-group-item.active i {
color: #007bff;
}
main .main-nav .list-group-item i {
color: hsla(210, 3%, 44%, 1);
}
main .content-page p {
font-size: 15px;
}
main .content-page p:last-child {
margin-bottom: 0;
}
main .orderform .hidden {
display: none;
}
main .orderform .control-label {
font-size: 15px;
font-weight: 500;
}
main .orderform .form-control {
font-size: 14px;
}
main .orderform .panel-body {
padding: .375rem .75rem;
}
main .orderform .border-solid {
border: 1px solid #ced4da;
}
main .orderform .border-rounded {
display: block;
font-size: 14px;
width: 100%;
height: auto;
font-weight: 400;
line-height: 1.5;
color: #495057;
background-color: #fff;
background-clip: padding-box;
border-radius: .25rem;
transition: border-color .15s ease-in-out, box-shadow .15s ease-in-out;
}
main .site-info {
background: #fafafa url(https://netta-yazilim.gitlab.io/youabone.com/assets/img/main-home-bg.png) !important;
background-size: cover;
background-repeat: no-repeat;
background-position: center;
}
main .site-info:before {
content: "";
position: absolute;
top: -18px;
width: 100%;
height: 35px;
background: #fff;
box-sizing: content-box;
border-bottom: 1px solid rgba(0, 0, 0, .125);
transform: rotate(1deg);
}
main .site-info:after {
content: "";
position: absolute;
bottom: -18px;
width: 100%;
height: 35px;
background: #fff;
box-sizing: content-box;
border-top: 1px solid rgba(0, 0, 0, .125);
transform: rotate(1deg);
}
main .site-features .nav-link {
border: 0;
padding-bottom: 10px;
border-bottom: 2px solid transparent;
font-weight: 500;
font-size: 15px;
color: #000;
border-radius: 0;
}
main .site-features .nav-item.show .nav-link,
main .site-features .nav-link.active {
border: 0;
padding-bottom: 10px;
color: #007bff;
border-bottom: 2px solid #007bff;
font-weight: 500;
font-size: 15px;
border-radius: 0;
}
main .quick-menu .nav-link {
border: 0;
padding-bottom: 10px;
border-bottom: 2px solid transparent;
font-weight: 500;
font-size: 15px;
color: #000;
border-radius: 0;
}
main .quick-menu .nav-item.show .nav-link,
main .quick-menu .nav-link.active {
border: 0;
padding-bottom: 10px;
color: #007bff;
border-bottom: 2px solid #007bff;
font-weight: 500;
font-size: 15px;
border-radius: 0;
}
main .ticket-chat-list .list-group-item:last-child {
border-bottom: 0;
}
/* footer */
footer {}
footer .site-footer:before {
content: "";
position: absolute;
top: -17px;
width: 100%;
height: 37px;
background: #fff;
box-sizing: content-box;
border-bottom: 1px solid rgba(0, 0, 0, .125);
transform: rotate(-1deg);
}
/* custom 1 */
.c{
position:relative;
overflow: hidden !important;
max-height:250px;
float:left;
width:390px;
height:300px;
overflow:hidden;
overflow-y:auto;
}
.card-home{
position:absolute;
overflow: hidden;
margin: 0px;
top:0;
animation: scroll 10s linear 1s infinite;
}
div.cards {
overflow: hidden;
min-width:333px;
max-width:390px;
min-height: 55px;
display:block;
color:black;
margin:11px;
background:#f6f8fa;
box-shadow: rgba(0, 0, 0, 0.1) 0px 1px 3px 0px, rgba(0, 0, 0, 0.06) 0px 1px 2px 0px; border-radius: 0.25rem;
}
div.cardic {
display: inline-block;
text-align: right;
top:%50;
}
@keyframes scroll {
95% { top: -100%; }
100% { top:0; }
}
.br-25 {
border-radius: 25px !important;
}
.green-card {
font-weight: 500px;
color:#333333;
}
.gc-button {
}
.alt-golge {
position: relative;
bottom: 2em;
height: 2em;
background: -webkit-linear-gradient(
rgba(255, 255, 255, 0) 0%,
rgba(255, 255, 255, 1) 100%
);
background-image: -moz-linear-gradient(
rgba(255, 255, 255, 0) 0%,
rgba(255, 255, 255, 1) 100%
);
background-image: -o-linear-gradient(
rgba(255, 255, 255, 0) 0%,
rgba(255, 255, 255, 1) 100%
);
background-image: linear-gradient(
rgba(255, 255, 255, 0) 0%,
rgba(255, 255, 255, 1) 100%
);
background-image: -ms-linear-gradient(
rgba(255, 255, 255, 0) 0%,
rgba(255, 255, 255, 1) 100%
);
}
.ust-golge {
content: "";
position: absolute;
z-index: 1;
top: 0;
left: 0;
pointer-events: none;
background-image: linear-gradient(to top, rgba(255,255,255,0), rgba(255,255,255, 1) 90%);
width: 100%;
height: 4em;
}
.letter-baslik {
letter-spacing: 1px;
font-weight: 600px !important;
}
.orange-color {
color: #ff9c00;
}
.card-ig {
background: #833ab4;
background: -webkit-linear-gradient(to right, #833ab4, #fd1d1d, #fcb045);
background: linear-gradient(to right, #833ab4, #fd1d1d, #fcb045);
border: 0px !important;
}
.color-white {
color: #fafafa;
}
.color-red {
color: #fe0202;
}
.card-bg-youtube {
background-color: #000412;
}
.fs-33 {
font-size: 33px;
}
.fs-18 {
font-size: 18px;
}
.fs-380 {
font-size:3.80rem;
}
.card-3d {
background-image: url("https://storage.perfectcdn.com/f40f5b/hgw5npzfofdpsq72.webp");
background-color: #cccccc;
}
.youtube-card-retention {
letter-spacing: 4px;
font-size: 24px;
font-weight: 500;
color: red;
}
.right
{
float: right;
}
.p-3 {
padding: 1rem !important;
}
.sell-true {
font-size: 28px;
font-weight: 600px !important;
background: #20002c;
background: -webkit-linear-gradient(to right, #cbb4d4, #20002c);
background: linear-gradient(to right, #cbb4d4, #20002c);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
}
.ig-color {
background: #833ab4; /* fallback for old browsers */
background: -webkit-linear-gradient(to right, #fcb045, #fd1d1d, #833ab4); /* Chrome 10-25, Safari 5.1-6 */
background: linear-gradient(to right, #fcb045, #fd1d1d, #833ab4); /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */
-webkit-background-clip: text !important;
-webkit-text-fill-color: transparent;
}
.tt-color {
color: #111111;
filter: drop-shadow(2px 0px 0px #FD3E3E) drop-shadow(-2px -2px 0px #4DE8F4);
}
.tw-color {
color: #1DA1F2;
}
.yt-color {
color:#FF0000;
}
.spotify-color {
color: #1DB954;
}
.fb-color {
color:#4267B2;
}
.g-color {
color:#4285F4;
}
.tlgrm-color {
color:#0088cc;
}
.smm-color {
background: rgb(4,169,38);
background: linear-gradient(87deg, rgba(4,169,38,1) 40%, rgba(0,212,255,1) 100%);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
}
.comments-color {
background: radial-gradient( circle farthest-corner at 10% 20%, rgba(255,209,67,1) 0%, rgba(255,145,83,1) 90% );
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
}
.font-w-700 {
font-weight=700px !important;
}
.rem-25 {
font-size:2.5rem !important;
}
.fs-25 {
font-size:25px !important;
}
.star-color {
color: #05b67a;
}
.my-valign-center {
vertical-align: 50%;
}
.card-1 {
border-left: solid 1px;
border-right: solid 0px;
border-top: solid 0px;
border-bottom: solid 1px;
border-radius: 0px;
}
.card-2 {
border-left: solid 1px;
border-right: solid 0px;
border-top: solid 0px;
border-bottom: solid 0px;
border-radius: 0px;
}
.card-3 {
border-left: solid 1px;
border-right: solid 0px;
border-top: solid 0px;
border-bottom: solid 0px;
border-radius: 0px;
}
.card-4 {
border-left: solid 0px;
border-right: solid 1px;
border-top: solid 1px;
border-bottom: solid 0px;
border-radius: 0px;
}
.fsm-55 {
font-size: 55px;
margin-top: 18px;
}
.best-smm {
background: #56ab2f; /* fallback for old browsers */
background: -webkit-linear-gradient(to right, #a8e063, #56ab2f); /* Chrome 10-25, Safari 5.1-6 */
background: linear-gradient(to right, #a8e063, #56ab2f); /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */
}
.best-smm-card-font {
color: #fff;
font-weight:700;
font-size:27px !important;
}
.best-smm-card-font2 {
color: #fff;
opacity: 0.8;
font-weight:700;
font-size:23px !important;
}
.bg-smm-card {
margin-top:100px;
border:0px !important;
background: #76b852; /* fallback for old browsers */
background: -webkit-linear-gradient(to right, #8DC26F, #76b852); /* Chrome 10-25, Safari 5.1-6 */
background: linear-gradient(to right, #8DC26F, #76b852); /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */
}
.mt-100 {
margin-top:100px !important;
}
.mb-100 {
margin-bottom:100px !important;
}
.color-blue {
color:#007bff;
}
@media (max-width: 767px) {
.mt-mobile-15 {
margin-top: 15px !important;
}
}
@media (max-width: 767px) {
.hidden-on-mobile {
display: none !important;
}
}
@media screen and (max-width: 550px) {
img.img-max{
max-width: 100% !important;
height:auto !important;
align: center !important;
display:block !important;
}
}
.soft-green {
color:#99CC99;
}
.moon-purple {
background: #4e54c8; /* fallback for old browsers */
background: -webkit-linear-gradient(to right, #00aaff, #4e54c8); /* Chrome 10-25, Safari 5.1-6 */
background: linear-gradient(to right, #00aaff, #4e54c8); /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
}
}
/* sole */
.fs-11 {
font-size: 11px;
}
.fs-12 {
font-size: 12px;
}
.fs-13 {
font-size: 13px;
}
.fs-14 {
font-size: 14px !important;
}
.fs-15 {
font-size: 15px !important;
}
.fs-16 {
font-size: 16px !important;
}
.fs-17 {
font-size: 17px !important;
}
.fs-20 {
font-size: 20px !important;
}
.fs-22 {
font-size: 22px !important;
}
.display-5 {
font-size: 2rem;
font-weight: 300;
line-height: 1.2;
}
.display-6 {
font-size: 1.8rem;
font-weight: 300;
line-height: 1.2;
}
.display-7 {
font-size: 1.5rem;
font-weight: 300;
line-height: 1.2;
}
.display-8 {
font-size: 1.2rem;
font-weight: 300;
line-height: 1.2;
}
.display-9 {
font-size: 1rem;
font-weight: 300;
line-height: 1.2;
}
.bg-dark-2 {
background-color: #24292e;
}
.form-control:focus {
border-color: #2568ef;
box-shadow: 0 0;
}
.fw-5 {
font-weight: 500;
}
.ff-poppins {
font-family: "Poppins";
}
.ff-kaushan {
font-family: "Kaushan Script", cursive;
}
/* responsive */
@media (min-width: 1200px) {
main .main-bg {
height: 32em;
}
}
@media (max-width: 1200px) {}
@media (max-width: 992px) {}
@media (max-width: 768px) {
main .main-nav {
height: inherit;
width: 100%;
position: fixed;
bottom: 0;
border-right: 0;
border-top: 1px solid #dee2e6;
z-index: 9999
}
main {
padding: 50px 0
}
main .main-nav .list-group {
-ms-flex-direction: row;
flex-direction: row;
}
main .main-nav .list-group-item {
-ms-flex: 1 1 auto;
flex: 1 1 auto;
}
main .main-nav .list-group-item.active:before {
content: "";
position: absolute;
top: inherit;
right: 0;
width: -webkit-fill-available;
bottom: 0px;
height: 2px;
background: #2160c3;
}
main .main-nav p {
font-size: 12px;
color: hsla(210, 3%, 44%, 1);
margin-bottom: 10px;
display: block!important
}
main .main-nav .list-group-item.active p {
color: #007bff;
}
body.dark main .main-nav .list-group-item.active p {
color: #fff
}
}
@media (max-width: 576px) {
main .main-nav .list-group-item {
-ms-flex: 1 1 auto;
flex: 1 1 auto;
padding: 0;
}
main .main-nav .list-group-item i {
font-size: 15px;
padding: 7px 5px;
}
main .main-nav {}
}
main .main-nav p {
display:none
}
.darkMode {
background: transparent;
box-shadow: none;
border: none;
outline: 0;
}
.darkMode:focus {
background: transparent;
box-shadow: none;
border: none;
outline: 0
}
.darkMode i {
height: 34px;
display: inline-block;
width: 34px;
font-size: 19px;
line-height: 34px;
text-align: center;
-webkit-transition: .14s ease;
transition: .14s ease;
}
.darkMode i.fa-moon {
color: rgba(255, 106, 39, 1)
}
.darkMode i.fa-sun span {
color: #fff
}
.darkMode i.fa-sun {
color: #ffbf00
}
.darkMode i span {
color: #404040
}
body i.fa-moon,
body.light i.fa-moon {
display: block
}
body i.fa-sun,
body.light i.fa-sun {
display: none
}
body.dark i.fa-moon {
display: none
}
body.dark i.fa-sun {
display: block
}
body.dark {
background: #1f2937
}
body.dark .bg-dark-2 {
background: #1f2937;
border: 1px;
border-bottom-color: #374151;
border-bottom-style: solid !important;
}
body.dark .card, body.dark pre,
.dark .main-ticket {
background: #111827!important;
border-color: rgba(255, 255, 255, 0.12)!important;
color: #e4e7eb!important
}
body.dark .form-control, body.dark .news-select-dropdown .dropdown-menu {
background: #1f2937!important;
color: #fff!important;
border-color: rgba(255, 255, 255, 0.12)!important;
}
body.dark .list-group-item {
background: #111827;
color: #D9D9D9;
border-color: #374151;
}
body.dark main .main-nav, body.dark {
border-color: #1C1C1E
}
body.dark .nav-tabs .nav-item.show .nav-link, body.dark .nav-tabs .nav-link.active {
background: #1f2937
}
body.dark main .quick-menu .nav-item.show .nav-link, body.dark main .quick-menu .nav-link.active {
color: #fff;
border-color: #d1d9e1;
}
body.dark .bg-light, body.dark .bg-white {
background: #111827!important;
color: #fff
}
body.dark .border, body.dark .table-bordered td, body.dark .table-bordered th {
border-color: rgba(255, 255, 255, 0.12)!important;
}
body.dark main .quick-menu .nav-link {
color: #f5f5f5
}
body.dark main .orderform .border-rounded {
background: #1f2937;
border-color: rgba(255, 255, 255, 0.12);
color: #e4e7eb
}
body.dark .table {
color: #fff
}
body.dark .news-select-dropdown .dropdown-menu .dropdown-item {
color: #fff
}
.dark .dropdown-divider {
border-top: 1px solid #374151 !important;
}
.dark .alert-success {
color: #f7fcfa;
background-color: #11b981;
border-color: #374151;
}
body.dark .news-select-dropdown .dropdown-menu .dropdown-item:hover {
background: #161618!important
}
body.dark main .main-nav .list-group-item.active {
background: #0c0c0c
}
body.dark main .main-nav .list-group-item.active:before {
background: #6c757d;
}
body.dark main .main-nav .list-group-item.active i {
color: #ffffff;
}
body.dark main .main-nav .list-group-item:hover {
background: #0c0c0c
}
body.dark main .main-nav .list-group-item:hover i {
color: #fff
}
body.dark .btn-light {
color: #fff;
background-color: #343a40;
border-color: #343a40;
}
body.dark .dropdown-menu {
color: #fff;
background-color: #111827;
border-color: #374151;
}
body.dark .dropdown-item {
color: #fff
}
body.dark .dropdown-item:hover {
background: #111827
}
body.dark .dropdown-header {
color: #fff
}
body.dark .table .thead-dark th {
color: #fff;
background-color: #1c1c1e;
border-color: #454d55;
}
body.dark .display-8,
body.dark p,
body.dark fs-15 {
color: #FBFAF5
}
body.dark .table .light-tcol {
color: #ffffff;
background-color: #343a40;
border-color: #343a40;
}
.dark .select2-container--new-order-select2 .select2-dropdown {
border: 1px solid #374151;
background-color: #1f2937;
color: #e4e7eb;
}
.dark .select2-container--new-order-select2 .select2-dropdown .select2-results__options li:hover {
color: #e4e7eb;
}
.dark .select2-container--new-order-select2 .select2-dropdown .select2-results__options li {
border-bottom: 1px solid #374151;
color: #F8F8F8;
}
.dark .select2-container--new-order-select2 .select2-dropdown .select2-search {
color: #dbd9d9;
}
.dark .select2-container--new-order-select2 .select2-dropdown .select2-search .select2-search__field,
.dark .classic-button,
.dark .dropbtn {
background-color: #111827;
}
/*new*/
.select2-container {
box-sizing: border-box;
display: inline-block;
margin: 0;
position: relative;
vertical-align: middle; }
.select2-container .select2-selection--single {
box-sizing: border-box;
cursor: pointer;
display: block;
height: 36px;
user-select: none;
-webkit-user-select: none; }
.select2-container .select2-selection--single .select2-selection__rendered {
display: block;
padding-left: 8px;
padding-right: 20px;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap; }
.select2-container .select2-selection--single .select2-selection__clear {
background-color: transparent;
border: none;
font-size: 1em; }
.select2-container[dir="rtl"] .select2-selection--single .select2-selection__rendered {
padding-right: 8px;
padding-left: 20px; }
.select2-container .select2-selection--multiple {
box-sizing: border-box;
cursor: pointer;
display: block;
min-height: 32px;
user-select: none;
-webkit-user-select: none; }
.select2-container .select2-selection--multiple .select2-selection__rendered {
display: inline;
list-style: none;
padding: 0; }
.select2-container .select2-selection--multiple .select2-selection__clear {
background-color: transparent;
border: none;
font-size: 1em; }
.select2-container .select2-search--inline .select2-search__field {
box-sizing: border-box;
border: none;
font-size: 100%;
margin-top: 5px;
margin-left: 5px;
padding: 0;
max-width: 100%;
resize: none;
height: 18px;
vertical-align: bottom;
font-family: sans-serif;
overflow: hidden;
word-break: keep-all; }
.select2-container .select2-search--inline .select2-search__field::-webkit-search-cancel-button {
-webkit-appearance: none; }
.select2-dropdown {
background-color: white;
border: 1px solid #aaa;
border-radius: 4px;
box-sizing: border-box;
display: block;
position: absolute;
left: -100000px;
width: 100%;
z-index: 1051; }
.select2-results {
display: block; }
.select2-results__options {
list-style: none;
margin: 0;
padding: 0; }
.select2-results__option {
padding: 6px;
user-select: none;
-webkit-user-select: none; }
.select2-results__option--selectable {
cursor: pointer; }
.select2-container--open .select2-dropdown {
left: 0; }
.select2-container--open .select2-dropdown--above {
border-bottom: none;
border-bottom-left-radius: 0;
border-bottom-right-radius: 0; }
.select2-container--open .select2-dropdown--below {
border-top: none;
border-top-left-radius: 0;
border-top-right-radius: 0; }
.select2-search--dropdown {
display: block;
padding: 4px; }
.select2-search--dropdown .select2-search__field {
padding: 4px;
width: 100%;
box-sizing: border-box; }
.select2-search--dropdown .select2-search__field::-webkit-search-cancel-button {
-webkit-appearance: none; }
.select2-search--dropdown.select2-search--hide {
display: none; }
.select2-close-mask {
border: 0;
margin: 0;
padding: 0;
display: block;
position: fixed;
left: 0;
top: 0;
min-height: 100%;
min-width: 100%;
height: auto;
width: auto;
opacity: 0;
z-index: 99;
background-color: #fff;
filter: alpha(opacity=0); }
.select2-hidden-accessible {
border: 0 !important;
clip: rect(0 0 0 0) !important;
-webkit-clip-path: inset(50%) !important;
clip-path: inset(50%) !important;
height: 1px !important;
overflow: hidden !important;
padding: 0 !important;
position: absolute !important;
width: 1px !important;
white-space: nowrap !important; }
.select2-container--default .select2-selection--single {
background-color: #fff;
border: 1px solid #aaa;
border-radius: 4px; }
.select2-container--default .select2-selection--single .select2-selection__rendered {
color: #444;
line-height: 28px; }
.select2-container--default .select2-selection--single .select2-selection__clear {
cursor: pointer;
float: right;
font-weight: bold;
height: 26px;
margin-right: 20px;
padding-right: 0px; }
.select2-container--default .select2-selection--single .select2-selection__placeholder {
color: #999; }
.select2-container--default .select2-selection--single .select2-selection__arrow {
height: 26px;
position: absolute;
top: 1px;
right: 1px;
width: 20px; }
.select2-container--default .select2-selection--single .select2-selection__arrow b {
border-color: #888 transparent transparent transparent;
border-style: solid;
border-width: 5px 4px 0 4px;
height: 0;
left: 50%;
margin-left: -4px;
margin-top: -2px;
position: absolute;
top: 50%;
width: 0; }
.select2-container--default[dir="rtl"] .select2-selection--single .select2-selection__clear {
float: left; }
.select2-container--default[dir="rtl"] .select2-selection--single .select2-selection__arrow {
left: 1px;
right: auto; }
.select2-container--default.select2-container--disabled .select2-selection--single {
background-color: #eee;
cursor: default; }
.select2-container--default.select2-container--disabled .select2-selection--single .select2-selection__clear {
display: none; }
.select2-container--default.select2-container--open .select2-selection--single .select2-selection__arrow b {
border-color: transparent transparent #888 transparent;
border-width: 0 4px 5px 4px; }
.select2-container--default .select2-selection--multiple {
background-color: white;
border: 1px solid #aaa;
border-radius: 4px;
cursor: text;
padding-bottom: 5px;
padding-right: 5px;
position: relative; }
.select2-container--default .select2-selection--multiple.select2-selection--clearable {
padding-right: 25px; }
.select2-container--default .select2-selection--multiple .select2-selection__clear {
cursor: pointer;
font-weight: bold;
height: 20px;
margin-right: 10px;
margin-top: 5px;
position: absolute;
right: 0;
padding: 1px; }
.select2-container--default .select2-selection--multiple .select2-selection__choice {
background-color: #e4e4e4;
border: 1px solid #aaa;
border-radius: 4px;
box-sizing: border-box;
display: inline-block;
margin-left: 5px;
margin-top: 5px;
padding: 0;
padding-left: 20px;
position: relative;
max-width: 100%;
overflow: hidden;
text-overflow: ellipsis;
vertical-align: bottom;
white-space: nowrap; }
.select2-container--default .select2-selection--multiple .select2-selection__choice__display {
cursor: default;
padding-left: 2px;
padding-right: 5px; }
.select2-container--default .select2-selection--multiple .select2-selection__choice__remove {
background-color: transparent;
border: none;
border-right: 1px solid #aaa;
border-top-left-radius: 4px;
border-bottom-left-radius: 4px;
color: #999;
cursor: pointer;
font-size: 1em;
font-weight: bold;
padding: 0 4px;
position: absolute;
left: 0;
top: 0; }
.select2-container--default .select2-selection--multiple .select2-selection__choice__remove:hover, .select2-container--default .select2-selection--multiple .select2-selection__choice__remove:focus {
background-color: #f1f1f1;
color: #333;
outline: none; }
.select2-container--default[dir="rtl"] .select2-selection--multiple .select2-selection__choice {
margin-left: 5px;
margin-right: auto; }
.select2-container--default[dir="rtl"] .select2-selection--multiple .select2-selection__choice__display {
padding-left: 5px;
padding-right: 2px; }
.select2-container--default[dir="rtl"] .select2-selection--multiple .select2-selection__choice__remove {
border-left: 1px solid #aaa;
border-right: none;
border-top-left-radius: 0;
border-bottom-left-radius: 0;
border-top-right-radius: 4px;
border-bottom-right-radius: 4px; }
.select2-container--default[dir="rtl"] .select2-selection--multiple .select2-selection__clear {
float: left;
margin-left: 10px;
margin-right: auto; }
.select2-container--default.select2-container--focus .select2-selection--multiple {
border: solid black 1px;
outline: 0; }
.select2-container--default.select2-container--disabled .select2-selection--multiple {
background-color: #eee;
cursor: default; }
.select2-container--default.select2-container--disabled .select2-selection__choice__remove {
display: none; }
.select2-container--default.select2-container--open.select2-container--above .select2-selection--single, .select2-container--default.select2-container--open.select2-container--above .select2-selection--multiple {
border-top-left-radius: 0;
border-top-right-radius: 0; }
.select2-container--default.select2-container--open.select2-container--below .select2-selection--single, .select2-container--default.select2-container--open.select2-container--below .select2-selection--multiple {
border-bottom-left-radius: 0;
border-bottom-right-radius: 0; }
.select2-container--default .select2-search--dropdown .select2-search__field {
border: 1px solid #aaa; }
.select2-container--default .select2-search--inline .select2-search__field {
background: transparent;
border: none;
outline: 0;
box-shadow: none;
-webkit-appearance: textfield; }
.select2-container--default .select2-results > .select2-results__options {
max-height: 200px;
overflow-y: auto; }
.select2-container--default .select2-results__option .select2-results__option {
padding-left: 1em; }
.select2-container--default .select2-results__option .select2-results__option .select2-results__group {
padding-left: 0; }
.select2-container--default .select2-results__option .select2-results__option .select2-results__option {
margin-left: -1em;
padding-left: 2em; }
.select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option {
margin-left: -2em;
padding-left: 3em; }
.select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option {
margin-left: -3em;
padding-left: 4em; }
.select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option {
margin-left: -4em;
padding-left: 5em; }
.select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option {
margin-left: -5em;
padding-left: 6em; }
.select2-container--default .select2-results__option--group {
padding: 0; }
.select2-container--default .select2-results__option--disabled {
color: #999; }
.select2-container--default .select2-results__option--selected {
background-color: #ddd; }
.select2-container--default .select2-results__option--highlighted.select2-results__option--selectable {
background-color: #5897fb;
color: white; }
.select2-container--default .select2-results__group {
cursor: default;
display: block;
padding: 6px; }
.select2-container--classic .select2-selection--single {
background-color: #f7f7f7;
border: 1px solid #aaa;
border-radius: 4px;
outline: 0;
background-image: -webkit-linear-gradient(top, #fff 50%, #eee 100%);
background-image: -o-linear-gradient(top, #fff 50%, #eee 100%);
background-image: linear-gradient(to bottom, #fff 50%, #eee 100%);
background-repeat: repeat-x;
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFFFFFFF', endColorstr='#FFEEEEEE', GradientType=0); }
.select2-container--classic .select2-selection--single:focus {
border: 1px solid #5897fb; }
.select2-container--classic .select2-selection--single .select2-selection__rendered {
color: #444;
line-height: 28px; }
.select2-container--classic .select2-selection--single .select2-selection__clear {
cursor: pointer;
float: right;
font-weight: bold;
height: 26px;
margin-right: 20px; }
.select2-container--classic .select2-selection--single .select2-selection__placeholder {
color: #999; }
.select2-container--classic .select2-selection--single .select2-selection__arrow {
background-color: #ddd;
border: none;
border-left: 1px solid #aaa;
border-top-right-radius: 4px;
border-bottom-right-radius: 4px;
height: 26px;
position: absolute;
top: 1px;
right: 1px;
width: 20px;
background-image: -webkit-linear-gradient(top, #eee 50%, #ccc 100%);
background-image: -o-linear-gradient(top, #eee 50%, #ccc 100%);
background-image: linear-gradient(to bottom, #eee 50%, #ccc 100%);
background-repeat: repeat-x;
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFEEEEEE', endColorstr='#FFCCCCCC', GradientType=0); }
.select2-container--classic .select2-selection--single .select2-selection__arrow b {
border-color: #888 transparent transparent transparent;
border-style: solid;
border-width: 5px 4px 0 4px;
height: 0;
left: 50%;
margin-left: -4px;
margin-top: -2px;
position: absolute;
top: 50%;
width: 0; }
.select2-container--classic[dir="rtl"] .select2-selection--single .select2-selection__clear {
float: left; }
.select2-container--classic[dir="rtl"] .select2-selection--single .select2-selection__arrow {
border: none;
border-right: 1px solid #aaa;
border-radius: 0;
border-top-left-radius: 4px;
border-bottom-left-radius: 4px;
left: 1px;
right: auto; }
.select2-container--classic.select2-container--open .select2-selection--single {
border: 1px solid #5897fb; }
.select2-container--classic.select2-container--open .select2-selection--single .select2-selection__arrow {
background: transparent;
border: none; }
.select2-container--classic.select2-container--open .select2-selection--single .select2-selection__arrow b {
border-color: transparent transparent #888 transparent;
border-width: 0 4px 5px 4px; }
.select2-container--classic.select2-container--open.select2-container--above .select2-selection--single {
border-top: none;
border-top-left-radius: 0;
border-top-right-radius: 0;
background-image: -webkit-linear-gradient(top, #fff 0%, #eee 50%);
background-image: -o-linear-gradient(top, #fff 0%, #eee 50%);
background-image: linear-gradient(to bottom, #fff 0%, #eee 50%);
background-repeat: repeat-x;
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFFFFFFF', endColorstr='#FFEEEEEE', GradientType=0); }
.select2-container--classic.select2-container--open.select2-container--below .select2-selection--single {
border-bottom: none;
border-bottom-left-radius: 0;
border-bottom-right-radius: 0;
background-image: -webkit-linear-gradient(top, #eee 50%, #fff 100%);
background-image: -o-linear-gradient(top, #eee 50%, #fff 100%);
background-image: linear-gradient(to bottom, #eee 50%, #fff 100%);
background-repeat: repeat-x;
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFEEEEEE', endColorstr='#FFFFFFFF', GradientType=0); }
.select2-container--classic .select2-selection--multiple {
background-color: white;
border: 1px solid #aaa;
border-radius: 4px;
cursor: text;
outline: 0;
padding-bottom: 5px;
padding-right: 5px; }
.select2-container--classic .select2-selection--multiple:focus {
border: 1px solid #5897fb; }
.select2-container--classic .select2-selection--multiple .select2-selection__clear {
display: none; }
.select2-container--classic .select2-selection--multiple .select2-selection__choice {
background-color: #e4e4e4;
border: 1px solid #aaa;
border-radius: 4px;
display: inline-block;
margin-left: 5px;
margin-top: 5px;
padding: 0; }
.select2-container--classic .select2-selection--multiple .select2-selection__choice__display {
cursor: default;
padding-left: 2px;
padding-right: 5px; }
.select2-container--classic .select2-selection--multiple .select2-selection__choice__remove {
background-color: transparent;
border: none;
border-top-left-radius: 4px;
border-bottom-left-radius: 4px;
color: #888;
cursor: pointer;
font-size: 1em;
font-weight: bold;
padding: 0 4px; }
.select2-container--classic .select2-selection--multiple .select2-selection__choice__remove:hover {
color: #555;
outline: none; }
.select2-container--classic[dir="rtl"] .select2-selection--multiple .select2-selection__choice {
margin-left: 5px;
margin-right: auto; }
.select2-container--classic[dir="rtl"] .select2-selection--multiple .select2-selection__choice__display {
padding-left: 5px;
padding-right: 2px; }
.select2-container--classic[dir="rtl"] .select2-selection--multiple .select2-selection__choice__remove {
border-top-left-radius: 0;
border-bottom-left-radius: 0;
border-top-right-radius: 4px;
border-bottom-right-radius: 4px; }
.select2-container--classic.select2-container--open .select2-selection--multiple {
border: 1px solid #5897fb; }
.select2-container--classic.select2-container--open.select2-container--above .select2-selection--multiple {
border-top: none;
border-top-left-radius: 0;
border-top-right-radius: 0; }
.select2-container--classic.select2-container--open.select2-container--below .select2-selection--multiple {
border-bottom: none;
border-bottom-left-radius: 0;
border-bottom-right-radius: 0; }
.select2-container--classic .select2-search--dropdown .select2-search__field {
border: 1px solid #aaa;
outline: 0; }
.select2-container--classic .select2-search--inline .select2-search__field {
outline: 0;
box-shadow: none; }
.select2-container--classic .select2-dropdown {
background-color: #fff;
border: 1px solid transparent; }
.select2-container--classic .select2-dropdown--above {
border-bottom: none; }
.select2-container--classic .select2-dropdown--below {
border-top: none; }
.select2-container--classic .select2-results > .select2-results__options {
max-height: 200px;
overflow-y: auto; }
.select2-container--classic .select2-results__option--group {
padding: 0; }
.select2-container--classic .select2-results__option--disabled {
color: grey; }
.select2-container--classic .select2-results__option--highlighted.select2-results__option--selectable {
background-color: #3875d7;
color: #fff; }
.select2-container--classic .select2-results__group {
cursor: default;
display: block;
padding: 6px; }
.select2-container--classic.select2-container--open .select2-dropdown {
border-color: #5897fb; }
/*# sourceMappingURL=style.css.map */
.clr-instagram i {
background: linear-gradient(200deg, #d047d1, red, #ff0);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent; }
.clr-facebook {
color: #3b5998; }
.clr-tiktok {
color: #111111;
filter: drop-shadow(2px 0px 0px #FD3E3E) drop-shadow(-1px -1px 0px #4DE8F4); }
.clr-youtube {
color: #CD201F; }
.clr-twitter {
color: #1DA1F2; }
.clr-telegram {
color: #0088cc; }
.clr-snapchat {
color: #FFFC00; }
.clr-spotify {
color: #1DB954; }
.clr-pinterest {
color: #e60023; }
.clr-twitch {
color: #6441A4; }
.clr-dailymotion {
color: #00aaff; }
.clr-periscope {
color: #3aa4c6; }
.clr-soundcloud {
color: #ff8800; }
.clr-tumblr {
color: #35465c; }
.clr-linkedin {
color: #0a66c2; }
.clr-vimeo {
color: #1ab7ea; }
.select2-container--new-order-select2 .select2-dropdown .select2-results__options {
max-height: 43.6vh;
overflow-y: scroll;
}
#order-form .form-group .select2 .select2-selection--single .select2-selection__rendered {
border: 1px solid #e7e7e7;
border-radius: 4px;
padding: 5px 8px;
box-shadow: rgb(0 0 0 / 5%) 0px 1px 2px 0px;
}
#order-form .form-group .select2 .select2-selection--single .select2-selection__arrow {
font-family: "Font Awesome 5 Pro";
position: absolute;
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
top: 50%;
right: 10px;
}
#order-form .form-group .select2 .select2-selection--single .select2-selection__arrow:before {
content: "\f107";
}
/*Left Menu*/
@media (min-width: 992px) {
.main-body{
padding-left:190px;
}
.no-login .main-body{
padding-left:0;
}
}
.left-main-nav {
position: fixed;
height: 100vh;
/*border-right: 1px solid #dee2e6;*/
margin-top: 70px;
padding-left:10px;
}
@media (max-width: 992px) {
.left-main-nav {
display:none
}
}
.left-menu .link {
border-radius: 10px;
display: flex;
align-items: center;
color: #24292e;
font-size: 14px;
margin-bottom: 2px;
min-height: 47px;
padding: 0px 24px;
text-decoration:none
}
.dark .left-menu .link{
color:#FBFAF5;
}
.dark .left-menu .active, .left-menu a.link:hover {
background-color: #111827;
}
.dark .left-menu .active, .left-menu a.link:hover {
background-color: #111827 !important;
}
.dark #order-form .form-group .select2 .select2-selection--single .select2-selection__rendered {
color: #e4e7eb !important;
border-color: #374151 !important;
background-color: #1f2937!important;
}
.left-menu .link .icon-bar{
width: 32px;
height: 32px;
display: flex;
align-items: center;
justify-content: center
}
.left-menu .link-info {
margin-left: 4px;
}
.left-menu i {
font-size: 26px;
margin-right: 5px;
}
.left-menu .link-info_info {
font-weight: 400;
font-size: 12px;
color: #007bff;
}
.left-menu .active,
.left-menu a.link:hover {
background-color: #24292e;
color: #FAFBFC;
}
.left-menu .link-info_name .badge{
display:none;
}
.mobil-menu-sticky {
position: fixed;
bottom: 0;
left: 0;
width: 100%;
background: #ffffff;
z-index: 2;
border-top: 1px solid #d0d0d0;
}
@media screen and (min-width: 768px) {
.mobil-menu-sticky {
display: none;
}
}
.mobil-menu-sticky ul {
margin: 0;
padding: 0;
list-style: none;
display: flex;
}
.mobil-menu-sticky ul li {
flex: 0 0 25%;
max-width: 25%;
width: 100%;
}
.mobil-menu-sticky ul li a {
padding: 13px 0;
display: block;
text-align: center;
font-size: 12px;
color: #6C7293;
border-right: 1px solid #e8eaec;
}
.mobil-menu-sticky ul li a .text {
font-weight: 500;
}
.mobil-menu-sticky ul li:last-child a {
border-right: 0;
}
.dark .mobil-menu-sticky ul li a {
padding: 13px 0;
display: block;
text-align: center;
font-size: 12px;
color: #6a7280;
border-right: 1px solid #374151;
}
.dark .mobil-menu-sticky {
position: fixed;
bottom: 0;
left: 0;
width: 100%;
background: #111827;
z-index: 2;
border-top: 1px solid #374151;
}
body.dark .oly {
color: #e5e7eb;
}
body.dark .select2-selection__text {
color: #e5e7eb;
}
/*ticket page*/
.mk-new-ticket{
padding-top :100px;
}
.mk-new-ticket .page-title{
font-size: 20px;
margin: 16px 0px;
font-weight: 600;
}
.dark .mk-new-ticket .page-title,
.dark .main-ticket .ticket-section .tickets .ticket_inside .newconversation span,
.dark .main-ticket .ticket-section .tickets .left-column .ticket .inside .subject,
.dark .ticket-inside_header__subject,
.dark .ticket-inside_header__id,
.dark .ticket-inside_index__time{
color:#E6E6E6;
}
.main-ticket{
flex:1; flex-grow:1;
flex-shrink:1;
height: calc(100% - 60px);
width: 100%;
min-height:500px;
border-radius: 12px;
}
.main-ticket, .mk-order-table, .table{
background-color: white;
}
.dark .main-ticket .ticket-section,
.dark .main-ticket .ticket-section .tickets,
.dark .tickets .left-column .ticket,
.dark .ticket-inside_header__id,
.dark .ticket-inside_header__head,
.dark .main-ticket .ticket-section .tickets .left-column .ticket,
.dark .main-ticket .ticket-section .tickets .ticket_inside .newconversation,
.dark .nav-tabs,
.dark .card>hr,
.dark .classic-button,
.dark .mk-order-table,
.dark .dropbtn {
border-color: #374151;
}
.dark .main-ticket,
.dark .mk-order-table,
.dark .table {
background-color: #374151;
}
@media (max-width: 992px) {
.main-ticket .ticket-section .tickets {
width: auto !important;
}
.view-tickets-1 .tickets{
display:none
}
.main-ticket .ticket-section .index {
display: none;
}
.main-ticket .ticket-section.view-tickets-1 .index {
display: block;
}
}
@media (min-width: 992px) {
.main-ticket .ticket-section .left-column .ticket--mobile {
display: none !important;
}
}
.main-ticket{
width: 100%;
position: absolute;
}
.main-ticket .ticket-section {
border-radius: 10px;
overflow: hidden;
border: 0.5px solid;
flex-grow: 1;
border-color: #d6d6d6;
box-shadow: rgba(0, 0, 0, 0.05) 0px 1px 2px 0px;
}
@media (min-width: 992px) {
.main-ticket .ticket-section .tickets {
width: auto;
}
}
.main-ticket .ticket-section .tickets {
width: 450px;
overflow: auto;
border-right: 0.5px solid;
border-color: #d6d6d6;
flex-grow: 1;
}
.main-ticket .ticket-section .tickets .ticket_inside .newconversation {
padding: 15px;
border-bottom: 0.5px solid;
border-color: #d6d6d6;
height: 60px;
}
.main-ticket .ticket-section .tickets .ticket_inside .newconversation span {
font-size: 16px;
font-weight: 600;
}
.main-ticket .ticket-section .tickets .ticket_inside .newconversation a {
font-size: 24px;
color: var(--text-color);
}
.main-ticket .ticket-section .tickets .ticket_inside .newconversation a:hover {
text-decoration: none;
}
.main-ticket .ticket-section .tickets .left-column {
overflow-y: auto;
height: calc(100% - 60px);
max-height:500px;
}
.main-ticket .ticket-section .tickets .left-column .ticket {
display: block;
color: inherit;
border-bottom: 0.5px solid;
border-color: #d6d6d6;
}
.main-ticket .ticket-section .tickets .left-column .ticket:hover {
background-color: var(--tickets-item-hover);
}
.main-ticket .ticket-section .tickets .left-column .ticket:hover {
text-decoration: none;
}
.main-ticket .ticket-section .tickets .left-column .ticket .inside {
position: relative;
padding: 8px 6px;
}
.main-ticket .ticket-section .tickets .left-column .ticket .inside .notificate-on {
width: 10px;
height: 10px;
visibility: hidden;
}
.main-ticket .ticket-section .tickets .left-column .ticket .inside .notificate-on .tick {
width: 100%;
height: 100%;
border-radius: 10px;
background-color: var(--blue);
}
.main-ticket .ticket-section .tickets .left-column .ticket .inside .subject {
padding-left: 8px;
}
.main-ticket .ticket-section .tickets .left-column .ticket .inside .status .pending {
color: var(--orange);
}
.main-ticket .ticket-section .tickets .left-column .ticket .inside .status .answered {
color: var(--blue);
}
.main-ticket .ticket-section .tickets .left-column .ticket .inside .status .closed {
color: var(--green);
}
.main-ticket .ticket-section .tickets .left-column .ticket .inside .date {
display: block;
padding-left: 8px;
color: #ababab;
font-size: 13px;
}
.main-ticket .ticket-section .tickets .left-column .ticket .inside[aria-checked=true] .notificate-on {
visibility: visible;
}
.main-ticket .ticket-section .tickets .left-column .ticket .inside[aria-checked=true] .subject {
font-weight: 600;
}
.main-ticket .ticket-section .tickets .left-column .ticket-active {
background-color: var(--tickets-item-hover);
}
.main-ticket .ticket-section .tickets .header {
display: inline-block;
font-weight: 600;
padding: 10px 0px 0px 15px;
font-size: 16px;
}
.main-ticket .ticket-section .tickets .search {
position: relative;
padding: 10px;
border-bottom: 0.5px solid;
border-color: var(--gray-6);
}
.main-ticket .ticket-section .tickets .search > input {
border: none;
background-color: var(--gray-1);
}
.main-ticket .ticket-section .tickets .search .icon {
position: absolute;
top: 12px;
right: 12px;
font-size: 16px;
font-weight: 600;
padding: 8px;
pointer-events: none;
color: var(--gray-9);
}
.main-ticket .ticket-section .index {
width: 100%;
height: 100%;
}
.main-ticket .ticket-section .index svg {
width: 200px;
height: 200px;
}
.main-ticket .ticket-section .index .ticket-create {
width: 100%;
height: 100%;
padding: 20px;
}
.main-ticket .ticket-section .index .ticket-create .ticket-create-header {
display: block;
font-weight: 600;
font-size: 18px;
}
.dark .main-ticket .ticket-section .index .ticket-create .ticket-create-header,
.dark .main-ticket .ticket-section .index .ticket-create .ticket-create-description{
color:#ffffff;
}
.main-ticket .ticket-section .index .ticket-create .ticket-create-description {
margin-top: 5px;
display: block;
color: var(--muted-text);
}
.main-ticket .ticket-section .index .ticket-create .ticket-create-button {
margin-top: 16px;
}
.main-ticket .ticket-section .index .ticket-create label {
padding-top: 8px;
margin-bottom: 4px;
color: var(--muted-text);
font-size: 13px;
}
.main-ticket .ticket-section .index .ticket-create .form-select {
width: 100%;
}
.main-ticket .ticket-section .index .ticket-create .text-muted {
display: block;
padding-top: 3px;
}
.main-ticket .ticket-section .index .ticket-create .ticket-send-button {
margin-top: 20px;
}
/*del*/
.ticket-inside{
height:100%;
max-height: 560px;
}
display: none; } }
.ticket-inside {
height: 100%;
width: 100%;
overflow: hidden; }
.ticket-inside_header__head {
border-bottom: 0.5px solid;
border-color: #d6d6d6;
height: 60px; }
.ticket-inside_header__back {
color: #000000
font-size: 24px;
width: 24px;
height: 24px;
margin-left: 16px; }
.ticket-inside_header__back:hover {
color: var(--text-color); }
.ticket-inside_header__info {
font-weight: 600;
padding-left: 15px; }
.ticket-inside_header__date {
font-size: 12px;
font-weight: 400;
color: var(--muted-text); }
.ticket-inside_header__id {
font-weight: 600;
padding: 15px;
border-left: 0.5px solid;
border-color: #d6d6d6; }
.ticket-inside_index {
display: flex; }
.ticket-inside_index__message {
padding-top: 20px;
margin: 0px 15px 0px 15px;
flex: 1;
flex-grow: 1;
flex-shrink: 1; }
.ticket-inside_index__time {
font-size: 13px;
padding: 5px 15px 15px 15px;
}
.ticket-inside_index__user {
font-size: 13px;
padding: 10px 15px 1px 15px;
line-height: 1px;
font-weight: 500;
}
.dark .ticket-inside_index__user {
color: #E6E6E6;
}
.ticket-inside_index__usermessage {
text-align: left;
max-width: 400px;
border-radius: 22px;
padding: 10px 20px 10px 20px;
background-color: #dbdadb;
word-break: break-word; }
.dark .ticket-inside_index__usermessage {
color: #fff;
border-radius: 20px;
padding: 15px;
box-shadow: 0px 2px 5px 0px #101010;
}
.ticket-inside_index__supportmessage {
word-wrap: break-word;
max-width: 400px;
font-size: 14px;
border-radius: 22px;
padding: 10px 20px 10px 20px;
background-color:#dbdadb }
.dark .ticket-inside_index__supportmessage {
background-color: #11b981;
}
.ticket-inside_textarea {
padding: 5px 0px 15px 0px;
display: flex;
align-items: center;
flex: 1;
max-height: 300px;
height: auto; }
.ticket-inside_textarea__submit {
padding-top: 20px;
padding-bottom: 20px;
border-radius: 22px;
height: 52px;
background-color: var(---input-bg); }
.ticket-inside_textarea__textarea {
padding: 8px 84px 5px 5px;
margin: 0px 20px;
width: 95%;
min-height: 42px;
resize: none;
overflow: auto;
background-color: var(--input-bg);
border: 0.5px solid;
border-color: #d6d6d6;
resize: none;
overflow: hidden;
display: inline-block;
vertical-align: middle; }
.ticket-inside_textarea__textarea:focus {
background-color: var(--input-bg); }
.ticket-inside_textarea__send {
font-weight: 600;
position: absolute;
right: 30px;
background: none;
border: 1px solid #3c82f6;
background-color: #3c82f6;
color: #ffffff;
padding: 2px 6px;
border-radius: 5px;
}
.ticket-inside_textarea__send:hover {
text-decoration: none; }
.ticket-inside_index__usermessage {
background-color: #3c82f6;
color: #ffffff;
font-size: 14px;
border-radius: 20px;
padding: 15px;
box-shadow: 0px 2px 5px 0px;
}
.search-order{
width:100%;
margin-bottom:15px !important;
margin-top:20px;
}
.search-order input.form-control{
padding: 18px 10px;
}
.mk-order-table{
display: table;
width: 100%;
border: 0.5px solid #d0d0d0;
border-radius: 10px;
overflow: hidden;
}
.mk-order-table .order-row{
display: table-row;
}
.mk-order-table .orders-table-header .otb-items{
white-space: nowrap;
color:#24292e;
font-weight: 600;
}
.dark .mk-order-table .orders-table-header .otb-items,
.dark .mk-order-table .order-row .otb-items .s-name,
.dark .mk-order-table .order-row .otb-items > div,
.dark .mk-order-table .order-row .otb-items i,
.dark .classic-button,
.dark .dropbtn {
color:#E6E6E6;
}
.mk-order-table .order-row .otb-items{
display: table-cell;
vertical-align: middle;
padding: 8px 16px;
border-bottom: 0.5px solid;
border-color: #d0d0d0;
}
.mk-order-table .order-row .otb-items .s-name{
color:#24292e;
font-weight:600;
}
.mk-order-table .order-row .otb-items .o-link a{
color:#007bff;
}
.mk-order-table .order-row .otb-items > div {
width: fit-content;
}
.mk-order-table .order-row .otb-items .status{
white-space: nowrap;
}
.mk-order-table .order-row .otb-items .status.completed {
color: #1bc5bd;
}
.mk-order-table .order-row .otb-items .status.pending {
color: #ffa800;
}
.mk-order-table .order-row .otb-items .status.partial {
color: #3699ff;
}
.mk-order-table .order-row .otb-items .status.processing,
.mk-order-table .order-row .otb-items .status.inprogress {
color: #8950fc;
}
.mk-order-table .order-row .otb-items .status.canceled {
color: #f64e60;
}
.dark .mk-order-table {
border: 0.5px solid #374151;
background-color: #111827;
}
.dark .mk-order-table .order-row .otb-items {
border-color: #374151;
}
.mk-order-table .o-row-items:hover{
background-color:#f3f3f3;
cursor:pointer;
}
.dark .mk-order-table .o-row-items:hover{
background-color:#1f2937;
}
@media (max-width: 992px) {
.mk-order-table {
background-color: #f3f4f6;
border: none;
}
.dark .mk-order-table {
border: none !important;
background-color: #1f2937 !important;
}
.mk-order-table .orders-table-header {
display:none !important;
}
.mk-order-table .order-row{
margin-bottom: 10px;
display: block;
padding: 8px 16px 4px 16px;
border-radius: 10px;
border: 0.5px solid #d0d0d0;
position: relative;
}
.mk-order-table .order-row{
background-color: #ffffff;
border: 0.5px solid #ced4d9;
}
.dark .mk-order-table .order-row {
background-color: #111827;
border: 2px solid #374151;
}
.mk-order-table .order-row .otb-items{
border:none;
}
.mk-order-table .o-row-items .otb-items{
display:block;
position:relative;
}
.mk-order-table .o-row-items .otb-items > div:before{
font-weight: 400;
content: attr(data-name);
display: inline-block;
color: #6c7481;
min-width: 55px;
text-transform: uppercase;
font-size: 13px;
}
.mk-order-table .o-row-items .otb-items .fa-chevron-right{
font-size: 23px;
position: absolute;
top: 80px;
right: 0;
}
.mk-order-table .order-row .otb-items{
padding:0 0 0 0;
}
}
.order-detail-list .od-items{
display: flex;
align-items: center;
padding: 10px 0;
border-bottom: 1px solid #cacaca;
}
.order-detail-list .od-items .c-name{
min-width:120px;
}
/*select22*/
.select2-container--new-order-select2 .select2-dropdown {
background-color: #F3F6F9;
border: 1px solid;
border-color: #e7e7e7;
margin-top: 5px;
border-radius: 4px;
box-shadow: rgba(0, 0, 0, 0.1) 0px 4px 6px -1px, rgba(0, 0, 0, 0.06) 0px 2px 4px -1px;
}
.select2-container--new-order-select2 .select2-dropdown .select2-search {
position: relative;
}
.select2-container--new-order-select2 .select2-dropdown .select2-search:before {
font-family: "Font Awesome 5 Free";
content: "\f002";
position: absolute;
left: 13px;
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
top: 50%;
font-size: 15px;
font-weight:900;
}
.select2-container--new-order-select2 .select2-dropdown .select2-search .select2-search__field {
border: none;
border-radius: 6px;
padding-left: 30px;
}
.select2-container--new-order-select2 .select2-dropdown .select2-results__options {
max-height: 43.6vh;
overflow-y: scroll;
}
.select2-container--new-order-select2 .select2-dropdown .select2-results__options li {
padding: 9px 13px;
display: flex;
align-items: center;
font-size: 14px;
border-bottom: 1px solid #ccccce;
}
.select2-container--new-order-select2 .select2-dropdown .select2-results__options li:hover {
background: #1e1e2d;
color: #ffffff;
}
.select2-container--new-order-select2 .select2-dropdown .select2-results__options li:hover .nw-o-icons {
color: #ffffff;
}
.select2-container--new-order-select2 .select2-dropdown .select2-results__options li:hover .nw-o-icons.clr-instagram i {
background: linear-gradient(200deg, #fff, #fff, #fff);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
}
.select2-container--new-order-select2 .select2-dropdown .select2-results__options li .nw-o-icons {
flex: 0 0 15px;
margin-right: 5px;
}
.order-detail-list .od-items .od-link,
.mk-order-table .order-row .otb-items .o-link a{
word-break: break-all;
}
.full-width-order{
padding: 120px 30px 0 30px;
}
@media (min-width: 992px) {
main {
min-height:650px;
}
}
@media (max-width: 992px) {
.full-width-order{
padding: 120px 0 0 0;
}
}
.pagination-bar{
margin-top:20px;
}
.pagination-bar .pagination {
display: flex;
align-items: center;
}
.pagination-bar .pagination li {
margin-right: 10px;
}
.pagination-bar .pagination li.active a {
background-color: #007bff;
color: #ffffff;
}
.pagination-bar .pagination li a {
padding: 2px 8px;
background-color: #ffffff;
border-radius: 3px;
border: 1px solid;
}
/*container pc için */
@media screen and (min-width: 768px) {
/* Bu kod, en az 768 piksel genişlikteki ekranlarda geçerli olacak */
/* Örneğin, başlık metnini büyük yapalım */
.container-orders {
padding-right: 36px;
padding-left: 36px;
}
}
/*mobil menu css*/
.mobil-menu{
display:none;
}
@media (max-width: 992px) {
}
.mobil-menu .mobile-header{
display:flex;
justify-content: space-between;
position: relative;
z-index: 2;
}
.mobil-menu .mobil-h-right{
display: flex;
align-items: center;
}
.mobil-menu .mobile-header .logo{
padding: 11px 15px;
}
.mobil-menu {
position: absolute;
display: block;
top: 0;
left: 0;
height: 50px;
width: 100%;
overflow: hidden;
transition: all 0.5s ease-out, background 1s ease-out;
transition-delay: 0.2s;
z-index: 1;
}
.mobil-menu .burger-container {
position: relative;
display: inline-block;
height: 50px;
width: 50px;
cursor: pointer;
transform: rotate(0deg);
transition: all 0.3s cubic-bezier(0.4, 0.01, 0.165, 0.99);
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
-webkit-tap-highlight-color: transparent;
}
.mobil-menu .burger-container #burger {
width: 18px;
height: 8px;
position: relative;
display: block;
margin: -4px auto 0;
top: 50%;
}
.mobil-menu .burger-container #burger .bar {
width: 100%;
height: 1px;
display: block;
position: relative;
background: #FFF;
transition: all 0.3s cubic-bezier(0.4, 0.01, 0.165, 0.99);
transition-delay: 0s;
}
.mobil-menu .burger-container #burger .bar.topBar {
transform: translateY(0px) rotate(0deg);
}
.mobil-menu .burger-container #burger .bar.btmBar {
transform: translateY(6px) rotate(0deg);
}
.mobil-menu .icon {
display: inline-block;
position: absolute;
height: 100%;
line-height: 50px;
width: 50px;
height: 50px;
text-align: center;
color: #FFF;
font-size: 22px;
left: 50%;
transform: translateX(-50%);
}
.mobil-menu .icon.icon-bag {
right: 0;
top: 0;
left: auto;
transform: translateX(0px);
transition: transform 0.5s cubic-bezier(0.4, 0.01, 0.165, 0.99);
transition-delay: 0.65s;
}
.mobil-menu ul.menu {
position: relative;
display: block;
padding: 0 0 0 0;
list-style: none;
}
.mobil-menu ul.menu li.menu-item {
border-bottom: 1px solid #333;
transform: scale(1.15) translateY(-30px);
opacity: 0;
transition: transform 0.5s cubic-bezier(0.4, 0.01, 0.165, 0.99), opacity 0.6s cubic-bezier(0.4, 0.01, 0.165, 0.99);
}
.mobil-menu ul.menu li.menu-item:nth-child(1) {
transition-delay: 0.70s;
}
.mobil-menu ul.menu li.menu-item:nth-child(2) {
transition-delay: 0.63s;
}
.mobil-menu ul.menu li.menu-item:nth-child(3) {
transition-delay: 0.56s;
}
.mobil-menu ul.menu li.menu-item:nth-child(4) {
transition-delay: 0.49s;
}
.mobil-menu ul.menu li.menu-item:nth-child(5) {
transition-delay: 0.42s;
}
.mobil-menu ul.menu li.menu-item:nth-child(6) {
transition-delay: 0.36s;
}
.mobil-menu ul.menu li.menu-item:nth-child(7) {
transition-delay: 0.28s;
}
.mobil-menu ul.menu li.menu-item:nth-child(8) {
transition-delay: 0.21s;
}
.mobil-menu ul.menu li.menu-item:nth-child(9) {
transition-delay: 0.14s;
}
.mobil-menu ul.menu li.menu-item:nth-child(10) {
transition-delay: 0.07s;
}
.mobil-menu ul.menu li.menu-item a {
display: flex;
position: relative;
color: #FFF;
font-weight: 100;
text-decoration: none;
font-weight: 200;
width: 100%;
justify-content: space-between;
padding: 10px 10px;
}
.mobil-menu ul.menu li.menu-item a .balance{
position: absolute;
right: 40px;
}
.mobil-menu ul.menu li.menu-item a .left-bar{
display:flex;
}
.mobil-menu ul.menu li.menu-item a .left-bar .icons{
width: 30px;
}
.mobil-menu.menu-opened {
height: 100%;
background-color: #000;
transition: all 0.3s ease-in, background 0.5s ease-in;
transition-delay: 0.25s;
}
.mobil-menu.menu-opened .burger-container {
transform: rotate(90deg);
}
.mobil-menu.menu-opened .burger-container #burger .bar {
transition: all 0.4s cubic-bezier(0.4, 0.01, 0.165, 0.99);
transition-delay: 0.2s;
}
.mobil-menu.menu-opened .burger-container #burger .bar.topBar {
transform: translateY(4px) rotate(45deg);
}
.mobil-menu.menu-opened .burger-container #burger .bar.btmBar {
transform: translateY(3px) rotate(-45deg);
}
.mobil-menu.menu-opened ul.menu li.menu-item {
transform: scale(1) translateY(0px);
opacity: 1;
}
.mobil-menu.menu-opened ul.menu li.menu-item:nth-child(1) {
transition-delay: 0.27s;
}
.mobil-menu.menu-opened ul.menu li.menu-item:nth-child(2) {
transition-delay: 0.34s;
}
.mobil-menu.menu-opened ul.menu li.menu-item:nth-child(3) {
transition-delay: 0.41s;
}
.mobil-menu.menu-opened ul.menu li.menu-item:nth-child(4) {
transition-delay: 0.48s;
}
.mobil-menu.menu-opened ul.menu li.menu-item:nth-child(5) {
transition-delay: 0.55s;
}
.mobil-menu.menu-opened ul.menu li.menu-item:nth-child(6) {
transition-delay: 0.62s;
}
.mobil-menu.menu-opened ul.menu li.menu-item:nth-child(7) {
transition-delay: 0.70s;
}
.mobil-menu.menu-opened ul.menu li.menu-item:nth-child(8) {
transition-delay: 0.78s;
}
.mobil-menu.menu-opened ul.menu li.menu-item:nth-child(9) {
transition-delay: 0.86s;
}
.mobil-menu.menu-opened ul.menu li.menu-item:nth-child(10) {
transition-delay: 0.95s;
}
.mobil-menu.menu-opened .icon.icon-bag {
transform: translateX(75px);
transition-delay: 0.3s;
}
.window .content {
font-family: "Ek Mukta", sans-serif;
padding: 67px 4% 0;
text-align: justify;
overflow: scroll;
max-height: 100%;
}
.window .content::-webkit-scrollbar {
display: none;
}
.window .content h2 {
margin-bottom: 0px;
letter-spacing: 1px;
}
.window .content img {
width: 95%;
position: relative;
display: block;
margin: 75px auto 75px;
}
.window .content img:nth-of-type(2) {
margin: 75px auto;
}
@media (max-width: 600px) {
.window {
width: 100%;
height: 100vh;
margin: 0;
border-radius: 0px;
}
.mobil-menu {
position: fixed;
}
}
/*old mobil menu*/
.mobile-account-status{
display:none;
}
@media (max-width: 992px) {
header .dropdown-menu.show{
position: fixed;
left: 0;
top: 55px;
height: 100%;
}
header .dropdown-menu.show .dropdown-item{
position:relative;
}
header .dropdown-menu.show .dropdown-item .right-text{
position: absolute;
right: 40px;
}
header .dropdown-menu.show .dropdown-item:before{
font-family: "Font Awesome 5 Pro";
content: "\f054";
position: absolute;
right: 10px;
top: 5px;
font-weight: 900;
}
header .navbar .darkMode{
display:none
}
.mobile-account-status{
margin-right: 10px;
display:inline-block;
}
}
.theme-switch-wrapper {
display: flex;
align-items: center;
}
.theme-switch-wrapper .theme-switch {
display: inline-block;
height: 20px;
position: relative;
width: 50px;
}
.theme-switch-wrapper .theme-switch input {
display: none;
}
.theme-switch-wrapper .slider {
background-color: #ccc;
bottom: 0;
cursor: pointer;
left: 0;
position: absolute;
right: 0;
top: 0;
transition: 0.4s;
}
.theme-switch-wrapper .slider:before {
background-color: #fff;
bottom: 3px;
content: "";
height: 15px;
left: 4px;
position: absolute;
transition: 0.4s;
width: 15px;
}
.theme-switch-wrapper input:checked + .slider {
background-color: #66bb6a;
}
.theme-switch-wrapper input:checked + .slider:before {
transform: translateX(26px);
}
.theme-switch-wrapper .slider.round {
border-radius: 34px;
}
.theme-switch-wrapper .slider.round:before {
border-radius: 50%;
}
#OrderDetail .modal-footer{
justify-content: space-between;
}
#OrderDetail .modal-footer .order-report-red{
color:red;
}
.dark .order-detail-list .od-items {
border-bottom: 1px solid #374151;
}
.dark .modal .modal-header{
background-color: #1f2937!important;
color: #fbfaf4;
}
.dark .modal-content {
background-color: #111827;
color: #fbfaf4;
}
.btn-custom-primary{
text-align: center;
background: #24292d;
border-radius: 5px;
padding: 11px 10px;
}
.btn-custom-primary:hover{
background: #2f2e40;
transition: 0.5s all;
}
@media screen and (max-width: 768px) {
.m-p-0{
padding-top:0 !important;
}
}
.ticket-badge {
font-weight: 500;
}
.badge-pending {
background-color: #FBBF24;
}
.badge-answered {
background-color: #10B981;
}
.badge-solved {
background-color: #EF4444;
}
@media (max-width: 480px) {
.status {
float: left;
}
}
@media (max-width: 480px) {
.mobile-ticketview {
padding-right: 9px !important;
padding-left: 9px !important;
}
}
@media (max-width: 480px) {
.other-btn {
margin-left: auto;
position: relative;
bottom: 6px;
right: -2px;
padding: 3px;
}
}
@media (max-width: 480px) {
.other-btn {
margin-left: auto;
position: relative;
bottom: 6px;
right: -2px;
padding: 3px;
}
}
.lazy {
display: block;
width: 100%;
}
hr.footer {
border-top: 1px solid #8d9092;
}
.dark .hr {
border-top: 1px solid rgb(55 64 77);
}
.text-link {
color: #007bff !important;
}
a.absolute.text-xs.font-medium.top-0.right-0.h-full.flex.items-center.mr-2.text-blue-600.pb-4 {
align-items: center;
background-color: transparent;
border: 0 solid #E5E7EB;
box-sizing: border-box;
color: #2563EB;
cursor: pointer;
display: flex;
font-size: .75rem;
font-weight: 500;
height: 100%;
line-height: 1rem;
margin-right: .5rem !important;
padding-top: 18px;
position: absolute;
right: 0;
text-decoration: none #000000 solid;
top: 0;
z-index: 1;
}
.message-right {
padding-right: 3px;
}
.message-left {
padding-left: 3px;
}
.min-max {
color: #2563eb;
font-weight: 500;
}
.ek-blog {
background-color: #FAFAFA;
border-radius: 8px;
color: #262626;
font-size: 17px;
line-height: 20.0005px;
margin-bottom: 16px;
margin-top: 16px;
padding: 16px;
word-break: break-word;
box-shadow: rgba(0, 0, 0, 0.1) 0px 4px 6px -1px, rgba(0, 0, 0, 0.06) 0px 2px 4px -1px;
}
.icerik {
padding: 30px!important;
}
.pl-23 {
padding-left: 20px;
line-height: 30px;
}
.mw {
max-width: 537px;
}
.dark .ek-blog {
background-color: #111827;
color: #e4e7eb;
}
.lh-34 {
line-height: 34px
}
.fs-35 {
font-size: 35px !important;
}
.fs-44 {
font-size: 44px !important;
}
.fs-100 {
font-size:100px !important;
}
.strike {
display: block;
font-size: 14px;
text-align: center;
overflow: hidden;
white-space: nowrap;
}
.strike > span {
position: relative;
display: inline-block;
}
.strike > span:before,
.strike > span:after {
content: "";
position: absolute;
top: 50%;
width: 9999px;
height: 1px;
background: #dbdbdb;
}
.strike > span:before {
right: 100%;
margin-right: 15px;
}
.strike > span:after {
left: 100%;
margin-left: 15px;
}
.font-w-500 {
font-weight: 500 !important;
}
.background-gray {
background: #f3f4f6 !important;
}
/* accordion */
.cd {
margin-bottom: 11px;
border: 1px solid #e1e2e5 !important;
cursor: pointer;
}
.cl {
line-height: 31px;
font-weight: 500;
color: #111826;
font-size: 16px;
}
.ic {
float: right;
top: 2px;
left: 4px;
margin: auto;
padding: 4px;
position: relative;
font-weight: 400 !important;
font-size: 20px;
}
.co {
border-top: 1px solid #dfdfdf;
}
.bw {
background-color: white;
}
.dark .bw {
background-color: #1f2937;
}
.dark .baslik-home {
color: #F8F8F8;
}
.cd-0 {
border: 1px solid rgb(255 255 255) !important;
text-align: center;
}
.iconic {
font-size: 38px;
margin-bottom: 8px;
}
.mb-34 {
margin-bottom: 34px;
}
.r7 {
border-radius: 7px!important;
}
.initial {
max-width: initial;
}
@media (min-width: 768px) {
.mw-75 {
width: 1000px!important
}
}
@media (min-width: 768px) {
.ml-35 {
margin-left: 35px;
}
}
/**
Service desc.
**/
.sd-mor {
border-radius: 0.5rem;
background-color: #9333ea;
font-weight: 400 !important;
}
.sd-mavi {
border-radius: 0.5rem;
background-color: #2563eb;
font-weight: 400 !important;
}
.sd-yesil {
border-radius: 0.5rem;
background-color: #16a34a;
font-weight: 400 !important;
}
.sd-kirmizi {
border-radius: 0.5rem;
background-color: #F32013;
font-weight: 400 !important;
}
.sd-gri {
border-radius: 0.5rem;
background-color: #475569;
font-weight: 400 !important;
}
.sd-sari {
border-radius: 0.5rem;
background-color: #eab308;
font-weight: 400 !important;
}
.sd-para {
border-radius: 0.5rem;
background-color: #e8b430;
font-weight: 400 !important;
}
.sd-hizli {
border-radius: 0.5rem;
font-weight: 400 !important;
}
.sd-yavas {
border-radius: 0.5rem;
background-color: #ea580c;
font-weight: 400 !important;
}
.lt-sp {
letter-spacing: 3px;
}
.fs-18 {
font-size: 18px;
}
.new-charge {
background: transparent !important;
border-color: transparent !important;
border-top-color: transparent !important;
width: auto !important;
margin-left: 3px;
margin-top: -34px;
-webkit-box-shadow: none !important;
font-size: 17px !important;
}
.dark .new-charge {
background: transparent !important;
border-color: transparent !important;
border-top-color: transparent !important;
width: auto !important;
margin-left: 3px;
margin-top: -34px;
-webkit-box-shadow: none !important;
font-size: 17px !important;
}
.mbeksi-12 {
margin-top: -12px !important;
}
.mbeksi-21 {
margin-top: -21px !important;
}
.margin-top5 {
margin-top: 5rem;
}
/**
faq
**/
.faq {
font-size: 22px;
margin-bottom: 1px;
letter-spacing: .025em;
font-weight: 700px;
}
.yt-gradient {
background: #282828;
background: radial-gradient(circle farthest-corner at center center, #282828 0%, #FF0000 84%);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
}
.card-shadow {
box-shadow: rgba(0, 0, 0, 0.1) 0px 1px 3px 0px, rgba(0, 0, 0, 0.06) 0px 1px 2px 0px;
border-radius: 19px;
}
.text-seo {
background: #36C659;
background: radial-gradient(circle farthest-corner at center center, #36C659 26%, #1B81CF 100%);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
}
/**
DESTEK UYARI
**/
div.flex.flex-col.space-y-2.px-4.py-2.text-sm {
border: 0 solid #E5E7EB;
box-sizing: border-box;
color: #1D4ED8;
display: flex;
flex-direction: column;
font-family: ui-sans-serif, system-ui, -apple-system, "system-ui", "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
font-size: .875rem;
line-height: 1.25rem;
padding: .5rem 1rem;
}
div.grid.grid-cols-3.gap-4 {
border: 0 solid #E5E7EB;
box-sizing: border-box;
color: #1D4ED8;
column-gap: 1rem;
display: grid;
font-family: ui-sans-serif, system-ui, -apple-system, "system-ui", "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
font-size: 14px;
grid-template-columns: repeat(3, minmax(0, 1fr));
line-height: 20px;
row-gap: 1rem;
}
div.flex.flex-col {
border: 0 solid #E5E7EB;
box-sizing: border-box;
color: #1D4ED8;
display: flex;
flex-direction: column;
font-family: ui-sans-serif, system-ui, -apple-system, "system-ui", "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
font-size: 14px;
line-height: 20px;
}
div.font-medium {
border: 0 solid #E5E7EB;
box-sizing: border-box;
color: #1D4ED8;
font-family: ui-sans-serif, system-ui, -apple-system, "system-ui", "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
font-size: 14px;
font-weight: 500;
line-height: 20px;
}
div.text-xs {
border: 0 solid #E5E7EB;
box-sizing: border-box;
color: #1D4ED8;
font-family: ui-sans-serif, system-ui, -apple-system, "system-ui", "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
font-size: .75rem;
line-height: 1rem;
}
.bg-blue-100 {
--tw-bg-opacity: 1;
background-color: rgba(219,234,254,var(--tw-bg-opacity));
}
div.alert.alert-block.text-center.alert-primary {
background-color: #007dff;
border: 1px solid #007dff;
border-radius: .25rem;
box-sizing: border-box;
color: #004085;
display: block;
font-family: ui-sans-serif, system-ui, -apple-system, "system-ui", "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
line-height: 24px;
margin-bottom: 1rem;
padding: .75rem 1.25rem;
position: relative;
text-align: center;
}
div.alert.alert-block.text-center.alert-primary p {
border: 0 solid #E5E7EB;
box-sizing: border-box;
color: #FAFBFC;
font-family: ui-sans-serif, system-ui, -apple-system, "system-ui", "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
line-height: 24px;
margin: 0;
text-align: center;
@media (min-width: 991.98px) {
.mk-blog {
margin-top: 3rem!important;
}
}
@media (max-width: 991.98px) {
.mk-blog {
margin-top: 0px!important;
}
}
/** style kugu css **/
.c{
position:relative;
overflow: hidden !important;
max-height:250px;
float:left;
width:390px;
height:300px;
overflow:hidden;
overflow-y:auto;
}
.card-home{
position:absolute;
overflow: hidden;
margin: 0px;
top:0;
animation: scroll 10s linear 1s infinite;
}
div.cards {
overflow: hidden;
min-width:333px;
max-width:390px;
min-height: 55px;
display:block;
color:black;
margin:11px;
background:#f6f8fa;
box-shadow: rgba(0, 0, 0, 0.1) 0px 1px 3px 0px, rgba(0, 0, 0, 0.06) 0px 1px 2px 0px; border-radius: 0.25rem;
}
div.cardic {
display: inline-block;
text-align: right;
top:%50;
}
@keyframes scroll {
95% { top: -100%; }
100% { top:0; }
}
.br-25 {
border-radius: 25px !important;
}
.green-card {
font-weight: 500px;
color:#333333;
}
.gc-button {
}
.alt-golge {
position: relative;
bottom: 2em;
height: 2em;
background: -webkit-linear-gradient(
rgba(255, 255, 255, 0) 0%,
rgba(255, 255, 255, 1) 100%
);
background-image: -moz-linear-gradient(
rgba(255, 255, 255, 0) 0%,
rgba(255, 255, 255, 1) 100%
);
background-image: -o-linear-gradient(
rgba(255, 255, 255, 0) 0%,
rgba(255, 255, 255, 1) 100%
);
background-image: linear-gradient(
rgba(255, 255, 255, 0) 0%,
rgba(255, 255, 255, 1) 100%
);
background-image: -ms-linear-gradient(
rgba(255, 255, 255, 0) 0%,
rgba(255, 255, 255, 1) 100%
);
}
.ust-golge {
content: "";
position: absolute;
z-index: 1;
top: 0;
left: 0;
pointer-events: none;
background-image: linear-gradient(to top, rgba(255,255,255,0), rgba(255,255,255, 1) 90%);
width: 100%;
height: 4em;
}
.letter-baslik {
letter-spacing: 1px;
font-weight: 600px !important;
}
.orange-color {
color: #ff9c00;
}
.card-ig {
background: #833ab4;
background: -webkit-linear-gradient(to right, #833ab4, #fd1d1d, #fcb045);
background: linear-gradient(to right, #833ab4, #fd1d1d, #fcb045);
border: 0px !important;
}
.color-white {
color: #fafafa;
}
.color-red {
color: #fe0202;
}
.card-bg-youtube {
background-color: #000412;
}
.fs-33 {
font-size: 33px;
}
.fs-18 {
font-size: 18px;
}
.fs-380 {
font-size:3.80rem;
}
.card-3d {
background-image: url("https://storage.perfectcdn.com/f40f5b/hgw5npzfofdpsq72.webp");
background-color: #cccccc;
}
.youtube-card-retention {
letter-spacing: 4px;
font-size: 24px;
font-weight: 500;
color: red;
}
.right
{
float: right;
}
.p-3 {
padding: 1rem !important;
}
.sell-true {
font-size: 28px;
font-weight: 600px !important;
background: #20002c;
background: -webkit-linear-gradient(to right, #cbb4d4, #20002c);
background: linear-gradient(to right, #cbb4d4, #20002c);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
}
.ig-color {
background: #833ab4; /* fallback for old browsers */
background: -webkit-linear-gradient(to right, #fcb045, #fd1d1d, #833ab4); /* Chrome 10-25, Safari 5.1-6 */
background: linear-gradient(to right, #fcb045, #fd1d1d, #833ab4); /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */
-webkit-background-clip: text !important;
-webkit-text-fill-color: transparent;
}
.tt-color {
color: #111111;
filter: drop-shadow(2px 0px 0px #FD3E3E) drop-shadow(-2px -2px 0px #4DE8F4);
}
.tw-color {
color: #1DA1F2;
}
.yt-color {
color:#FF0000;
}
.spotify-color {
color: #1DB954;
}
.fb-color {
color:#4267B2;
}
.g-color {
color:#4285F4;
}
.tlgrm-color {
color:#0088cc;
}
.smm-color {
background: rgb(4,169,38);
background: linear-gradient(87deg, rgba(4,169,38,1) 40%, rgba(0,212,255,1) 100%);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
}
.comments-color {
background: radial-gradient( circle farthest-corner at 10% 20%, rgba(255,209,67,1) 0%, rgba(255,145,83,1) 90% );
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
}
.font-w-700 {
font-weight=700px !important;
}
.rem-25 {
font-size:2.5rem !important;
}
.fs-25 {
font-size:25px !important;
}
.star-color {
color: #05b67a;
}
.my-valign-center {
vertical-align: 50%;
}
.card-1 {
border-left: solid 1px;
border-right: solid 0px;
border-top: solid 0px;
border-bottom: solid 1px;
border-radius: 0px;
}
.card-2 {
border-left: solid 1px;
border-right: solid 0px;
border-top: solid 0px;
border-bottom: solid 0px;
border-radius: 0px;
}
.card-3 {
border-left: solid 1px;
border-right: solid 0px;
border-top: solid 0px;
border-bottom: solid 0px;
border-radius: 0px;
}
.card-4 {
border-left: solid 0px;
border-right: solid 1px;
border-top: solid 1px;
border-bottom: solid 0px;
border-radius: 0px;
}
.fsm-55 {
font-size: 55px;
margin-top: 18px;
}
.best-smm {
background: #56ab2f; /* fallback for old browsers */
background: -webkit-linear-gradient(to right, #a8e063, #56ab2f); /* Chrome 10-25, Safari 5.1-6 */
background: linear-gradient(to right, #a8e063, #56ab2f); /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */
}
.best-smm-card-font {
color: #fff;
font-weight:700;
font-size:27px !important;
}
.best-smm-card-font2 {
color: #fff;
opacity: 0.8;
font-weight:700;
font-size:23px !important;
}
.bg-smm-card {
margin-top:100px;
border:0px !important;
background: #76b852; /* fallback for old browsers */
background: -webkit-linear-gradient(to right, #8DC26F, #76b852); /* Chrome 10-25, Safari 5.1-6 */
background: linear-gradient(to right, #8DC26F, #76b852); /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */
}
.mt-100 {
margin-top:100px !important;
}
.mb-100 {
margin-bottom:100px !important;
}
.color-blue {
color:#007bff;
}
@media (max-width: 767px) {
.mt-mobile-15 {
margin-top: 15px !important;
}
}
@media (max-width: 767px) {
.hidden-on-mobile {
display: none !important;
}
}
@media screen and (max-width: 550px) {
img.img-max{
max-width: 100% !important;
height:auto !important;
align: center !important;
display:block !important;
}
}
.soft-green {
color:#99CC99;
}
.moon-purple {
background: #4e54c8; /* fallback for old browsers */
background: -webkit-linear-gradient(to right, #00aaff, #4e54c8); /* Chrome 10-25, Safari 5.1-6 */
background: linear-gradient(to right, #00aaff, #4e54c8); /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
}
}
.amount-box {
background-color: #f8fafc; /* açık gri arka plan */
border-radius: 999px; /* tam oval köşe */
padding: 6px 6px;
border: 1px solid #e2e8f0;
}
.amount-box .form-control {
background: transparent;
box-shadow: none;
}
.amount-box .btn {
border-radius: 999px;
width: 44px;
height: 44px;
}
.showhide { margin-bottom: 0.4em; }
.showhide .show { display: none; }
.showhide:target .show { display: block; }
.showhide:target .hide { display: none; }