body {
	background: #f1f1f4;
	color: #3c4047;
	/* color: #2d3036; */
}


/* 
	INPUT 
*/
label {
	color: #575d67 !important;
}

::placeholder {
	color: rgb(127, 127, 129, .5);
}

input,
select,
textarea,
input:-webkit-autofill,
textarea:-webkit-autofill,
select:-webkit-autofill {
	border: 1px solid #e8eaeb !important;
	background: #e8eaeb !important;
	color: #3c4047 !important;
	-webkit-text-fill-color: #3c4047 !important;
	-webkit-box-shadow: 0 0 0 50px #e8eaeb inset;
}

input:focus,
select:focus,
textarea:focus,
input:-webkit-autofill:focus,
textarea:-webkit-autofill:focus,
select:-webkit-autofill:focus {
	border-color: #dedede;
	box-shadow: 0 0 0 0.2rem rgb(42, 42, 44, .5);
	-webkit-text-fill-color: #3c4047 !important;
	-webkit-box-shadow: 0 0 0 50px #dfe1e2 inset;
}

input:hover,
select:hover,
textarea:hover,
input:-webkit-autofill:hover,
textarea:-webkit-autofill:hover,
select:-webkit-autofill:hover {
	box-shadow: 0 0 0 0.2rem rgb(42, 42, 44, .5);
	-webkit-text-fill-color: #3c4047 !important;
	-webkit-box-shadow: 0 0 0 50px #dfe1e2 inset;
}


.inputDisabled {
	box-shadow: 0 0 0 0.2rem rgb(42, 42, 44, .5);
	-webkit-text-fill-color: #3c4047 !important;
	-webkit-box-shadow: 0 0 0 50px #dfe1e2 inset;
}


.dropdown-multipe {
	border: 1px solid #e8eaeb !important;
	background: #e8eaeb !important;
	color: #3c4047 !important;
	-webkit-text-fill-color: #3c4047 !important;
	-webkit-box-shadow: 0 0 0 50px #e8eaeb inset !important;
}


.dropdown-multipe .menu {
	background: #e8eaeb !important;
}


/**
 * SELECT MULTIPLE
 */
.ms-choice {
	border: 1px solid #dedede !important;
	background: #e8eaeb !important;
	color: #3c4047 !important;
	box-shadow: 0 0 0 50px #dfe1e2 inset !important;
}

.ms-drop {
	background: #e8eaeb !important;
	border: 1px solid #dedede !important;
}

/* 
	CHECKBOX 
*/
input[type=checkbox]:before {
	background-color: #dedede;
}

input[type=checkbox]:checked:before {
	background-color: #dedede;
}


/* 
	BUTTONS 
*/
.btn-app {
	border: 1px solid #e8eaeb;
	background: #e8eaeb;
	color: #343d4c;
}

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

.btn-app-dark {
	background: #e8eaeb !important;
	border: 1px solid #e8eaeb !important;
	color: #343d4c !important;
}

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


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

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

/* 
	BADGE 
*/
.badge {
	background: #d1d1d1;
	color: #333;
}


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

.table th {
	color: #333;
}

.table td {
	border-top: 1px solid #e8eaeb;
	color: #8d939b;
}

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

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

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

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

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

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

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


.table-hover tbody tr:hover,
.table-hover .table-active:hover,
.table-hover .table-active:hover>td,
.table-hover .table-active:hover>th {
	background-color: #e8eaeb;
}

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


@media screen and (max-width: 800px) {
	.table tr {
		background: #e8eaeb;
		border: 1px solid #eff1f3;
		border-bottom: 3px solid #eff1f3;
	}

	.table td {
		border-bottom: 1px solid #eff1f3;
	}
}


/*
	COTEUDO DE DIV'S OCULTAS NO SISTEMA
*/
#returnAll {
	background: rgb(0, 0, 0, 0.6);
}

/* 
	MODAL 
*/
.app-modal {
	/* box-shadow: 0 0 30px #7b7b7b; */
	box-shadow: 0 0 10px 0px #7b7b7b;
	border: 1px solid #fff;
	background: rgb(255, 255, 255, .97);
}

.app-modal .app-modal-body .app-modal-title {
	border-bottom: 1px solid #afafaf;
	color: #1f5bc9;
}

.app-modal .app-modal-body .app-modal-title-closed {
	color: #667180;
}

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

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

#tabs ul {
	border-bottom: 1px solid #afafaf;
}


#tabs ul li {
	color: #333;
}

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



