@import url('https://fonts.googleapis.com/css?family=Poppins:100,200,300,400,500,600,700');
@import url('https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Open+Sans:ital,wght@0,300;0,400;0,500;0,600;0,700;0,800;1,300;1,400;1,500;1,600;1,700;1,800&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Source+Code+Pro:wght@400&display=swap');

body {
	font-size: 13px;
	font-family: 'Poppins', sans-serif;
	background: #ffffff;
	scroll-behavior: smooth;
	font-weight: 400;
}

.info-box-text {
	white-space: normal!important;
}

.error {
	color: red;
	border: 0;
	background: 0;
	padding: 0;
	margin-bottom: 10px;
}

.disabled-bt {
	background:#e1e1e1!important;
	background-color:#e1e1e1!important;
	border-color:#e1e1e1!important;
	color:#787878!important;
	cursor:default!important;
}

.disabled-box-info-title {
	margin-bottom: 10!important;
	border: none!important;
	padding-bottom: 0!important;
}

.main-color-text-admin {
	color: #202223!important;
}

.video-iframe iframe {
	width: 100%;
	height: 200px;
}

.icon-link {
	color: #6d7175!important;
}

.float-right-link {
	float: right;
	display: block;
	position: relative;
	margin-top: 10px;
	margin-right: 2px;
}

.icon-link:hover {
	color: #8f9397!important;
}

.modal-title {
	color: var(--main)!important;
	font-family: 'Poppins',sans-serif;
}

.output-open {
	cursor: pointer;
}

.output-log {
	display: none;
	background: #f6f6f7;
	font-family: 'Source Code Pro'!important;
	font-size: 13px!important;
	padding: 20px!important;
	margin-top: 20px!important;
	position: relative!important;
	border-radius: 8px!important;
}

.output-log-recharge {
	display: none;
	border: 1px solid #f6f6f7;
	font-family: 'Poppins'!important;
	font-size: 13px!important;
	padding: 16px!important;
	margin-top: 14px!important;
	position: relative!important;
	border-radius: 4px!important;
	overflow-wrap: anywhere!important;
}

.test-settings {
	border: 2px solid #f6f6f7;
	font-family: 'Poppins'!important;
	font-size: 13px!important;
	padding: 20px!important;
	margin-bottom: 20px!important;
	position: relative!important;
	border-radius: 4px!important;
}

#add-x-days, #move-x-days {
	display: none;
}

@media screen and (min-width: 1170px) {
	.row, .col-md-12, .box, .box-info, .dataTables_wrapper, .form-inline, .dt-bootstrap, .no-footer {
		overflow: hidden!important;
	}
}

.content, .content-wrapper {
	background: #f6f6f7;
}

.form-group {
	width: 100%;
}

.content-wrapper {
	padding-top: 66px!important;
	position: relative;
	padding-left: 20px;
	padding-right: 20px;
	padding-bottom: 40px;
}

select.form-control {
	padding-top: 2px;
}

.navbar-nav>.user-menu .user-image {
	width: 40px;
	height: 40px;
}

.hidden-xs {
	position: relative!important;
	color: #94989d;
	line-height: 30px;
	width: 30px;
	height: 30px;
	top: -14.5px;
	left: -3.5px;
	text-transform: uppercase;
	font-weight: 500;
}

h3 {
	font-family:'Poppins',sans-serif;
	font-weight: 700;
	height: 20px!important;
	margin-top: -10px!important;
	margin-bottom: -10px!important;
}

.callout, .callout-success {
	background: #14e4a7!important;
	background-color: #14e4a7!important;
}

.success-green {
	color: #198754!important;
}

.error-red {
	color: #dc3545!important;
}

.green-success-box {
	background: #198754!important;
	color: #ffffff!important;
	padding: 5px 8px!important;
	font-size: 12px!important;
	border-radius: 100%!important;
	position: absolute!important;
	right: 25px!important;
	top: calc(50% - 14px)!important;
}

.red-error-box {
	background: #dc3545!important;
	color: #ffffff!important;
	padding: 5px 8px!important;
	font-size: 12px!important;
	border-radius: 100%!important;
	position: absolute!important;
	right: 25px!important;
	top: calc(50% - 14px)!important;
}

