* {
	margin: 0;
	padding: 0;
}

p {
	margin: 0 !important;
	padding: 0 !important;
}

li {
	list-style: none;
}

body {
	width: 100%;
	height: 100%;
	font-family: 'Montserrat', sans-serif;
	background: #1c1c1e;
	color: #575d67;
}

#body {
	width: 100%;
	height: 100%;
}

html {
	height: 100%;
}

a {
	text-decoration: none !important;
	color: #2d78ff;
}

a:hover {
	text-decoration: none !important;
}

/* .pg-dark{
	background: #010101;
} */


/* 
	INPUT 
*/
label {
	color: #575d67 !important;
	/* color: #4b4a4b !important; */
	font-size: 14px;
	font-weight: 400;
}

::placeholder {
	color: rgb(127, 127, 129, .5);
	font-weight: 300 !important;
}

input,
select,
textarea,
input:-webkit-autofill,
textarea:-webkit-autofill,
select:-webkit-autofill {
	border: 1px solid #2a2a2c;
	background: #2a2a2c;
	color: #7f7f81;

	border-radius: 10px;
	padding: 10px 12px;
	margin-top: 5px !important;
	margin-bottom: 10px !important;

	font-size: 14px;
	font-weight: 450;
	/* -webkit-transition: all 0.5s ease;
	-moz-transition: all 0.5s ease;
	-o-transition: all 0.5s ease;
	transition: all 0.5s ease; */
	letter-spacing: 0.01em;
	-webkit-appearance: none;
	-webkit-text-fill-color: #7f7f81 !important;
	-webkit-box-shadow: 0 0 0 50px #2a2a2c inset;
	font-family: 'Montserrat', FontAwesome;
}

input,
textarea,
input:-webkit-autofill,
textarea:-webkit-autofill {
	width: calc(100% - 24px) !important;
}


select,
select:-webkit-autofill {
	width: 100% !important;
}

input:focus,
select:focus,
textarea:focus,
input:-webkit-autofill:focus,
textarea:-webkit-autofill:focus,
select:-webkit-autofill:focus {
	outline: none;
	border-color: #2a2a2c;
	box-shadow: 0 0 0 0.2rem rgb(42, 42, 44, .5);
	-webkit-text-fill-color: #7f7f81 !important;
	-webkit-box-shadow: 0 0 0 50px #2a2a2c inset;
}

input:hover,
select:hover,
textarea:hover,
input:-webkit-autofill:hover,
textarea:-webkit-autofill:hover,
select:-webkit-autofill:hover {
	outline: none;
	box-shadow: 0 0 0 0.2rem rgb(42, 42, 44, .5);
	-webkit-text-fill-color: #7f7f81 !important;
	-webkit-box-shadow: 0 0 0 50px #2a2a2c inset;
}

/* 
input:-webkit-autofill,
, 
,
,

,
,
,
 {
  border: 1px solid white;
  
  -webkit-box-shadow: 0 0 0px 1000px #000 inset;
  transition: background-color 5000s ease-in-out 0s;
} */

.inputDisabled {
	outline: none !important;
	pointer-events: none !important;
	border-color: #2a2a2c;
	box-shadow: 0 0 0 0.2rem rgb(42, 42, 44, .5);
	-webkit-text-fill-color: #7f7f81;
	-webkit-box-shadow: 0 0 0 50px #2a2a2c inset;
}

small,
.small {
	color: #575d67;
	font-weight: 500;
	font-size: 11px;
	margin: 0;
}

/* 
	CHECKBOX 
*/
.lblcheckbox {
	position: relative;
	top: -16px !important;
	font-weight: 500;
	font-size: 12px;
}

input[type=checkbox] {
	position: relative;
	cursor: pointer;
	width: 0px !important;
	border: 0px !important;
	padding: 0.70em 0px;
	margin-right: 25px !important;
}

input[type=checkbox]:focus,
input[type=checkbox]:hover {
	outline: none;
	border-color: transparent;
	box-shadow: 0 0 0 0.2rem transparent;
}

input[type=checkbox]:before {
	content: "";
	display: block;
	position: absolute;
	width: 20px;
	height: 20px;
	top: 0;
	left: 0;
	background-color: #2a2a2c;
	border-radius: 5px;
}

input[type=checkbox]:checked:before {
	content: "";
	display: block;
	position: absolute;
	width: 20px;
	height: 20px;
	top: 0;
	left: 0;
	background-color: #2a2a2c;
}

input[type=checkbox]:checked:after {
	content: "";
	display: block;
	width: 5px;
	height: 10px;
	border: solid #7f7f81;
	border-width: 0 2px 2px 0;
	-webkit-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	transform: rotate(45deg);
	position: absolute;
	top: 2px;
	left: 6px;
}


.dropdown-multipe {
	border: 1px solid #2a2a2c !important;
	background: #2a2a2c !important;
	color: #7f7f81 !important;

	border-radius: 10px !important;
	padding: 5px 6px !important;
	margin-top: 5px !important;
	margin-bottom: 10px !important;
	margin-left: 0 !important;
	margin-right: 0 !important;

	font-size: 12px !important;
	font-weight: 450 !important;
	/* -webkit-transition: all 0.5s ease;
	-moz-transition: all 0.5s ease;
	-o-transition: all 0.5s ease;
	transition: all 0.5s ease; */
	letter-spacing: 0.01em !important;
	-webkit-appearance: none !important;
	-webkit-text-fill-color: #7f7f81 !important;
	-webkit-box-shadow: 0 0 0 50px #2a2a2c inset !important;
	font-family: 'Montserrat', FontAwesome !important;
	/* width: calc(100% - 20px) !important; */
}


.dropdown-multipe .menu{
	border: 0 !important;
	background: #2a2a2c !important;
}

.dropdown-multipe .item{
	border: 0 !important;
	font-size: 12px !important;
}

.dropdown-multipe .label{
	font-size: 12px !important;
}


/* 
	BUTTONS 
*/
.btn-app {
	border-radius: 10px;
	border: 1px solid #e8eaeb;
	background: #e8eaeb;
	color: #343d4c;
	padding: 10px 10px 10px 10px;
	outline: none;
	cursor: pointer;
	-webkit-transition: all 0.5s ease;
	-moz-transition: all 0.5s ease;
	-o-transition: all 0.5s ease;
	transition: all 0.5s ease;
	letter-spacing: 0.05em;
}

.btn-app:focus,
.btn-app:hover {
	outline: none;
	border: 1px solid #dfe1e2;
	background: #dfe1e2;
}

.btn-app i {
	margin-right: 5px;
}

.btn-app p {
	font-size: 8px;
	margin-top: 3px !important;
	font-weight: 300;
}

.btn-app-primary {
	background: #2d78ff !important;
	border: 1px solid #2d78ff !important;
	color: #fff !important;
}

