@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;600;700;800;900&display=swap');


body {
	font-family: Poppins, sans-serif;
	background: #f4f4f4;
	padding: 0;
	margin: 0;
	overflow-x: hidden!important
}



.p0 {
	padding-left: 0;
	padding-right: 0
}

.align-items-center{
	-ms-flex-align:center!important;
  	align-items:center!important
}

.justify-content-center {
	-webkit-box-pack: center!important;
	-ms-flex-pack: center!important;
	justify-content: center!important;
}

.btn-rounded {
	border: 2px solid #fff!important;
	border-radius: 30px!important
}

.btn-rounded:hover {
	border: 2px solid #fff!important;
    outline: 0!important
}

header #menubar {
	height: 100px;
	position: absolute;
	left: 0px;
	top: 0px;
	width: 100%;
	z-index: 1000;
	padding: 20px 0;
}

header .navbar-default .navbar-nav>li>a {
	color: #081521;
	font-size: 17px;
	font-weight: 600;
}

header .navbar-default .navbar-nav>li>a:hover {
	color: #355cfe!important;
	transition: 300ms all
}

header .navbar-default .navbar-nav>li {
	padding: 5px;
}

header .navbar-default .navbar-nav>li:last-child {
	background: #355cfe;
	border-radius: 10px;
	border: 9px solid transparent;
	padding: 3px 24px;
}

header .navbar-default .navbar-nav>li:last-child a {
	color: #fff!important;
}

header .navbar-default .navbar-nav>li:last-child:hover {
	background: #355cfe;
	-moz-box-shadow: 0 0 25px rgb(255 104 19 / 0%);
	-webkit-box-shadow: 0 0 25px rgb(255 104 19 / 0%);
	box-shadow: 0 0 25px rgb(255 104 19 / 0%);
	transition: 500ms all
}

header .navbar-default .navbar-nav>li:last-child:hover a {
	color: #fff!important;
}

header .navbar-default .navbar-nav>li.active {
	background: transparent;
	color: #081521!important;
	border-radius: 10px;
	border: 3px solid #081521;
	padding: 3px 20px;
	-webkit-box-shadow: 0 0 25px rgba(255, 106, 39 0.44);
	box-shadow: 0 0 25px rgba(255, 106, 39 0.44);
	margin: 0 10px;
	cursor: pointer;
}

header .navbar-default .navbar-nav>li.active:hover,
header .navbar-default .navbar-nav>li.active:hover a {
	color: #fff!important;
	border-color: #081521;
	background: #081521;
}

header .navbar-toggle {
	margin-right: 0!important
}

header .navbar-default .navbar-toggle {
	border-color: transparent
}

header .navbar-toggle .icon-bar {
	width: 25px;
	height: 3px
}

.bannerSide {
	position: relative;
	z-index: 1;
	width: 100%;
	padding-top: 140px;
	min-height: 825px;
	overflow: hidden;
}

.bannerSide .bannerBg {
	position: absolute;
	bottom: 0%;
	left: -20%;
	right: 50%;
	top: -30%;
	border-radius: 0 0 500px 0;
 	background-color: #355cfe;
	overflow: hidden;
	-webkit-transform-origin: bottom left;
	transform-origin: bottom left;
}

.bannerSide .bannerBg .bannerImg {
	position: absolute;
	left: 0px;
	top: 0px;
	right: 0px;
	bottom: -9%;
	background-size: cover;
	background-position: center;
	-webkit-transform: rotate(2.5deg);
	transform: rotate(2.5deg);
}

.contentSide {
	position: relative;
	padding: 40px 0 100px 0;
}

.contentSide .loginArea {
    position: relative;
    z-index: 100px;
    padding: 4rem 3rem;
    border-radius: 10px;
    background-color: #fff;
}

.contentSide .loginArea .welcome {
	display: flex;
	align-items: center
}

.contentSide .loginArea .welcome h1 {
	font-size: 26px;
	font-weight: 700;
	color: #16213e;
	margin: 0 0 5px -15px
}

.contentSide .loginArea .welcome span {
	font-size: 15px;
	font-weight: 300;
	color: #081521;
	margin: 0 0 5px -15px
}

.contentSide .loginSide {
	margin-top: 25px
}

.contentSide .loginSide label {
	color: #16213e;
	font-weight: 400;
	font-size: 16px
}

.contentSide .loginText {
	padding-top: 50px;
	max-width: 500px
}

.contentSide .loginText h1 {
	font-size: 42px;
	color: #fff;
	font-weight: 700;
	line-height: 70px;
	max-width: 650px;
	letter-spacing: -1px
}

.contentSide .loginText h1 span {
	color: #081521;
}


.contentSide .loginText p {
	font-size: 17px;
	font-weight: 400;
	color: #fff;
	line-height: 180%;
	margin-top: 25px;
	max-width: 600px
}

.contentSide .icon-pass {
	padding: 20px;
	background: #f5f5f5;
	color: #ccc;
	text-align: center;
	font-size: 16px;
	border-radius: 0 5px 5px 0
}

.contentSide .icon-pass:hover {
	color: #202020;
	transition: 1s;
	cursor: pointer
}

.contentSide .input-field.pwd {
	border-radius: 0!important
}

.contentSide .form-area {
	display: flex;
	width: 100%;
	margin-bottom: 15px;
}

.contentSide .input-field {
	width: 100%;
	padding: 10px;
	outline: none;
	background: #f5f5f5;
	border: none;
	color: #202020;
	height: 56px;
	border-radius: 0 5px 5px 0;
	font-size: 18px
}

.contentSide .icon {
	padding: 17px;
	background: #081521;
	color: #fff;
	border-right: 1px solid #081521;
	text-align: center;
	font-size: 20px;
	border-radius: 5px 0 0 5px;
}

.contentSide .loginAlt {
	margin-top: 20px;
	color: #0f3460
}

.contentSide .loginAlt i,
.contentSide .loginAlt a {
	color: #1a1a2e;
}

.contentSide .loginAlt a {
	font-weight: 600
}

.contentSide .loginAlt a:hover {
	color: #355cfe
}

@media screen and (max-width: 991px) {
	#menubar .logo {
		max-width: 175px
	}
	#menubar .navbar-nav {
		background: #fff;
		padding: 0 15px
	}
	header .navbar-default .navbar-nav>li.active {
		border: none;
		padding: 0
	}
	.navbar-default .navbar-collapse, .navbar-default .navbar-form {
		border-color: transparent
	}
	.bannerSide {
		padding-top: 75px;
		max-height: 725px;
		min-height: auto;
		overflow: hidden!important
	}
	.bannerSide .bannerBg {
		bottom: 0%;
		left: 0%;
		right: 0%;
		top: 0%;
		border-radius: 0
	}
	.contentSide .loginText {
		display: none
	}
	.about-section .image-column:before {
		display: none
	}
	.about-section .image-column .inner-column {
		padding-right: 0!important
	}
}


/* Panel */

body#userpanel .navbar {
	float: left;
	width: 100%;
	background: #fff;
	margin: 0;
	padding: 0;
	border-radius: 0;
	position: relative
}

.navbar .navbar-logo {
	float: left;
	width: 255px;
	height: 70px;
	transition: 300ms
}

.navbar .navbar-logo .logo-small {
	display: none
}

.navbar .navbar-logo .logo-large {
	display: block
}

.navbar .navbar-logo img {
	max-width: 70%;
	margin: 13px auto;
	vertical-align: middle;
	display: block
}

.navbar .navbar-wrap {
	float: left;
	width: calc(100% - 255px);
	padding-left: 15px;
	padding-right: 15px;
	height: 70px
}

.navbar .navbar-wrap .navbar-toggler {
	float: left;
	background: transparent;
	border: none;
	outline: none;
	padding: 5px 0;
	color: #b1b1b5;
	cursor: pointer
}

.mobile-navbar-toggler {
	float: right;
	background: transparent;
	border: none;
	outline: none;
	font-size: 23px;
	padding: 5px 10px;
	color: #b1b1b5;
	margin-top: 26px;
	cursor: pointer;
	display: none!important;
}

.navbar .navbar-wrap .darkmode button {
	background: transparent;
	border: none;
	outline: none;
	color: #b1b1b5;
	padding: 10px
}

.navbar .navbar-wrap .navbar-prof {
	margin-top: 15px;
	position: absolute;
	right: 15px
}

.navbar .navbar-wrap .navbar-prof .wallets {
	background: #f5f5f5;
	border-radius: 25px;
	font-size: 14px;
	font-weight: 600;
	padding: 5px 10px;
	color: #808080
}

.navbar .navbar-wrap .navbar-prof ul li {
	display: block;
	float: left
}

.p-menu {
	float: left;
    width: 257px;
    background: #fff;
    z-index: 11;
    min-height: calc(100vh);
	position: fixed;
    transition: 300ms;
    padding-top: 100px;
}

@media screen and (min-height: 400px) and (max-height: 800px) {
	.p-menu {
		max-height: 750px!important;
		overflow-x: scroll	
	}
}

.p-menu::-webkit-scrollbar {
	width: 7px;
	height: 7px;
}

.p-menu::-webkit-scrollbar-thumb {
	background: #ccc;
	border-radius: 5px;
}

.p-menu::-webkit-scrollbar-track {
	background: transparent;
}

.p-menu:before {
	content: ""
}

.p-menu ul.sideMenu {
	margin: 8px 0 60px;
	padding: 0;
	float: left;
	width: 100%;
	height: 100vh
}

.p-menu ul.sideMenu li {
	list-style: none;
	float: right;
	width: 95%;
	position: relative;
    margin-bottom: 5px
}

.p-menu ul.sideMenu li a:hover {
	background: #355cfe!important;
	color: #fff;
    border-radius: 25px 0 0 25px;
}

.p-menu ul.sideMenu li:hover img {
	-webkit-filter: brightness(0) invert(1); 
    filter: brightness(0) invert(1);
}

.p-menu ul.sideMenu li a {
    display: flex;
    align-items: center;
    padding: 15px 20px;
    color: #4d575d;
    text-decoration: none;
    position: relative;
}

.p-menu ul.sideMenu li.active {
	background: #355cfe;
	border-radius: 25px 0 0 25px;
}

.p-menu ul.sideMenu li.active img {
	-webkit-filter: brightness(0) invert(1); 
    filter: brightness(0) invert(1);
}

.p-menu ul.sideMenu li.active a {
    color: #fff
}

.p-menu ul.sideMenu li a img {
	margin-right: 15px;
	text-align: center;
	width: 24px;
}

.open-left {
	width: 257px;
}

.close-left {
	width: 70px;
	border: none
}

.close-left .p-menu-profile {
	display: none
}

.close-left ul li a {
	position: relative;
	text-align: center
}

.close-left ul li a i {
	margin-right: 0;
	font-size: 18px
}

.close-left ul li a .menu-title {
	position: absolute;
	box-shadow: 1px 0 16px -4px rgba(0, 0, 0, 0.25);
	background: #fff;
	width: 170px;
	z-index: 22;
	left: 0px;
	top: 13px;
	border-radius: 10px;
	padding: 5px 15px;
	text-align: center;
	visibility: hidden;
    color: #4d575d!important
}

.close-left ul li a:hover .menu-title {
	visibility: visible;
	left: 88px;
	transition: 100ms
}

.panel-main {
	float: left;
	width: calc(100% - 257px);
	transition: 300ms;
	margin-bottom: 50px;
    margin-top: 90px!important
}

.panel-main .container {
	width: 100%;
}

@media(max-width: 767px) {
	.menu-mobile-open {
		display: block
	}
	select,
	option {
		-webkit-appearance: none;
		-moz-appearance: none;
		appearance: none
	}
	select::-ms-expand {
		display: none
	}
	.navbar .navbar-wrap .navbar-prof {
		top: -5px;
		right: 70px
	}
	.navbar-toggler {
		display: none!important
	}
	.mobile-navbar-toggler {
		display: block!important
	}
	.navbar .navbar-wrap {
		border: none;
	}
	.p-menu {
		position: fixed;
		left: -300px;
		transition: 300ms;
		z-index: 9999;
		max-height: 750px!important;
		overflow-x: scroll			
	}
	.panel-main {
		width: 100%
	}
	.mobile-left-open {
		left: 0
	}
	.navbar-prof ul li {
		display: block!important
	}
	.navbar-prof ul li.mHide {
		display: none!important
	}
}

@media(max-width: 994px) and (min-width: 767px) {
	.navbar .navbar-wrap .navbar-toggler {
		display: none
	}
	.mobile-navbar-toggler {
		display: block!important
	}
	.p-menu {
		position: absolute;
		left: -300px;
		top: 70px
	}
	.menu-mobile-open {
		display: block
	}
	.panel-main {
		width: 100%
	}
	.mobile-left-open {
		left: 0
	}
}

@media(max-width: 1224px) and (min-width: 994px) {
	.navbar .navbar-wrap .navbar-toggler {
		display: none
	}
	.mobile-navbar-toggler {
		display: block!important
	}
	.p-menu {
		position: absolute;
		left: -300px;
		top: 70px
	}
	.menu-mobile-open {
		display: block
	}
	.panel-main {
		width: 100%
	}
	.mobile-left-open {
		left: 0
	}
}