.blue-pending-box {
	background: var(--main)!important;
	color: #ffffff!important;
	padding: 5px 8px!important;
	font-size: 12px!important;
	border-radius: 100%!important;
	position: absolute!important;
	right: 25px!important;
	top: calc(50% - 14px)!important;
}

.grey-cancel-box {
	background: #f6f6f7!important;
	color: #979797!important;
	padding: 6px 9px!important;
	font-size: 12px!important;
	border-radius: 100%!important;
	position: absolute!important;
	right: 25px!important;
	top: calc(50% - 14px)!important;
}

.dropdown-toggle {
	margin-top: 0px;
	background-color: #e4e5e7!important;
	border-radius: 30px!important;
	height: 30px!important;
	width: 30px!important;
	position: fixed!important;
	right: 14px;
	top: 14px;
	color: #94989d;
	display: table-cell!important;
	vertical-align: middle;
	align-items: center;
	text-align: center;
}

.btn-success {
	background: var(--main)!important;
	border: none!important;
	padding: 12px 20px 12px 20px;
	width: 100%;
}

.login-logo {
	font-size: 20px;
}
.login-logo b {
	font-size: 28px;
}

.content-header>h1,
.content-header .content-header-left h1 {
	font-family: 'Poppins', sans-serif;
}
.main-header .logo {
	text-align: left;
}
.main-header .logo .logo-lg {
	font-family: 'Poppins', sans-serif;
	font-size: 12px;
}

.sidebar-mini.sidebar-collapse .main-header .logo>.logo-mini {
	margin-left: 0;
}

.info-box-number {
    font-size: 34px;
}

.garment-label-heading {
    text-align: left;
    font-weight: bold;
    background: #eee;
    padding: 10px 15px;
    border-radius: 4px;
}

.garment-label {
    color: #202223;
    display: block;
    margin-top: 10px;
    font-weight: bold;
}

.dropdown-menu {
    min-width: auto;
}

.disable-click {
    pointer-events: none!important;
}

.content-header-title {
    position: relative;
		padding: 0!important;
		margin: 0!important;
		padding-bottom: 20px!important;
		width: 100%!important;
		display: block!important;
		border-bottom: 1px solid #e1e3e5!important;
		margin-bottom: 30px!important;
		font-size: 20px!important;
		font-family: 'Poppins',sans-serif;
		font-weight: 500;
}

.sidebar-menu li.active>a>.pull-right-container>.fa-angle-left {
    -webkit-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    -o-transform: rotate(90deg);
    transform: rotate(90deg);
}

.sidebar-menu li>a>.pull-right-container>.fa-angle-left:before {
    content: "\f105";
}

h4.modal-title {
    color: #202223;
    font-weight: bold;
}

.rTable {
    display: table;
    width: 100%;
    border: 1px solid #999999;
}
.rTableRow {
    display: table-row;
}
.rTableHeading {
    display: table-header-group;
    background-color: #e1e3e5;
}
.rTableHead {width: 40%;}
.rTableCell, .rTableHead {
    display: table-cell;
    padding: 3px 10px;
    border: 1px solid #999999;
}
.rTableHeading {
    display: table-header-group;
    background-color: #e1e3e5;
    font-weight: bold;
}
.rTableFoot {
    display: table-footer-group;
    font-weight: bold;
    background-color: #e1e3e5;
}
.rTableBody {
    display: table-row-group;
}

.content-header {
	overflow: hidden;
}
.content-header .content-header-left {
	float: left;
	padding-top: 5px;
}
.content-header .content-header-right {
	float: right;
}
.content-header .content-header-left h1 {
	margin-top: 0;
	margin-bottom: 0;
	font-size: 18px;
	position: relative;
	font-weight: 500;
}

.content-header .content-header-right a {
	position: relative;
	/*padding-left: 24px;*/
	font-size: 14px;
}
.content-header .content-header-right a:before {
    /*position: absolute;
    top: 4px;
    left: 5px;
    font-family: 'FontAwesome', sans-serif;
    font-size: 16px;
    content: '\f067';*/
}

