/* Add here all your CSS customizations */

@media (min-width: 1200px) {
	.search-button {
		width: 100%!important;
		max-width: 100%!important;
	}
}

@media (max-width: 1310px) and (min-width: 992px) {
	.table-overflow {
		overflow-x: auto;
		display: block;
		width: 100%;
	}

	.table-domain-page {
		overflow-x: auto;
		width: 100%;
	}
}

@media (min-width: 575px) and (max-width: 992px) {
	.filter-buttons {
		/*margin-bottom: -50px!important;*/
	}
}

.checkbox-margin {
	margin-top: 10px;
	padding-left: 15px;
}

.checkbox-top {
	top: 7px;
}

.pagination-justify {
	padding-top: 20px!important;
}

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

.padding-left-45 {
	padding-left: 45px!important;
}

.pagination-btn {
	text-decoration: none!important;
	color: white!important;
}

.margin-left-5 {
	margin-left: 5px;
}

.margin-left-15 {
	margin-left: 15px;
}

.margin-left-25 {
	margin-left: 25px;
}

.margin-right-10 {
	margin-right: 10px;
}

.margin-bottom-0 {
	margin-bottom: 0!important;
}

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

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

.client-session-chat {
	background-color: white!important;
	border-radius: 5px!important;
	margin-bottom: 10px!important;
	width: calc(100% - 10px);
	position: relative;
}

.profile-session-chat{
	background-color: white!important;
	border-radius: 5px!important;
	margin-bottom: 10px!important;
	/*float: right;*/
	width: calc(100% - 10px);
	margin-left: 10px;
	position: relative;
}

.padding-left-10 {
	padding-left: 10px;
}

.padding-right-10 {
	padding-right: 10px;
}

.profile-session-avatar {
	margin-left: 10px;
	margin-top: 10px;
	padding-bottom: 20px;
}

.client-session-avatar {
	margin-right: 10px;
	margin-top: 10px;
	padding-bottom: 20px;
	float: right;
}

.profile-session-text {
	margin-left: 50px!important;
	margin-top: -52px;
}

.client-session-text{
	padding-top: 16px;
}

.chat-triangle-right {
	position:absolute;
	margin-left:-5px;
	border-left: 12px solid transparent;
	border-right: 12px solid transparent;
	border-bottom: 12px solid white;
	transform:rotate(90deg);
	right: -17px;
	top: 20px;
}

.chat-triangle-left {
	position:absolute;
	margin-left:-5px;
	border-left: 12px solid transparent;
	border-right: 12px solid transparent;
	border-bottom: 12px solid white;
	transform:rotate(-90deg);
	left: -12px;
	top: 20px;
}

.chat-textarea {
	overflow: hidden!important;
	word-wrap: break-word!important;
	resize: none!important;
	height: 89px!important;
}

.chat-button {
	padding: 10px 20px 10px 20px;
	border: 1px solid rgba(54, 25, 25, .0);
	font-size: 25px;
	background: rgba(54, 25, 25, .0);
	cursor: pointer!important;
}

.chat-button:hover {
	cursor: pointer!important;
}

.chat-button:visited {
	cursor: pointer!important;
}

body > section > div > section > div > div > section > form > div.tabs.tabs-vertical.tabs-left {
	margin-top: 15px!important;
}

body > section > div > section > div > div > section > form > div.tabs.tabs-vertical.tabs-left > ul {
	width: 12%!important;
}

.select2{
	width: 100%
}

.session-chat-box {
	overflow: hidden;
	word-wrap: break-word;
	resize: none;
	height: 89px;
}

.chat-overflow {
	height: 500px!important;
    overflow: scroll!important;
}

@media (max-width: 1565px) {
	.chat-button {
		padding: 10px 10px 10px 15px!important;
	}

	.chat-button:hover {
		cursor: pointer!important;
	}

	.chat-button:visited {
		cursor: pointer!important;
	}
}

@media (max-width: 1165px) {
	.chat-button {
		/*padding: 2px 2px 2px 2px!important;*/
	}

	.chat-button:hover {
		cursor: pointer!important;
	}

	.chat-button:visited {
		cursor: pointer!important;
	}
}

.chat-button-position {
	top: 25px!important;
	right: 30px;
}

.filters-row {
	display: block;
}

.w-50 {
	max-width: 50%!important;
}

.field_input_error_message {
	color: red;
}

@media (max-width: 610px) {
	.filters-row {
		display: flex!important;
	}

	.filter-btn {
		margin-bottom: 5px;
		margin-left: 5px;
	}
}

@media (max-width: 963px) {
	.filters-row {
		display: flex!important;
	}

	.filter-btn {
		margin-bottom: 5px;
		margin-left: 5px;
	}
}

@media (min-width: 768px) and (max-width: 991px) {
    .navbar-collapse.collapse {
        display: none !important;
    }
    .navbar-collapse.collapse.in {
        display: block !important;
    }
    .navbar-header .collapse, .navbar-toggle {
        display:block !important;
    }
    .navbar-header {
        float:none;
    }
}

body > section > div > section > div > div > section > form > div > div:nth-child(4) > div > span {
	width: auto!important;
}

body > section > div > section > div > div > section > form > div > div:nth-child(5) > div > span {
	width: auto!important;
}

body > section > div > section > div > div > section > form > div > div:nth-child(6) > div > span {
	width: auto!important;
}

#add_credits > form > div:nth-child(3) > span {
	width: 100%!important;
}

.client_details_checkbox {
	margin-left: 20px!important;
    margin-top: 15px!important;
}

body > section > div > section > div > div.col-xl-2 > section > div {
	padding: 0;
}

@media (max-width: 1190px) {
	#cm-row {
		flex-direction: column!important;
	}
}

@media (max-width: 720px) {
	#cm-row {
		flex-direction: column!important;
		/*align-items: center!important;*/
	}
}

@media (max-width: 768px) {
	#cm-table {
		display: table!important;
	}
}

@media (max-width: 990px) {
	.spade-down {
		margin-bottom: 40px;
	}
}