@media(max-width: 1224px) and (min-width: 768px) {
	.navbar-prof ul li {
		display: block!important
	}
	.navbar .navbar-logo img {
		max-width: 50%;
		margin: 21px;
		vertical-align: middle;
		display: block;
	}
	.navbar .navbar-wrap .navbar-prof {
		right: 55px;
		top: 7px
	}
}

@media only screen and (min-width: 1200px) {
	.togg {
		margin-left: 257px;
	}
	.togg2{
		margin-left: 66px
	}
    #main {
        min-height: 750px
    }
}

@media screen and (max-width:992px) {
	.navbar .navbar-logo img {
		max-width: 50% !important;
		margin: 10px!important;
		vertical-align: middle;
		display: block;
	}
}

.burger-icon {
	-webkit-appearance: none;
	-moz-appearance: none;
	-webkit-box-shadow: none;
	appearance: none;
	box-shadow: none;
	border-radius: none;
	background-color: transparent;
	outline: none !important;
	margin: 0;
	padding: 0;
	display: inline-block;
	position: relative;
	overflow: hidden;
	font-size: 0;
	text-indent: -9999px;
	border: none;
	cursor: pointer;
	width: 24px;
	height: 24px;
	-webkit-transition: all 0.3s;
	transition: all 0.3s;
	top: 25px
}

.burger-icon span {
	display: block;
	position: absolute;
	border-radius: 3px;
	-webkit-transition: all 0.3s;
	transition: all 0.3s;
	top: 10px;
	height: 3px;
	min-height: 3px;
	width: 100%;
}

.burger-icon span::before,
.burger-icon span::after {
	position: absolute;
	display: block;
	left: 0;
	width: 100%;
	height: 3px;
	min-height: 3px;
	content: "";
	-webkit-transition: all 0.3s;
	transition: all 0.3s;
	border-radius: 3px;
}

.burger-icon span::before {
	top: -8px;
}

.burger-icon span::after {
	bottom: -8px;
}

.burger-icon-left span:before {
	-webkit-transition: all 0.3s;
	transition: all 0.3s;
	left: auto;
	right: 0px;
	width: 50%;
}

.burger-icon-left span:after {
	-webkit-transition: all 0.3s;
	transition: all 0.3s;
	left: auto;
	right: 0px;
	width: 75%;
}

.burger-icon-left-active span:before {
	-webkit-transition: all 0.3s;
	transition: all 0.3s;
	left: 0px;
	right: auto;
	width: 50%;
}

.burger-icon-left-active span:after {
	-webkit-transition: all 0.3s;
	transition: all 0.3s;
	left: 0px;
	right: auto;
	width: 75%;
}

.burger-icon-right span:before {
	left: 0px;
	right: auto;
	width: 50%;
	-webkit-transition: all 0.3s;
	transition: all 0.3s;
}

.burger-icon-right span:after {
	left: 0px;
	right: auto;
	width: 75%;
	-webkit-transition: all 0.3s;
	transition: all 0.3s;
}

.burger-icon-right-active span:before {
	left: auto;
	right: 0px;
	width: 50%;
	-webkit-transition: all 0.3s;
	transition: all 0.3s;
}

.burger-icon-right-active span:after {
	left: auto;
	right: 0px;
	width: 75%;
	-webkit-transition: all 0.3s;
	transition: all 0.3s;
}

.burger-icon span {
	background-color: #B5B5C3;
}

.burger-icon span::before,
.burger-icon span::after {
	background-color: #B5B5C3;
}

.burger-icon:hover span {
	background-color: #202020;
}

.burger-icon:hover span::before,
.burger-icon:hover span::after {
	background-color: #202020;
}

.burger-icon-active span {
	background-color: #202020;
}

.burger-icon-active span::before,
.burger-icon-active span::after {
	background-color: #202020;
}

a#go-down {
    border-radius: 50%;
    font-size: 18px;
    width: 30px;
    height: 30px;
    display: block;
    position: absolute;
    text-align: center;
  	text-decoration: none;
    line-height: 30px;
    bottom: -15px;
    -webkit-transition: 300ms;
    transition: 300ms;
    color: #355cfe;
    margin: 0 auto;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: space-evenly;
    -ms-flex-pack: space-evenly;
    justify-content: space-evenly;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    position: relative;
    z-index: 50;
}

a#go-down:hover {
	-webkit-transform: translateX(-10px);
	transform: translateX(-10px);
}

@media screen and (min-width:768px){
  .h-menu {display:none}
}

.user-details {
	background: #f5f5f5;
	border-bottom: 1px solid #fff;
	padding: 1rem!important;
	margin-bottom: 25px
}

.user-pointer {
    cursor: pointer;
}

.media {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: start;
    align-items: flex-start;
}

.user-details .media .avatar img {
  width: 35px;
  height: 35px;
  border-radius: 50%;
}

.media-body {
    -ms-flex: 1;
    flex: 1;
}

.user-details .media .media-body .side-user-name {
    font-size: 14px;
    color: #4d575d;
    font-weight: 600;
    margin-left: 10px
}

.user-setting-menu {
    list-style: none;
    margin: 0;
    padding: 0;
    margin-top: 1rem;
    background-color: transparent;
    height: auto!important
}

.user-setting-menu>li>a {
    padding: 8px 5px;
    display: block;
    color: #4d575d;
    font-size: 13px;
    text-decoration: none
}

.user-setting-menu>li>a img {
    margin-right: 10px;
    text-align: center;
    width: 30px;
}

.user-setting-menu>li.logout {
	background: #df173c;
    border-radius: 10px;
    text-align: center
}

.user-setting-menu>li.logout a {
    color: #fff;
}

.user-setting-menu>li.account {
	background: #369aea;
    border-radius: 10px;
    text-align: center;
    margin-bottom: 5px
}

.user-setting-menu>li.account a {
    color: #fff;
}

.user-details div.user-pointer:after {
    font-family:"Font Awesome 5 Pro";
    font-size: 16px;
    color: #4e4e4e;
    display: inline-block;
    content: '\f104';
    margin-right: 5px;
    transition: -webkit-transform .2s ease-in-out;
    -webkit-transform: rotate(-90deg);
    -moz-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    -o-transform: rotate(-90deg);
    transform: rotate(-90deg);
}

.user-details div.collapsed:after{
	-webkit-transform: rotate(0deg);
	-moz-transform: rotate(0deg);
	-ms-transform: rotate(0deg);
	-o-transform: rotate(0deg);
	transform: rotate(0deg)
}

/* Dark Mode CSS */

.cMode:focus, .cMode:hover {
	outline: 0;
    border: 0
}

.cMode, body.light .cMode {
  background: #355cfe;
  color: #fff;
  font-weight: 400;
  justify-content: space-between;
  z-index: 98;
  font-size: 19px;
  border-radius: 50%;
  box-shadow: 0 1px 15px rgba(32, 33, 36, 0.28);
  width: 34px;
  height: 34px;
  border: 0;
  margin-top: -5px
}

.cMode i span {
  font-family: Poppins, sans-serif!important;
  font-weight: normal!important;
  font-size: 15px!important
}

body.dark .cMode {
  background: #0e223a;
  color: #fff;
  font-weight: 400;
  justify-content: space-between;
  z-index: 98;
  font-size: 19px;
  border-radius: 50%;
  box-shadow: 0 1px 15px rgba(32, 33, 36, 0.28);
  width: 34px;
  height: 34px;
  border: 0;
  margin-top: -5px
}

button.cMode:hover {
    opacity:.9;
}

.cMode i.fa-moon {
	color: #fff
}

.cMode i.fa-sun span {
	color: #fff
}


.cMode i.fa-sun {
	color: #ffbf00
}

.cMode 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
}

.well {
    background: #fff;
    padding: 30px 25px;
    -webkit-box-shadow: 0px 0px 30px 0px rgba(82, 63, 105, 0.05);
    box-shadow: 0px 0px 30px 0px rgba(82, 63, 105, 0.05);
    border-radius: 10px;
    border: 0;
}

.btn {
    line-height: 30px;
    padding: 15px 30px;
    font-size: 17px;
    color: #fff;
    -webkit-transition: .14s ease;
    transition: .14s ease;
    outline: none;
    border: none;
    border-radius: 6px;
}
      
.btn-cancel{
	font-weight: 700;
    font-style: normal;
    font-size: "";
    padding-left: 12px;
    padding-right: 12px;
    padding-top: 4px;
    padding-bottom: 4px;
    color: #ffffff;
    background: #355cfe;
    box-shadow: none;
    border-style: solid;
    border-top-left-radius: 8px;
    border-top-right-radius: 8px;
    border-bottom-left-radius: 8px;
    border-bottom-right-radius: 8px;
    border-left-width: 0px;
    border-right-width: 0px;
    border-top-width: 0px;
    border-bottom-width: 2px;
}      

.btn-primary {
	background: #355cfe;
}

.btn-secondary {
	background: #071828;
	margin-top: 10px
}

.btn-secondary:hover,
.btn-secondary:focus {
	background: #15314e!important;
	outline: 0!important;
	border: 0!important;
    color: #fff!important;
	transform: 500ms all
}

.btn-primary:hover,
.btn-primary:focus {
	background: #355cfe!important;
	outline: 0!important;
	border: 0!important;
	transform: 500ms all
}

.panel-body {
    background: #f5f5f5;
    border-radius: 10px;
    color: #5b5c61;
    word-break: break-all;
}

.page-head {
    background: #fca846;
    height: 175px;
    border-radius: 10px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    color: #fff;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-top: 75px;
    padding-right: 35px;
    padding-left: 10px;
    margin-bottom: 25px
}     

.panel-main .page-head {
    margin-top: 15px;
    background: #071828;
  	background-position: center;
    background-size: cover;
    height: 110px;
    border-radius: 10px;
  	margin-bottom: 25px
}

.page-head-content {
	margin-left: 10px;
    padding-right: 40px;
    line-height: 20px;
    line-height: 20px;
    font-size: 14px;
}

.page-head-content h1 {
	font-size: 18px;
    font-weight: bold
}

.page-head-content h1 span {
	color: #355cfe
}

.page-head-title {
    margin-left: auto;
    font-size: 26px;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    font-weight: bold;
    color: #8faccb
}

@media screen and (max-width: 667px) {
  .panel-main .page-head {
      -ms-flex-wrap: wrap;
      flex-wrap: wrap;
      padding-right: 0;
      height: auto;
      padding-bottom: 15px;
  }
  .page-head-icon {
      display: none;
  }
  .page-head-content {
      margin-left: 0;
      padding: 10px 20px;
      width: 100%;
      max-width: 100%;
      text-align: center;
      font-size: 14px;
  }
  .page-head-title {
      display: none;
  }
}

.well-head {
    border-bottom: 1px solid #f5f5f5;
    padding-bottom: 15px;
    margin-bottom: 15px;
    font-size: 18px;
    font-weight: bold
}