.checkbox-inline {
	padding-top: 0!important;
}
.checkbox-content {
	float: left;
	border: 1px solid #aaa;
	margin-right: 5px;
	margin-bottom: 5px;
	padding-left: 5px;
	padding-right: 5px;
	padding-bottom: 3px;
}

.checkbox-content.role-access {
	float: none;
	border: 0;
}

.website-hide-button {
	position:absolute;
	background:transparent;
	z-index:9999;
	width: 206px;
	height: 36px;
	left:16px;
	border-radius:4px;
	display: none;
	cursor: pointer;
}

.no-select {
		-webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.website-title-admin {
	margin-left: 16px;
	margin-right: 16px;
	padding: 8px 15px 7px 15px;
	height: 36px;
	border: 1px solid #babfc3;
	border-radius: 4px;
	font-weight: 600;
	margin-bottom: 14px;
	box-shadow: 0px 1px 1px rgba(0,0,0,.1);
	cursor: pointer;
}

.website-title-admin:hover {
	background: #f1f2f3;
}

.website-title-admin-hover {
	background: #f1f2f3;
}

.li-separate {
	height: 1px;
	margin-left: 25px;
	margin-right: 25px;
	background: #e1e3e5;
	margin-top: 14px;
	margin-bottom: 18px;
}

.sidebar-menu-title-container {
	margin-top: -4px;
	padding-left: 25px;
	padding-right: 25px;
	padding-top: 8px;
	padding-bottom: 8px;
	margin-bottom: 4px;
	cursor: pointer;
	width: 100%;
}

.sidebar-menu-title-container:hover {
	background: #edeeef;
}

.sidebar-menu-title {
	font-size: 12px;
	color: #6d7175;
	font-weight: 500;
	display: block;
}

.sidebar-menu-title i {
	margin-right: 6px;
	top: -1px;
	position: relative;
}

.website-title-admin span {
	float: left;
}

.website-title-external {
	float: right!important;
}

.main-sidebar {
		top: 54px;
		width: 100%;
		display: block;
		z-index: 9998;
}

.sidebar {
		padding-top: 18px;
		padding-bottom: 18px;
		width: 100%;
}

.sidebar-menu {
		padding-right: 4px;
}

.skin-blue .sidebar-menu>li:hover>a, .skin-blue .sidebar-menu>li.active>a {
    background: #edeeef!important;
    border-left: 3px solid #32324b!important;
		cursor: pointer;
}

.sidebar-menu>li.active>a {
		color: #32324b!important;
}

.sidebar-menu>li>a {
    padding: 8px 22px 8px 22px!important;
    display: block;
}

.sidebar-menu>li>a>i {
		font-size: 16px;
		top: 1px;
		margin-right: 4px;
}

.sidebar-menu>li>a {
		border-left: 3px solid transparent;
}

.sidebar-menu li, .sidebar-menu a {
		color: #202223!important;
		font-weight: 600!important;
}

.sidebar, .sidebar-menu, .main-sidebar {
		background: #f6f6f7!important;
}

.pt10 {
	padding-top: 10px;
}
.pt20 {
	padding-top: 20px;
}
.ml10 {
	margin-left: 10px;
}

img.existing-photo {
	max-width: 500px;
}

.slimScrollBar {
	background: none repeat scroll 0 0 #bbbbbc !important;
	border-radius: 0;
	display: none;
	height: 385px;
	position: absolute;
	right: 4px!important;
	top: 145px;
	width: 3px!important;
	z-index: 99;
	opacity:0.7!important;
}

.seo-info {
	font-family: 'Cairo', sans-serif;
	color: red;
	font-weight: 700;
	font-size: 16px;
	background: #e4e4e4;
	padding:  15px;
}

.skin-blue .main-header .logo,
.skin-blue .main-header .logo:hover,
.skin-blue .main-header .navbar,
.skin-blue .main-header .navbar .sidebar-toggle:hover {
	background-color: transparent!important;
}

.sidebar-toggle {
	color: #8c9196!important;
	position: absolute!important;
	top: -1px!important;
	left: 126px!important;
	display: inline-block!important;
	margin: 0!important;
	padding: 0!important;
	z-index: 9999!important;
	font-size: 16px!important;
}

@media screen and (min-width: 768px) {
	.sidebar-toggle {
		display:none!important;
	}
}

.navbar, .main-header {
	background: #ffffff!important;
}

.logo {
	background: transparent!important;
}

.main-header {
	height: 56px!important;
	line-height: 58px!important;
	box-shadow: 0px 0px 4px rgba(0,0,0,0.25);
	z-index: 9999;
}

.main-sidebar, .content-header {
}

.main-header-save-box {
	position: fixed;
	top: 0; left: 0;
	width: 100vw!important;
	height: 56px!important;
	line-height: 58px!important;
	z-index: 9999;
	background: #212023;
	padding: 0px 15px;
}

.main-sidebar {
	width: 240px;
	border-right: 1px solid #e1e3e5;
	padding: 0;
}

.admin-menu {
	width: 100%;
	display: block;
}

.skin-blue .admin-menu>li:hover>a, .skin-blue .admin-menu>li.active>a {
	background-color: #f6f6f7;
	border-left: 4px solid #32324b;
	height: 26px!important;
}

.admin-menu>li {
	height: 26px!important;
	padding: 0!important;
	margin-bottom: 5px;
	margin-top: 5px;
	display: block;
	vertical-align: middle;
	align-items: center;
	background: yellow;
	line-height: 26px!important;
	position: relative;
	border-left: 4px solid transparent;
	width: 100%;
}

.admin-menu>li>a {
	display: block;
	width: 90%;
	position: relative;
	top: -4px;
}

.nav-tabs-custom>.nav-tabs>li.active {
	border-top-color: var(--main);
}

.box, .box-info {
	border: none!important;
	box-shadow: none!important;
	margin-bottom: 24px!important;
	position: relative;
}

.button-block {
	background :#32324b;
	color: #ffffff;
	border-radius: 4px;
	padding: 30px 0px 30px 0px;
	font-family: 'Open Sans',sans-serif!important;
	font-size: 14px!important;
	box-shadow: 0px 1px 0px #141032;
	border:0;
	outline: 0;
	cursor: pointer;
	position: relative;
	text-align: center;
	font-weight: 600;
	width: 100%;
	margin-top: 20px;
	margin-bottom: 20px;
}

.button {
	background :#32324b;
	border-radius: 4px;
	margin: 1px;
	padding: 10px 20px 10px 20px;
	float: right;
	color: #ffffff;
	font-weight: 600;
	font-family: 'Open Sans',sans-serif!important;
	font-size: 14px!important;
	cursor: pointer;
	box-shadow: 0px 1px 0px #141032;
	border:0;
	outline: 0;
}

.button:hover, .button-block:hover {
	background: #27263d;
}

.button-primary {
	background :#32324b;
	border-radius: 4px;
	margin: 0px;
	padding: 10px 20px 10px 20px;
	color: #ffffff;
	font-weight: 600;
	font-family: 'Open Sans',sans-serif!important;
	font-size: 14px!important;
	cursor: pointer;
	box-shadow: 0px 1px 0px #141032;
	border:0;
	outline: 0;
}

.button-primary:hover {
	background: #27263d;
}

.button-primary-table {
	width: 100%;
	padding: 9px 20px 9px 20px;
	max-height: 40px;
	border: 0;
	position: relative;
	top: 5px;
}

.float-right-button {
	background :#32324b;
	border-radius: 4px;
	margin: 0px;
	padding: 10px 20px 10px 20px;
	float: right;
	color: #ffffff;
	font-weight: 600;
	font-family: 'Open Sans',sans-serif!important;
	font-size: 14px!important;
	cursor: pointer;
	box-shadow: 0px 1px 0px #141032;
	display: inline-block;
}

.float-right-button:hover {
	background: #27263d;
}

.add-button {
	background :#32324b;
	border-radius: 4px;
	width: 25px;
	height: 25px;
	margin: 1px;
	text-align: center;
	line-height: 25px;
	float: right;
	color: #ffffff;
	font-weight: 600;
	font-family: 'Open Sans',sans-serif!important;
	font-size: 14px!important;
	cursor: pointer;
	box-shadow: 0px 1px 0px #141032;
	top: 0px;
	position: relative;
}

.add-button:hover {
	background: #27263d;
}

.remove-button {
	background-color:#532626!important;
	border-color:#532626!important;
}

.header-h1-button-auto-width {
	padding-left: 10px;
	padding-right: 10px;
	width: auto;
}

.user-footer div {
	width: 100%;
}
.user-footer div {
	margin-bottom: 10px;
}
.user-footer div:last-child {
	margin-bottom: 0px;
}
.user-footer div a {
	display: block;
}

.navbar-nav>.user-menu>.dropdown-menu {
	width:  auto;
}
.navbar-nav>.user-menu>.dropdown-menu>.user-footer {
	background-color: #e4e5e7;
}

.dropdown-menu {
	position: relative!important;
	background: transparent!important;
	border: none!important;
}
.user-footer {
	background: #ffffff!important;
	padding: 10px 10px 20px 10px!important;
	box-shadow: 0px 0px 10px rgba(0,0,0,.1)!important;
	border-radius: 8px!important;
}

.websites-toggle {
 	display: none;
	position: relative;
	z-index: 9999;
	width: 207px;
	left: -16px;
	top: 32px;
}

@media screen and (min-width: 768px) {
	.dropdown-menu {
		top: 62px!important;
		margin-top: 2px!important;
		margin-bottom: 2px!important;
		right: 7px!important;
	}
}

.user-footer a {
		color: #202223!important;
		font-weight: 400;
		width: 100%;
		padding: 10px 16px 10px 16px;
		border-radius: 4px!important;
		margin: 0!important;
		line-height: 20px!important;
		margin-bottom: -10px!important;
}

.user-footer a:hover {
		background: #f6f6f7;
}

.user-footer a i {
		color: #5c5f62!important;
		font-size: 16px!important;
		margin-right: 6px!important;
		opacity: .75!important;
}

.content-header .content-header-right a {
	background-color: #333333;
	border-color: #333333;
}
.form-control:focus {
	border-color: #333333;
}

input, select, textarea {
	border: 1px solid #e1e3e5!important;
	border-radius: 4px!important;
	min-height: 40px!important;
	padding: 10px 12px 10px 12px!important;

}

img {
	max-width: 100%!important;
}

.login-page {
	background: #171717;
}

.login-button, .login-button:hover {
	background-color: var(--main)!important;
	border-color: transparent;
	width: 92%!important;
	height: 50px;
}

.login-box-body {
	padding: 30px;
}

iframe {
	/* width: 300px!important; */
}

.sidebar-menu .treeview-menu>li>a {
	font-size: 12px;
}

input,
textarea,
select {
	font-size: 13px!important;
}

.bg-g {
	background: #d3f9b4!important;
}

.bg-r {
	background: #f9cccc!important;
}

.box, .box-info {
		position: relative;
		padding: 10px;
		margin: 3px 0px 3px 0px;
		background: #ffffff!important;
		display: block!important;
		box-shadow: 0px 0px 3px rgba(0,0,0,.10)!important;
		border-radius: 8px;
}

.box-body {
		padding: 0!important;
		padding-left: 10px!important;
		padding-right: 10px!important;
}

.nav-tabs-custom {
		position: relative;
		padding: 0px 0px 10px 0px;
		margin: 3px 0px 3px 0px;
		background: #ffffff!important;
		display: block!important;
		box-shadow: 0px 0px 3px rgba(0,0,0,.10)!important;
		border-radius: 0;
		border-bottom-right-radius: 8px;
		border-bottom-left-radius: 8px;
}

.nav-tabs-custom .box, .nav-tabs-custom .box-info {
		box-shadow: none!important;
}

.control-label {
		font-weight: 400;
		position: relative;
		display: block;
}

.form-control {
		margin: 10px 0px 20px 0px;
}

.active {
		font-weight: 500!important;
}

.box-info-title {
		border-bottom: 1px solid #e1e3e5;
		width: calc(100% + 20px);
		left: -10px;
		position: relative;
		padding: 20px;
		display: block;
		font-size: 18px;
		font-weight: 500;
		margin-bottom: 20px;
}

.box-info-title-no-line {
		border-bottom: none;
		margin-bottom: 0px;
}

.font-size-20 {
		font-size: 20px;
}

.remove-icons-admin {
		position: absolute;
		right: 25px;
		top: 45px;
		width:20px;
		height:20px;
}

.remove-icon-autoswap {
		position: absolute;
		right: 5px;
		top: 5px;
		width:20px;
		height:20px;
}

.remove-icons-task {
		position: absolute;
		right: 60px;
		top: calc(50% - 12px);
		width: 20px;
		height: 20px;
}

.remove-task-logs-recharge {
		position: absolute;
		right: 25px;
		top: calc(50% - 12px);
		width: 20px;
		height: 20px;
}

.edit-icons-dashboard {
		position: absolute;
		right: 25px;
		top: 20px;
		width:20px;
		height:20px;
}

.edit-icons-admin {
		position: absolute;
		right: 55px;
		top: 46px;
		width:20px;
		height:20px;
}

.box-info-title span {
		position: relative;
		left: 5px;
		display: block;
		margin-bottom: 5px;
}

.box-info-title p {
		position: relative;
		left: 5px;
		width: 100%;
		margin: 0;
		pading: 0;
		font-size: 13px;
		font-family: 'Open Sans', sans-serif;
		color: #6d7175;
		font-weight: 400;
		margin-bottom: 5px;
}

.autoclose {
		position: relative;
		width: 100%;
		margin: 0;
		pading: 0;
		font-size: 13px;
		font-family: 'Open Sans', sans-serif;
		color: #6d7175;
		font-weight: 400;
		margin-top: -15px;
		margin-bottom: 25px;
}

.comment-title {
		display: block;
		font-weight: 600;
		width: 100%;
		padding-bottom: 10px;
		border-bottom: 1px solid #e7e7e7;
}

.attachment-file {
		background: #f2f2f2;
		border-radius: 4px;
		padding: 10px;
		font-size: 12px;
		margin: 0px 5px 0px 5px;
}

.comment {
		position: relative;
		width: 100%;
		margin: 0;
		pading: 0;
		font-size: 13px;
		font-family: 'Open Sans', sans-serif;
		color: #6d7175;
		font-weight: 400;
		margin-top: 15px;
}

.attached-files {
		position: relative;
		width: 100%;
		margin: 0;
		pading: 0;
		font-size: 13px;
		font-family: 'Open Sans', sans-serif;
		color: #6d7175;
		font-weight: 400;
		margin-top: 15px;
		text-align: right;
}


.modal-backdrop {
		display: none!important;
}

.modal-content {
		position: relative;
		top: 120px!important;
		left: 120px;
}

.modal-title {
		color: #333!important;
		font-size: 18px!important;
    font-weight: 500!important;
		font-family: 'Poppins',sans-serif!important;
}

.note-toolbar, .panel-heading {
		background: #f6f6f7!important;
}

.note-editor.note-frame {
		border: 1px solid #e1e3e5!important;
}

.note-video-btn, .note-link-btn, .note-image-btn {
		background: var(--main)!important;
		border-color: var(--main)!important;
}

label {
		font-family: 'Open Sans', sans-serif!important;
		font-size: 13px!important;
		font-weight: 500!important;
}

.tooltip-numbers {
	  float: right;
		top:-2px;
		position: relative;
		font-family:'Montserrat',sans-serif;
		background:#e4e5e7;
		border-radius: 30px;
		font-size: 10px;
		padding: 4px 10px 4px 10px;
}

.error-code {
		color: #FF9494;
		display: block;
		margin-bottom: 20px;
}

.table-striped>tbody>tr:nth-of-type(odd) {
		background: #fbfbfb!important;
}

.box-body .col-sm-1, .form-group .col-sm-2, .form-group .col-sm-3, .form-group .col-sm-4, .form-group .col-sm-5, .form-group .col-sm-6, .form-group .col-sm-7, .form-group .col-sm-8, .form-group .col-sm-9, .form-group .col-sm-10, .form-group .col-sm-11, .form-group .col-sm-12 {
		padding-left: 5px!important;
		padding-right: 5px!important;
}

.btn-xs, .pagination>.active>a, .pagination>.active>a:focus, .pagination>.active>a:hover, .pagination>.active>span, .pagination>.active>span:focus, .pagination>.active>span:hover {
		background: var(--main)!important;
		border-color: var(--main)!important;
}

.table-bordered>thead>tr>th, .table-bordered>tbody>tr>th, .table-bordered>tfoot>tr>th, .table-bordered>thead>tr>td, .table-bordered>tbody>tr>td, .table-bordered>tfoot>tr>td {
		border: 0px solid #f4f4f4!important;
}

.dataTables_paginate, .paging_simple_numbers, .dataTables_info {
		margin-top: 20px!important;
		margin-bottom: 20px!important;
}

table.table-bordered.dataTable {
		margin-top: 6px!important;
		border-radius: 8px!important;
		box-shadow: 0px 0px 3px rgba(0,0,0,.10)!important;
		border: 0px solid #f4f4f4!important;
		padding: 16px 20px 16px 20px!important;
		margin-left: 2px;
		margin-right: 2px;
		width: calc(100% - 4px)!important;
}

.table-bordered {
		background: #ffffff;
}

.table-bordered>thead>tr>th, .table-bordered>tbody>tr>th, .table-bordered>tfoot>tr>th, .table-bordered>thead>tr>td, .table-bordered>tbody>tr>td, .table-bordered>tfoot>tr>td {
		padding-top: 20px!important;
		padding-bottom: 20px!important;
}

select:invalid {
		color: gray;
}

.error {
		color: #FF9494!important;
		font-size: 14px!important;
		font-family: 'Poppins',sans-serif!important;
		font-weight: 400!important;
		margin-bottom: 20px!important;
}

.tooltip {
		font-size: 13px!important;
		font-family: 'Poppins',sans-serif!important;
}

.tooltip-inner {
		padding: 10px!important;
}

.table-responsive {
		padding:0!important;
}

.recurring-info {
	position: absolute;
	top: 100px;
	width: 300px;
	height: 50px;
	text-align: left;
}

.gender{
  display: block!important;
  width: 100%!important;
	min-width: 100%!important;
	position: relative;
	margin: 10px 0px 10px 0px!important;
	text-align: left;
}

.gender input {
	width:0;
	height:0;
	font-size:0;
	opacity:0;
}
.gender label{
  position: relative;
  margin: 10px 0px 10px 0px;
	display: block!important;
  width: 100%!important;
  justify-content: center;
  align-items: center;
  cursor: pointer;
}
.gender input{
  opacity: 0;
  position: absolute;
  left: 0;
  top: 0;
}
.gender label span{
  display: block;
  width: 100%;
  background: #fff;
  color: #9a9a9a;
  font-size: 13px;
	font-weight: 400;
  border-radius: 4px;
  padding: 12px 20px;
  min-width: 70px;
  transition: .05s;
	border: 1px solid #e7e7e7;
	font-family: 'Poppins',sans-serif;
	text-align: left;
}

.gender label:hover span, .gender label:hover span:before{
  border: 1px solid #b7b7b7;
}
.gender label span:before{
  content: '';
  position: absolute;
  width: 0px;
  height: 0px;
  border-radius: 0%;
  top: 50%;
  margin-top: -7px;
  left: 10px;
  border: 0;
	opacity: 0;
}
.gender input:checked ~ span{
  color: #ffffff;
	background: var(--main);
}

.background-top {
	position: absolute;
	top: 0;
	left: 0;
	width: 100vw;
	height: 100vh;
	background: url('../img/desktop-background.png');
	background-size: cover;
	background-repeat: no-repeat;
	z-index:-1;
}

.portal {
	position: absolute;
	top: 15vh;
	right: 0;
	width: 936px;
	height: 958px;
	background: url('../img/missile.png');
	background-size: cover;
	background-repeat: no-repeat;
	z-index:-1;
}

a.home-nav {
	color: #ffffff!important;
	opacity: 1;
	font-weight: 600!important;
	font-size: 16px!important;
	text-shadow: 0px 0px 5px rgba(0,0,0,.05)!important;
	margin: 14px;
	z-index: 9999;
	transition: all 0.15s;
}

a.home-nav:hover {
	color: #533553!important;
}

a.home-nav-login {
	color: #e74374!important;
	opacity: 1;
	font-weight: 600!important;
	font-size: 16px!important;
	margin: 14px;
	z-index: 9999;
	transition: all 0.15s;
	background: rgba(255,255,255,.85);
	border-radius: 8px;
	padding: 10px 14px 10px 14px;
	box-shadow: 0px 0px 5px rgba(0,0,0,.05)!important;
}

a.home-nav-login:hover {
	background: rgba(255,255,255,1);
}

* {
	scroll-behavior: smooth!important;
}

@media screen and (max-width: 1600px) {
	.portal {
		position: absolute;
		top: 40vh;
		right: -200px;
		width: 406px;
		height: 798px;
		background: url('../img/missile-phone.png');
		background-size: cover;
		background-repeat: no-repeat;
		opacity: .1;
	}
	#bonus {
		margin-top: 5px!important;
	}
	.background-top {
		background: url('../img/mobile-background.png')!important;
		background-size: contain!important;
		background-repeat: no-repeat!important;
	}
	#features {
		margin-top: 180px!important;
		position: relative;
	}
	.home-nav {
		display: none!important;
	}
	.header-nav {
		max-width: 90vw!important;
	}
	.missile-content {
		width: 90vw!important;
		max-width: 90vw!important;
		left: auto!important;
		right: auto!important;
		position: realtive!important;
		bottom: auto!important;
		margin-left: 0!important;
		top: 100px!important;
		text-align: center!important;
	}
	.missile-content h1 {
		font-size: 30px!important;
		line-height: 40px!important;
	}
}

