@charset "utf-8";
/* CSS Document */
/* CSS Document */
@import "fonts/fonts.css"; 
@import "plugins/bootstrap/bootstrap.css";

/* Global Css */
html {
	font-family:sans-serif;
	-ms-text-size-adjust:100%;
	-webkit-text-size-adjust:100%;
}
body {
	font-family: 'Poppins', sans-serif;
	color:#293134;
	font-size:15px;
	font-weight:600;
		background-color:#F3F3F3;
}
p{
	font-size:15px;
}
h1, h2, h3, h4, h5, h6{
	font-weight:600;
}
strong, .bold {
	font-weight:700;
}
a {
	color:#293134;
}
ul{
margin:0;
padding:0;
}
ul li {
list-style:none;
}
a, button, input, span {
outline:0;
}
a:hover {
    color: #6007C1;
	text-decoration:none;
}
a:focus, input:focus, button:focus {
	outline:0;
}
a, button, .btn{
	transition: all 0.2s ease-out 0s;
	-webkit-transition: all 0.2s ease-out 0s;
}
a:focus, button:focus, .form-control:focus, .page-link:focus	{
	outline:none;
	box-shadow:none;
}

.btn{
	color:#6007C1;
	font-size:16px;
	padding:11px 24px;
	line-height:1;
	border-radius:30px;
	margin-top:15px;
	border-width: 2px;
}
.btn + .btn{
	margin-left:8px;
}
.btn-primary {
	border-color:#6007C1;
	background-color:#fff;
	color:#6007C1;
}
.btn-primary:hover {
	border-color:#6007C1;
	background-color:#6007C1;
	color:#fff;
}

.img-responsive{
	max-width:100%;
	display:inline-block;
}
.normal{
	font-weight:normal;
}
.medium{
	font-weight:700;
}
h1 {
	font-size:1.5rem;
}
h2 {
	font-size:1.125rem;
}
h3 {
	font-size:1.25rem;
}
h4 {
	font-size:1.125rem;
}

/***************************************** header css ******************************************/
.side-nav{
	background-color:#fff;
	color:#818E94;
	width: 100px;
	min-height:100vh;
	left:0;
	top:0;
	box-shadow: 10px 4px 13px #0000000D;
	text-align: center;
	    padding: 30px 0;
		z-index:5;
		position:fixed;
}
.header {
	background-color:#fff;
}

.menu-bar{
	background-image: url(images/icon-menu.svg);
	width: 20px;
  height: 13px;
  display:inline-block;
  margin-bottom:70px;
}
.navbar-brand{
	padding:0;
}
.search-bl .form-control {
border:none;
border-bottom:1px solid rgba(112,112,112,.5);
border-radius:0;
font-size:12px;
background-color:#fff;
}
.search-bl{
position:relative;
margin-top:24px;
}
.icon{
background-position:center;
background-repeat:no-repeat;
}
.icon-search{
background-image:url(images/icon-magnify.svg);
width:21px;
height:21px;
display:inline-block;
position:absolute;
left: 0;
}
.search-bl .form-control {
	padding-left:30px;
}
.search-bl .icon{
top:2px;
}

.navbar-nav > li{
	padding:10px 0;
	margin:10px 0;
	border-left:4px solid transparent;
	border-right:4px solid transparent;
}
.navbar-nav > li.active{
	border-left-color: #6007C1;
}
.navbar-nav > li > a {
	display:block;
	line-height:1;
	padding:0 18px;
	font-weight:400;
}
.navbar-nav > li > a span {
	display:block;
	font-size:9px;
}
.navbar-nav > li i {
	background-repeat:no-repeat;
	background-position:left center;
	display:inline-block;
	margin-bottom:8px;
	width:22px;
	height:22px;
}
.navbar-nav > li.active i {
	background-position:right center;
}
.icon-dashboard{
	background-image:url(images/icon-dashboard.svg);
}
.icon-offers{
	background-image:url(images/icon-clipboard.svg);
}
.icon-account{
	background-image:url(images/icon-account.svg);
}
.icon-notify{
	background-image:url(images/icon-notify.svg);
}
.icon-reports{
	background-image:url(images/icon-statistics.svg);
}
.icon-tools{
	background-image:url(images/icon-clipboard.svg);
}
.header-right{
	display:flex;
}

.header-right .right-nav{
display:flex;
padding:0;
    align-items: center;
	margin:0;
}
.header-right .right-nav li{
list-style:none;
}

.side-content{
	padding:30px 20px;
}


.right-nav li a {
	font-size:12px;
	color:#818E94;
	font-weight:normal;
}
.user-avatar{
border-radius:50%;
padding:0;
overflow:hidden;
display:inline-block;
}
.right-nav li {
	padding:0 20px;
}