.well-head i {
    background: rgb(62 147 255);
    background: linear-gradient(90deg, #355cfe 0%, #0123b1 100%);
    color: #fff;
    border-radius: 25px 0 0 25px;
    width: 30px;
    height: 30px;
    text-align: center;
    padding: 5px
}

.main-timeline {
	max-height: 500px;
	overflow-y: scroll;
	margin-top: 15px
}

.main-timeline::-webkit-scrollbar {
	width: 7px;
	height: 7px;
}

.main-timeline::-webkit-scrollbar-thumb {
	background: #ccc;
	border-radius: 5px;
}

.main-timeline::-webkit-scrollbar-track {
	background: transparent;
}

.timeline:nth-child(1) {
	margin-top: 10px;
}

.timeline {
	margin-bottom: 0px;
	line-height: 25px;
	width: 100%;
	margin-top: 15px;
	border: 1px solid #f5f5f5;
	border-bottom: 1px solid #122f4c;
	padding: 15px;
}

.tl-header {
	font-weight: 600;
	font-size: 14px
}

.tl-time {
	background: #a7a7a7;
	border-radius: 5px;
	padding: 3px 10px;
	color: #fff;
	width: 115px
}

.fab.fa-instagram {
background: #f09433;
    background: -moz-linear-gradient(45deg, #f09433 0%, #e6683c 25%, #dc2743 50%, #cc2366 75%, #bc1888 100%);
    background: -webkit-linear-gradient(45deg, #f09433 0%,#e6683c 25%,#dc2743 50%,#cc2366 75%,#bc1888 100%);
    background: linear-gradient(45deg, #f09433 0%,#e6683c 25%,#dc2743 50%,#cc2366 75%,#bc1888 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f09433', endColorstr='#bc1888',GradientType=1 );
    padding: 2px 3px 2px 2px;
    border-radius: 4px;
    display: inline-block;
    color: #ffffff;
    font-size: 17px;
    margin-right: 10px;
}

.fab.fa-facebook-square {
	background: #207eff;
	background-clip: text;
	-webkit-background-clip: text;
	font-size: 17px;
	-webkit-text-fill-color: transparent;
	font-weight: bold;
	margin-right: 10px;
}

.fab.fa-youtube {
	background: #ff0042;
	background-clip: text;
	-webkit-background-clip: text;
	font-size: 17px;
	-webkit-text-fill-color: transparent;
	font-weight: bold;
	margin-right: 10px;
}

.fab.fa-twitter {
	background: #1da1f2;
	background-clip: text;
	-webkit-background-clip: text;
	font-size: 17px;
	-webkit-text-fill-color: transparent;
	font-weight: bold;
	margin-right: 10px;
}

.fab.fa-telegram-plane {
	background: #2b9fd2;
	background-clip: text;
	-webkit-background-clip: text;
	font-size: 17px;
	-webkit-text-fill-color: transparent;
	font-weight: bold;
	margin-right: 10px;
}

.fab.fa-soundcloud {
	background: #ff5836;
	background-clip: text;
	-webkit-background-clip: text;
	font-size: 17px;
	-webkit-text-fill-color: transparent;
	font-weight: bold;
	margin-right: 10px;
}

.fab.fa-spotify {
	background: #ffffff;
	background-clip: text;
	-webkit-background-clip: text;
	font-size: 17px;
	-webkit-text-fill-color: #1ed760;
	font-weight: bold;
	margin-right: 10px;
}

.fab.fa-twitch {
	background: #e600ff;
	background-clip: text;
	-webkit-background-clip: text;
	font-size: 17px;
	-webkit-text-fill-color: #9904a9;
	margin-right: 10px;
}

.fab.fa-pinterest-p {
	background: #ff5858;
	background-clip: text;
	-webkit-background-clip: text;
	font-size: 17px;
	-webkit-text-fill-color: transparent;
	font-weight: bold;
	margin-right: 10px;
}

.fab.fa-tiktok {
	background: #f8004d;
	background-clip: text;
	-webkit-background-clip: text;
	font-size: 17px;
	-webkit-text-fill-color: transparent;
	font-weight: bold;
	margin-right: 10px;
}

.fas.fa-stream {
	background: #ccc;
	background-clip: text;
	-webkit-background-clip: text;
	font-size: 17px;
	-webkit-text-fill-color: transparent;
	margin-right: 10px;
}

.fab.fa-hotjar {
	background: #ff0000;
	background-clip: text;
	-webkit-background-clip: text;
	font-size: 17px;
	-webkit-text-fill-color: transparent;
	margin-right: 10px;
}

.fab.fa-periscope {
	background: #e24d3a;
	background-clip: text;
	-webkit-background-clip: text;
	font-size: 17px;
	-webkit-text-fill-color: transparent;
	margin-right: 10px;
}
      
.fab.fa-linkedin-in {
	background: #0077b0;
	background-clip: text;
	-webkit-background-clip: text;
	font-size: 17px;
	-webkit-text-fill-color: transparent;
	margin-right: 10px;
}
      
.fab.fa-tumblr {
	background: #1c3764;
	background-clip: text;
	-webkit-background-clip: text;
	font-size: 17px;
	-webkit-text-fill-color: transparent;
	margin-right: 10px;
}

.fab.fa-discord {
    background: #7290da;
    background-clip: text;
    -webkit-background-clip: text;
    font-size: 17px;
    -webkit-text-fill-color: #7290da;
    margin-right: 5px;
}
   
.fab.fa-dailymotion {
	background: #00c9eb;
	background-clip: text;
	-webkit-background-clip: text;
	font-size: 17px;
	-webkit-text-fill-color: transparent;
	margin-right: 10px;
}  
      
.fab.fa-vimeo-v {
	background: #00a8e8;
	background-clip: text;
	-webkit-background-clip: text;
	font-size: 17px;
	-webkit-text-fill-color: transparent;
	margin-right: 10px;
} 
      
.fab.fa-apple {
	background: #313131;
	background-clip: text;
	-webkit-background-clip: text;
	font-size: 17px;
	-webkit-text-fill-color: transparent;
	margin-right: 10px;
}    

body.dark .fab.fa-steam {
	background: #27467c;
    background-clip: text;
    -webkit-background-clip: text;
    font-size: 17px;
    -webkit-text-fill-color: transparent;
    margin-right: 10px;
}    

.fab.fa-steam {
	background: black;
    background-clip: text;
    -webkit-background-clip: text;
    font-size: 17px;
    margin-right: 10px;
}    

.fas.fa-globe {
	background: #5BCA73;
    background-clip: text;
    -webkit-background-clip: text;
    font-size: 17px;
    -webkit-text-fill-color: transparent;
    margin-right: 10px;
}    
.far.fa-star {
	background: black;
    background-clip: text;
    -webkit-background-clip: text;
    font-size: 17px;
    margin-right: 10px;
}    

body.dark .far.fa-star {
	background: white;
    background-clip: text;
    -webkit-background-clip: text;
    font-size: 17px;
    -webkit-text-fill-color: transparent;
    margin-right: 10px;
} 

body.dark .fas.fa-check-circle {
	background: #3897f0;
    background-clip: text;
    -webkit-background-clip: text;
    font-size: 17px;
    -webkit-text-fill-color: transparent;
    margin-right: 10px;
}    

.fas.fa-check-circle { 
	background: #3897f0;
    background-clip: text;
    -webkit-background-clip: text;
    font-size: 17px;
    margin-right: 10px;
	-webkit-text-fill-color: transparent;
}    

.fas.fa-lock{
	background: #ffc83d;
	background-clip: text;
	-webkit-background-clip: text;
	font-size: 17px;
	-webkit-text-fill-color: transparent;
	font-weight: bold;
	margin-right: 10px;
}

.fa.fa-star{
	background: #3ebe65;
	background-clip: text;
	-webkit-background-clip: text;
	font-size: 17px;
	-webkit-text-fill-color: transparent;
	font-weight: bold;
	margin-right: 10px;
}

.fa.fa-warning{
	background: #d90816;
	background-clip: text;
	-webkit-background-clip: text;
	font-size: 17px;
	-webkit-text-fill-color: transparent;
	font-weight: bold;
	margin-right: 10px;
}


body.dark .fa.fa-user-times{
	background: white;
    background-clip: text;
    -webkit-background-clip: text;
    font-size: 17px;
    -webkit-text-fill-color: transparent;
    margin-right: 10px;
}    

.fa.fa-user-times{
	background: black;
    background-clip: text;
    -webkit-background-clip: text;
    font-size: 17px;
    margin-right: 10px;
}

body.dark .fas.fa-shopping-basket {
	background: white;
    background-clip: text;
    -webkit-background-clip: text;
    font-size: 17px;
    -webkit-text-fill-color: transparent;
    margin-right: 5px;
}    

.fas.fa-shopping-basket {
	background: black;
    background-clip: text;
    -webkit-background-clip: text;
    font-size: 17px;
    margin-right: 5px;
} 


body.dark totalorder {
    padding: 5px;
}

.totalorder {
    padding: 5px;
    color: #fff;
}

.card.wallet {
    background: linear-gradient(to right, #09d981, #00b568);
    border-radius: 10px;
    min-height: 110px;
    overflow: hidden!important;
    position: relative;
    margin-bottom: 30px;
    padding: 10px 0;
}

.card.spent {
    background: linear-gradient(to right, #ff445a, #f9112c);
    border-radius: 10px;
    min-height: 110px;
    overflow: hidden!important;
    position: relative;
    margin-bottom: 30px;
    padding: 10px 0;
}

.card.current {
    background: linear-gradient(to right, #30bfff, #03A9F4);
    border-radius: 10px;
    min-height: 110px;
    overflow: hidden!important;
    position: relative;
    margin-bottom: 30px;
    padding: 10px 0;
}

.card.account {
    background: linear-gradient(to right, #eca226, #dcba58);
    border-radius: 10px;
    min-height: 110px;
    overflow: hidden!important;
    position: relative;
    margin-bottom: 30px;
    padding: 10px 0;
}

.card.current img,
.card.wallet img,
.card.account img,
.card.spent img {
    width: 60%!important;
    height: auto;
    margin-top: 12px
}

.card.current .icon, .card.wallet .icon, .card.account .icon, .card.spent .icon {
    height: 80px;
    width: 80px;
    line-height: 60px;
    text-align: center;
    background: rgba(255, 255, 255, 0.12);
    border-radius: 50%;
    display: block;
    -webkit-transition: .15s ease;
    transition: .15s ease;
    margin-top: 5px
}

.card.current h1,
.card.wallet h1,
.card.account h1,
.card.spent h1 {
    color: #fff;
    font-size: 14px
}

.card.wallet span,
.card.spent span,
.card.account span,
.card.current span {
    color: #fff;
    font-size: 24px;
    font-weight: 800
}

.serv-search {
	display: flex!important;
	width: 100%;
	margin-bottom: 15px
}

.serv-head {
	background: #071828;
	color: #fff;
	border-radius: 10px;
	border: none;
	text-align: center;
	padding: 10px 20px!important;
}



.serv-input {
	width: 100%!important;
	padding: 10px!important;
	outline: none!important;
	background: #f5f5f5;
	border: none!important;
	color: #0d1e2e;
	height: 45px!important;
	border-radius: 0 10px 10px 0!important;
}

.serv-input:focus,
.serv-input:hover {
	outline: none!important;
}

.form-control {
	box-shadow: none !important;
	-webkit-box-shadow: none !important;
}

#serv-icon {
	padding: 14px;
	background: #f5f5f5;
	color: #355cfe;
	text-align: center;
	font-size: 15px;
	border-radius: 10px 0 0 10px;
	border: 1px solid #f5f5f5;
	border-right: none
}

#serv-table.table>tbody>tr>td,
#serv-table.table>tbody>tr>th,
#serv-table.table>thead>tr>td,
#serv-table.table>thead>tr>th {
	border-top: 1px solid #f5f5f5;
	vertical-align: middle;
}

#serv-table.table>tbody>tr>td.serv-head {
	border: none
}

#serv-table.table tr {
	color: #0d1e2e
}

#serv-table.table tr a {
	color: #355cfe
}

#serv-table.table>thead>tr>th {
	border: none
}

.modal {
	z-index: 99999
}

.modal-header {
	border-bottom-color: transparent!important;
	background: #0e223a;
	color: #fff!important;
	padding: 15px;
}

.modal-header .close {
	font-size: 28px;
	color: #fff;
	opacity: 1;
	line-height: 23px;
	border: 1px solid transparent;
	padding-bottom: 4px;
    padding-top: 0.5px;
	padding-left: 6px;
	padding-right: 6px;
	border-radius: 0px;
}

.modal-title1 {
	float: left;
	font-size: 13px;
	color: #fff;
	padding-left: 10px;
}

.modal-body1 {
	padding: 15px;
    font-size: 13px
}

.text-success {
    color: #18bc9c!important;
}

.text-danger {
    color: #e74c3c!important;
}

@media screen and (max-width: 600px) {
	#serv-table.table {
		border: 0;
	}
	#serv-table.table caption {
		font-size: 1.3em;
	}
	#serv-table.table thead {
		border: none;
		clip: rect(0 0 0 0);
		height: 1px;
		margin: -1px;
		overflow: hidden;
		padding: 0;
		position: absolute;
		width: 1px;
	}
	#serv-table.table tr {
		border-bottom: 3px solid #081521;
		display: block;
		margin-bottom: .625em;
	}
	#serv-table.table td {
		border-bottom: 1px solid #f5f5f5;
		display: block;
		font-size: .8em;
		text-align: right;
	}
	#serv-table.table td::before {
		content: attr(data-label);
		float: left;
		font-weight: bold;
		text-transform: uppercase;
	}
	#serv-table.table td:last-child {
		border-bottom: 0;
	}
	#serv-table.table tr {
		border: 1px solid #f5f5f5
	}
	#serv-table.table tr:nth-child(even) {
		background: #fff
	}
	#serv-table.table tr:nth-child(odd) {
		background: #f9f9f9
	}
	#serv-table.table tr td {
		text-align: right
	}
	#serv-table.table tr.s-head {
		border: none!important;
		text-align: left
	}
   .page-head-title {display: none}
}

.servNav {
  margin-bottom: 25px
}

.servNav li {
  background: #fff;
  padding: 10px 15px;
  border-radius: 10px;
  margin-bottom: 10px
}
  
.servNav li a {
  color:#071828!important;
  text-decoration: none
}
  
.servNav li:hover {
  background: #355cfe
}
  
.servNav li:hover a {
  color: #fff!important
}

.srv-search {
  background-color: #f5f5f5!important;
  color: #202020;
  font-size: 11px;
  border: none;
  outline: none;
  border-radius: 10px;
  cursor: pointer;
  -webkit-transition: .15s ease;
  transition: .15s ease;
  min-height: 40px;
  position: relative;
  overflow: hidden;
  margin-bottom: 15px
}

.srv-search .srv-input {
  width: calc(100% - 40px);
  background: transparent;
  border: none;
  outline: none;
  height: 40px;
  color: #202020;
  padding: 0 14px;
}

.srv-search .srv-input::-webkit-input-placeholder {
  color: rgba(0, 0, 0, 0.6);
}

.srv-search .srv-input:-ms-input-placeholder {
  color: rgba(0, 0, 0, 0.6);
}

