/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */
html{line-height:1.15;-webkit-text-size-adjust:100%}body{margin:0}a{background-color:transparent}[hidden]{display:none}html{font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,Noto Sans,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol,Noto Color Emoji;line-height:1.5}*,:after,:before{box-sizing:border-box;border:0 solid #e2e8f0}a{color:inherit;text-decoration:inherit}svg,video{display:block;vertical-align:middle}video{max-width:100%;height:auto}.bg-white{--tw-bg-opacity: 1;background-color:rgb(255 255 255 / var(--tw-bg-opacity))}.bg-gray-100{--tw-bg-opacity: 1;background-color:rgb(243 244 246 / var(--tw-bg-opacity))}.border-gray-200{--tw-border-opacity: 1;border-color:rgb(229 231 235 / var(--tw-border-opacity))}.border-t{border-top-width:1px}.flex{display:flex}.grid{display:grid}.hidden{display:none}.items-center{align-items:center}.justify-center{justify-content:center}.font-semibold{font-weight:600}.h-5{height:1.25rem}.h-8{height:2rem}.h-16{height:4rem}.text-sm{font-size:.875rem}.text-lg{font-size:1.125rem}.leading-7{line-height:1.75rem}.mx-auto{margin-left:auto;margin-right:auto}.ml-1{margin-left:.25rem}.mt-2{margin-top:.5rem}.mr-2{margin-right:.5rem}.ml-2{margin-left:.5rem}.mt-4{margin-top:1rem}.ml-4{margin-left:1rem}.mt-8{margin-top:2rem}.ml-12{margin-left:3rem}.-mt-px{margin-top:-1px}.max-w-6xl{max-width:72rem}.min-h-screen{min-height:100vh}.overflow-hidden{overflow:hidden}.p-6{padding:1.5rem}.py-4{padding-top:1rem;padding-bottom:1rem}.px-6{padding-left:1.5rem;padding-right:1.5rem}.pt-8{padding-top:2rem}.fixed{position:fixed}.relative{position:relative}.top-0{top:0}.right-0{right:0}.shadow{--tw-shadow: 0 1px 3px 0 rgb(0 0 0 / .1), 0 1px 2px -1px rgb(0 0 0 / .1);--tw-shadow-colored: 0 1px 3px 0 var(--tw-shadow-color), 0 1px 2px -1px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.text-center{text-align:center}.text-gray-200{--tw-text-opacity: 1;color:rgb(229 231 235 / var(--tw-text-opacity))}.text-gray-300{--tw-text-opacity: 1;color:rgb(209 213 219 / var(--tw-text-opacity))}.text-gray-400{--tw-text-opacity: 1;color:rgb(156 163 175 / var(--tw-text-opacity))}.text-gray-500{--tw-text-opacity: 1;color:rgb(107 114 128 / var(--tw-text-opacity))}.text-gray-600{--tw-text-opacity: 1;color:rgb(75 85 99 / var(--tw-text-opacity))}.text-gray-700{--tw-text-opacity: 1;color:rgb(55 65 81 / var(--tw-text-opacity))}.text-gray-900{--tw-text-opacity: 1;color:rgb(17 24 39 / var(--tw-text-opacity))}.underline{text-decoration:underline}.antialiased{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.w-5{width:1.25rem}.w-8{width:2rem}.w-auto{width:auto}.grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))}@media (min-width:640px){.sm\:rounded-lg{border-radius:.5rem}.sm\:block{display:block}.sm\:items-center{align-items:center}.sm\:justify-start{justify-content:flex-start}.sm\:justify-between{justify-content:space-between}.sm\:h-20{height:5rem}.sm\:ml-0{margin-left:0}.sm\:px-6{padding-left:1.5rem;padding-right:1.5rem}.sm\:pt-0{padding-top:0}.sm\:text-left{text-align:left}.sm\:text-right{text-align:right}}@media (min-width:768px){.md\:border-t-0{border-top-width:0}.md\:border-l{border-left-width:1px}.md\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (min-width:1024px){.lg\:px-8{padding-left:2rem;padding-right:2rem}}@media (prefers-color-scheme:dark){.dark\:bg-gray-800{--tw-bg-opacity: 1;background-color:rgb(31 41 55 / var(--tw-bg-opacity))}.dark\:bg-gray-900{--tw-bg-opacity: 1;background-color:rgb(17 24 39 / var(--tw-bg-opacity))}.dark\:border-gray-700{--tw-border-opacity: 1;border-color:rgb(55 65 81 / var(--tw-border-opacity))}.dark\:text-white{--tw-text-opacity: 1;color:rgb(255 255 255 / var(--tw-text-opacity))}.dark\:text-gray-400{--tw-text-opacity: 1;color:rgb(156 163 175 / var(--tw-text-opacity))}.dark\:text-gray-500{--tw-text-opacity: 1;color:rgb(107 114 128 / var(--tw-text-opacity))}}
body {
	font-family: 'Nunito', sans-serif;
	background: #070d19;
}
h1.sign-in {
	font-size: 36px;
	line-height: 20px;
	margin: 0;
	color: #d0d6e1;
	text-align: left;
	width: 100%;
}
.blck-sign-in {
	width: 365px;
	overflow: hidden;
}
.blck-sign-in label {
	width: 100%;
	float:left;
	font-size: 15px;
	margin-bottom: 5px;
}
.blck-sign-in input {
	width: 100%;
	float: left;
	padding: 8px 8px;
	background: #eee;
	font-size: 14px;
	border-radius: 3px;
}
.blck-sign-in input:focus, 
.blck-sign-in input:active {
	border: none;
	box-shadow: none;
	outline: none;
}
.blck-sign-in .ml-12 {
	overflow: hidden;
	margin: 0;
}
button.sign-in-btn {
	background: none;
	color: #6571ff;
	margin-top: 10px;
	float: right;
	padding: 6px 10px;
	font-size: 14px;
	letter-spacing: 1px;
	cursor: pointer;
	border-radius: 3px;
	border: 1px solid #6571ff;
}
button.sign-in-btn:hover {
	transition-duration: 100ms;
	background: #6571ff;
}
button.sign-in-btn:active {
	background: none;
	color: #333;
}
button.sign-in-btn:hover > span {
	color: #fff;
}
button.sign-in-btn:active > span {
	color: #333;
}
button.sign-in-btn:hover > svg {
	color: #fff;
}
button.sign-in-btn:active > svg {
	color: #333;
}
button.sign-in-btn > svg {
	width: 17px;
	height: 17px;
	float: left;
	color: #6571ff;
	margin-top: 1px;
}
button.sign-in-btn > span {
	float: left;
	margin-left: 10px;
	color: #6571ff;
}
.sign-up-btn {
	background: none;
	color: #6571ff;
	margin-top: 10px;
	float: right;
	padding: 6px 10px;
	font-size: 14px;
	letter-spacing: 1px;
	cursor: pointer;
	border-radius: 3px;
	border: 1px solid #6571ff;
	margin-right: 10px;
}
.sign-up-btn:hover {
	transition-duration: 100ms;
	background: #6571ff;
}
.sign-up-btn:active {
	background: none;
	color: #333;
}
.sign-up-btn:hover > span {
	color: #fff;
}
.sign-up-btn:active > span {
	color: #333;
}
.sign-up-btn:hover > svg {
	color: #fff;
}
.sign-up-btn:active > svg {
	color: #6571ff;
}
.sign-up-btn > svg {
	width: 17px;
	height: 17px;
	float: left;
	color: #6571ff;
	margin-top: 1px;
}
.sign-up-btn > span {
	float: left;
	margin-left: 10px;
	color: #6571ff;
}
span.input-error {
	color: #f5673c;
	font-size: 14px;
}
form#sign-in-form, 
form#sign-up-form {
	position: relative;
	padding-top: 10px;
}
form#sign-in-form > span.input-error, 
form#sign-up-form > span.input-error {
	position: absolute;
	top: 10px;
	left: auto;
	width: 100%;
	text-align: center;
}
.top-vertex-bar {
	width: 100%;
	display: inline-block;
	border-bottom: 1px solid #a0a0a0;
}
.left-vertex-bar {
	width: 20%;
	float: left;
	padding: 10px 20px;
}
.right-vertex-bar {
	position: relative;
	width: 20%;
	float: right;
	padding: 10px 20px;
	min-height: 60px;
}
.wrapper {
	width: 100%;
	display: inline-block;
	background-color: rgb(17 24 39 / var(--tw-bg-opacity));
}
div.left-vertex-bar > a > h1.sign-in {
	font-size: 40px;
	line-height: 40px;
}
ul.rgt-popup-menu {
	position: absolute;
	top: 40px;
	right: 11px;
	max-width: 345px;
	list-style: none;
	padding-left: 0px;
	background: #17353c;
	border: 1px solid #a0a0a0;
	z-index: 2;
	display: none;
}
ul.rgt-popup-menu > li {
	padding: 8px 25px;
	color: #a0a0a0;
	overflow: hidden;
}
ul.rgt-popup-menu > li > a > svg {
	float: left;
	color: #a0a0a0;
	margin-top: 1px;
}
ul.rgt-popup-menu > li > a > span {
	float: left;
	margin-left: 10px;
	margin-top: -2px;
	text-transform: unset;
	font-size: 14px;
}
span.account-menu {
	float: right;
	display: block;
	margin: 5px 10px;
	cursor: pointer;
}
span.account-menu > svg {
	float: left;
	color: #dddddd;
}
.left-vertex-menu {
	width: 285px;
	height: 90vh;
	float: left;
	border-right: 1px solid #ffffff;
}
.wrap-content {
	position: relative;
	width: calc(100% - 295px);
	min-height: 650px;
	float: left;
	margin-left: 10px;
}
.left-vertex-menu > ul {
	list-style: none;
	padding-left: 20px;
}
.left-vertex-menu > ul > li {
	padding: 6px 10px;
	overflow: hidden;
}
.left-vertex-menu > ul > li > a {
	color: #3aa0c8;
}
.left-vertex-menu > ul > li > a:hover {
	color: #64c0e4;
}
.left-vertex-menu > ul > li > a > svg {
	width: 20px;
	height: 20px;
	float: left;
}
.left-vertex-menu > ul > li > a > span {
	float: left;
	margin-top: -2px;
	margin-left: 10px;
}
span.vertex-desc {
	width: 100%;
	display: inline-block;
	text-align: center;
	margin-top: 100px;
	color: #cad0db;
}
div.result-data {
	position: relative;
	width: 70%;
	display: block;
	padding: 20px;
	text-align: left;
	margin: 0 auto;
	margin-top: 150px;
}
form#import-form {
	position: relative;
	width: auto;
	display: inline-block;
	padding: 20px;
	text-align: left;
	margin-top: 150px;
	min-width: 550px;
	background: #0c1427;
	border: 1px solid #172340;
}
form#import-form > label {
	font-size: 16px;
	font-weight: 500;
	color: #cad0db;
}
div.import-row {
	padding: 20px 0px;
	overflow: hidden;
	padding-bottom: 5px;
}
div.certificate-row {
	padding: 20px 0px;
	overflow: hidden;
	padding-bottom: 5px;
}
div.upload-import-blk {
	position: relative;
	display: inline-block;
	padding: 6px 20px;
	border: 1px solid #6571ff;
	border-radius: 3px;
	cursor: pointer;
}
div.upload-import-blk:hover {
	background: #6571ff;
	border: 1px solid #6571ff;
}
div.upload-import-blk:active {
	background: #6571ff;
	border: 1px solid #6571ff;
}
div.upload-import-blk > svg {
	width:20px;
	height: 20px;
	float: left;
	color: #6571ff;
	cursor: pointer;
}
div.upload-import-blk > span {
	font-size: 14px;
	color: #6571ff;
	float: left;
	margin-left: 10px;
	cursor: pointer;
}
form#settings-form div.upload-import-blk, 
form#import-form div.upload-import-blk {
	border: 1px solid #fff;
}
form#settings-form div.upload-import-blk:hover, 
form#import-form div.upload-import-blk:hover {
	border: 1px solid #6571ff;
}
form#settings-form div.upload-import-blk > svg, 
form#import-form div.upload-import-blk > svg {
	color: #fff;
}
form#settings-form div.upload-import-blk > span, 
form#import-form div.upload-import-blk > span {
	color: #fff;
}
div.upload-import-blk:hover > svg {
	color: #fff;
}