.user-profile {
box-shadow: -1px 0px 2px #0000000D;
padding:20px !important;
}

.card{
	padding:30px;
	margin-bottom:30px;
	border:none;
	box-shadow: 1px 1px 2px #00000005;
	width:100%;
	border-radius: 4px;
}
.card-body{
	padding:30px;
}
h3, .h3 {
font-size:18px;
}
.figure{
	color:#6007C1;
	font-size:4.5rem;
	line-height:1;
	font-weight:600;
	margin-bottom:20px;
}
.card-data{
	display:flex;
	padding:20px 0;
}
.page-title{
	margin-bottom:25px;
}
.card .data-dt {
    flex-direction: column;
    justify-content: space-between;
	padding-right:6px;
	display:flex;
	-webkit-box-flex: 0;
    -ms-flex: 0 0 40%;
    flex: 0 0 40%;
    max-width: 40%;
}
.card .data-figure.data-dt{
	-webkit-box-flex: 0;
    -ms-flex: 0 0 60%;
    flex: 0 0 60%;
    max-width: 60%;
}
.card .data-dt .data-title{
	margin:15px 0 0 ;
}
.card .card-title {
	font-size:19px;
	margin:0;
	color:#2D2F39;
}
.card .card-header{
	padding:30px;
	background-color:#fff;
	border-bottom:2px solid rgba(129,142,148,.05);
	display:flex;
	align-items:center;
	justify-content:space-between;
}
.link-blue{
	    color: #6007C1;
}
.item-lists li{
list-style:none;
display:flex;
    align-items: center;
padding:28px 30px;
}
.item-lists li + li {
border-top:2px solid rgba(129,142,148,.05);	
}
.item-lists li .item-thumb{
display: inline-block;
margin-right:30px;
border: 1px solid #707070;
}
.li-content .li-title{
	color:#6007C1;
	margin-bottom:8px;
	    display: inline-block;
		text-decoration:underline;
		font-size:18px;
		font-weight:600;
}
.li-content .li-title a{
display: inline-block;
		text-decoration:underline;
		color:#6007C1;
}
.li-content .li-title a:hover {
	text-decoration:none;
}
.li-content span {
	display:block;
	color: #818E94;
	opacity: 0.58;
	font-weight:300;
}
.view-more-bl{
	box-shadow: 1px 1px 2px #00000005;
	background: rgba(232,232,232,.13);
	padding:22px;
	text-align:center;
	display:block;	
	font-weight:600;
}

footer {
	background-color:#6007C1;
	padding:18px;
	color:#fff;
	font-weight:400;
	display:flex;
	align-items:center;
	justify-content:center
}

.dropdown-toggle::after{
	display:none;
}
.dropdown-menu {
box-shadow: 0px 6px 12px #CECECE99;
border-radius: 4px;
padding:10px 20px;
width:220px;
z-index:50;
border:none;
border: 1px solid #E4E4EC;
margin:0;
}
.navbar-nav .dropdown-menu{
    margin-left: 75px;
	margin-top:-30px;
}
.dropdown-menu  li a {
	color: #808D93;
	font-size: 15px;
	font-weight:400;
}
.dropdown-menu  li{
	padding:10px 0;
}
.dropdown-menu  li a:hover{
	color:#6007C1;
}
.push-note{
	position:absolute;
	background-color:#6007C1;
	font-size:8px;
	border-radius:6px;
	padding:2px 4px 1px;
	display:inline-block;
	color:#fff;
	text-align:center;
	margin:5px 10px;
}
.form-control:focus{
border-color:inherit;
}

.mob-profile {
	display:flex;
	margin-left:28px;
	padding-bottom:40px;
	align-items:center;
}
.mob-profile .user-links{
	margin:0;
	margin-left:30px;
	padding:0;
	
}
.mob-profile .user-links li {
	list-style:none;
	padding:5px  0;
	font-weight:400;
}
.mob-profile .user-links li a {
	color:#818E94;
}
.mobile-menu-btm li a{
	color:#818E94;
	font-size:16px;
	font-weight:normal;
}
.mobile-menu-btm li{
	padding:14px 0;
}
.mobile-menu-btm {
    margin-left: 28px;
	padding-top:20px;
}

.mb50{
	margin-bottom:50px !Important;
}
.heading1{
	font-size:1.6875rem;
	font-family: 'Montserrat', sans-serif;
	margin:0;
	color:#000;
}

.text-blue{
	color:#6F15D1;
}

.table td{
	border:none;
}
.icon-sort{
background-image:url(images/icon-sort.svg);
width:21px;
height:21px;
display:inline-block;
}