#tabs-chat ul li {
	color: #666;
}



.box-line {
	background: #161617;
}


.switch--shadow+label:before,
.switch--shadow+label:after {
	color: #dfe1e2;
}

.switch--shadow+label:before {
	background-color: #dfe1e2;
}

.switch--shadow+label:after {
	background-color: #ff4749;
}

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

.switch--shadow:checked+label:after {
	background-color: #2d78ff;
}










#returnAll {
	background: rgb(255, 255, 255, 0.6);
}





#app-menu {
	/* background: #1f5bc9; */
}

#app-menu ul li {
	/* color: #9900cc; */
	/* color: #f2e1fa; */
	/* background: -moz-linear-gradient(45deg, #9900cc 30%, #ff00ff 100%);
	background: -webkit-linear-gradient(45deg, #9900cc 30%, #ff00ff 100%);
	background: linear-gradient(45deg, #9900cc 30%, #ff00ff 100%);
	-webkit-background-clip: text;
	-moz-background-clip: text;
	background-clip: text;
	-webkit-text-fill-color: transparent; */
}

#app-menu ul li:not(:first-child, .btn-user):hover,
#app-menu .active {
	/* background: rgb(1, 1, 1, .2); */
	/* background: rgb(255, 255, 255, .15); */
	/* background: rgb(153, 0, 204, .1); */

	/* color: #fff; */
}


#app-admin-menu {
	/* background: #f0efef; */
	background: #f1f1f4;
	box-shadow: 2px 0px 2px inset rgb(10, 10, 11, .1);
}

#app-admin-menu .title {
	color: #222;
}

#app-admin-menu ul li {
	color: #777;
}

#app-admin-menu ul li i {
	color: #ababab;
}

#app-admin-menu .active {
	color: #1f5bc9;
}

#app-admin-body-top {
	/* background: #f0efef; */
	background: #f1f1f4;
}

#app-admin-body-top #menu-left ul {
	/* background: #fff; */
	background: #f1f1f4;
}

#app-admin-body-top #menu-left ul li {
	color: #444444;
}

#app-admin-body-top #menu-left ul li:not(:first-child) {
	color: #444444;
}

#app-admin-body-top #menu-right ul li:not(.app-admin-body-top-btn-new) {
	background-image: linear-gradient(135deg, #02389c, #5287e9);
}


#app-admin-body-data {
	background: #fff;
	color: #8d939b;
}

#app-admin-body-data .title {
	color: #1f5bc9;
}


.tree ul {
	color: #999;
}


#treeMenu .chat-robbot-menu {
	background: #f0efef;
}


#treeMenu .title {
	color: #999;
}


#treeMenu .message-text {
	color: #777 !important;
}

#treeMenu .baseline {
	/* color: #48a5e3 !important; */
}

@media (max-width: 1023px) {

	#app-menu {
		border-top: 1px solid #1f5bc9;
	}

	#app-chat-conversations-top .app-chat-conversations-top-detail {
		/* background: #f2f2f2; */
		background: #f1f1f4;
	}

	#app-chat-conversations-top .app-chat-conversations-top-buttons {
		/* background: #f2f2f2; */
		background: #f1f1f4;
	}


	/* background: #f2f2f2; */

}

@media (min-width: 1024px) {

	#app-menu {
		border-right: 1px solid #dedede;
	}

	#app-chat-list {
		border-right: 1px solid #dedede;
	}
}









#app-chat .chat-letter-user {
	background: #2d78ff;
}

#app-chat .chat-letter-user p {
	color: #c1d6ff;
}

#app-chat-list {
	/* background: #f8f8f8; */
	background: linear-gradient(#ffffff 0px, #f8f8f8 calc(100% - 600px));
	box-shadow: inset 2px 0px 2px #e7ebf4, inset -2px 0px 2px #e7ebf4, inset 0px 2px 2px #e7ebf4;
	color: #8d939b;
}

#app-chat-list .app-chat-list-row-1 p {
	color: #333;
}

#app-chat-list .app-chat-list-row-2 input {
	-webkit-box-shadow: 0 0 0 50px #f0f2f4 inset;
	border: 1px solid #f0f2f4 !important;
}

#app-chat-list .app-chat-list-row-2 select {
	-webkit-box-shadow: 0 0 0 50px #f0f2f4 inset;
	border: 1px solid #f0f2f4 !important;
}