.btn-app-primary:hover,
.btn-app-primary:focus {
	background: #1f5bc9 !important;
	border: 1px solid #1f5bc9 !important;
}

.btn-app-purple {
	background: #681ec1 !important;
	border: 1px solid #681ec1 !important;
	color: #fff !important;
}

.btn-app-purple:hover,
.btn-app-purple:focus {
	background: #481586 !important;
	border: 1px solid #481586 !important;
}

.btn-app-secondary {
	background: #db37b4 !important;
	border: 1px solid #db37b4 !important;
	color: #fff !important;
}

.btn-app-secondary:hover,
.btn-app-secondary:focus {
	background: #ac298c !important;
	border: 1px solid #ac298c !important;
}

.btn-app-info {
	background: #48a5e3 !important;
	border: 1px solid #48a5e3 !important;
	color: #fff !important;
}

.btn-app-info:hover,
.btn-app-info:focus {
	background: #3684c2 !important;
	border: 1px solid #3684c2 !important;
}

.btn-app-success {
	background: #58b586 !important;
	border: 1px solid #58b586 !important;
	color: #fff !important;
}

.btn-app-success:hover,
.btn-app-success:focus {
	background: #46946c !important;
	border: 1px solid #46946c !important;
}

.btn-app-warning {
	background: #f19c39 !important;
	border: 1px solid #f19c39 !important;
	color: #fff !important;
}

.btn-app-warning:hover,
.btn-app-warning:focus {
	background: #d98631 !important;
	border: 1px solid #d98631 !important;
}

.btn-app-error {
	background: #ff0000 !important;
	border: 1px solid #ff0000 !important;
	color: #fff !important;
}

.btn-app-error:hover,
.btn-app-error:focus {
	background: #ba0000 !important;
	border: 1px solid #ba0000 !important;
}

.btn-app-dark {
	background: #1c1c1e !important;
	border: 1px solid #1c1c1e !important;
	color: #f2f2f2 !important;
}

.btn-app-dark:hover,
.btn-app-dark:focus {
	background: #161617 !important;
	border: 1px solid #161617 !important;
}

.btn-app-black {
	background: #000 !important;
	border: 1px solid #000 !important;
	color: #f2f2f2 !important;
}

.btn-app-black:hover,
.btn-app-black:focus {
	background: #101010 !important;
	border: 1px solid #101010 !important;
}

.btn-app-black {
	background: #010101 !important;
	border: 1px solid #141415 !important;
	color: #fff !important;
}

.btn-app-black:hover,
.btn-app-black:focus {
	background: #141415 !important;
	border: 1px solid #141415 !important;
}

.btn-app-tabs {
	border: 1px solid #aeb5bf;
	background: #d5d9dd;
	color: #343d4c;
}

.btn-app-tabs:focus,
.btn-app-tabs:hover {
	border: 1px solid #aeb5bf;
	background: #aeb5bf;
}


.btn-app-primary-outline {
	background: transparent !important;
	border: 1px solid #2d78ff !important;
	color: #2d78ff !important;
}

.btn-app-primary-outline:hover,
.btn-app-primary-outline:focus {
	background: #2d78ff !important;
	border: 1px solid #2d78ff !important;
	color: #fff !important;
}

.btn-app-secondary-outline {
	background: transparent !important;
	border: 1px solid #db37b4 !important;
	color: #db37b4 !important;
}

.btn-app-secondary-outline:hover,
.btn-app-secondary-outline:focus {
	background: #db37b4 !important;
	border: 1px solid #db37b4 !important;
	color: #fff !important;
}

.btn-app-info-outline {
	background: transparent !important;
	border: 1px solid #48a5e3 !important;
	color: #48a5e3 !important;
}

.btn-app-info-outline:hover,
.btn-app-info-outline:focus {
	background: #48a5e3 !important;
	border: 1px solid #48a5e3 !important;
	color: #fff !important;
}

.btn-app-success-outline {
	background: transparent !important;
	border: 1px solid #58b586 !important;
	color: #58b586 !important;
}

.btn-app-success-outline:hover,
.btn-app-success-outline:focus {
	background: #58b586 !important;
	border: 1px solid #58b586 !important;
	color: #fff !important;
}

.btn-app-warning-outline {
	background: transparent !important;
	border: 1px solid #f19c39 !important;
	color: #f19c39 !important;
}

.btn-app-warning-outline:hover,
.btn-app-warning-outline:focus {
	background: #f19c39 !important;
	border: 1px solid #f19c39 !important;
	color: #fff !important;
}

.btn-app-error-outline {
	background: transparent !important;
	border: 1px solid #ec6239 !important;
	color: #ec6239 !important;
}

.btn-app-error-outline:hover,
.btn-app-error-outline:focus {
	background: #ec6239 !important;
	border: 1px solid #ec6239 !important;
	color: #fff !important;
}

.btn-app-primary-soft {
	background: #dee9ff !important;
	border: 1px solid #dee9ff !important;
	color: #2d78ff !important;
}

.btn-app-primary-soft:hover,
.btn-app-primary-soft:focus,
.btn-app-primary-flat:hover,
.btn-app-primary-flat:focus {
	background: #c1d6ff !important;
	border: 1px solid #c1d6ff !important;
}

.btn-app-secondary-soft {
	background: #fbebf7 !important;
	border: 1px solid #fbebf7 !important;
	color: #db37b4 !important;
}

.btn-app-secondary-soft:hover,
.btn-app-secondary-soft:focus,
.btn-app-secondary-flat:hover,
.btn-app-secondary-flat:focus {
	background: #f8d6f0 !important;
	border: 1px solid #f8d6f0 !important;
}

.btn-app-info-soft {
	background: #edf6fc !important;
	border: 1px solid #edf6fc !important;
	color: #48a5e3 !important;
}

.btn-app-info-soft:hover,
.btn-app-info-soft:focus,
.btn-app-info-flat:hover,
.btn-app-info-flat:focus {
	background: #dbeef9 !important;
	border: 1px solid #dbeef9 !important;
}

.btn-app-success-soft {
	background: #eef8f3 !important;
	border: 1px solid #eef8f3 !important;
	color: #58b586 !important;
}

.btn-app-success-soft:hover,
.btn-app-success-soft:focus,
.btn-app-success-flat:hover,
.btn-app-success-flat:focus {
	background: #def0e7 !important;
	border: 1px solid #def0e7 !important;
}

.btn-app-warning-soft {
	background: #fef5eb !important;
	border: 1px solid #fef5eb !important;
	color: #f19c39 !important;
}

.btn-app-warning-soft:hover,
.btn-app-warning-soft:focus,
.btn-app-warning-flat:hover,
.btn-app-warning-flat:focus {
	background: #fcebd7 !important;
	border: 1px solid #fcebd7 !important;
}