.icon-others{
	background-image:url(images/icon-dots.svg);
width:24px;
height:8px;
display:inline-block;
}
.tootls a.dropdown-toggle {
	padding:0;
}
.v-h-center{
	-webkit-box-align: center!important;
	-ms-flex-align: center!important;
	align-items: center!important;
	display: -webkit-box!important;
	display: -ms-flexbox!important;
	display: flex!important;
	-webkit-box-pack: center!important;
	-ms-flex-pack: center!important;
	justify-content: center!important;
}
.v-center{
	display: -webkit-box!important;
	display: -ms-flexbox!important;
	display: flex!important;
	-webkit-box-align: center!important;
	-ms-flex-align: center!important;
	align-items: center!important;
}

.tootls .dropdown + .dropdown{
	margin-left:40px;
}

.grey-small{
	color: #818E94;
	font-size:11px;
	font-weight:400;
}
.panel{
	box-shadow: 0px 0px 13px #706BA20D;
	border: 1px solid #F8F9FC;
	background-color:#fff;
}
.page-title.style2 {
	color:#6D6D6D;
	font-weight:400;
	margin-bottom:0;
}
table.data-table td, table.data-table th, table.data-table{
border:none;
}
table.data-table{
font-family: 'Roboto', sans-serif;
font-weight:500;
}
table.data-table th {
	border-bottom:1px solid rgba(111,21,209,0.21);
	font-size:18px;
	padding:30px 30px 15px;
	    color: #707070;
	vertical-align: bottom;
}
table.data-table .item-thumb{
	    display: inline-block;
	max-width:60px;
}
table.data-table td{
	font-size:16px;
	padding:15px 30px;
	vertical-align: bottom;
}
table.data-table td .item-id {
	font-size:14px;
	color:#666674;
}
table.data-table td:last-child, table.data-table th:last-child {
	text-align:center;
}
.item-links a {
	text-decoration:underline;
}
table.data-table tr + tr td {
	border-top: 1px dashed rgba(167,167,167,.5);
}
table.data-table tr:first-child td{
	padding-top:25px;
}

.block-between{
	    -webkit-box-pack: justify!important;
    -ms-flex-pack: justify!important;
    justify-content: space-between!important;
	    display: -webkit-box!important;
    display: -ms-flexbox!important;
    display: flex!important;
	    -webkit-box-align: center!important;
    -ms-flex-align: center!important;
    align-items: center!important;
}
.panle-footer{
	padding:30px;
}
.pagination-block .page-link{
border: none;
    line-height: 1;
    color: #575962;
    margin-right: 2px;
    border-radius: 50% !Important;
    font-weight: 400;
    width: 30px;
    height: 30px;
    padding: 0;
    display: flex;
    align-items: center;
    justify-content: center;
}
.page-item.active .page-link{
	background-color: #6007C1;
	border-color:#6007C1;
	
}
.pagination-block .page-link .icon-others{
	background-size: 16px;
}

.select-area .selectize-input.full{
    padding: 3px 16px;
    background-color: #EBE9F2;
    border-radius: 13px;
}


.select-area {
    line-height: 1;
	    width: 140px;
}
.page-records{
	color: #818E94;
    font-size: 13px;
    font-weight: 400;
	margin-left:30px;
}
.data-table th .select-area{
	margin-left:15px;
}

.pagination-block{
    margin-left: 124px;
}
.icon-refresh{
background-image:url(images/icon-refresh.svg);
width:21px;
height:21px;
display:inline-block;
background-repeat:no-repeat;
}
.btn-refresh{
margin-right:35px;
}
.panel-footer{
	padding:30px;
}

.data-table{
min-width:920px;
}


.card-header .selectize-input > *{
	font-weight:600;
}

.select-row {
	display:block;
}
.select-row .select-area {
    display: inline-block;
	margin:5px 10px 0 0;
}


.data-bl{
	padding:30px 25px 25px;
}
.panel-footer .select-area{
	width:auto;
	min-width:80px;
}
.data-bl .data-title:last-child {
	margin-bottom:0;
}
.data-bl .data-title{
	margin-bottom:20px;
}

/* offers detail */
.form-bl{
	position:relative;
}
.form-control{
	border-radius:15px;
	background-color:#ebe9f2;
	border-color:#ebe9f2;
	    padding: 9px 15px;
	    font-size: 0.875rem;
}
.form-control:focus{
	background-color:#ebe9f2;
	border-color:#ebe9f2;
}
.form-bl .icon-refresh{
	    display: inline-block;
    position: absolute;
    right: 10px;
    top: 8px;
}