#app-chat-list #app-chat-list-online {
	/* border-right: 1px solid #dedede !important; */

	/* border-bottom: 1px solid transparent; */

	/* box-shadow: inset 2px 0px 2px #e7ebf4, inset -2px -2px 2px #e7ebf4, inset 0px 2px 2px #e7ebf4; */
	/* box-shadow: inset 2px 0px 2px #e7ebf4, inset -2px 0px 2px #e7ebf4, inset 0px 2px 2px #e7ebf4; */
}

#app-chat-list .app-chat-list-text-company {
	color: #333;
}

#app-chat-list .app-chat-list-text-user {
	color: #02389c;
}

#app-chat-list-chats-row .app-chat-list-chats-col,
#app-chat-list-chats-row .app-chat-list-chats-history-col {
	border-bottom: 1px solid #e4e4e4;
}


#app-chat-list-chats-row .active,
#app-chat-list-chats-row .app-chat-list-chats-col:hover {
	background: #fff !important;
	border: 1px solid #e4e4e4;
	box-shadow: 0px 0px 4px #e4e4e4;
	color: #8d939b;
}

#app-chat-list-chats-row .app-chat-list-chats-history-col:hover {
	background: #fff !important;
	border: 1px solid #e4e4e4;
	box-shadow: 0px 0px 4px #e4e4e4;
}

#app-chat-list-chats-row .title {
	color: #1c1c1e;
}

#app-chat-list-chats-row .description {
	color: #6e7278;
}


#app-chat-list-chats-row .info {
	color: #6e7278;
}

#app-chat-list-chats-row .date {
	color: #6e7278;
}

/* #app-chat-list-chats-row .badge-chat-department {
	background: rgb(222, 233, 255, .9) !important;
	color: #6e7278;
} */

/* #app-chat-list-chats-row .badge-chat-tag {
	background: rgb(222, 233, 255, .9) !important;
	color: #6e7278;
} */


#app-chat-conversations {
	/* background: url('/images/chat/b1.png'); */
}



#app-chat-conversations-list {
	background: rgb(255, 255, 255, .1);
}



#app-chat-conversations-top {
	/* background: #f2f2f2; */
	background: #f1f1f4;
	border-bottom: 1px solid #dedede;
}

#app-chat-conversations-top .title {
	color: #000;
}


#app-chat-conversations-top .app-chat-conversations-top-buttons ul li {
	color: #666666;
}


#app-chat-conversations-top .btn-chat-dropdown-content {
	background-color: #f8f8f8;
	box-shadow: 0px 8px 16px 0px rgba(0, 0, 0, 0.2);
	border: 1px solid #dedede;
}


#app-chat-conversations-top .btn-chat-dropdown-content a {
	color: #575d67;
}

#app-chat-conversations-top .btn-chat-dropdown-content a:hover {
	color: #3b3f46 !important;
}




#app-chat-conversations-description {
	background: #f8f8f8;
	border-bottom: 1px solid #dedede;
}

#app-chat-conversations-middle {
	/* background: url('/images/chat/b1.png');
	background-position: 100% 100%;
	backdrop-filter: opacity(100%) !important; */
}

/* #app-chat-conversations-middle .app-chat-conversations-middle-row-show {
	background: #fff !important;
} */

#app-chat-conversations-middle .app-chat-conversations-middle-row-notification {
	background: #fef5eb !important;
	color: #f19c39 !important;
}

#app-chat-conversations-middle .app-chat-conversations-middle-row-reply-selected,
#app-chat-conversations-middle .app-chat-conversations-middle-row-forward-selected {
	background: rgb(0, 0, 0, .09);
}

#app-chat-conversations-middle .app-chat-conversations-middle-row-left-chat {
	background: #f2f2f2;
	color: #000;
	border-bottom: 0.14em solid #cecdcd;
}

#app-chat-conversations-middle .app-chat-conversations-middle-row-left-time {
	color: #a5adbb;
}

#app-chat-conversations-middle .app-chat-conversations-middle-row-right-chat {
	background: #2d78ff;
	/* background: #9900cc; */
	/* color: #dde8fc; */
	color: #f2e1fa;

	/* background:linear-gradient(45deg, #2d78ff 0%, #1f5bc9 50%, #134db9 100%); */
	/* background:linear-gradient(45deg, #8827ff 0%, #5d1bac 50%, #5d1bac 100%); */
	border-bottom: 0.14em solid #1f5bc9;
}


#app-chat-conversations-middle .app-chat-conversations-middle-row-right-time {
	color: #a5adbb;
}