.btn-app-error-soft {
	background: #fdefeb !important;
	border: 1px solid #fdefeb !important;
	color: #ec6239 !important;
}

.btn-app-error-soft:hover,
.btn-app-error-soft:focus,
.btn-app-error-flat:hover,
.btn-app-error-flat:focus {
	background: #fbe0d7 !important;
	border: 1px solid #fbe0d7 !important;
}

.btn-app-dark-soft {
	background: #161617 !important;
	border: 1px solid #161617 !important;
	color: #8d939b !important;
}

.btn-app-dark-soft:hover,
.btn-app-dark-soft:focus {
	background: #101011 !important;
	border: 1px solid #101011 !important;
}


.btn-app-link-error {
	cursor: pointer;
	background: transparent !important;
	border: 1px solid transparent !important;
	color: #ec6239 !important;
}

.btn-app-link-error:hover {
	border: 1px solid transparent !important;
	/* border: 1px solid #f5f7f9; */
	background: transparent !important;
	color: #dd4323 !important;
}


.btn-app-link {
	cursor: pointer;
	background: transparent !important;
	border: 1px solid transparent !important;
	color: #677489 !important;
}

.btn-app-link:hover {
	border: 1px solid transparent !important;
	/* border: 1px solid #f5f7f9; */
	background: transparent !important;
	color: #2d78ff !important;
}

.btn-app-link-purple {
	cursor: pointer;
	background: transparent !important;
	border: 1px solid transparent !important;
	color: #677489 !important;
}

.btn-app-link-purple:hover {
	border: 1px solid transparent !important;
	/* border: 1px solid #f5f7f9; */
	background: transparent !important;
	color: #8827ff !important;
}




.btn-app-primary-flat,
.btn-app-primary-link {
	background: transparent !important;
	border: 1px solid transparent !important;
	color: #2d78ff !important;
}


.btn-app-secondary-flat,
.btn-app-secondary-link {
	background: transparent !important;
	border: 1px solid transparent !important;
	color: #db37b4 !important;
}


.btn-app-info-flat,
.btn-app-info-link {
	background: transparent !important;
	border: 1px solid transparent !important;
	color: #48a5e3 !important;
}

.btn-app-success-flat,
.btn-app-success-link {
	background: transparent !important;
	border: 1px solid transparent !important;
	color: #58b586 !important;
}


.btn-app-warning-flat,
.btn-app-warning-link {
	background: transparent !important;
	border: 1px solid transparent !important;
	color: #f19c39 !important;
}

.btn-app-error-flat,
.btn-app-error-link {
	background: transparent !important;
	border: 1px solid transparent !important;
	color: #ec6239 !important;
}

.btn-app-primary-link:hover,
.btn-app-primary-flat:focus,
.btn-app-secondary-link:hover,
.btn-app-secondary-flat:focus,
.btn-app-info-link:hover,
.btn-app-info-flat:focus,
.btn-app-success-link:hover,
.btn-app-success-flat:focus,
.btn-app-warning-link:hover,
.btn-app-warning-flat:focus,
.btn-app-error-link:hover,
.btn-app-error-flat:focus {
	background: transparent !important;
	border: 1px solid transparent !important;
}

.btn-app-primary-link:hover,
.btn-app-primary-flat:focus {
	color: #1f5bc9 !important;
}

.btn-app-secondary-link:hover,
.btn-app-secondary-flat:focus {
	color: #ac298c !important;
}

.btn-app-info-link:hover,
.btn-app-info-flat:focus {
	color: #3684c2 !important;
}

.btn-app-success-link:hover,
.btn-app-success-flat:focus {
	color: #46946c !important;
}

.btn-app-warning-link:hover,
.btn-app-warning-flat:focus {
	color: #d98631 !important;
}

.btn-app-error-link:hover,
.btn-app-error-flat:focus {
	color: #dd4323 !important;
}


.btn-app-small {
	font-size: 10px;
	padding: 10.5px 15px;
	font-weight: 600;
}


.btn-app-table {
	font-size: 10px;
	padding: 2px 5px;
	font-weight: 400;
	border-radius: 5px;
}

.btn-app-group {
	display: flex;
}

.btn-app-group .btn-app:first-child {
	border-top-left-radius: 10px !important;
	border-bottom-left-radius: 10px !important;
}

.btn-app-group .btn-app {
	border-radius: 0px !important;
	margin: 0 !important;
}

.btn-app-group .btn-app:last-child {
	border-top-right-radius: 10px !important;
	border-bottom-right-radius: 10px !important;
	margin-right: 10px !important;
}

.btn-app-small-line {
	font-size: 10px;
	padding: 5px 10px;
}


.btn-reset-margin {
	margin: 0 !important;
	padding: 0 !important;
}


.switch--shadow {
	visibility: hidden;
	position: absolute;
	margin-left: -9999px;
	margin-top: 0 !important;
	margin-bottom: 0 !important;
	padding: 0.67em !important;
}

.switch--shadow+label {
	display: block;
	position: relative;
	cursor: pointer;
	outline: none;
	user-select: none;
}

.switch--shadow+label {
	padding: 2px;
	width: 40px;
	height: 22px;
	border-radius: 5px;
	margin-top: -15px;
}

.switch--shadow+label:before,
.switch--shadow+label:after {
	display: block;
	position: absolute;
	top: 1px;
	left: 1px;
	bottom: 1px;
	content: "";
	color: #1c1c1e;
}

.switch--shadow+label:before {
	right: 1px;
	background-color: #1c1c1e;
	border-radius: 5px;
	transition: background 0.s;
}

.switch--shadow+label:after {
	width: 16px;
	height: 16px;
	margin-left: 4px;
	margin-top: 4px;
	background-color: #ff4749;
	border-radius: 5px;
	transition: all 0.4s;
}

.switch--shadow:checked+label:before {
	background-color: #1c1c1e;
}

.switch--shadow:checked+label:after {
	transform: translateX(18px);
	background-color: #2d78ff;
}

.switch__container p {
	display: inline;
}

.switch {
	display: flex;
	margin-bottom: 10px;
}

.switch-btn {
	flex: 50px;
}

.switch-text {
	flex: calc(100% - 50px);
	padding-top: 10px;
	font-weight: 500;
	font-size: 12px;
}


input[type="color"] {
	height: 35px !important;
	padding: 3px 5px;
}


.link {
	color: #575d67;
	cursor: pointer;
}

.link:hover {
	color: #70757f;
}

.link-secondary {
	color: #db37b4;
}

.link-secondary:hover {
	color: #ac298c;
}

.link-info {
	color: #48a5e3;
}

.link-info:hover {
	color: #3684c2;
}

.link-success {
	color: #58b586;
}

.link-success:hover {
	color: #46946c;
}

.link-warning {
	color: #f19c39;
}