.srv-search .srv-input::-ms-input-placeholder {
  color: rgba(0, 0, 0, 0.6);
}

.dfb-search .dfb-input::placeholder {
  color: rgba(0, 0, 0, 0.6);
}

.srv-search .srv-submit {
  position: absolute;
  right: 0px;
  top: 0px;
  width: 40px;
  height: 40px;
  line-height: 40px;
  text-align: center;
  border: none;
  background: #355cfe;
  color: #ffffff;
}

#userpanel .form-control {
	height: 45px
}

.ticket-message-right .ticket-message {
    background: rgb(81, 209, 150, 0.1);
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
    padding: 15px;
    margin-bottom: 5px
}

.ticket-message-left .ticket-message {
    background: rgb(23, 79, 242, 0.1);
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
    padding: 15px;
    margin-bottom: 5px
}

.d-card {
	border-radius: 10px;
    margin-bottom: 15px
}

.d-card.bg-blues {
    background-color: #112c4a;
    color: #fff;
}

.d-card.d-pad {
    padding: 34px 30px;
}

.d-btn {
    border-radius: 6px;
    background-color: #fff;
    color: #355cfe;
    -webkit-box-shadow: 0px 10px 40px rgba(0, 0, 0, 0.3);
    box-shadow: 0px 10px 40px rgba(0, 0, 0, 0.3);
    font-size: 16px;
    display: inline-block;
    line-height: 20px;
    padding: 12px 18px;
    outline: none;
    border: none;
    font-weight: 600;
    letter-spacing: .4;
    -webkit-transition: .15s ease;
    transition: .15s ease;
    text-decoration: none;
    cursor: pointer;
    text-align: center;
    margin-top: 20px;
    text-decoration: none
}

.d-btn.db-white {
    background-color: #fff;
    color: #355cfe !important;
}

.add-left-border {
    border-left: 1px solid rgba(255, 255, 255, 0.18);
}

.ref-item {
    border-bottom: 1px solid #f5f5f5;
  	padding: 15px 0
}

.ref-item i {
	color: #355cfe
}

.ref-item .the-title {
	font-weight: bold
}

.paybtn {
	background: #51d196;
    color: #fff;
    border-radius: 5px;
    padding: 10px 20px;
    text-decoration: none
}

.paybtn:hover {
	background: #3bb67d;
  	color: #fff;
	text-decoration: none
}

.min-max {
    color: #F64E60;
    font-weight: bold;
}

.priceBadge {
    height: 20px;
    line-height: 20px;
    background: #fff;
    color: #d5d7d9;
    font-size: 12px;
    font-weight: 600;
    padding: 0 7px;
    border-radius: 5px;
    vertical-align: middle;
    display: inline-block;
}

.priceBadge.bGreen {
    background: #bcebdf;
    color: #16b77d;
}

.how-use {
	padding: 75px 0
}

.how-use .hu-head p {
	font-size: 18px;
	color: #081521;
	padding-top: 28px
}

.how-use .hu-head span {
	background: #355cfe;
	color: #fff;
	border-radius: 25px;
	padding: 10px 25px;
	font-size: 16px;
	font-weight: 600
}

.hu-content {
    background-position: center;
    margin-right: -35px;
    padding: 80px 0 50px 0;
}
.hu-inner {
    border-radius: 50%;
    padding: 50px;
    border: 1px solid #000;
}

.hu-circle {
    text-align: center;
    width: 200px;
    height: 200px;
    padding: 51px;
    line-height: 52px;
    border-radius: 25px;
    background: #355cfe;
    -webkit-transition: .3s all;
    -o-transition: .3s all;
    transition: .3s all;
    cursor: pointer
}

.hu-icon h4 {
    font-size: 16px;
    font-weight: 600;
    color: #ffffff;
}
.hu-item1 {
    -webkit-transition: .3s all;
    -o-transition: .3s all;
    transition: .3s all;
	-webkit-box-shadow: 0px 15px 50px 0px rgba(0, 27, 103, 0.15);
            box-shadow: 0px 15px 50px 0px rgba(0, 27, 103, 0.15);
}
.hu-item2 {
    margin-top: -41px;
    border: 1px solid #eaeaea;
}
.hu-item3 {

    border: 1px solid #eaeaea;
}
.hu-item4 {
    margin-top: -45px;
    border: 1px solid #eaeaea;
}
.hu-item1:hover {
    -webkit-box-shadow: 0px 15px 50px 0px rgba(0, 27, 103, 0.15);
            box-shadow: 0px 15px 50px 0px rgba(0, 27, 103, 0.15);
    
}
.hu-item2:hover {
    -webkit-box-shadow: 0px 15px 50px 0px rgba(0, 27, 103, 0.15);
            box-shadow: 0px 15px 50px 0px rgba(0, 27, 103, 0.15);
    border: 1px solid #fff;
    
}
.hu-item3:hover {
    -webkit-box-shadow: 0px 15px 50px 0px rgba(0, 27, 103, 0.15);
            box-shadow: 0px 15px 50px 0px rgba(0, 27, 103, 0.15);
    border: 1px solid #fff;
    
}
.hu-item4:hover {
    -webkit-box-shadow: 0px 15px 50px 0px rgba(0, 27, 103, 0.15);
            box-shadow: 0px 15px 50px 0px rgba(0, 27, 103, 0.15);
    border: 1px solid #fff;
    
}

@media (max-width: 480px) {
	.hu-item1, .hu-item2, .hu-item3, .hu-item4 {
		margin: 0 auto;
		margin-bottom: 30px;
	}
	.hu-content {
    background: none;
    margin-bottom: -30px;
    padding: 20px 0 20px 0;
    margin-right: 0;
	}
}

.about-section {
	padding: 75px 0
}


.about-section .about-head p {
	font-size: 18px;
	line-height: 28px;
	color: #081521;
	padding-top: 20px
}

.about-section .about-head span {
	background: #355cfe;
	color: #fff;
	border-radius: 25px;
	padding: 10px 25px;
	font-size: 16px;
	font-weight: 600
}

.about-section .image-column{
	position:relative;
	margin-bottom:40px;
}

.about-section .image-column .inner-column{
	position:relative;
	padding-right:25px;
}



.about-section .image-column .image{
	position:relative;
	display:inline-block;
}

.about-section .image-column .image img{
	position:relative;
	border-radius:30px;
	paddin-top: 23px;
}

.about-section .content-column{
	position:relative;
	margin-bottom:40px;
}

.about-section .content-column .inner-column{
	position:relative;
	padding-top:55px;
	padding-left:20px;
	padding-right:60px;
}

.footer {
	background: #081521;
	height: 400px;
	margin-top: 175px;
}

.footer.no-margin {
	margin-top: 0;
}

.footer-top {
    background: #355cfe;
    background: -webkit-gradient(linear, right top, left top, from(#355cfe), color-stop(50%, #133add));
    background: linear-gradient(270deg, #1940e1 0%, #2046e3 50%);
    height: 150px;
    margin-bottom: -75px;
    top: -75px;
    position: relative;
    color: #fff;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    padding-left: 90px;
    padding-right: 90px;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    font-size: 32px;
    line-height: 48px;
    border-radius: 30px;
}

.footer-top a {
	display: block;
	width: 180px;
	height: 50px;
	border: 2px solid #fff;
	border-radius: 25px;
	font-size: 16px;
	text-align: center;
	line-height: 46px;
	font-weight: 600;
	color: #fff;
}

.footer-top a:hover {
	background: #fff;
	color: #143556
}

.footer-content {
	width: 100%;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
	margin-top: 85px;
}

.footer-logo {
	margin-bottom: 20px;
}

.footer-left {
	font-size: 16px;
	line-height: 24px;
	max-width: 340px;
	color: rgba(255, 255, 255, 0.8);
}

.footer-menu {
	text-align: right;
	margin-left: 55px;
}

.footer-menu ul li {
	list-style-type: none!important
}

.footer-menu ul li {
	line-height: 24px;
	margin-bottom: 10px;
	list-style-type: none!important
}

.footer-menu ul li a {
	font-size: 16px;
	font-weight: 500;
	color: rgba(255, 255, 255, 0.8);
}

.footer-title {
	color: #fff;
	font-size: 18px;
	font-weight: 700;
	margin-bottom: 20px;
}

.footer-copyright {
	color: #fff;
	text-align: center;
	margin-top: 65px;
}

@media screen and (max-width: 1170px) {
	.footer {
		height: auto;
		padding-bottom: 30px;
	}
	.footer-top {
		-ms-flex-wrap: wrap;
		flex-wrap: wrap;
		text-align: center;
		padding: 20px;
	}
	.footer-top p {
		width: 100%;
		font-size: 20px;
		line-height: 1.5;
	}
	.footer-top a {
		margin: 0 auto;
	}
	.footer-content {
		-ms-flex-wrap: wrap;
		flex-wrap: wrap;
		margin-top: 20px;
	}
	.footer-left {
		width: 100%;
		max-width: 100%;
		text-align: center;
	}
	.footer-menu {
		display: none
	}
}

.dropdown-menu {
	width: 100%;
	padding: 0;
	max-height: 43.6vh;
	overflow-y: scroll;
}

#order-sItem,
#order-cItem {
	white-space: inherit;
	padding: 12px;
	font-weight: 500;
	font-size: 14px;
	border-bottom: 1px solid #f5f5f5;
	text-align: left;
	width: 100%
}

#order-sItem:hover,
#order-cItem:hover {
	background: #f1f1f1
}

#order-category,
#newtc,
#order-services {
	white-space: nowrap;
	text-overflow: ellipsis;
}

#order-category,
#order-services {
	width: 85%;
	overflow-x: hidden;
	position: absolute;
	line-height: 15px;
	height: 20px;
	font-size: 14px;
}

.dropdown button {
	background: #fff;
	border: 1px solid #f1f1f1;
	color: #081521
}

body.dark #categoryItem, #serviceItem {
    background: #0e223a;
    color: #fff;
    border-color: #F1F1F1;
}


.dropdown button:hover,
.dropdown button:focus {
	outline: none;
}

.dropdown-menu::-webkit-scrollbar {
	width: 7px;
	height: 7px;
}

.dropdown-menu::-webkit-scrollbar-thumb {
	background: #ccc;
	border-radius: 5px;
}

.dropdown-menu::-webkit-scrollbar-track {
	background: transparent;
}

.dash-anounce {
  position: relative;
}

.dash-anounce::after {
  content: '';
  left: 25px;
  position: absolute;
  width: 2px;
  top: 0px;
  height: 100%;
  background: #e0e5e9;
}

.dash-anounce .da-item {
  position: relative;
}

.dash-anounce .da-item + .da-item {
  margin-top: 44px;
}

.dash-anounce .da-item.da-instagram .item-icon {
  background: #e4395f !important;
}

.dash-anounce .da-item .item-icon i {
  margin-right: 0 !important;
}

.dash-anounce .da-item.da-instagram .item-content::before {
  background: #e4395f;
}

.dash-anounce .da-item.da-instagram .item-content .sweet-badge.sb-green {
  background: #f5c9d9;
  color: #ef424c;
}