@media screen and (max-width: 767px) {
	.background-top {
		background: url('../img/mobile-background.png');
	}
	.recurring-info {
		position: relative;
		top: auto;
		width: 100vw;
		margin-top: 10px;
		text-align: center;
	}
	.add-button {
			margin-right: 15px;
			margin-top: -4px;
	}
	.padding-left-right-10 {
		padding-left: 10px!important;
		padding-right: 10px!important;
	}
	.padding-left-right-15 {
		padding-left: 15px!important;
		padding-right: 15px!important;
	}
	.col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12 {
			padding-left: 0!important;
			padding-right: 0!important;
	}
	.navbar-static-top {
			top: -40px;
	}
	.user-footer a:hover {
			background: #f6f6f7!important;
	}
	.box, .box-info {
			padding: 10px 0px 10px 0px;
			border-radius: 0px;
	}
	.nav-tabs-custom {
			padding: 10px 0px 10px 0px;
			border-radius: 0px;
	}
	.content-wrapper {
			padding-left: 0;
			padding-right: 0;
	}
	.content-header-left {
			padding-left: 10px;
	}
	.main-sidebar {
			left: -10px;
			padding-left: 10px;
	}
	.content-header-title {
			text-align: center;
	}
	.button {
			float: none;
			width: calc(100% - 30px);
			text-align: center;
			left: 15px;
			position: relative;
	}
	.hidden-xs {
			display: inline-block!important;
			left: -14.5px!important;
	}
	.remove-icons-admin {
			right: 10px;
			top: 15px;
	}
	.edit-icons-admin {
			position: absolute;
			right: 40px;
			top: 16px;
	}
	.button {
			float: none!important;
			left: 0vw!important;
			width: 100vw!important;
			display: block!important;
			margin-bottom: 20px!important;
			margin-top: -24px!important;
			border-radius: 0!important;
	}
	.content-header-title {
			border-bottom: 0!important;
			padding-bottom: 0!important;
			margin-bottom: 24px!important;
	}
	.green-success-box, .red-error-box, .blue-pending-box, .grey-cancel-box {
			top: auto!important;
			bottom: 10px!important;
			right: 20px!important;
			z-index: 9999!important;
	}
	.remove-icons-task {
			top: 0px!important;
			right: 22px!important;
	}
	.no-results {
			border-top: 1px solid #e1e1e1;
			padding-top: 20px;
			text-align: center!important;
			width: 100%!important;
	}
	.remove-icon-autoswap {
			top: 3px!important;
	}
	.remove-icon-autoswap {
			top: 7px!important;
	}

}