.link-warning:hover {
	color: #d98631;
}

.link-warning {
	color: #ec6239;
}

.link-warning:hover {
	color: #dd4323;
}


.link-purple {
	color: #8827ff;
}

.link-purple:hover {
	color: #481586;
}


/* 
	ALERT 
*/
.alert {
	padding: 15px 15px !important;
	border-radius: 10px;
	background: #e3e8ef;
	color: #667180;
	font-size: 14px;
}

.alert-primary {
	background: #2d78ff;
	color: #fff;
}

.alert-secondary {
	background: #db37b4;
	color: #fff;
}

.alert-info {
	background: #48a5e3;
	color: #fff;
}

.alert-success {
	background: #58b586;
	color: #fff;
}

.alert-warning {
	background: #f19c39;
	color: #fff;
}

.alert-error {
	background: #ec6239;
	color: #fff;
}


.alert-primary-soft {
	background: #dee9ff;
	color: #2d78ff;

}

.alert-secondary-soft {
	background: #fbebf7;
	color: #db37b4;
}

.alert-info-soft {
	background: #edf6fc;
	color: #48a5e3;
}

.alert-success-soft {
	background: #eef8f3;
	color: #58b586;
}

.alert-warning-soft {
	background: #fef5eb;
	color: #f19c39;
}

.alert-error-soft {
	background: #fdefeb;
	color: #ec6239;
}


.alert-purple-soft {
	background: #f4eefb;
	color: #8827ff;
}




/* 
.btn-app-purple {
	background: #8827ff !important;
	border: 1px solid #8827ff !important;
	color: #fff !important;
}

.btn-app-purple:hover,
.btn-app-purple:focus {
	background: #681ec1 !important;
	border: 1px solid #681ec1 !important;
} */






/* 
	BACKGROUND 
*/
.bg-primary {
	background: #2d78ff !important;
}

.bg-primary-soft {
	background: #dee9ff !important;
}

.bg-secondary {
	background: #db37b4 !important;
}

.bg-info {
	background: #48a5e3 !important;
}

.bg-success {
	background: #58b586 !important;
}

.bg-purple-chat {
	background: #9742ff !important;
}

.bg-warning {
	background: #f19c39 !important;
}

.bg-warning-soft {
	background: #fef5eb !important;
	color: #f19c39 !important;
}

.bg-error {
	/* background: #ec6239 !important; */
	background: #fa3a00 !important;
}

.bg-white {
	background: #fff !important;
}


/* 
	TEXT 
*/
.text-primary {
	color: #2d78ff !important;
}

.text-secondary {
	color: #db37b4 !important;
}

.text-info {
	color: #48a5e3 !important;
}

.text-success {
	color: #58b586 !important;
}

.text-warning {
	color: #ffdd00 !important;
}

.text-error {
	color: #ec6239 !important;
}

.text-gray {
	color: #666 !important;
}

.text-purple {
	color: #8827ff !important;
}

.text-white {
	color: #FFFFFF !important;
}

/* 
	BADGE 
*/
.badge {
	padding: 4px 7px 4px 7px !important;
	border-radius: 10px;
	background: #2a2a2c;
	color: #7f7f81;
	font-size: 10px;
	font-weight: 500;
	margin-right: 5px;
}

.badge-light {
	background: #e3e8ef;
	color: #667180;
}

.badge-primary {
	background: #2d78ff !important;
	color: #f3faff !important;
}

.badge-secondary {
	background: #db37b4 !important;
	color: #fff !important;
}

.badge-info {
	background: #48a5e3 !important;
	color: #fff !important;
}

.badge-success {
	background: #58b586 !important;
	color: #fff !important;
}

.badge-warning {
	background: #f19c39 !important;
	color: #553511 !important;
}

.badge-error {
	background: #ec6239 !important;
	color: #fff !important;
}

.badge-dark {
	background: #495772;
	color: #fff;
}

.badge-primary-soft {
	background: #dee9ff !important;
	color: #2d78ff !important;
}

.badge-secondary-soft {
	background: #fbebf7 !important;
	color: #db37b4 !important;
}

.badge-info-soft {
	background: #edf6fc !important;
	color: #48a5e3 !important;
}

.badge-success-soft {
	background: #eef8f3 !important;
	color: #58b586 !important;
}

.badge-warning-soft {
	background: #fef5eb !important;
	color: #f19c39 !important;
}

.badge-error-soft {
	background: #fdefeb !important;
	color: #ec6239 !important;
}


/* 
	TABLE 
*/
.table-link:hover {
	color: #1f5bc9 !important;
	cursor: pointer;
}

.table {
	width: 100%;
	max-width: 100%;
	margin-bottom: 1rem;
	background-color: transparent;

	border-collapse: collapse;
	margin: 0;
	padding: 0;
	table-layout: fixed;
}

.table th {
	padding: 10px 5px;
	vertical-align: top;
	font-size: 14px;
	text-align: left;
	color: #fff;
}

.table td {
	padding: 10px 5px;
	vertical-align: top;
	border-top: 1px solid #1c1c1e;
	font-size: 13px;
	font-weight: 400;
	color: #8d939b;

	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
}

.table td:first-child {
	/* border-top: 1px solid transparent; */
}

.table thead th {
	vertical-align: bottom;
	border-bottom: 2px solid #1c1c1e;
}

.table tbody+tbody {
	border-top: 2px solid #1c1c1e;
}

.table .table {
	background-color: #fff;
}

.table img {
	border-radius: 50%;
	width: 30px;
	height: 30px;
}

.table-bordered {
	border: 1px solid #1c1c1e;
}

.table-bordered th,
.table-bordered td {
	border: 1px solid #1c1c1e;
}

.table-bordered thead th,
.table-bordered thead td {
	border-bottom-width: 2px;
}

.table-striped tbody tr:nth-of-type(odd) {
	background-color: #1c1c1e;
}

.table-hover tbody tr:hover {
	background-color: #161617;
}

.table-active,
.table-active>th,
.table-active>td {
	background-color: #1c1c1e;
}

.table-hover .table-active:hover {
	background-color: #161617;
}

.table-hover .table-active:hover>td,
.table-hover .table-active:hover>th {
	background-color: #1c1c1e;
}

.table caption {
	font-size: 1.5em;
	margin: .5em 0 .75em;
}

.table-child,
.table-child-tr {
	background-color: #1c1c1e;
}

.table-child-tr {
	display: none;
}

.table-child table {
	margin-left: 16px;
}


.table-child {
	width: 100%;
	max-width: 100%;
	margin-bottom: 1rem;
	background-color: transparent;

	border-collapse: collapse;
	margin: 0;
	padding: 0;
	table-layout: fixed;
}

.table-child th {
	padding: 10px 5px;
	vertical-align: top;
	font-size: 14px;
	text-align: left;
	color: #fff;
}