/* checkbox css */
.label-bl {
  display: block;
  position: relative;
  padding-left: 30px;
  margin-bottom: 15px;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

/* Hide the browser's default checkbox */
.label-bl input {
  position: absolute;
  opacity: 0;
  cursor: pointer;
  height: 0;
  width: 0;
}

/* Create a custom checkbox */
.checkmark {
	position: absolute;
	top: 0;
	left: 0;
	height: 22px;
	width: 22px;
	border:1.5px solid #707070;
	border-radius:4px;
	    background-color: #fff;
}

/* On mouse-over, add a grey background color */
.label-bl:hover input ~ .checkmark {
  background-color: #fff;
}

/* When the checkbox is checked, add a blue background */
.label-bl input:checked ~ .checkmark {
  background-color: #fff;
  border-color:#707070;

}

/* Create the checkmark/indicator (hidden when not checked) */
.checkmark:after {
  content: "";
  position: absolute;
  display: none;
}

/* Show the checkmark when checked */
.label-bl input:checked ~ .checkmark:after {
  display: block;
}

/* Style the checkmark/indicator */
.label-bl .checkmark:after {
    left: 7px;
	top: 3px;
	width: 6px;
    height: 10px;
    border: solid #707070;
    border-width: 0 2px 2px 0;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
}

.lb-title{
display:block;	
font-size:1rem;
}

.divider {
	margin-bottom:25px;
	padding-top:25px;
    border-bottom: 1px solid rgba(111,21,209,0.21);
}
.form-bl .btn + .btn {
    margin-left: 0;
}
.form-bl .btn {
	margin-right:15px;
}
.rad5{
	border-radius:5px;
}
.affiliate-bl{
	
}

.btn-secondary{
	border-color: #6007C1;
	background-color: #6007C1;
	color: #fff;
}
.affiliate-bl{
	padding-right:110px;
	position:relative;
}
.affiliate-bl .btn-add{
	position:absolute;
	top:0;
	margin-top:0;
	right:0;
	margin-right:0;
}
.grey-normal{
	color:#7B7272;
	font-weight:normal;
}
table.data-table.table-darkth th{
	    border-color: #6007C1;
    background-color: #6007C1;
	color:#fff;
	padding-top:15px;
}
table.data-table.table-darkth td{
	vertical-align: top;
}

.share-link .icon {
	width:45px;
	height:45px;
	display:inline-block;
	background-size:43px;
}
.share-link .icon + .icon{
	margin-left:5px;
}
.icon {
	background-repeat:no-repeat;
	background-position:center;
}
.share-link .icon-twitter{
	background-image:url(images/icon-twitter.svg);
}
.share-link .icon-mail{
	background-image:url(images/icon-mail.svg);
}
.form-bl .label-bl{
	margin-top:10px;
	margin-bottom:0;
}

.col5-md-2{
    position: relative;
    width: 100%;
    min-height: 1px;
    padding-right: 15px;
    padding-left: 15px;
}

.heading2{
	font-size:1.5rem;
	font-weight: 400;
}
.user-info .us-info{
display:block;
padding:2px 0;
    font-size: 18px;
    font-weight: normal;
}
.icon-edit{
	background-image:url(images/icon-edit.svg);
	    width: 24px;
    height: 24px;
    display: inline-block;
    background-size: 24px;
}
.btn-icon{
	border-color: #6007C1;
    background-color: #fff;
	padding: 10px 15px;
	border-radius:6px;
}
.btn-icon:hover{
	background-color:#eee;
}
.user-act {
    position: absolute;
    right: 15px;
    top: 15px;
}
.user-act .btn + .btn {
	margin-left: 30px;
}
.report-li{
font-size:18px;
font-weight:400;
line-height:1.8;
}
.activ-info{
	padding-bottom:15px;
}
.activ-info{
	padding-bottom:15px;
	font-size:18px;
	font-weight:400;
}
address{
	font-size:18px;
	font-weight:400;
	line-height:1.8;
}
.bil-figure{
	font-size:2rem;
	font-weight:400;
	line-height:1.5;
}
.bl-label{
	font-weight:normal;
	padding-bottom:15px;
	padding-top:15px;
}
table.data-table.table-darkth td {
    border-top: 1px solid rgba(167,167,167,.5);
}
table.table td a {
	text-decoration:underline;
}
table.table-default td {
	font-weight:normal;
	
}
.table-title{
display:flex;
justify-content:space-between;
align-items: center;
}
table.table-default td {
    border-top: 1px solid rgba(167,167,167,.5);
}
table.table-default th {
	border-width:1px;
}
table.table-default td strong {
	font-weight:600;
}
.two-col td {
width:50%;
}

.form-fields .form-control {
	margin-bottom:25px;
}
 .form-fields .select-area {
    margin-bottom: 22px;
}
.form-fields .btn-save{
	max-width:190px;
}
.form-fields .select-area .selectize-input.full {
    padding: 11px 15px 10px;
    font-size: 0.875rem;
}
.select-area.full {
	width:100%
}
.form-fields .selectize-control.single .selectize-input::after{
	top:18px;
}