#app-chat-conversations-middle .app-chat-conversations-middle-row-aux {
	/* background: rgb(255, 255, 255, 0.3) ; */
	/* background-image: linear-gradient(to right, #c5c4c4 , #dedede); */

}

#app-chat-conversations-middle .app-chat-conversations-middle-row-left .app-chat-conversations-middle-row-ref {
	background: rgb(0, 0, 0, .05);
}


#app-chat-conversations-middle .app-chat-conversations-middle-row-right .app-chat-conversations-middle-row-ref {
	background: rgb(255, 255, 255, .1);
}

#app-chat-conversations-middle .app-chat-conversations-middle-message-news {
	border-bottom: 1px solid #dedede;
}

#app-chat-conversations-middle .app-chat-conversations-middle-message-news-text {
	background: #dedede;
	color: #666666;
}


#app-chat-conversations-middle .app-chat-conversations-middle-message-alert {
	background: rgb(241, 156, 57);
	color: #fff;
}

#app-chat-conversations-middle .app-chat-conversations-middle-message-info {
	background: rgb(72, 165, 227) !important;
	color: #fff !important;
}


#app-chat-conversations-middle .app-chat-conversations-middle-row-image {
	background: #f2f2f2;
}

#app-chat-conversations-middle .app-chat-conversations-middle-row-image img {
	border: 1px solid #f2f2f2;
	/* border: 1px solid #dedede; */
}



#app-chat-conversations-bottom {
	background: #f8f8f8;
	border-top: 1px solid #dedede;
}

#app-chat-conversations-bottom .btn-message-others {
	/* color: #666666 !important; */
}




.wnoty-notification {
	color: #000 !important;
	/* background: rgb(153, 153, 153, 0.2) !important; */
	background: #fff !important;
	/* box-shadow: 0 0 30px #999 !important; */
	border: 1px solid transparent !important;
	box-shadow: 0 2px 15px rgba(0, 0, 0, 0.1) !important;
}

.wnoty-notification .wnoty-close::before,
.wnoty-notification .wnoty-close::after {
	background: #000 !important;
}

.wnoty-close:hover,
.wnoty-close:focus {
	background: rgba(0, 0, 0, .1) !important;
}

.wnoty-data h4 {
	color: #404040 !important;
}

.wnoty-data p {
	color: #606060 !important;
}

.wnoty-ico-success {
	background: #E3FEE6 !important;
}

.wnoty-ico-info {
	background: #CFEFFC !important;
}

.wnoty-ico-error {
	background: #FFEAEC !important;
}

.wnoty-ico-warning {
	background: #FFEEDF !important;
}


.text-warning {
	color: #ffb300 !important;
	/* color: #ffd500 !important; */
}


.box-line {
	background: rgb(242, 242, 242, .6);
}


#emojis {
	background: #f8f8f8;
	border-top: 1px solid #dedede;
	border-bottom: 1px solid #dedede;
}


#chat-shortcut {
	background: #f8f8f8;
	border-top: 1px solid #dedede;
	border-bottom: 1px solid #dedede;
}

#chat-shortcut .shortcut-line:hover {
	background: rgb(0, 0, 0, .1);
}


#app-chat-cogs {
	background: #f8f8f8;
	border-left: 1px solid #dedede;
	box-shadow: 0px 2px 2px #e7ebf4;
}

#app-chat-news {
	background: #fff;
	border: 1px solid #e7ebf4;
	box-shadow: 0px 2px 2px #e7ebf4;
	color: #333;
}

#app-chat-news .app-chat-news-body-title-row {
	border-top: 1px solid #e7ebf4;
	padding: 10px 0;
	color: #676a71;
}



.badge-count-chat {
	background: #dee9ff !important;
	color: #2d78ff !important;
}

#chat-btn-scroll-down,
#chat-btn-scroll-up {
	background: rgb(87, 90, 95, .2);
	color: #000;
}



.tooltip .tooltiptext {
	background-color: #f2f2f2;
	border: 1px solid #dedede;
	color: #7f7f81;
}

.tooltip .tooltiptext::after {
	border-color: transparent transparent #dedede transparent;
}

#list-data .line {
	background: #f2f2f2;
	box-shadow: 1px 1px 2px #e2e2e2;
}


#browsers {
	background: #e8eaeb !important;
	border: 1px solid #e8eaeb !important;
	/* box-shadow: 0px 0px 5px #ccc !important; */
}

#browsers option {
	color: #3c4047 !important;
	border-bottom: 1px solid #c4c6c7;
}

#browsers option:hover {
	color: #2d78ff !important;
}