.table-child td {
	padding: 10px 5px;
	vertical-align: top;
	border-top: 1px solid #1c1c1e;
	font-size: 13px;
	font-weight: 400;
	color: #8d939b;

	white-space: nowrap;
	text-overflow: ellipsis;
}

.table-child thead th {
	vertical-align: bottom;
	border-bottom: 2px solid #1c1c1e;
}

.table-child tbody+tbody {
	border-top: 2px solid #1c1c1e;
}

.table-child .table {
	background-color: #fff;
}



@media screen and (max-width: 800px) {
	.table {
		border: 0;
	}

	.table caption {
		font-size: 1.3em;
	}

	.table thead {
		border: none;
		clip: rect(0 0 0 0);
		height: 1px;
		margin: -1px;
		overflow: hidden;
		padding: 0;
		position: absolute;
		width: 1px;
	}

	.table tr {
		background: #1c1c1e;
		border: 1px solid #161617;
		border-bottom: 3px solid #161617;
		display: block;
		margin-bottom: .625em;
		padding: .35em;
		border-radius: 10px;
	}

	.table td {
		border-bottom: 1px solid #161617;
		display: block;
		font-size: .8em;
		text-align: right;
		padding: 10px !important;
	}

	.table td::before {
		content: attr(data-label);
		float: left;
		font-weight: bold;
		text-transform: uppercase;
	}

	.table td:last-child {
		border-bottom: 0;
	}
}
















/* 
	GRID 
*/
.show {
	display: block;
}

.hide {
	display: none;
}

.flt-right {
	float: right;
}

.flt-left {
	float: left;
}

.container {
	width: 100%;
	margin-right: auto;
	margin-left: auto;
}

@media (min-width: 576px) {
	.container {
		max-width: 540px;
	}
}

@media (min-width: 768px) {
	.container {
		max-width: 720px;
	}
}

@media (min-width: 992px) {
	.container {
		max-width: 960px;
	}
}

@media (min-width: 1200px) {
	.container {
		max-width: 1140px;
	}
}

.container-fluid {
	width: 100%;
	margin-right: auto;
	margin-left: auto;
}

.row {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
}

.col-1,
.col-2,
.col-3,
.col-4,
.col-5,
.col-6,
.col-7,
.col-8,
.col-9,
.col-10,
.col-lg-1,
.col-lg-2,
.col-lg-3,
.col-lg-4,
.col-lg-5,
.col-lg-6,
.col-lg-7,
.col-lg-8,
.col-lg-9,
.col-lg-10 {
	-webkit-box-flex: 0;
	position: relative;
	width: 100%;
	min-height: 1px;
	padding-left: 5px;
	padding-right: 5px;
}

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

.col-1 {
	-ms-flex: 0 0 calc(8.333333% - 10px);
	flex: 0 0 calc(8.333333% - 10px);
	max-width: calc(8.333333% - 10px);
}

.col-2 {
	-ms-flex: 0 0 calc(16.666667% - 10px);
	flex: 0 0 calc(16.666667% - 10px);
	max-width: calc(16.666667% - 10px);
}

.col-3 {
	-ms-flex: 0 0 calc(25% - 10px);
	flex: 0 0 calc(25% - 10px);
	max-width: calc(25% - 10px);
}

.col-4 {
	-ms-flex: 0 0 calc(33.333333% - 10px);
	flex: 0 0 calc(33.333333% - 10px);
	max-width: calc(33.333333% - 10px);
}

.col-5 {
	-ms-flex: 0 0 calc(41.666667% - 10px);
	flex: 0 0 calc(41.666667% - 10px);
	max-width: calc(41.666667% - 10px);
}

.col-6 {
	-ms-flex: 0 0 calc(50% - 10px);
	flex: 0 0 calc(50% - 10px);
	max-width: calc(50% - 10px);
}

.col-7 {
	-ms-flex: 0 0 calc(58.333333% - 10px);
	flex: 0 0 calc(58.333333% - 10px);
	max-width: calc(58.333333% - 10px);
}

.col-8 {
	-ms-flex: 0 0 calc(66.666667% - 10px);
	flex: 0 0 calc(66.666667% - 10px);
	max-width: calc(66.666667% - 10px);
}

.col-9 {
	-ms-flex: 0 0 calc(75% - 10px);
	flex: 0 0 calc(75% - 10px);
	max-width: calc(75% - 10px);
}

.col-10 {
	-ms-flex: 0 0 calc(83.333333% - 10px);
	flex: 0 0 calc(83.333333% - 10px);
	max-width: calc(83.333333% - 10px);
}

.col-11 {
	-ms-flex: 0 0 calc(91.666667% - 10px);
	flex: 0 0 calc(91.666667% - 10px);
	max-width: calc(91.666667% - 10px);
}

.col-12 {
	-ms-flex: 0 0 calc(100% - 10px);
	flex: 0 0 calc(100% - 10px);
	max-width: calc(100% - 10px);
	padding-left: 5px;
	/* margin-left: 1px; */
}

@media (min-width: 1024px) {
	.col-lg-1 {
		-ms-flex: 0 0 calc(8.333333% - 10px);
		flex: 0 0 calc(8.333333% - 10px);
		max-width: calc(8.333333% - 10px);
	}

	.col-lg-2 {
		-ms-flex: 0 0 calc(16.666667% - 10px);
		flex: 0 0 calc(16.666667% - 10px);
		max-width: calc(16.666667% - 10px);
	}

	.col-lg-3 {
		-ms-flex: 0 0 calc(25% - 10px);
		flex: 0 0 calc(25% - 10px);
		max-width: calc(25% - 10px);
	}

	.col-lg-4 {
		-ms-flex: 0 0 calc(33.333333% - 10px);
		flex: 0 0 calc(33.333333% - 10px);
		max-width: calc(33.333333% - 10px);
	}

	.col-lg-5 {
		-ms-flex: 0 0 calc(41.666667% - 10px);
		flex: 0 0 calc(41.666667% - 10px);
		max-width: calc(41.666667% - 10px);
	}

	.col-lg-6 {
		-ms-flex: 0 0 calc(50% - 10px);
		flex: 0 0 calc(50% - 10px);
		max-width: calc(50% - 10px);
	}

	.col-lg-7 {
		-ms-flex: 0 0 calc(58.333333% - 10px);
		flex: 0 0 calc(58.333333% - 10px);
		max-width: calc(58.333333% - 10px);
	}

	.col-lg-8 {
		-ms-flex: 0 0 calc(66.666667% - 10px);
		flex: 0 0 calc(66.666667% - 10px);
		max-width: calc(66.666667% - 10px);
	}

	.col-lg-9 {
		-ms-flex: 0 0 calc(75% - 10px);
		flex: 0 0 calc(75% - 10px);
		max-width: calc(75% - 10px);
	}

	.col-lg-10 {
		-ms-flex: 0 0 calc(83.333333% - 10px);
		flex: 0 0 calc(83.333333% - 10px);
		max-width: calc(83.333333% - 10px);
	}

	.col-lg-11 {
		-ms-flex: 0 0 calc(91.666667% - 10px);
		flex: 0 0 calc(91.666667% - 10px);
		max-width: calc(91.666667% - 10px);
	}

	.col-lg-12 {
		-ms-flex: 0 0 calc(100% - 10px);
		flex: 0 0 calc(100% - 10px);
		max-width: calc(100% - 10px);
	}
}