.dash-anounce .da-item.da-facebook .item-icon {
  background: #4b78d4 !important;
  background: -webkit-gradient(linear, left top, right top, from(#4b78d4), to(#4165af));
  background: linear-gradient(to right, #4b78d4, #4165af);
}

.dash-anounce .da-item.da-facebook .item-icon .fa-twitter {
  background: #fff !important;
}

.dash-anounce .da-item.da-facebook .item-content::before {
  background: #4b78d4;
  background: -webkit-gradient(linear, left top, right top, from(#4b78d4), to(#4165af));
  background: linear-gradient(to right, #4b78d4, #4165af);
}

.dash-anounce .da-item.da-facebook .item-content .sweet-badge.sb-green {
  background: #ced9f0;
  color: #456dbd;
}

.dash-anounce .da-item.da-twitter .item-icon {
  background: #3996f9 !important;
  background: -webkit-gradient(linear, left top, right top, from(#3996f9), to(#20b1f0));
  background: linear-gradient(to right, #3996f9, #20b1f0);
}

.dash-anounce .da-item.da-twitter .item-content::before {
  background: #3996f9;
  background: -webkit-gradient(linear, left top, right top, from(#3996f9), to(#20b1f0));
  background: linear-gradient(to right, #3996f9, #20b1f0);
}

.dash-anounce .da-item.da-twitter .item-content .sweet-badge.sb-green {
  background: #c3e5f7;
  color: #369dfc;
}

.dash-anounce .da-item .item-icon {
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  left: 0px;
  width: 52px;
  height: 52px;
  border-radius: 52px;
  line-height: 54px;
  border-radius: 50px;
  text-align: center;
  font-size: 20px;
  background-color: #4cc295;
  color: #fff;
  position: absolute;
  z-index: 5;
}

.dash-anounce .da-item .item-content {
  border-radius: 10px;
  overflow: hidden;
  margin-left: 60px;
  background-color: #fff;
  position: relative;
  padding: 38px 20px 30px 20px;
}

.dash-anounce .da-item .item-content::before {
  content: '';
  position: absolute;
  width: 100%;
  left: 0px;
  top: 0px;
  height: 10px;
  background-color: #4cc295;
}

.dash-anounce .da-item .item-content .da-head .the-title {
  font-size: 16px;
  line-height: 24px;
  color: #494e5d;
  font-weight: 600;
  letter-spacing: .4px;
}

.dash-anounce .da-item .item-content .da-body {
  font-size: 12px;
  line-height: 22px;
  color: #aeb1ba;
  font-weight: 500;
  padding-top: 10px;
}

.col {
    -ms-flex-preferred-size: 0;
    flex-basis: 0;
    -ms-flex-positive: 1;
    flex-grow: 1;
    max-width: 100%;
}

.col-auto {
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    width: auto;
    max-width: 100%;
}

.align-self-center {
    -ms-flex-item-align: center!important;
    align-self: center!important;
}

.col, .col-auto {
    position: relative;
    width: 100%;
    padding-right: 15px;
    padding-left: 15px;
}

.cw-body::-webkit-scrollbar {
	width: 7px;
	height: 7px;
}

.cw-body::-webkit-scrollbar-thumb {
	background: #ccc;
	border-radius: 5px;
}

.cw-body::-webkit-scrollbar-track {
	background: transparent;
}

.tos-page .tos-nav-btn {
  min-width: 60px;
  height: 60px;
  line-height: 60px;
  text-align: center;
  font-size: 28px;
  border-radius: 10px;
  -webkit-transition: .13s ease;
  transition: .13s ease;
  background-color: #071828;
  color: #fff;
  cursor: pointer;
  display: inline-block;
  margin-bottom: 18px;
}

.tos-page .tos-nav-btn span {
  display: none;
  font-size: 15px;
  padding: 0 20px;
  -webkit-transform: translateY(-3px);
          transform: translateY(-3px);
}

.tos-page .tos-nav-btn:hover {
  background-color: #355cfe;
}

.tos-page .tos-nav-btn.active {
  background-color: #355cfe;
  color: #fff;
  padding: 0 14px;
}

.tos-page .tos-nav-btn.active span {
  display: inline-block;
}

.tos-page .tos-tabs {
  line-height: 170%;
}

.tos-page .tos-tabs .tos-tab {
  display: none;
}

.tos-page .tos-tabs .tos-tab.active {
  display: block;
}

.r10-logo {
  height: 38px;
  width: 28px;
  background-size: 250%;
  background-repeat: no-repeat;
  background-position: 20% 40%;
  background-image: url("data:image/svg+xml,%3Csvg version='1.0' xmlns='http://www.w3.org/2000/svg' width='80px' height='35px' viewBox='0 0 185 105' preserveAspectRatio='xMidYMid meet'%3E%3Cg transform='translate(0.000000,114.000000) scale(0.100000,-0.100000)'%0Afill='%232C3E50' stroke='none'%3E%3Cpath d='M433 1069 c-36 -23 -80 -83 -99 -136 -16 -45 -19 -116 -4 -93 5 8 10%0A26 10 40 1 43 38 111 87 156 52 47 55 64 6 33z'/%3E%3Cpath d='M271 957 c-1 -113 -2 -118 -24 -126 -30 -12 -81 -70 -108 -123 -44%0A-86 -89 -223 -89 -271 0 -86 84 -212 170 -257 51 -26 142 -50 189 -50 66 0%0A193 46 258 93 62 46 98 101 133 203 27 78 25 115 -11 191 -30 62 -80 112 -135%0A133 -12 5 -31 24 -43 43 -12 19 -28 38 -37 41 -13 5 -15 17 -10 59 l5 52 -12%0A-50 -13 -50 44 -52 c25 -28 57 -57 73 -63 40 -17 104 -89 119 -134 19 -57 9%0A-161 -21 -227 -100 -215 -438 -279 -602 -113 -47 47 -64 78 -78 142 -25 120%0A82 366 182 418 l29 15 -1 102 c0 56 -4 111 -9 122 -5 13 -9 -23 -9 -98z'/%3E%3Cpath d='M481 879 c-12 -16 -37 -39 -54 -50 -20 -12 -26 -19 -15 -19 18 0 71%0A49 88 81 16 28 7 23 -19 -12z'/%3E%3Cpath d='M492 810 c91 -17 136 -124 92 -216 -28 -59 -102 -82 -154 -48 l-25%0A16 24 -21 c31 -27 93 -28 131 -1 31 22 60 85 60 131 0 76 -64 150 -128 148%0Al-37 -1 37 -8z'/%3E%3Cpath d='M267 779 c-27 -16 -47 -64 -47 -115 0 -39 5 -51 34 -80 19 -19 42%0A-34 52 -34 14 0 10 6 -14 20 -40 25 -66 81 -57 124 7 36 20 55 55 79 26 18 8%0A24 -23 6z'/%3E%3Cpath d='M322 709 c2 -6 8 -10 13 -10 5 0 11 4 13 10 2 6 -4 11 -13 11 -9 0%0A-15 -5 -13 -11z'/%3E%3Cpath d='M520 700 c0 -5 7 -10 15 -10 8 0 15 5 15 10 0 6 -7 10 -15 10 -8 0%0A-15 -4 -15 -10z'/%3E%3Cpath d='M130 518 c0 -160 143 -289 325 -291 163 -3 265 101 265 269 0 90 -16%0A80 -22 -13 -6 -95 -32 -151 -90 -193 -53 -39 -99 -51 -179 -47 -149 8 -270%0A113 -286 248 -6 55 -1 59 48 33 70 -36 262 -54 364 -35 30 5 5 9 -100 13 -125%0A6 -235 25 -307 53 -16 6 -18 1 -18 -37z'/%3E%3C/g%3E%3C/svg%3E");
}

.vmaraci-logo {
  height: 38px;
  width: 28px;
  margin-right: 15px;
  background-size: 120%;
  background-repeat: no-repeat;
  background-position: 70% 40%;
  background-image: url("data:image/svg+xml,%3Csvg version='1.0' xmlns='http://www.w3.org/2000/svg' width='300.000000pt' height='300.000000pt' viewBox='0 0 300.000000 300.000000' preserveAspectRatio='xMidYMid meet'%3E%3Cg transform='translate(0.000000,300.000000) scale(0.050000,-0.050000)'%0Afill='%232C3E50' stroke='none'%3E%3Cpath d='M2425 5506 c19 -5 35 -17 35 -28 0 -17 44 -12 147 16 26 7 35 1 29%0A-17 -7 -20 -59 -28 -198 -30 -241 -4 -660 -133 -730 -224 -12 -16 -32 -23 -44%0A-16 -12 8 -29 2 -38 -13 -9 -14 -49 -51 -90 -82 -41 -31 -73 -66 -70 -78 2%0A-13 -14 -26 -36 -30 -32 -6 -216 -207 -222 -244 -1 -11 -22 -60 -78 -190 -38%0A-89 -68 -525 -38 -547 10 -7 35 -62 55 -123 20 -60 51 -132 69 -160 18 -27 34%0A-59 35 -70 2 -11 4 -31 6 -44 2 -13 17 -37 34 -54 69 -69 -129 -128 -447 -133%0A-119 -2 -204 -12 -204 -23 0 -11 -13 -15 -30 -9 -22 9 -30 -2 -30 -38 0 -51%0A-49 -69 -66 -24 -5 14 -16 18 -24 10 -9 -8 -5 -27 7 -42 18 -21 17 -33 -5 -51%0A-29 -24 -21 -102 10 -102 10 0 18 -10 18 -22 0 -12 18 -44 40 -72 22 -28 35%0A-59 29 -68 -6 -10 -3 -18 8 -18 21 0 113 -141 107 -165 -2 -8 6 -15 18 -15 13%0A0 19 -20 14 -47 -7 -37 -2 -46 24 -39 32 9 107 -137 107 -208 0 -14 7 -26 16%0A-26 9 0 16 -7 14 -15 -2 -8 12 -48 30 -89 18 -41 33 -104 33 -140 1 -49 6 -58%0A19 -37 22 34 18 44 69 -154 17 -68 32 -147 32 -174 0 -27 8 -54 18 -60 10 -6%0A25 -49 33 -96 17 -107 21 -123 49 -245 13 -55 26 -183 30 -284 4 -101 18 -203%0A31 -227 19 -36 18 -41 -4 -28 -22 14 -23 11 -1 -15 14 -18 18 -37 8 -44 -11%0A-6 -9 -39 3 -80 12 -38 28 -65 37 -60 8 5 50 -22 93 -61 43 -39 93 -71 112%0A-71 18 0 29 -7 24 -15 -12 -19 170 -29 447 -25 136 2 215 11 224 26 9 13 16%0A18 16 10 0 -8 51 4 113 25 133 46 155 47 191 13 51 -50 167 -110 221 -115 93%0A-8 383 -5 425 4 192 43 410 166 410 231 0 14 10 26 21 26 12 0 16 8 10 19 -6%0A10 6 31 29 46 22 16 35 33 29 39 -15 15 33 116 55 116 10 0 13 8 7 18 -6 11 3%0A33 20 50 24 24 25 32 5 33 -16 0 -13 8 9 21 20 11 31 29 24 39 -6 11 -1 19 11%0A19 12 0 17 9 10 20 -7 11 -3 20 9 20 11 0 21 10 21 22 0 37 167 407 194 428%0A13 11 27 45 31 76 4 32 17 63 29 70 43 28 110 186 132 313 19 115 27 131 67%0A131 24 0 56 12 71 26 14 14 67 37 116 52 50 14 103 36 119 49 23 19 26 16 15%0A-17 -14 -39 -13 -39 15 -2 16 21 42 32 59 25 17 -6 44 2 60 18 16 16 57 35 91%0A42 33 6 61 23 61 37 0 16 22 22 59 18 47 -6 68 5 101 52 23 33 48 58 56 57 37%0A-8 94 37 94 73 0 30 11 38 43 34 31 -4 48 7 58 40 7 25 47 87 88 136 134 162%0A181 322 181 620 0 120 -8 200 -20 200 -11 0 -20 26 -20 59 0 32 -9 64 -20 71%0A-11 7 -20 21 -20 32 0 11 11 14 25 5 17 -10 16 -4 -2 19 -15 19 -23 51 -18 72%0A7 26 2 36 -14 30 -14 -6 -36 4 -50 21 -14 17 -20 31 -12 31 8 0 -5 26 -28 58%0A-22 32 -41 73 -41 92 0 23 -10 30 -32 22 -25 -10 -30 -3 -22 27 7 30 -36 86%0A-183 234 -106 106 -191 201 -188 210 3 10 -9 17 -25 17 -17 0 -49 19 -72 42%0A-41 41 -309 132 -288 98 6 -10 -12 -33 -40 -52 -62 -40 -50 -186 19 -233 14%0A-10 13 -14 -4 -15 -15 0 -8 -17 17 -42 23 -23 54 -73 70 -111 18 -42 38 -63%0A52 -55 15 10 18 3 9 -21 -8 -20 -4 -48 8 -63 13 -14 17 -35 11 -45 -7 -11 -1%0A-23 12 -28 37 -12 49 -295 13 -317 -20 -13 -20 -17 -2 -18 14 0 25 -13 25 -30%0A0 -17 -18 -30 -40 -30 -22 0 -40 8 -40 17 0 9 -13 16 -30 16 -36 0 -40 -26 -5%0A-39 17 -6 11 -24 -20 -56 -106 -111 -483 -39 -647 123 -28 28 -62 48 -74 44%0A-13 -5 -33 15 -44 44 -10 28 -41 60 -68 70 -26 10 -51 28 -55 39 -10 29 -226%0A36 -259 9 -25 -20 -66 -32 -218 -63 -196 -41 -580 -10 -580 46 0 31 -55 56%0A-64 28 -3 -10 -30 18 -59 62 -59 91 -70 342 -20 436 14 25 20 63 13 85 -7 22%0A-6 39 3 37 39 -7 69 3 58 20 -6 10 13 24 41 31 29 7 47 19 40 25 -16 16 47 86%0A77 86 12 0 57 17 98 39 42 21 89 34 105 28 15 -6 28 -3 28 8 0 25 135 65 177%0A52 28 -9 29 -8 3 11 -25 18 -22 21 15 22 25 0 45 7 45 16 0 8 38 13 85 9 79%0A-5 81 -3 35 18 -47 23 -44 25 54 36 96 11 163 38 109 44 -52 5 -60 8 -75 22%0A-8 8 -2 16 14 16 15 1 53 5 83 9 31 4 51 -1 44 -11 -6 -11 -7 -19 -1 -19 6 0%0A20 18 32 40 18 33 16 37 -13 26 -26 -10 -31 -5 -21 22 9 21 6 29 -8 21 -11 -7%0A-25 5 -31 27 -6 22 -41 56 -79 76 -37 21 -68 46 -68 58 0 11 -8 8 -18 -7 -12%0A-19 -21 -21 -31 -5 -7 12 -40 22 -73 22 -33 0 -56 7 -51 15 5 9 -19 17 -54 20%0A-35 2 -180 13 -323 24 -268 20 -446 23 -385 7z m791 -228 c329 -27 372 -47%0A138 -64 -720 -53 -1180 -471 -1075 -979 82 -397 577 -553 1145 -362 l174 59%0A153 -146 c314 -299 607 -369 909 -216 369 187 327 708 -92 1136 -119 122 -60%0A110 87 -18 1148 -999 917 -2079 -476 -2219 l-131 -13 8 -115 c12 -165 -25%0A-310 -113 -441 -42 -63 -115 -202 -162 -310 -219 -498 -354 -760 -428 -825%0Al-74 -65 -292 0 c-488 0 -419 -125 -848 1528 -91 352 -110 296 161 465 212%0A132 219 139 220 208 l0 70 -310 126 c-393 160 -433 150 -84 -21 335 -165 337%0A-172 67 -340 -101 -63 -199 -126 -219 -140 -33 -25 -29 -49 78 -436 62 -226%0A149 -545 193 -710 43 -165 100 -372 126 -460 25 -88 40 -167 31 -175 -54 -56%0A-667 -99 -886 -62 -72 12 -74 14 -84 114 -48 485 -97 782 -182 1103 -114 428%0A-317 873 -518 1137 l-128 168 217 -10 c328 -16 546 38 722 177 l80 63 -99 99%0Ac-534 531 -246 1345 566 1603 204 65 658 121 810 100 17 -3 159 -15 316 -29z'/%3E%3Cpath d='M2493 2567 c-7 -8 -13 -73 -13 -145 1 -248 131 -372 411 -395 261%0A-20 262 -2 15 207 -119 100 -252 219 -295 264 -81 84 -95 92 -118 69z'/%3E%3Cpath d='M3860 2338 c-38 -33 -149 -115 -245 -184 -214 -151 -215 -154 -10%0A-154 255 0 355 87 355 309 0 107 -7 109 -100 29z'/%3E%3C/g%3E%3C/svg%3E%0A");
}

.whtsapp { color: #2c3e50 }

/* Dark Mode CSS */

body.dark { background: #0e223a!important; color: #333; transition: 0.5s }
body.dark .well { background: #081828; border: 1px solid #081828; color: #fff }
body.dark .p-menu ul.sideMenu, body.dark .p-menu { background: #081828 }
body.dark .navbar { background: #081828!important }
body.dark .user-details {background: #0e223a;border-color: #26466d;}
body.dark .well-head { color: #6f8cae; border-color: #26466d }
body.dark .panel-body { background: #0e223a; color: #6f8cae; }
body.dark .form-control { background: #0e223a; border-color: #0e223a; color: #fff }
body.dark .user-details .media .media-body .side-user-name { color: #fff }
body.dark .p-menu ul.sideMenu li a { color: #fff }
body.dark .p-menu ul.sideMenu li a img {-webkit-filter: brightness(0) invert(1); filter: brightness(0) invert(1);}
body.dark .serv-input { background: #0e223a; color: #fff }
body.dark #serv-icon { background: #0e223a; border-color: transparent }
body.dark #serv-table.table>tbody>tr>td, body.dark #serv-table.table>tbody>tr>th, body.dark #serv-table.table>thead>tr>td, body.dark #serv-table.table>thead>tr>th { border-color: #0e223a }
body.dark #serv-table.table tr { color: #fff; }
body.dark .serv-head { background: #0e223a }
body.dark .modal-body1 { background: #071828; color: #fff }
body.dark .srv-search .srv-input { background: #f5f5f5; color: #fff }
body.dark label {color: #19436b;}
body.dark .btn-secondary { background: #0e223a}
body.dark .tab-pane { color: #fff }
body.dark .table>tbody>tr>td, body.dark .table>tbody>tr>th, body.dark .table>tfoot>tr>td, body.dark .table>tfoot>tr>th, body.dark .table>thead>tr>td, body.dark .table>thead>tr>th { border-color: #26466d }
body.dark .table>tbody>tr>td { color: #fff }
body.dark .table>thead:first-child>tr:first-child>th  { color: #26466d }
body.dark .ticket-message-right .ticket-message { background: #26466d; color: #fff }
body.dark .ticket-message-left .ticket-message { background: #0e223a; color: #fff }
body.dark .ticket-message-left .info, body.dark .ticket-message-right .info { color: #fff }
body.dark pre { background: #0e223a; border-color: #0e223a; color: #fff }
body.dark #order-sItem, body.dark #order-cItem { background: #0e223a; color: #fff; border-color: #26466d }
body.dark #serv-table.table tr:nth-child(even), body.dark #serv-table.table tr:nth-child(odd) { background: transparent; }
body.dark #serv-table.table tr { border-color: #26466d }
body.dark .dash-anounce .da-item .item-content { background: #0e223a }
body.dark .main-panel-faq { background: #081828 }
body.dark .main-panel-faq .main-panel-faq-item { background: #0e223a; border-color: #0e223a }
body.dark .main-panel-faq .main-panel-faq-item .main-panel-faq-item-title { color: #fff}
body.dark .main-panel-faq .main-panel-faq-item .main-panel-faq-item-content { color: #fff }
body.dark .main-panel-faq .main-panel-faq-item .main-panel-faq-item-content { border-color: #081828 }
.main-panel-faq{width:100%;background:#fff;border-radius:10px;}
.main-panel-faq .main-panel-faq-title{width:100%;color:#4a84ff;font-weight:600;margin-bottom:30px}
.main-panel-faq .main-panel-faq-item{width:100%;background:#fff;border:1px solid #ddd;margin-bottom:20px;padding:22px 32px;border-radius:3px}
.main-panel-faq .main-panel-faq-item .main-panel-faq-item-title{width:100%;color:#aeb3bf;margin:0;cursor:pointer;font-size:16px}
.main-panel-faq .main-panel-faq-item .main-panel-faq-item-title i{float:right;font-size:15px;margin:2px}
.main-panel-faq .main-panel-faq-item .main-panel-faq-item-title .fa-minus{display:none}
.main-panel-faq .main-panel-faq-item .main-panel-faq-item-content{width:100%;color:#000;border-top:1px solid #ddd;margin-top:10px;display:none;font-size:14px; padding: 15px 0}
.main-panel-faq .main-panel-faq-item .active-header .fa-minus{display:block}
.main-panel-faq .main-panel-faq-item .active-header .fa-plus{display:none}
.main-panel-faq .main-panel-faq-item .active-header{color:#7571f9}
.width-30 {
	max-width: 300px;
	word-wrap: break-word
}

.dropdown-item {
    display: block;
    width: 100%;
    padding: .25rem 1.5rem;
    clear: both;
    font-weight: 400;
    color: #212529;
    text-align: inherit;
    white-space: nowrap;
    background-color: transparent;
    border: 0;
}

#category-drop,
#orders-drop {
	width: 100%;
	padding: 0;
	max-height: 43.6vh;
	overflow-y: scroll;
	font-size: 12px;
    background-clip: padding-box;
    background-color: #fff;
    border: 1px solid rgba(27,31,35,.15);
    border-radius: 4px;
    box-shadow: 0 3px 12px rgba(27,31,35,.15);
}



#categoryItem,
#serviceItem {
	white-space: inherit;
	border-bottom: 1px solid #d1d5da;
	padding: 9px;
	font-weight: 400;
}

#categoryItem:hover,
#serviceItem:hover {
	background: #f6f6f6;
	border-top-left-radius: 3px;
	border-top-right-radius: 3px
}

#categoryItem:active,
#serviceItem:active {
	background-color: #fff;
	color: inherit;
	border-top-left-radius: 3px;
	border-top-right-radius: 3px
}

#categoryItem:focus,
#serviceItem:focus {
	outline: 0
}

#categoryTitle,
#serviceTitle {
	width: 90%;
	overflow-x: hidden;
  position: absolute;
  /***

	line-height: 12px;
	height: 15px;

  ***/

}

#categoryItem>span>i,
#serviceItem>span>i {
	padding-right: 3px
}

#categoryTitle>span>i,
#serviceTitle>span>i {
	margin-left: 3px
}

body#userpanel .navbar {
	position: fixed!important
}

.glycon-update-action {
    padding: 8px 10px;
    color: #fff;
    background: #f93e66;
    border-radius: 5px;
    width: 100%;
    min-width: 150px;
    text-align: center;
}

.glycon-updates-page .card {

    padding: 1rem;
    margin-bottom: 0.9rem;
    border-radius: 1rem;
}

.glycon-updates-page .card h4 {
	font-size: 13px;
	font-weight: 400;
	padding-bottom: 5px
}

.glycon-update-action.p-down {
	background: #3ad89e;}

.glycon-update-action.p-downd {
    background: #10a76f;
}

.glycon-update-action.p-up {
	background: #ff7543
}

.glycon-update-action.p-delete {
	background: #f93e66
}

.glycon-update-action.p-min {
    background: #4a5cf6
}

.glycon-update-action.p-min-y {
    background: #8390ff
}

.glycon-update-action.p-max {
    background: #ce7bf5
}

.glycon-update-action.p-max-y {
    background: #b933f7
}




.main-panel .index-announcement {
    float: left;
    width: 100%;
    border-radius: 10px;
}
.main-panel .index-announcement .index-announcement-title {
    float: left;
    width: 100%;
    margin-top: 0;
    font-weight: 600;
    color: #000000;
    margin-bottom: 1px;
    background: #ffffff;
    padding: 20px 30px;
    border-radius: 10px 10px 0 0;
}
.main-panel .index-announcement .index-announcement-bell {
    float: left;
    width: 50%;
    padding-right: 43px;
    text-align: right;
    margin-top: -20px;
    }
    
.main-panel .index-announcement .index-announcement-content {
    float: left;
    width: 100%;
    overflow-x: hidden;
    overflow-y: scroll;
    height: 470px;
    padding: 0 30px;
    background: #ffffff;
    border-radius: 0 0 10px 10px;
}
.main-panel .index-announcement ul {
    float: left;
    width: 100%;
    margin-top: 10px;
    margin-bottom: 0;
    border-left: 4px solid #eff0ff;
    padding-left: 30px;
}
.main-panel .index-announcement ul li {
    list-style: none;
    float: left;
    width: 100%;
    position: relative;
    margin-bottom: 45px;
    box-shadow: 1px 5px 19px 0 rgb(0 0 0 / 22%);
    padding: 20px;
    border-radius: 0 0 6px 6px;
}
.main-panel .index-announcement ul li:before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 1px;
    background-image: linear-gradient(90deg,#41479d,#7c3588,#d01b6b);
}
.main-panel .index-announcement ul li .icon {
    position: absolute;
    left: -52px;
    top: 48px;
    width: 40px;
    height: 40px;
    padding: 7px 0;
    text-align: center;
    background: #eff0ff;
    font-size: 16px;
    border-radius: 3px;
    box-shadow: 1px 5px 19px 0 rgba(255,255,255,0.05);
}
.main-panel .index-announcement ul li .time {
    float: left;
    color: #8c909a;
    border-radius: 3px;
    margin-top: 8px;
}
.main-panel .index-announcement ul li .time i {
    margin-right: 5px;
}
.main-panel .index-announcement ul li .t-instagram {
    color: #f40083;
    border-color: #f40083;
}
.main-panel .index-announcement ul li .service {
    float: left;
    width: 100%;
    color: #48494c;
    font-weight: 600;
    margin-top: 10px;
}
.main-panel .index-announcement ul li .desc {
    float: left;
    width: 100%;
    color: #8c909a;
    margin-top: 5px;
}
.main-panel .index-announcement ul li .title {
    float: right;
    color: #8c909a;
    padding: 5px 10px;
    border: 1px solid #8c909a;
    border-radius: 3px;
    width: 90px;
    text-align: center;
    position: relative;
}
.main-panel .index-announcement ul li .t-instagram {
    color: #f40083;
    border-color: #f40083;
}
.main-panel .index-announcement ul li .icon img {
    max-width: 60%;
}
.w .index-announcement-title {
    float: left;
    width: 100%;
    margin-top: 0px;
    font-weight: 600;
    color: #000000;
    margin-bottom: 12px;
    background: #ffffff;
    padding: 20px 30px;
    border-radius: 10px 10px 0 0;
    border-bottom: 1px solid #f33694;
}















.app-navbar {
	display: none;
	height: 70px;
	bottom: 0px;
	left: 0px;
	width: 100%;
	background: #292a33;
	position: fixed;
	z-index: 1000;
	padding: 0;
	-webkit-box-shadow: 0 5px 50px rgb(200 200 200 / 100%);
	box-shadow: 0 5px 50px rgb(200 200 200 / 100%);
}

.app-navbar>.row {
	height: 70px;
	padding: 0 10px;
}

.app-navbar .col {
	border-right: 1px solid rgb(255 255 255 / 15%);
}

.app-navbar .col:last-child {
	border: none
}

.app-navbar .navbar-mid-icon {
	margin-top: -40px;
	margin-left: -5px
}

.app-navbar a.active .navbar-icon {
	-webkit-filter: inherit;
	filter: inherit;
}

.app-navbar a.active .navbar-texts {
	color: #185BDC;
}

.app-navbar a.active i {
	color: #185BDC
}

.app-navbar i {
	color: #ffffff;
	font-size: 18px;
}

.app-navbar .navbar-texts {
	font-size: 10px;
	font-weight: 500;
	color: #ffffff;
	display: block;
	margin-top: 6px;
}
                .widget-head {
                    padding: 0 0 15px 0;
                    border-bottom: 1px solid #2c3257;
                    font-weight: 600;
                    color: #fff;
                    font-size: 18px;
                }

                .widget-head .well-icon {
                    height: 30px;
                    margin-right: 10px;
                }

                .news-body::-webkit-scrollbar {
                    width: 7px;
                    height: 7px;
                }

                .news-body::-webkit-scrollbar-thumb {
                    background: #0c1f31;
                    border-radius: 5px;
                }

                .news-body::-webkit-scrollbar-track {
                    background: transparent;
                }

                .mNotice .notice-item {
                    border-radius: 20px;
                    background-color: #0c1f31;
                    color: #fff;
                    overflow: hidden;
                    position: relative;
                    margin-bottom: 18px;
                }

                .mNotice .notice-item .ni-left {
                    width: 85px;
                    height: 100%;
                    position: absolute;
                    overflow: hidden;
                }

                .mNotice .notice-item .ni-right {
                    margin-left: 70px;
                    padding: 15px 30px;
                }

                .mNotice .notice-item .ni-icon-bg {
                    position: absolute;
                    right: 0px;
                    top: 50%;
                    -webkit-transform: translateY(-50%);
                    transform: translateY(-50%);
                    width: 350%;
                    padding-top: 350%;
                    background-color: rgba(0, 0, 0, 0.1);
                    z-index: 29;
                }

                .mNotice .notice-item .ni-icon {
                    position: relative;
                    width: 100%;
                    height: 100%;
                    display: -webkit-box;
                    display: -ms-flexbox;
                    display: flex;
                    -webkit-box-pack: center;
                    -ms-flex-pack: center;
                    justify-content: center;
                    -webkit-box-align: center;
                    -ms-flex-align: center;
                    align-items: center;
                    z-index: 30;
                    font-size: 42px;
                }

                .mNotice .notice-item .ni-icon .fab.fa-instagram{
                    background: none;
                    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f09433', endColorstr='#bc1888',GradientType=1 );
                    padding: 2px 3px 2px 2px;
                    border-radius: 4px;
                    display: inline-block;
                    color: #ffffff;
                    font-size: 45px;
                    margin-right: 10px;
                }


                .mNotice .notice-item .ni-icon .fab.fa-twitter{
                    background: #ffffff;
                    background-clip: text;
                    -webkit-background-clip: text;
                    font-size: 45px;
                    -webkit-text-fill-color: transparent;
                    font-weight: bold;
                    margin-right: 10px;
                }

                .mNotice .notice-item .ni-icon .fab.fa-youtube{
                    background: #ffffff;
                    background-clip: text;
                    -webkit-background-clip: text;
                    font-size: 45px;
                    -webkit-text-fill-color: transparent;
                    font-weight: bold;
                    margin-right: 10px;
                }

                .mNotice .notice-item .ni-date {
                    font-size: 13px;
                    color: #555975;
                    margin-bottom: 10px;
                    line-height: 20px;
                }

                .mNotice .notice-item .ni-title {
                    font-size: 16px;
                    font-weight: 600;
                    margin-bottom: 8px;
                }

                .mNotice .notice-item .ni-text {
                    font-size: 13px;
                    line-height: 150%;
                    font-weight: 400;
                    color: #fff;
                }

                @media(max-width: 767px) {
                    .mNotice .notice-item .ni-left {
                        width: 80px!important;
                        height: 80px!important;
                        position: relative!important;
                        margin: 16px 0 0 24px!important;
                    }
                    .mNotice .notice-item .ni-right {
                        margin-left: 0px!important;
                    }
                    .mNotice .notice-item .ni-icon-bg {
                        width: 100%!important;
                        padding-top: 100%!important;
                        border-radius: 100%!important
                    }
                    .mNotice .notice-item .ni-icon {
                        font-size: 40px!important;
                    }
                    .mNotice .notice-item .ni-title {
                        font-size: 16px!important;
                        font-weight: 600!important;
                        margin-bottom: 8px!important;
                    }
                    .mNotice .notice-item .ni-text {
                        font-size: 13px!important;
                        line-height: 150%!important;
                        font-weight: 400!important;
                        color: #fff!important;
                    }
                }

                .news-body::-webkit-scrollbar-thumb {
                    background: #ffffff;
                    border-radius: 5px;
                }
  
  
  .app-content {
	padding-left: 280px;
	padding-top: 100px;
	padding-bottom: 30px;
}

.dash-home-status {
	position: relative;
	margin: 0;
}

.dash-home-status>.row {
	margin-left: -8px;
	margin-right: -8px;
}

.dash-home-status>.row>div {
	padding-left: 8px;
	padding-right: 8px;
}

.dash-home-status .dhs-item {
	border-radius: 18px;
	background-color: #3054e0;
	color: #fff;
	padding: 25px 40px 25px 30px;
	position: relative;
	overflow: hidden
}

.dash-home-status .dhs-item::before {
	content: '';
	left: 0px;
	top: 0px;
	width: 100%;
	height: 100%;
	position: absolute;
	overflow: hidden;
	background-image: url(https://cdn.mypanel.link/f6losb/qmw9fx3fr0meci5w.png);
	background-size: auto 100%;
	background-position: right center;
	background-repeat: no-repeat;
	opacity: .7;
}

.dash-home-status .dhs-item.dhs-item--1 {
	background: rgb(115,66,33);
    background: linear-gradient(230deg, rgba(115,66,33,1) 0%, rgba(168,97,43,1) 50%, rgba(115,66,33,1) 100%);
}

.dash-home-status .dhs-item.dhs-item--2 {
	background: rgb(17,48,128);
    background: linear-gradient(230deg, rgba(17,48,128,1) 0%, rgba(32,90,250,1) 50%, rgba(17,48,128,1) 100%);
}

.dash-home-status .dhs-item.dhs-item--3 {
	background: rgb(112,32,45);
    background: linear-gradient(230deg, rgba(112,32,45,1) 0%, rgba(214,60,88,1) 50%, rgba(112,32,45,1) 100%);
}

.dash-home-status .dhs-item.dhs-item--4 {
	background: rgb(72,68,101);
    background: linear-gradient(230deg, rgba(72,68,101,1) 0%, rgba(139,130,195,1) 50%, rgba(72,68,101,1) 100%);
}

.dash-home-status .dhs-item .dhs-item--icon {
	height: 80px;
	width: 80px;
	line-height: 77px;
	text-align: center;
	border: 3px solid #fff;
	border-radius: 50%;
	display: block;
	-webkit-transition: .15s ease;
	transition: .15s ease;
}

.dash-home-status .dhs-item .dhs-item--icon .dhs-item--icon-img {
	width: auto;
	height: 60%;
}

.dash-home-status .dhs-item .dhs-item--title {
	color: #fff;
	font-size: 15px;
	font-weight: 300;
}

.dash-home-status .dhs-item .dhs-item--text {
	font-size: 24px;
	font-weight: 600;
	color: #fff;
}
  
  .canzek::before {
	content: '';
	left: 0px;
	top: 0px;
	width: 100%;
	height: 100%;
	position: absolute;
	overflow: hidden;
	background-image: url(https://revisionsmm.com/img/files/1d764537365f108003292278cc1f385a.png);
	background-size: auto 100%;
	background-position: right center;
	background-repeat: no-repeat;
	opacity: .7;
}

  
  .rwd-table {
    color: #fff;
    border-radius: .4em;
    overflow: hidden;
    background-color: #f1f1f3;
    color: #000;
}

.rwd-table th,
   .rwd-table td {
   margin: .5em 1em;
   padding: 1em !important;
   }
   /*Services Page Start*/
   .rwd-table {
   margin: 0;
   width: 100%;
   }
   .rwd-table tr {
   border-top: 1px solid #ddd;
   border-bottom: 1px solid #ddd;
   }
   .rwd-table th {
   display: none;
   }
   .rwd-table td {
   font-size: 12px;
   font-weight: 400;
   line-height: 1.4;
   }
   .rwd-table td:first-child {
   padding-top: .5em;
   }
   .rwd-table td:last-child {
   padding-bottom: .5em;
   }
   .rwd-table td:before {
   content: attr(data-th) ": ";
   font-weight: bold;
   width: 6.5em;
   display: inline-block;
   }
   @media (min-width: 480px) {
   .rwd-table td:before {
   display: none;
   }
   }
   .rwd-table th,
   .rwd-table td {
   text-align: left;
   }
   @media (min-width: 480px) {
   .rwd-table th,
   .rwd-table td {
   display: table-cell;
   padding: .25em .5em;
   }
   .rwd-table th:first-child,
   .rwd-table td:first-child {
   padding-left: 0;
   }
   .rwd-table th:last-child,
   .rwd-table td:last-child {
   padding-right: 0;
   }
   }
   .rwd-table {
   color: #fff;
   border-radius: .4em;
   overflow: hidden;
   background-color: #f1f1f3;
   color: #000;
   }
   .rwd-table tr {
   border-color: #dbdbdb;
   }
   .rwd-table tr:first-child {
   border-top: none;
   }
   .rwd-table th,
   .rwd-table td {
   margin: .5em 1em;
   }
   @media (min-width: 480px) {
   .rwd-table th,
   .rwd-table td {
   padding: 1em !important;
   }
   }
   .rwd-table th {
   background: #355cfe;
   }
   .rwd-table th,
   .rwd-table td:before {
   color: #fff;
   }
   
   
   
   
   
   
   


.btn.btn-default.btn-big-secondary {background: #007bff; height: 45px; line-height: 1px}

       
                   .footers {
	background-image: linear-gradient(to right, rgba(0, 51, 204, 0.95), rgba(0, 48, 191, 0.95), rgba(0, 43, 171, 0.90), rgba(0, 41, 161, 0.85), rgba(0, 37, 146, 0.95));
	height: 275px;
	margin-top: 175px;
}

.footers.no-margin {
	margin-top: 0;
}

.footers-top {
	background: #24ca7a;
	height: 150px;
	margin-bottom: -30px;
	top: -75px;
	position: relative;
	color: #fff;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
	padding-left: 90px;
	padding-right: 90px;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	font-size: 32px;
	line-height: 48px;
	border-radius: 30px;
}

.footers-top p {
	color: #fff
}

.footers-top a {
	display: block;
	width: 180px;
	height: 50px;
	border: 2px solid #fff;
	border-radius: 25px;
	font-size: 16px;
	text-align: center;
	line-height: 46px;
	font-weight: 600;
	color: #fff;
}

.footers-top a:hover {
	background: #fff;
	color: #143556
}

.footers .footers-link {
	font-size: 18px;
	font-weight: 500;
	color: #fff;
	text-decoration: none;
}

.footers .footers-bottoms {
	font-size: 18px;
	line-height: 30px;
	font-weight: 500;
	text-align: center;
	color: rgba(255, 255, 255, 0.7);
	border-top: 1px solid rgba(255, 255, 255, 0.1);
	padding: 20px 20px 30px 20px;
	margin-top: 10px;
}
            
.btn.btn-outlines {
	background: transparent;
	border: 3px solid #fff;
	color: #fff;
	padding: 11px 18px;
}

.btn.btn-outlines:hover {
	background: #fff;
	color: #2d4ed2;
	border: 3px solid #fff;
}





.d-card {
    border-radius: 10px;
    margin-bottom: 15px
}

.d-card.bg-blues {
    background-color: #112c4a;
    color: #fff;
}

.d-card.d-pad {
    padding: 34px 30px;
}

.services-list {
    background: #f5f5f5;
    max-width: 600px;
    margin: auto;
    padding: 1px 15px;
    border-radius: 5px
}

.services-list ul{
    list-style:none;
    padding:0;
    margin:0;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    justify-content: center;
    margin-top:10px;
    margin-bottom:10px;
}
.services-list ul li{
    cursor: pointer;
    margin-left:10px;
    margin-right:10px;
}

.services-list ul li i{
    color: #fff;
    font-size: 24px!important;
}

.services-list ul li.instagram i{
    background: radial-gradient(circle at 30% 107%, #fdf497 0%, #fdf497 5%, #fd5949 45%, #d6249f 60%, #285AEB 90%);
    -webkit-background-clip: text;
    background-clip: text;
    -webkit-text-fill-color: transparent;
}

.services-list ul li.facebook i{
    color: #4267b2;
}
.services-list ul li.twitter i{
    color: #1da1f2
}
.services-list ul li.youtube i{
    color: red;
}
.services-list ul li.spotify i{
    color: #00d856;
}
.services-list ul li.twitch i{
    color: #1a0dab;
}
.services-list ul li.pinterest i{
    color: #bd081c;
}
.services-list ul li.telegram i{
    color: #26a4e3;
}
.services-list ul li.soundcloud i{
    color: #ff5510;
}
.services-list ul li.discord i{
    color: #7290da;
}
.services-list ul li.tiktok i{
    color: #f8004d;
}
.services-list ul li.whatsapp i{
    color: #008F32;
}
.services-list ul li.video i{
    color: #FF7705;
}
.services-list ul li.at i{
    color: #000001;
}
.services-list ul li.gg i{
    color: #FDBC03;
}

.fab.fa-tiktok {
    background: #f8004d;
    background-clip: text;
    -webkit-background-clip: text;
    font-size: 17px;
    -webkit-text-fill-color: transparent;
    font-weight: bold;
    margin-right: 10px;
}

.fab.fa-snapchat-ghost {
    background: #ffd400;
    background-clip: text;
    -webkit-background-clip: text;
    font-size: 17px;
    -webkit-text-fill-color: transparent;
    margin-right: 4px;
}

body.dark .services-list { background: #081828 }

     
                   .footers {
	background-image: linear-gradient(to right, rgba(0, 51, 204, 0.95), rgba(0, 48, 191, 0.95), rgba(0, 43, 171, 0.90), rgba(0, 41, 161, 0.85), rgba(0, 37, 146, 0.95));
	height: 275px;
	margin-top: 175px;
}

.footers.no-margin {
	margin-top: 0;
}

.footers-top {
	background: #24ca7a;
	height: 150px;
	margin-bottom: -30px;
	top: -75px;
	position: relative;
	color: #fff;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
	padding-left: 90px;
	padding-right: 90px;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	font-size: 32px;
	line-height: 48px;
	border-radius: 30px;
}

.footers-top p {
	color: #fff
}

.footers-top a {
	display: block;
	width: 180px;
	height: 50px;
	border: 2px solid #fff;
	border-radius: 25px;
	font-size: 16px;
	text-align: center;
	line-height: 46px;
	font-weight: 600;
	color: #fff;
}

.footers-top a:hover {
	background: #fff;
	color: #143556
}

.footers .footers-link {
	font-size: 18px;
	font-weight: 500;
	color: #fff;
	text-decoration: none;
}

.footers .footers-bottoms {
	font-size: 18px;
	line-height: 30px;
	font-weight: 500;
	text-align: center;
	color: rgba(255, 255, 255, 0.7);
	border-top: 1px solid rgba(255, 255, 255, 0.1);
	padding: 20px 20px 30px 20px;
	margin-top: 10px;
}
            
.btn.btn-outlines {
	background: transparent;
	border: 3px solid #fff;
	color: #fff;
	padding: 11px 18px;
}

.btn.btn-outlines:hover {
	background: #fff;
	color: #2d4ed2;
	border: 3px solid #fff;
}





/*  Hidem Yas Maskot*/
.owl {
  margin: auto;
  width: 211px;
  height: 108px;
  background-image: url("https://i.hizliresim.com/jxr9hg1.png");
  position: relative;
  background-repeat: no-repeat;
  background-position: center;
}
.owl .hand {
  width: 34px;
  height: 34px;
  border-radius: 40px;
  background-color: #4E5FA9;
  transform: scaleY(0.6);
  position: absolute;
  left: 14px;
  bottom: -16px;
  transition: 0.3s ease-out;
  z-index: 99;
}
.owl .hand.password {
  transform: translateX(42px) translateY(-15px) scale(0.7);
}
.owl .hand.hand-r {
  left: 170px;
}
.owl .hand.hand-r.password {
  transform: translateX(-42px) translateY(-15px) scale(0.7);
}
.owl .arms {
  position: absolute;
  top: 68px;
  height:66px;
  width: 100%;
  
}
.owl .arms .arm {
  width: 40px;
  height: 80px;
  background-image: url("https://i.hizliresim.com/7xsnk2q.png");
  position: absolute;
  left: 20px;
  top: 27px;
  transition: 0.3s ease-out;
}
.owl .arms .arm.password {
  transform: translateX(70px) translateY(-55px);
}
.owl .arms .arm.arm-r {
  left: 153px;
  transform: scaleX(-1);
}
.owl .arms .arm.arm-r.password {
  transform: translateX(-30px) translateY(-55px) scaleX(-1);
}






:root {

	--color-0: #161b22;

	--color-1: #0d1117;

	--color-2: rgba(1, 4, 9, 1);

	--color-3: #28cb69;

	--border-1: #30363d

}
















@media (max-width: 767.98px){
.old-payments .op-title {
    font-size: 15px;
}}

.old-payments .op-title {
    font-weight: bold;
    font-size: 16px;
    line-height: 20px;
    color: #ffffff;
}
 .old-payments .op-date {
    font-weight: normal;
    font-size: 12px;
    line-height: 23px;
    color: #ffffff;
    margin-top: 10px;
}   
@media (max-width: 767.98px){
.old-payments .op-status {
    text-align: center;
    margin-top: 10px;
}}
.old-payments .op-status {
    border-color: #28cb69;
    background: #28cb69;
    color: #fff;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    border-radius: 7.54902px;
    font-weight: 600;
    font-size: 14px;
    line-height: 18px;
    padding: 10px 25px;
}
.old-payments .op-id {
    border-color: #28cb69;
    background: #28cb69;
    color: #fff;
    border-radius: 5px;
    padding: 5px 15px;
    min-width: 75px;
    text-align: center;
}

body.dark .form-group .form-control, body.dark .panel-body {
    background: #0e223a;
    color: #FFFFFF;
}










.dropdown .fab.fa-instagram {
	background: #f09433;
    background: -moz-linear-gradient(45deg, #f09433 0%, #e6683c 25%, #dc2743 50%, #cc2366 75%, #bc1888 100%);
    background: -webkit-linear-gradient(45deg, #f09433 0%,#e6683c 25%,#dc2743 50%,#cc2366 75%,#bc1888 100%);
    background: linear-gradient(45deg, #f09433 0%,#e6683c 25%,#dc2743 50%,#cc2366 75%,#bc1888 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f09433', endColorstr='#bc1888',GradientType=1 );
    padding: 2px 3px 2px 2px;
    border-radius: 4px;
    display: inline-block;
    color: #ffffff;
    font-size: 17px;
    margin-right: 8px;
}

.dropdown .fab.fa-facebook-square {
	background: #207eff;
	background-clip: text;
	-webkit-background-clip: text;
	font-size: 18px;
	-webkit-text-fill-color: transparent;
	font-weight: bold;
	border-radius: 5px;
	margin-right: 3px;
}

.dropdown .fab.fa-youtube {
	background: #ff0042;
	background-clip: text;
	-webkit-background-clip: text;
	font-size: 17px;
	-webkit-text-fill-color: transparent;
	font-weight: bold;
	margin-right: 6px;
}

.dropdown .fab.fa-twitter {
	background: #1da1f2;
	background-clip: text;
	-webkit-background-clip: text;
	font-size: 17px;
	-webkit-text-fill-color: transparent;
	font-weight: bold;
	margin-right: 8px;
}

.dropdown .fab.fa-telegram-plane {
	background: #0088cc;
	background-clip: text;
	-webkit-background-clip: text;
	font-size: 17px;
	-webkit-text-fill-color: transparent;
	font-weight: bold;
	margin-right: 8px;
}

.dropdown .fab.fa-soundcloud {
	background: #ff7700;
	background-clip: text;
	-webkit-background-clip: text;
	font-size: 17px;
	-webkit-text-fill-color: transparent;
	font-weight: bold;
	margin-right: 0px;
}

.dropdown .fab.fa-spotify {
	background: #1DB954;
	background-clip: text;
	-webkit-background-clip: text;
	font-size: 17px;
	-webkit-text-fill-color: transparent;
	font-weight: bold;
	margin-right: 5px;
}

.dropdown .fab.fa-twitch {
	background: #e600ff;
	background-clip: text;
	-webkit-background-clip: text;
	font-size: 17px;
	-webkit-text-fill-color: #9904a9;
	font-weight: bold;
	margin-right: 5px;
}

.dropdown .fab.fa-pinterest-p {
	background: #ff5858;
	background-clip: text;
	-webkit-background-clip: text;
	font-size: 17px;
	-webkit-text-fill-color: transparent;
	font-weight: bold;
	margin-right: 5px;
}

.dropdown .fab.fa-tiktok {
	background: #f8004d;
	background-clip: text;
	-webkit-background-clip: text;
	font-size: 17px;
	-webkit-text-fill-color: transparent;
	font-weight: bold;
	margin-right: 10px;
}

.dropdown .fas.fa-globe {
	background: #1a1a1a;
	background-clip: text;
	-webkit-background-clip: text;
	font-size: 17px;
	-webkit-text-fill-color: transparent;
	font-weight: bold;
	margin-right: 5px;
}

.dropdown .fas.fa-stream {
	background: #ccc;
	background-clip: text;
	-webkit-background-clip: text;
	font-size: 17px;
	-webkit-text-fill-color: transparent;
	font-weight: bold;
	margin-right: 5px;
}

.dropdown .fab.fa-hotjar {
	background: #ff0000;
	background-clip: text;
	-webkit-background-clip: text;
	font-size: 17px;
	-webkit-text-fill-color: transparent;
	font-weight: bold;
	margin-right: 5px;
}

.dropdown .fab.fa-linkedin {
	background: #0077b5;
	background-clip: text;
	-webkit-background-clip: text;
	font-size: 17px;
	-webkit-text-fill-color: transparent;
	font-weight: bold;
	margin-right: 7px;
}


.dropdown .fab.fa-apple {
	background: #000000;
	background-clip: text;
	-webkit-background-clip: text;
	font-size: 17px;
	-webkit-text-fill-color: transparent;
	font-weight: bold;
	margin-right: 5px;
}

.dropdown .fas.fa-check-circle {
	background: green;
	background-clip: text;
	-webkit-background-clip: text;
	font-size: 17px;
	-webkit-text-fill-color: transparent;
	font-weight: bold;
	margin-right: 5px;
}


.dropdown .fas.fa-dot-circle {
	background: red;
	background-clip: text;
	-webkit-background-clip: text;
	font-size: 17px;
	-webkit-text-fill-color: transparent;
	font-weight: bold;
	margin-right: 5px;
}


.dropdown .fab.fa-reddit-square {
	background: red;
	background-clip: text;
	-webkit-background-clip: text;
	font-size: 17px;
	-webkit-text-fill-color: transparent;
	font-weight: bold;
	margin-right: 5px;
}


.dropdown .fab.fa-whatsapp {
	background: #008F32;
	background-clip: text;
	-webkit-background-clip: text;
	font-size: 17px;
	-webkit-text-fill-color: transparent;
	font-weight: bold;
	margin-right: 0px;
}

.dropdown .fab.fa-gg-circle {
	background: #7968EE;
	background-clip: text;
	-webkit-background-clip: text;
	font-size: 17px;
	-webkit-text-fill-color: transparent;
	font-weight: bold;
	margin-right: 0px;
}


.dropdown .fas.fa-crown {
	background: red;
	background-clip: text;
	-webkit-background-clip: text;
	font-size: 17px;
	-webkit-text-fill-color: transparent;
	font-weight: bold;
	margin-right: 5px;
}










@media screen and (max-width: 767.98px) {
.form-group .form-control, #serviceItem, #categoryItem {
    font-size: 12px;
}
}
#categoryTitle, #serviceTitle {
    width: 90%;
    overflow: hidden;
    position: static;
    height: 20px;
}



.dropdown-menu {
    width: 100%;
    padding: 0;
    max-height: 43.6vh;
    overflow-y: scroll;
    border: none!important;
    margin-top: 15px;
}
body.dark #serviceItem, body.dark #categoryItem {
    background: #0e223a;
    color: #fff;
    border-color: #26466d;
}










.form-group .form-control {
	outline: none;
	background-color: #f5f5f5;
	border: 1px solid var(--form-border-color);
	color: black;
	font-size: 15px;
	font-weight: 500;
	min-height: 52px;
	overflow: hidden;
	padding: 10px 18px;
	border-radius: 6px
}



#serviceItem:hover,
#categoryItem:hover {
	background: #F1F1F1;
}


#serviceItem, #categoryItem {
    white-space: inherit;
    padding: 10px;
    font-weight: 400;
    font-size: 14px;
    background: #ffffff;
    border-bottom: 1px solid #ffffff;
    color: black;
    text-align: left;
    width: 100%;
}
.card-order .co-right > * {
    padding: 0 5px;
}
.card-order .co-right .btn {
    padding: 20px 25px;
}
.btn.btn-dark {
    background: #23252e;
}












.dropdown-content {
    position: absolute;
    top: 100%;
    left: 0;
    z-index: 1000;
    display: none;
    float: left;
    min-width: 110px;
    padding: 5px 0;
    margin: 2px 0 0;
    font-size: 13px;
    text-align: left;
    list-style: none;
    color: #fff;
    background-color: white!important;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
    border: 1px solid #ccc;
    border: 1px solid rgba(0, 0, 0, .15);
    border-radius: 4px;
    -webkit-box-shadow: 0 6px 12px rgb(0 0 0 / 18%);
    box-shadow: 0 6px 12px rgb(0 0 0 / 18%);
}

.dropdown-content a {
    color: white;
    padding: 12px 16px;
    text-decoration: none;
    display: block;
}

















#categoryTitle, #serviceTitle {
    width: 90%;
    overflow: hidden;
    position: absolute;
    height: 22px;
}