div.upload-import-blk:hover > span {
	color: #fff;
}

div.upload-import-blk > input {
	position: absolute;
	left: 25px;
	opacity: 0;
	width: 100%;
	cursor: pointer;
}
.text-align-center {
	text-align: center;
}
button.import-btn, 
button.settings-btn {
	float: right;
	padding: 6px 20px;
	border-radius: 4px;
	background: #0c1427;
	color: #fff;
	border: 1px solid #fff;
	cursor: pointer;
	margin-right: 4px;
}
button.import-btn {
	background: #6571ff;
	border: 1px solid #6571ff;
	transition-duration: 100ms;
}
button.import-btn:hover, 
button.settings-btn:hover {
	background: #6571ff;
	border: 1px solid #6571ff;
	transition-duration: 100ms;
}
button.import-btn:hover {
	background: #717bfb;
}
button.import-btn:active, 
button.settings-btn:active {
	transition-duration: 200ms;
	box-shadow: 0px 0px 2px 5px #373a60;
}
button.import-btn:hover > svg, 
button.settings-btn:hover > svg {
	color: #fff;
}

button.import-btn:hover > span, 
button.settings-btn:hover > span {
	color: #fff;
}

button.import-btn > span, 
button.settings-btn > span {
	font-size: 14px;
	float: left;
	margin-left: 10px;
}
button.import-btn > svg, 
button.settings-btn > svg {
	width:20px;
	height: 20px;
	float: left;
	color: #fff;
}
div.success {
	position: absolute;
	left: 0;
	top: -10px;
	width: 100%;
	padding: 6px 20px;
	background: #15aa64;
	color: #fff;
	font-weight: 500;
	z-index: 7;
}
div.info {
	position: absolute;
	left: 0;
	top: -10px;
	width: 100%;
	padding: 6px 20px;
	background: #159caa;
	color: #fff;
	font-weight: 500;
	z-index: 7;
}
div.danger {
	position: absolute;
	left: 0;
	top: -10px;
	width: 100%;
	padding: 6px 20px;
	background: #ca1d1d;
	color: #fff;
	font-weight: 500;
	z-index: 7;
}
.active-link {
	color: #c1eeff !important;
}
form#import-form > img {
	position: absolute;
	top: calc(50% - 50px);
	left: calc(50% - 50px);
	width: 100px;
	opacity: 0.2;
}
div.certificate-row > input {
	width: 100%;
	float: left;
	padding: 8px 8px;
	background: #eee;
	font-size: 14px;
	border-radius: 3px;
}
div.certificate-row > input:focus, 
div.certificate-row > input:active {
	border: none;
	box-shadow: none;
	outline: none;
}
ul.pagination {
  width: 100%;
  margin-top: 0px;
}
.pagination {
  display: flex;
  padding-left: 0;
  list-style: none;
}
ul.pagination > li {
  border: 1px solid #6571ff;
  background: #0c1427;
  margin-left: 5px;
  color: #6571ff;
}
ul.pagination > li:hover {
	background: #6571ff;
}
ul.pagination > li > a {
  padding: 3px 12px;
}
ul.pagination > li:hover > a {
  color: #fff;
}
ul.pagination > li.active {
  background: #6571ff;
  color: #fff;
}
ul.pagination > li:hover > span {
	color: #fff;
}
ul.pagination > li.active > span {
  padding: 3px 12px;
  color: #fff !important;
}
ul.pagination > li.disabled, 
ul.pagination > li:first-child {
  padding: 0px 12px;
}
table.table-list {
	background: #ffffff;
	border: 1px solid #172340;
	margin-top: 34px;
}
table.table-list > thead {
	background: #f2f2f2;
}
table.table-list > thead > tr {
	
}
table.table-list > thead > tr > th {
	width: 8%;
	padding: 6px;
	color: #6571ff;
	border-bottom: 1px solid #172340;
	border-right: 1px solid #172340;
}
table.table-list > thead > tr > th:first-child {
	width: 2%;
}
table.table-list > thead > tr > th:nth-child(2) {
	width: 6%;
}
table.table-list > thead > tr > th:nth-child(4) {
	width: 6%;
}
table.table-list > thead > tr > th:nth-child(5) {
	width: 6%;
}
table.table-list > thead > tr > th:nth-child(6) {
	width: 6%;
}
table.table-list > thead > tr > th:nth-child(7) {
	width: 6%;
}
table.table-list > tbody {
	background: #0c1427;
}
table.table-list > tbody > tr {
	
}
table.table-list > tbody > tr > td {
	width: 8%;
	color: #fff;
	/*
	border-left: 1px solid #777777;
	border-bottom: 1px solid #777777;
	*/
	border-bottom: 1px solid #172340;
	border-right: 1px solid #172340;
}
table.table-list > tbody > tr > td > a {
	color: #6571ff;
}
table.table-list > tbody > tr > td > a:hover {
	color: #949cff;
}
table.table-list > tbody > tr > td {
	padding: 6px;
}
table.table-list > tbody > tr > td:first-child {
	width: 2%;
	padding: 6px;
}
table.table-list > tbody > tr > td:nth-child(2) {
	width: 6%;
}
table.table-list > tbody > tr > td:nth-child(4) {
	width: 6%;
}
table.table-list > tbody > tr > td:nth-child(5) {
	width: 6%;
}
table.table-list > tbody > tr > td:nth-child(6) {
	width: 6%;
}
table.table-list > tbody > tr > td:nth-child(7) {
	width: 6%;
}
form#settings-form {
	position: relative;
	width: 50%;
	display: inline-block;
	padding: 20px;
	border: 1px solid #172340;
	text-align: left;
	margin-top: 50px;
	background: #0c1427;
}
.settings-row {
	width: 100%;
	margin-bottom: 10px;
	display: inline-block;
}
.settings-row > label {
	width: 100%;
	float: left;
	font-size: 16px;
	font-weight: 500;
	color: #cad0db;
	margin-bottom: 2px;
}
.settings-row > input {
	width: 100%;
	float: left;
	padding: 6px 10px;
	font-size: 14px;
	border-radius: 3px;
	background: none;
	border: 1px solid #172340;
	color: #cad0db;
}
.settings-row > input:focus, 
.settings-row > input:active {
	border: none;
	box-shadow: none;
	outline: none;
}
.settings-row > span {
	width: 100%;
	float: left;
	font-size: 14px;
	color: #a0a0a0;
	margin-bottom: 10px;
}
.settings-row > span > strong {
	font-size: 14px;
	color: #777;
}
div.result-d-item {
	width: 100%;
	display: inline-block;
	padding: 10px 0px;
}
div.result-d-left {
	width: 30%;
	float: left;
	display: block;
}
div.result-d-left > span {
	font-size: 18px;
	color: #777;
}
div.result-d-center {
	width: 50%;
	float: left;
	display: block;
	height: 10px;
	background: #fff;
	border-radius: 5px;
	margin-top: 8px;
}
div.result-d-center > span {
	font-size: 14px;
	display: block;
	height: 10px;
	background-color: rgb(17 24 39 / var(--tw-bg-opacity));
	border-radius: 10px;
	margin-left: -1px;
}
div.result-d-right {
	width: 20%;
	float: left;
	display: block;
	text-align: right;
	text-align: center;
}
div.result-d-right > span {
	font-size: 18px;
	color: #fff
}
p.predict-link {
	font-size: 18px;
	text-align: center;
	color: #6571ff;
}
p.predict-link > a {
	color: #c5c6d0;
}
p.predict-link > a:hover {
	color: #fff;
}
p.checking-message {
	margin-top: 150px;
	font-size: 18px;
	text-align: center;
	color: #6571ff;
}
img.pending-circle {
	width: 100px;
	margin-top: 10px;
	opacity: 0.1;
}
.app-snf-block {
	padding-top: 150px;
}
.profile-container {
	background: #070d19;
}
div.profile-container > span > small > span.sout-span {
	font-weight: 500;
	font-size: 14px;
	color: #ddd !important;
}
div.profile-container > span > small > span > a > svg {
	position: absolute;
	right: 10px;
	top: calc(50% - 10px);
	color: #ddd !important;
	width: 22px;
	height: 22px;
}
div.profile-container > span:hover > small > span.sout-span {
	color: #fff !important;
}
div.profile-container > span:hover > small > span > a > svg {
	color: #fff !important;
}
form#form-pic-modal, 
form#form-usr-modal {
	width: 100%;
	display: inline-block;
}
form#form-pic-modal div.form-row, 
form#form-usr-modal div.form-row {
	width: 100%;
	display: block;
	float: left;
	padding: 2px 20px;
	margin-bottom: 10px;
}
form#form-pic-modal div.form-row > label, 
form#form-usr-modal div.form-row > label {
	width: 100%;
	font-size: 14px;
	color: #333;
	text-align: left;
}
form#form-pic-modal div.form-row > input[type="text"], 
form#form-usr-modal div.form-row > input[type="text"],
form#form-pic-modal div.form-row > input[type="password"], 
form#form-usr-modal div.form-row > input[type="password"],
form#form-usr-modal div.form-row > input[type="email"], 
form#form-pic-modal div.form-row > textarea {
	width: 100%;
	font-size: 14px;
	color: #333;
	padding: 6px 10px;
	border-radius: 3px;
	background: #eee;
}
form#form-usr-modal div.form-row > input[type="email"]::placeholder {
	color: #333;
}
form#form-usr-modal div.form-row > input[type="email"]::-ms-input-placeholder {
	color: #333;
}
form#form-pic-modal div.form-row > input[type="file"], 
form#form-usr-modal div.form-row > input[type="file"] {
	position: absolute;
	left: 20px;
	bottom: 27px;
	width: 200px;
	cursor: pointer;
	opacity: 0;
}
form#form-pic-modal div.form-row > span, 
form#form-usr-modal div.form-row > span {
	font-size: 14px;
	color: #e84c4c;
	cursor: pointer;
}
form#form-pic-modal div.form-row > span > svg, 
form#form-usr-modal div.form-row > span > svg {
	width:20px;
	height: 20px;
}
form#form-pic-modal div.form-row > select, 
form#form-usr-modal div.form-row > select {
	width: 100%;
	padding: 6px 10px;
	font-size: 14px;
}
div.delim-line {
	width: 100%;
	display: inline-block;
}
table.table-list div.result-data {
	width: 100%;
	padding: 10px 0px;
	margin-top: 0px;
}
table.table-list div.result-data > div.result-d-item {
	padding: 0;
}
table.table-list div.result-data > div.result-d-item > div.result-d-left {
	width: 80%;
}
table.table-list div.result-data > div.result-d-item > div.result-d-left > span {
	font-size: 16px;
}
table.table-list div.result-data > div.result-d-item > div.result-d-center {
	width: 100%;
	background: #aaa;
}
table.table-list div.result-data > div.result-d-item > div.result-d-right {
	width: 20%;
}
table.table-list div.result-data > div.result-d-item > div.result-d-right > span {
	font-size: 16px;
}
.ui-autocomplete {
	max-height: 200px;
	z-index: 9999;
	overflow-y: scroll;
	overflow-x: hidden;
}
.table-actions {
	text-align: center;
	margin: 0;
}
.table-actions > svg {
	width: 16px;
	height: 16px;
	display: initial;
	cursor: pointer;
}
.table-actions > a > svg {
	width: 16px;
	height: 16px;
	display: initial;
	cursor: pointer;
}
span.sc-act-text {
	color: #17a2b8;
	font-weight: 600;
}
span.er-act-text {
	color: #777;
	font-weight: 600;
}
svg.si-ou-svg {
	width: 16px;
	height: 16px;
}
.btn-gen-a {
	width: auto;
	text-align: center;
	display: block;
	margin: 0 10%;
}
div#addPicModal > .modal-dialog {
	width: 50%;
	max-width: 100%;
}
.form-left-section {
	width: 50%;
	float: left;
}
.form-right-section {
	width: 50%;
	float: left;
}
.svg-arrow-down {
	position: absolute;
	top: 32px;
	right: 25px;
}
.pos-rel {
	position: relative;
}
.cursor-pointer {
	cursor: pointer;
}
.btn-gen-a > svg {
	width: 36px;
	height: 36px;
	display: initial;
	color: #f73434;
}
.bg-white {
	background: #0c1427 !important;
	border: 1px solid #172340;
}
.blck-sign-in label {
	color: #7987a1;
}
a:hover {
	color: #d0d6e1;
}
.bg-white, .dropzone .dz-preview, .dropzone-wrapper .dz-preview, .editor-preview-side, .layout {
	/*
	background: #0c1427 !important;
	border: 1px solid #172340;
	*/
	padding: 10px !important;
	background: none !important;
}
.text-body-emphasis {
	font-size: 20px;
	color: #cad0db !important;
}
.bg-dark, .graph-svg-tip {
	background: #0c1427 !important;
	border: 1px solid #172340;
}
.d-xl-block {
	color: #6571ff;
}
table.table-list > thead {
	background: #0c1427;
}
.btn-info {
	background: none !important;
	border-color: #fff !important;
	color: #fff !important;
	padding-top: 5px;
	padding-bottom: 6px;
	float: left;
}
.modal-footer .btn-info {
	border-color: #6571ff !important;
	color: #6571ff !important;
}
.modal-footer .btn-info:hover {
	color: #fff !important;
}
.btn-secondary {
	padding-top: 5px;
	padding-bottom: 6px;
}
.btn-info:hover {
	background: #6571ff !important;
}
.btn-info:focus {
	background: #6571ff !important;
}
.btn-info > svg {
	width: 20px;
	height: 20px;
	margin-right: 5px;
}
.btn-info:active > svg {
	color: #fff !important;
}
.btn-info:active {
	background: #6571ff !important;
	transition-duration: 200ms;
	box-shadow: 0px 0px 2px 5px #373a60 !important;
	color: #fff !important;
}
.pos-rel > svg {
	cursor: pointer;
}
.margin-left-10 {
	margin-bottom: 15px;
	margin-left: 10px;
}
.width-100-precents {
	width: 100%;
}
input[name="pay_phone"] {
	width: 100%;
	border: 1px solid #ccc;
	padding: 4px 10px;
	margin-bottom: 10px;
}
.simple-div {
	display: inline-block;
}
.table-scroll {
	width: 100%;
	overflow-x: scroll;
	padding-bottom: 10px;
	margin-top: 15px;
}
/*
.rotate-plus-180 {
	transform: rotateX(180deg);
}
.simple-div > table {
	transform: rotateX(-180deg);
}
*/
.container, .container-lg, .container-md, .container-sm, .container-xl, .container-xxl {
	max-width: none;
	padding: 0px 25px !important;
}
.workspace-limit {
	max-width: none;
}
table.table-list {
	width: 100%;
	/*display: inline-block;*/
	margin-top: 10px;
}
.top-header-bar{
	width: 100%;
	display: inline-block;
	background: #0c1427 !important;
	border: 1px solid #172340;
	padding: 0 !important;
}
.left-top-header-bar {
	position: relative;
	width: 20em;
	height: 60px;
	padding: 7px 0px;
	border-right: 1px solid #172340;
	float: left;
	max-width: 280px;
}
.right-top-header-bar {
	width: calc(100% - 280px);
	height: 60px;
	float: left;
}
.right-top-header-bar > div {
	position: relative;
	float: right;
	padding: 10px;
	padding-right: 22px;
	margin-right: 20px;
	cursor: pointer;
}
.right-top-header-bar > div > svg {
	position: absolute;
	top: 18px;
	right: 0px;
	color: #6571ff;
	width: 20px;
	height: 20px;
}
.right-top-header-bar > div > img {
	width: 40px;
	height: auto;
	min-width: auto;
	max-height: 40px;
}
.right-top-header-bar > div > span {
	font-size: 14px;
	color: #cad0db;
	margin-left: 5px;
	font-weight: 500;
	color: #6571ff;
}
.left-top-header-bar > span {
	width: 100%;
	display: inline-block;
	font-size: 30px;
	color: #6571ff;
	text-align: left;
	padding-left: 20px;
}
ul.account-settings {
	position: absolute;
	top: 60px;
	right: 10px;
	z-index: 7;
	list-style: none;
	background: #060c17 !important;
	border: 1px solid #172340;
	width: 285px;
	padding-left: 0;
	padding-bottom: 10px;
	display: none;
}
ul.account-settings > li:first-child {
	padding: 20px 10px;
	border-bottom: 1px solid #172340 !important;
	margin-bottom: 10px;
}
ul.account-settings > li:first-child > img {
	width: 85px;
	height: auto;
	margin: 0 auto;
	display: block;
	margin-bottom: 10px;
}
ul.account-settings > li:first-child > span:nth-child(2) {
	font-size: 16px;
	font-weight: 600;
}
ul.account-settings > li:first-child > span {
	width: 100%;
	float: left;
	font-size: 12px;
	color: #7987a1;
	text-align: center;
}
ul.account-settings > li {
	width: 100%;
	float: left;
	padding: 10px 20px;
	cursor: pointer;
}
ul.account-settings > li svg {
	width: 18px;
	height: 18px;
	color: #7987a1;
	float: left;
	margin-right: .5rem !important;
}
ul.account-settings > li > a {
	float: left;
}
ul.account-settings > li span {
	font-size: 12px;
	font-weight: 600;
	color: #ccc;
	float: left;
}
.left-top-header-bar > svg {
	position: absolute;
	top: 20px;
	right: 20px;
	color: #aaa;
	cursor: pointer;
}
body.sb-hide .left-top-header-bar > span {
	display: none;
}
body.sb-hide nav#headerMenuCollapse > ul > li > a > span {
	display: none;
}
body.sb-hide .aside {
	width: auto;
}
body.sb-hide .left-top-header-bar {
	width: 72px;
}
body.sb-hide .right-top-header-bar {
	width: calc(100% - 72px);
}
.left-top-header-bar > svg.feather-x {
	display: none;
}
.atf-left {
	width: 50%;
	float: left;
}
.atf-left > img {
	width: 100%;
}
.atf-right {
	width: 50%;
	float: left;
	background: #fff;
	padding: 20px;
}
.save-btn {
	float: right;
}
.radius-avatar {
	width: 50px;
	height: 50px;
	border-radius: 50px;
	overflow: hidden;
	display: inline-block;
}
.radius-avatar > a > img {
	width: 100%;
	max-height: 50px;
}
img.form-ava-edit {
	width: 20%;
	margin-bottom: 15px;
	margin-right: 80%;
	margin-top: -15px;
	border-radius: 50%;
}
.tt-ble {
	display: table;
}
.tt-ble-col {
	vertical-align: middle;
	display: table-cell;
}
.tt-ble-col h1 {
	font-size: 80px;
	color: #7987a1 !important;
	line-height: 1;
}
.tt-ble-col h4 {
	font-size: 18px;
	color: #d2d8e4;
}
.tt-ble-col h6 {
	color: #7987a1 !important;
	font-size: 14px;
}
.tt-ble-col a {
	color: #fff !important;
	background-color: #6571ff !important;
	border-color: #6571ff !important;
}
.tt-ble-col a:hover {
	background-color: #555fd2 !important;
	border-color: #555fd2 !important;
}
ul.breadcrumbs-v-iluminator {
	width: 100%;
	display: inline-block;
	padding-left: 0px;
	list-style: none;
	margin: 0;
}
ul.breadcrumbs-v-iluminator > li {
	font-size: 1em;
	float: left;
	margin-left: 10px;
	color: #e2e1e5;
}
ul.breadcrumbs-v-iluminator > li:first-child {
	margin-left: 0px;
}
ul.breadcrumbs-v-iluminator > li > a {
	color: #6571ff;
}
ul.breadcrumbs-v-iluminator > li > a:hover {
	color: #7a84fb !important;
}
ul.breadcrumbs-v-iluminator > li > a > svg {
	width: 16px;
	height: 16px;
	float: left;
}
ul.breadcrumbs-v-iluminator > li span {
	font-size: 1em;
	float: left;
	margin-top: -4px;
	margin-left: 5px;
}
svg.breadcrumbs-lf-dem {
	width: 16px;
	height: 16px;
}
div.left-top-header-bar {
	text-align: left;
}
div.left-top-header-bar > img {
	width: 50px;
	margin-left: 20px;
}
.import-row > input {
	width: 100%;
	float: left;
	padding: 6px 10px;
	font-size: 14px;
	border-radius: 3px;
	background: none;
	border: 1px solid #172340;
	color: #cad0db;
}
.import-row > input:focus, 
.import-row > input:active {
	border: none;
	box-shadow: none;
	outline: none;
}
.import-row > label {
	width: 100%;
	float: left;
	font-size: 16px;
	font-weight: 500;
	color: #cad0db;
	margin-bottom: 2px;
}
input[name="import_name"] {
	margin-bottom: 10px;
}
p.cls-mm-title {
	position: relative;
	cursor: pointer;
}
p.cls-mm-title:hover {
	color: #59c1ff;
}
p.delimiter-row {
	width: 92%;
	margin-top: 6px;
	margin-bottom: 6px;
	display: inline-block;
}
p.delimiter-row > a {
	color: #fff;
}
p.delimiter-row > a:hover {
	color: #59c1ff;
}
p.delimiter-row:nth-child(2) {
	border-bottom: 1px solid #172340;
}
div#wayForPayModal .modal-body {
	padding: 20px 26px;
}
p.success-waypay {
	font-size: 18px;
	font-weight: 600;
	color: #2eb374;
	margin-top: 14px;
	text-align: center;
	padding: 20px 40px;
	border: 1px solid #38eaa7;
}
.advanced-desc label {
	font-size: 14px;
	margin-bottom: 2px;
	font-weight: 600;
}
span.show-title-window {
	position: absolute;
	bottom: 40px;
	right: -100px;
	width: 275px;
	background-color: #fff;
	padding: 10px;
	display: none;
	color: #333;
}
@media screen and (max-width: 1440px) {
	body.page-paintinglist {
		overflow-x: scroll;
	}
}