[class*="col-"]:last-child {
	padding-right: 0px !important;
}


/**
 * Formatação de texto
 */

.txtUpper {
	text-transform: uppercase !important;
}

.txtLower {
	text-transform: lowercase !important;
}

.txt-center {
	text-align: center !important;
}

.txt-right {
	text-align: right !important;
}

.txt-left {
	text-align: left !important;
}

.txt-bold {
	font-weight: bold !important;
}

.txt-bolder {
	font-weight: bolder !important;
}

.txt-100 {
	font-weight: 100 !important;
}

.txt-200 {
	font-weight: 200 !important;
}

.txt-300 {
	font-weight: 300 !important;
}

.txt-400 {
	font-weight: 400 !important;
}

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

.txt-600 {
	font-weight: 600 !important;
}

.txt-700 {
	font-weight: 700 !important;
}

.txt-800 {
	font-weight: 800 !important;
}

.txt-900 {
	font-weight: 900 !important;
}

.fnt-6 {
	font-size: 6px !important;
}

.fnt-7 {
	font-size: 7px !important;
}

.fnt-8 {
	font-size: 8px !important;
}

.fnt-9 {
	font-size: 9px !important;
}

.fnt-10 {
	font-size: 10px !important;
}

.fnt-11 {
	font-size: 11px !important;
}

.fnt-12 {
	font-size: 12px !important;
}

.fnt-13 {
	font-size: 13px !important;
}

.fnt-14 {
	font-size: 14px;
}

.fnt-15 {
	font-size: 15px;
}

.fnt-16 {
	font-size: 16px;
}

.fnt-17 {
	font-size: 17px;
}

.fnt-18 {
	font-size: 18px;
}

.fnt-19 {
	font-size: 19px;
}

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

.fnt-21 {
	font-size: 21px;
}

.fnt-22 {
	font-size: 22px;
}

.fnt-23 {
	font-size: 23px;
}

.fnt-24 {
	font-size: 24px;
}

.fnt-25 {
	font-size: 25px;
}

.fnt-26 {
	font-size: 26px;
}

.fnt-27 {
	font-size: 27px;
}

.fnt-28 {
	font-size: 28px;
}

.fnt-29 {
	font-size: 29px;
}

.fnt-30 {
	font-size: 30px;
}

.fnt-31 {
	font-size: 31px;
}

.fnt-32 {
	font-size: 32px;
}

.fnt-33 {
	font-size: 33px;
}

.fnt-34 {
	font-size: 34px;
}

.fnt-35 {
	font-size: 35px;
}

.fnt-40 {
	font-size: 40px;
}

.fnt-45 {
	font-size: 45px;
}

.fnt-50 {
	font-size: 50px;
}

.fnt-60 {
	font-size: 60px;
}

.fnt-70 {
	font-size: 70px;
}

.fnt-80 {
	font-size: 80px;
}

.fnt-90 {
	font-size: 90px;
}

.fnt-100 {
	font-size: 100px;
}

/**
 * Margens
 */
.mg-center {
	margin: 0 auto;
}

.mg-top--25 {
	margin-top: -25px !important;
}

.mg-top--20 {
	margin-top: -20px !important;
}

.mg-top--19 {
	margin-top: -19px !important;
}

.mg-top--18 {
	margin-top: -18px !important;
}

.mg-top--17 {
	margin-top: -17px !important;
}

.mg-top--16 {
	margin-top: -16px !important;
}

.mg-top--15 {
	margin-top: -15px !important;
}

.mg-top--14 {
	margin-top: -14px !important;
}

.mg-top--13 {
	margin-top: -13px !important;
}

.mg-top--12 {
	margin-top: -12px !important;
}

.mg-top--11 {
	margin-top: -11px !important;
}

.mg-top--10 {
	margin-top: -10px !important;
}

.mg-top--9 {
	margin-top: -9px !important;
}

.mg-top--8 {
	margin-top: -8px !important;
}

.mg-top--7 {
	margin-top: -7px !important;
}

.mg-top--6 {
	margin-top: -6px;
}

.mg-top--5 {
	margin-top: -5px !important;
}

.mg-top--4 {
	margin-top: -4px !important;
}

.mg-top--3 {
	margin-top: -3px !important;
}

.mg-top--2 {
	margin-top: -2px !important;
}

.mg-top--1 {
	margin-top: -1px !important;
}

.mg-top-0 {
	margin-top: 0px !important;
}

.mg-top-1 {
	margin-top: 1px !important;
}

.mg-top-2 {
	margin-top: 2px !important;
}

.mg-top-3 {
	margin-top: 3px !important;
}

.mg-top-4 {
	margin-top: 4px !important;
}

.mg-top-5 {
	margin-top: 5px !important;
}

.mg-top-6 {
	margin-top: 6px !important;
}

.mg-top-7 {
	margin-top: 7px !important;
}

.mg-top-8 {
	margin-top: 8px !important;
}

.mg-top-9 {
	margin-top: 9px !important;
}

.mg-top-10 {
	margin-top: 10px !important;
}

.mg-top-11 {
	margin-top: 11px !important;
}

.mg-top-12 {
	margin-top: 12px !important;
}

.mg-top-13 {
	margin-top: 13px !important;
}

.mg-top-14 {
	margin-top: 14px !important;
}

.mg-top-15 {
	margin-top: 15px !important;
}

.mg-top-16 {
	margin-top: 16px !important;
}

.mg-top-17 {
	margin-top: 17px !important;
}

.mg-top-18 {
	margin-top: 18px !important;
}

.mg-top-19 {
	margin-top: 19px !important;
}

.mg-top-20 {
	margin-top: 20px !important;
}

.mg-top-21 {
	margin-top: 21px !important;
}

.mg-top-22 {
	margin-top: 22px !important;
}

.mg-top-23 {
	margin-top: 23px !important;
}

.mg-top-24 {
	margin-top: 24px !important;
}

.mg-top-25 {
	margin-top: 25px !important;
}

.mg-top-26 {
	margin-top: 26px !important;
}

.mg-top-27 {
	margin-top: 27px !important;
}

.mg-top-28 {
	margin-top: 28px !important;
}

