

/* ------------------------------------------------------------------------------------------------------------------
  										 OVERRIDE (al final de todo)
------------------------------------------------------------------------------------------------------------------- */ 

/* minimum mobile */
body {
	overflow-y: auto;
	min-width:576px !important;
	width: auto !important;
	/*width:768px;*/
}

/* minimum mobile */
body.iframe {
	min-width:300px !important;
}

/* minimum mobile */
.content,
.navbar {
	width:100%;
	max-width:100%;
}

.sidebar-sticky .sidebar-content {
    height: 100%; /*100vh;*/
}
	
@media (min-width: 576px) {
	.form-inline .form-control {
		width: 100%; /*auto;*/
	}
}

#toast-container > .toast-success {
    /*background-image: none !important;*/
}

#toast-container > .toast-error {
    background-image: none !important;
}

#toast-container > .toast-info {
    background-image: none !important;
}

#toast-container > .toast-warning {
    /*background-image: none !important;*/
}

.is-invalid {
	border-color: #ff1744 !important;
}

.form-control:disabled {
    background-color: #e9ecef !important;
    cursor: not-allowed;
}

/* accordion */
a.list-group-item {
	padding: 8px 20px;
}

.table td {
	padding:7px 12px;
}

.table th {
	border-top:0px;
}


.table-white th,
.table-white td {
	border:0px;
	padding:4px 12px;
	background-color:#fff;
}


img.avatar {
    width: 50px;
    height: 50px;
}


.sidebar {
	position: fixed;
    z-index: 1021;
}

#close_sidebar_icon {
	position:absolute;
	top:30px;
	right:20px;
	font-size:24px; 
	text-shadow:0 0 8px #fff; 
	cursor:pointer;
	color: #adb5bd; 
}

.lead16 {
    font-size: 16px;
    font-weight: 300;
}

.lead18 {
    font-size: 18px;
    font-weight: 300;
}
	
.sidebar-nav .list-group-item {
	border:0;
	border-radius:0;
	/*padding: .75rem 1.25rem;*/
    /*color: #212529;*/
    text-decoration:none;
	/*font-weight: 500;*/
}


.nav-link-user:after {
    border: 0;
    border-width: 0;
}
.nav-link-user:after {
    border-top: 0;
    border-right: 0;
    border-bottom: 0;
    border-left: 0;
}


.list-group-item i {
	padding-right:10px;
}

.list-group-item svg {
	margin-right:10px;
}

.list-group-item-first-child {
    border-top-left-radius: .2rem !important;
    border-top-right-radius: .2rem !important;
	border-top: 0 !important;
}

/* datatables override */
div.dataTables_wrapper div.dataTables_filter {
    text-align: left;
	white-space: nowrap;
	float: left;
    margin-right: 20px;
}

div.dataTables_wrapper div.dataTables_length {
    text-align: right;
    white-space: nowrap;
}

div.dataTables_wrapper div.dataTables_paginate {
    white-space: nowrap;
    text-align: left;
}

div.dataTables_wrapper div.dataTables_paginate ul.pagination {
    -ms-flex-pack: start;
    justify-content: flex-start;
}

div.dataTables_wrapper div.dataTables_info {
    white-space: nowrap;
	text-align: right;
}


button {
	outline:none !important; 
	box-shadow:none !important;
}

.custom-control.custom-switch label {
	cursor:pointer;
}

.custom-control-input:disabled~.custom-control-label {
   opacity:.5;
   cursor: not-allowed;
   color: inherit;
}

/* messages */
ul.chat-messages {
	padding:10px;
}

ul.chat-messages li {
	list-style:none;
	clear:both;
	margin-bottom:30px;
}

.chat-customer {
	width:90%;
	float:left;
	
}

.chat-employee {
	width:90%;
	float:right;
}

.chat-bubble {
	padding:15px;
	text-align:left;
	display:inline-block;
	min-width: 50%
}


.chat-customer .chat-bubble {
	border-radius:20px 20px 20px 0; 
	box-shadow:0 1px 4px #ececec; 
	background:#efefef;
	float:left;
}

.chat-employee .chat-bubble {
	border-radius:20px 20px 0px 20px; 
	background-color:#4585f2; 
	border-color:#4585f2;
	text-align:right;
	float:right;
	color:#fff !important;
}

.chat-customer .chat-header {
	text-align:left;
	float:left;
}

.chat-customer .chat-header img {
	float:left;
	margin-right:8px;
}

.chat-employee .chat-header {
	text-align:right;
	float:right;
}

.chat-employee .chat-header img {
	float:right;
	margin-left:8px;
}

@media (min-width: 992px) {
	.chat-customer, .chat-employee {
		width: 70%;
	}
	ul.chat-messages {
		padding:40px 200px;
	}
}

.chat-body select {
	width:150px; 
	border-radius:5px;
}

.chat-customer .chat-body .chat-extra {
	text-align:left;
	float:left;
}

.chat-employee .chat-body .chat-extra {
	text-align:right;
	float:right;
}

.extended-table-container {
	max-width:1500px;
}

.clicktocall-input-group {
	
	
}

.input-clicktocall {
	max-width: 400px;
    margin: 10px auto;
}

.input-contactform {
	max-width: 400px;
    margin: 0px auto;
}

#contact_form_clicktocall_submit {
	min-width: 400px;
    margin: 10px auto;
}

#contact_form_footer_buttons {
	min-width: 400px;
}

.logo-max-400 {
	max-width: 90%;
    width: 400px;
}


/* ------------ */