.mg-top-29 {
	margin-top: 29px !important;
}

.mg-top-30 {
	margin-top: 30px !important;
}

.mg-top-35 {
	margin-top: 35px !important;
}

.mg-top-40 {
	margin-top: 40px !important;
}

.mg-top-50 {
	margin-top: 50px !important;
}

.mg-top-60 {
	margin-top: 60px !important;
}

.mg-top-70 {
	margin-top: 70px !important;
}

.mg-top-75 {
	margin-top: 75px !important;
}

.mg-top-80 {
	margin-top: 80px !important;
}

.mg-top-85 {
	margin-top: 85px !important;
}

.mg-top-90 {
	margin-top: 90px !important;
}

.mg-top-95 {
	margin-top: 95px !important;
}

.mg-top-100 {
	margin-top: 100px !important;
}

.mg-right-0 {
	margin-right: 0px !important;
}

.mg-right-1 {
	margin-right: 1px !important;
}

.mg-right-2 {
	margin-right: 2px !important;
}

.mg-right-3 {
	margin-right: 3px !important;
}

.mg-right-4 {
	margin-right: 4px !important;
}

.mg-right-5 {
	margin-right: 5px !important;
}

.mg-right-6 {
	margin-right: 6px !important;
}

.mg-right-7 {
	margin-right: 7px !important;
}

.mg-right-8 {
	margin-right: 8px !important;
}

.mg-right-9 {
	margin-right: 9px !important;
}

.mg-right-10 {
	margin-right: 10px !important;
}

.mg-right-15 {
	margin-right: 15px !important;
}

.mg-right-20 {
	margin-right: 20px !important;
}

.mg-right-25 {
	margin-right: 25px !important;
}

.mg-right-30 {
	margin-right: 30px !important;
}

.mg-right-35 {
	margin-right: 35px !important;
}

.mg-right-40 {
	margin-right: 40px !important;
}

.mg-right-45 {
	margin-right: 45px !important;
}

.mg-right-50 {
	margin-right: 50px !important;
}

.mg-bottom-5 {
	margin-bottom: 5px !important;
}

.mg-bottom-10 {
	margin-bottom: 10px !important;
}

.mg-bottom-15 {
	margin-bottom: 15px !important;
}

.mg-bottom-20 {
	margin-bottom: 20px !important;
}

.mg-bottom-30 {
	margin-bottom: 30px !important;
}

.mg-bottom-40 {
	margin-bottom: 40px !important;
}

.mg-bottom-50 {
	margin-bottom: 50px !important;
}

.mg-left-1 {
	margin-left: 1px !important;
}

.mg-left-2 {
	margin-left: 2px !important;
}

.mg-left-3 {
	margin-left: 3px !important;
}

.mg-left-4 {
	margin-left: 4px !important;
}

.mg-left-5 {
	margin-left: 5px !important;
}

.mg-left-6 {
	margin-left: 6px !important;
}

.mg-left-7 {
	margin-left: 7px !important;
}

.mg-left-8 {
	margin-left: 8px !important;
}

.mg-left-9 {
	margin-left: 9px !important;
}

.mg-left-10 {
	margin-left: 10px !important;
}

.mg-left-15 {
	margin-left: 15px !important;
}

.mg-left-20 {
	margin-left: 20px !important;
}

.mg-left-25 {
	margin-left: 25px !important;
}

.mg-left-30 {
	margin-left: 30px !important;
}

.mg-left-35 {
	margin-left: 35px !important;
}

.mg-left-40 {
	margin-left: 40px !important;
}

.mg-left-45 {
	margin-left: 45px !important;
}

.mg-left-50 {
	margin-left: 50px !important;
}

.mg-left-55 {
	margin-left: 55px !important;
}

.mg-left-60 {
	margin-left: 60px !important;
}



/**
 * PADING
 */

.pd-left-1 {
	padding-left: 1px !important;
}

.pd-left-2 {
	padding-left: 2px !important;
}

.pd-left-3 {
	padding-left: 3px !important;
}

.pd-left-4 {
	padding-left: 4px !important;
}

.pd-left-5 {
	padding-left: 5px !important;
}

.pd-left-6 {
	padding-left: 6px !important;
}

.pd-left-7 {
	padding-left: 7px !important;
}

.pd-left-8 {
	padding-left: 8px !important;
}

.pd-left-9 {
	padding-left: 9px !important;
}

.pd-left-10 {
	padding-left: 10px !important;
}

.pd-all-5 {
	padding: 5px !important;
}


.pd-all-10 {
	padding: 10px !important;
}

/*
	COTEUDO DE DIV'S OCULTAS NO SISTEMA
*/
#returnData {
	position: fixed !important;
	top: 0 !important;
	left: 0 !important;
	margin-left: 0 !important;
	margin-top: 0 !important;
	width: 100% !important;
	cursor: pointer !important;
	z-index: 99999 !important;
}

#returnData p {
	margin: 0;
	padding: 0;
}

#returnAll {
	position: fixed;
	width: 100%;
	height: 100%;
	z-index: 9998 !important;
	background: rgb(0, 0, 0, 0.6);
	/* background: rgb(255, 255, 255, 0.6); */
	backdrop-filter: blur(30px);
}

#returnAllBody {
	z-index: 9999 !important;
	width: 300px;
	height: 300px;
	position: absolute;
	top: 50%;
	left: 50%;
	margin-top: -150px;
	margin-left: -150px;
}

#returnAllBody .loader-text {
	/* text-shadow:
		0 0 20px #000,
		0 -10px 20px #000,
		0 10px 20px #000,
		-20px 0 40px #000,
		20px 0 40px #000; */
	text-shadow: 0 0 20px #000;
	color: #2d78ff !important;
	font-weight: bolder;
	font-size: 16px;
}


.blur {
	-webkit-filter: blur(3px) !important;
	-moz-filter: blur(3px) !important;
	filter: blur(3px) !important;
	pointer-events: none !important;
}

.blur-modal {
	-webkit-filter: blur(3px) !important;
	-moz-filter: blur(3px) !important;
	filter: blur(3px) !important;
	pointer-events: none !important;
}


.loader {
	position: relative;
	width: 100px;
	height: 100px;
	background-repeat: no-repeat;
	background-image: linear-gradient(#1f5bc9 50px, transparent 0),
		linear-gradient(#333 50px, transparent 0),
		linear-gradient(#1f5bc9 50px, transparent 0),
		linear-gradient(#333 50px, transparent 0),
		linear-gradient(#1f5bc9 50px, transparent 0),
		linear-gradient(#333 50px, transparent 0);
	background-position: 0px center, 15px center, 30px center, 45px center, 60px center, 75px center, 90px center;
	animation: rikSpikeRoll 0.65s linear infinite alternate;
	margin-left: 55px;
}


.loader-modal {
	position: relative;
	width: 100px;
	height: 50px;
	background-repeat: no-repeat;
	background-image: linear-gradient(#1f5bc9 25px, transparent 0),
		linear-gradient(#8d939b 25px, transparent 0),
		linear-gradient(#1f5bc9 25px, transparent 0),
		linear-gradient(#8d939b 25px, transparent 0),
		linear-gradient(#1f5bc9 25px, transparent 0),
		linear-gradient(#8d939b 25px, transparent 0);
	background-position: 0px center, 15px center, 30px center, 45px center, 60px center, 75px center, 90px center;
	animation: rikSpikeRoll 0.65s linear infinite alternate;
	/* margin-left: 0px; */
}


.cursor-pointer {
	cursor: pointer;
}

@keyframes rikSpikeRoll {
	0% {
		background-size: 10px 3px;
	}

	16% {
		background-size: 10px 50px, 10px 3px, 10px 3px, 10px 3px, 10px 3px, 10px 3px
	}

	33% {
		background-size: 10px 30px, 10px 50px, 10px 3px, 10px 3px, 10px 3px, 10px 3px
	}

	50% {
		background-size: 10px 10px, 10px 30px, 10px 50px, 10px 3px, 10px 3px, 10px 3px
	}

	66% {
		background-size: 10px 3px, 10px 10px, 10px 30px, 10px 50px, 10px 3px, 10px 3px
	}

	83% {
		background-size: 10px 3px, 10px 3px, 10px 10px, 10px 30px, 10px 50px, 10px 3px
	}

	100% {
		background-size: 10px 3px, 10px 3px, 10px 3px, 10px 10px, 10px 30px, 10px 50px
	}
}


/* 
	MODAL 
*/
.app-modal {
	/* background: #161617; */
	/* background: #010101; */
	position: fixed;
	z-index: 9990;
	border-radius: 20px;
	display: none;
	/* box-shadow: 0 0 20px rgb(28, 28, 30, 1); */
	box-shadow: 0 0 10px 0px #333333;
	/* backdrop-filter: blur(20px); */
	border: 1px solid #161617;
	background: rgb(1, 1, 1, .95);
	max-height: 100%;
	overflow: auto;
}

.app-modal .app-modal-body {
	padding: 15px 20px;
	width: calc(100% - 40px);
}

.app-modal .app-modal-body .app-modal-title {
	padding: 10px 0 15px 0;
	border-bottom: 1px solid #010101;
	color: #1f5bc9;
	font-weight: bold;
	width: 100%;
}

.app-modal .app-modal-body .app-modal-data {
	padding-top: 15px;
	height: calc(100% - 110px);
	width: 100% !important;
}

.app-modal .app-modal-body .app-modal-title-closed {
	position: absolute;
	right: 20px;
	top: 18px;
	color: #667180;
	font-weight: 500;
	padding: 3px 10px 6px 10px;
	border-radius: 50%;
	cursor: pointer;
	-webkit-transition: all 0.5s ease;
	-moz-transition: all 0.5s ease;
	-o-transition: all 0.5s ease;
	transition: all 0.5s ease;
}

.app-modal .app-modal-body .app-modal-title-closed:hover {
	background: #e3e8ef;
}

.modal-bg-color {
	background: rgba(15, 23, 42, .4) !important;
	pointer-events: none;
}

@media (max-width: 1023px) {
	.app-modal {
		margin-left: 10px;
		margin-top: 10px;
		width: calc(100% - 20px);
		height: calc(100% - 20px);
	}

	.app-modal-small {
		height: auto !important;
		top: 10% !important;
		max-height: 80% !important;
		overflow: auto;
	}

	.app-modal-md {
		height: auto !important;
		top: 20% !important;
		max-height: 70% !important;
		overflow: auto;
	}
}

@media (min-width: 1024px) {
	.app-modal {
		margin-left: 20px;
		margin-top: 20px;
		width: calc(100% - 40px);
		height: calc(100% - 40px);
	}

	.app-modal-small {
		width: 50% !important;
		height: auto !important;
		margin-left: 25% !important;
		top: 15% !important;
		/* height: 300px !important; */
		max-height: 60% !important;
		overflow: auto;
	}

	.app-modal-md {
		width: 90% !important;
		height: auto !important;
		margin-left: 5% !important;
		top: 3% !important;
		max-height: 90% !important;
		overflow: auto;
	}
}



#tabs ul {
	width: 100%;
	border-bottom: 1px solid #000;
}


#tabs ul li {
	display: inline-block;
	padding: 0px 15px 10px 15px;
	border-bottom: 4px transparent;
	cursor: pointer;
	color: #fff;
}

#tabs ul li:hover,
#tabs ul .active {
	border-bottom: 4px solid #000;
}

#tabs .tab-body {
	display: none;
	padding-top: 10px;
}

#tabs .active:not(#tabs ul .active) {
	display: block;
}

.box-line {
	background: #161617;
	padding: 10px;
	border-radius: 10px;
}


/* tabs-cogs chat */
#tabs-chat ul li {
	float: left;
	padding: 0px 25px 10px 25px;
	border-bottom: 4px transparent;
	cursor: pointer;
	color: #fff;
	font-weight: 400;
	font-size: 14px;
}

#tabs-chat ul li:hover,
#tabs-chat ul .active {
	border-bottom: 4px solid #2d78ff;
	color: #2d78ff;
}

#tabs-chat .tab-body {
	clear: both;
	display: none;
	padding-top: 20px;
}

#tabs-chat .active:not(#tabs ul .active) {
	display: block;
}

code {
	background-color: rgb(0, 0, 0, .1);
	padding: 2px;
	border-radius: 5px;
}


#list-data .line {
	background: #1c1c1e;
	/* background: #f2f2f2; */
	border-radius: 10px;
	padding: 15px;
	box-shadow: 1px 1px 2px #000;
	/* box-shadow: 1px 1px 2px #e2e2e2; */
	margin-bottom: 15px;
}



#browsers {
	margin-top: -9px;
	overflow-y: auto;
	box-sizing: border-box;
	position: absolute;
	background: #2a2a2c;
	border: 1px solid #2a2a2c;
	border-radius: 0px 0px 10px 10px;
	font-family: sans-serif;
	padding: 10px;
	max-height: 10rem;
	/* box-shadow: 0px 0px 5px #000; */
	z-index: 99999;
	min-width: calc(100% - 34px);

}

#browsers option {
	padding: 7px 10px !important;
	color: #7f7f81 !important;
	margin-bottom: 1px;
	font-size: 13px;
	cursor: pointer;
	display: block;
	padding: 5px 0;
	border-bottom: 1px solid #1b1b1d;
	/* 2a2a2c */
}

#browsers option:hover {
	/* background-color: #3f4348; */
	color: #fff;
}