/* General */
#container {
	overflow: hidden;
}

.view-content {
	min-height: 600px;
	padding-bottom: 15px;
}

.hide { display: none; }
.hide-imp { display: none !important; }

label {
	font-weight: 500 !important;
}

/* additional bootstrap button styles */
.btn-purple {
	color: #fff;
	background-color: #d577f5;
	border-color: #d36af7;
}

.btn-purple:hover, .btn-purple:focus, .btn-purple:active, .btn-purple.active {
	color: #fff;
	background-color: #ce67f1;
	border-color: #c75aec;
}

.btn-cancel {
	color: #555;
	background-color: #ddd;
}

.btn-cancel:hover, .btn-cancel:focus, .btn-cancel:active, .btn-cancel.active {
	color: #555;
	background-color: #d8d8d8;
}
/* .additional bootstrap button styles */

/* timepicker */
.bootstrap-timepicker-widget.dropdown-menu.open {
	min-width: 180px;
}
.bootstrap-timepicker-widget table td input {
	width: 50px;
}
/* .timepicker */

.datepicker-dropdown, .daterangepicker.dropdown-menu {
	z-index: 2000 !important;
	min-width: auto !important;
}

.form-group.required .control-label:not(.optional):after,
.control-label-required:after {
	content: "*";
	color: red;
}

.required-wsp:after {
	content: " * ";
	color: red;
}

.input-group i.fa {
	margin: auto;
}

.custom-body-overlay {
	position: fixed;
	top: 0;
	bottom: 0;
	right: 0;
	left: 0;
	background-color: rgba(255,255,255,0.7);
	z-index: 10000;
}

.custom-body-overlay > .fa {
	display: inline-block;
	position: absolute;
	top: 35%;
	left: 0;
	right: 0;
	text-align: center;
	color: #15a0fb;
	font-size: 55px;
}

.datatable-overlay {
	position: fixed;
	top: 0;
	bottom: 0;
	right: 0;
	left: 0;
	background-color: rgba(255,255,255,0.7);
	z-index: 9999;
}

.datatable-overlay > span {
	display: inline-block;
	position: absolute;
	top: 35%;
	left: 0;
	right: 0;
	text-align: center;
	color: #15a0fb;
	font-size: 40px;
}

table.table-data tbody td .checkbox, .table-data th .checkbox {
	display: inline-block;
}

table.table-data tr.active td {
	background-color: #ccf5ff !important;
}

table.table-data div.btn-group > a.btn {
	border-radius: 3px !important;
}

.tabbable .nav-tabs .btn-sm {
	padding: 5px 10px !important;
}

.tabbable .nav-tabs button + button {
	margin-right: 5px;
}

.inline-buttons button + button {
	margin-right: 5px;
}

.form-horizontal .form-group {
	margin-right: 0px;
	margin-left: 0px;
}

/* Jquery Sortable */
body.dragging, body.dragging * {
	cursor: move !important;
}

.dragged {
	position: absolute;
	top: 0
	opacity: 0.5;
	z-index: 2000;
}

ul.jq-sort {
	margin: 0 0 9px 0;
	min-height: 10px;
	padding: 0px;
	border: 1px solid #dfe7ec;
}

ul.jq-sort > li {
	display: block;
	margin: 5px;
	padding: 5px;
	border: 1px solid #CCC;
	color: #555;
	background: #f8faff;
}

ul.jq-sort:not(.no-onhovcolor) > li:hover {
	cursor: pointer;
	background: #ecf2ff;
}

ul.jq-sort > li.placeholder {
	position: relative;
	margin: 0;
	padding: 0;
	border: none;
}
ul.jq-sort > li.placeholder:before {
	position: absolute;
	content: "";
	width: 0;
	height: 0;
	margin-top: -5px;
	left: -5px;
	top: -4px;
	border: 5px solid transparent;
	border-left-color: #39b1ff;
	border-right: none;
}
/* .Jquery Sortable */

/* sortable editor */
ul.sortable-editor.empty {
	border: 3px dashed #ccc;
}

ul.sortable-editor.empty:after {
	content: attr(data-content);
	position: absolute;
	text-align: center;
	top: 50%;
	left: 0;
	width: 100%;
	margin-top: -1em;
	color: #555;
}
/* .sortable editor */

/* datatable */
.dataTables_scrollHeadInner {
	background-color: transparent;
}

.table-responsive caption, .cv-section-heading {
	display: block;
	text-align: center;
	font-weight: 500;
	font-size: 16px;
	color: #05679c;
	padding-bottom: 5px;
}

table.table-data thead.th-rborder th {
	border-right: 1px solid #ddd;
	border-top: 1px solid #ddd;
}

table.table-data .action-fa-icon {
	font-size: 20px;
	margin-right: 0px;
	margin-left: 4px;
	cursor: pointer;
	margin-right: 5px;
}
/* .datatable */

/* full calendar */
.cv-fullcal .fc-month-view span.fc-title {
	white-space: normal;
}

.cv-fullcal .fc-scroller {
	overflow-y: visible !important;
	height: auto !important;
}

.fc-day-grid-event .fc-time {
	font-weight: 500;
	font-size: 120%;
}
/* .full calendar */

/* fields */
.inline-field-formcontrol {
	display: inline;
	height: 34px;
	padding: 6px 12px;
	font-size: 14px;
	line-height: 1.428571429;
	color: #555;
	vertical-align: middle;
	background-color: #fff;
	border: 1px solid #ccc;
	border-radius: 4px;
	-webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,0.075);
	box-shadow: inset 0 1px 1px rgba(0,0,0,0.075);
	-webkit-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
	transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
}
/* .fields */

.file-dropzone {
	width: 100%;
	padding: 20px;
	border: 3px dashed #b3b3b3;
	border-radius: 4px;
	color: #b3b3b3;
	text-align: center;
	font-size: 16px;
}

.file-dropzone .fa {
	vertical-align: middle;
	font-size: 200%;
}
/* .General */

/* For header settings */
.header-right, #options {
	overflow: visible !important;
}

.header-right {
	max-width: 650px;
}

#header-settings {
	cursor: pointer;
}

#li-header-settings ul.dropdown-menu {
	right: 0px;
	left: auto;
	padding: 8px 10px;
}

#li-header-settings ul.dropdown-menu a {
	padding: 0;
	color: #428bca;
}

#li-header-settings ul.dropdown-menu a:hover {
	background-color: #fff;
	text-decoration: underline;
}

#li-header-settings ul.dropdown-menu a:focus {
	background-color: inherit;
}

#li-header-settings ul.dropdown-menu > li {
	width: 100%;
	border: 0;
	margin: 0;
	padding: 1px 10px;
}
/* .For header settings */

/* for dialer */
#modalDialer .modal-dialog {
	max-width: 500px;
}

#modalDialer #dialerNumbers {
	color: #61bff9;
	font-size: 30px;
}

#dialerSelectCountryContainer .disabled-result {
	padding: 0px 6px;
}

#modalDialer #dialerNumbers .col-xs-4 {
	padding: 15px 0px;
	box-shadow: 0px 1px 2px #888;
	cursor: pointer;
}

#modalDialer #dialerNumbers .col-xs-4:hover {
	background-color: #61bff9;
	color: #fff;
}

#modalDialer #dialerCall {
	background-color: #34b0fd;
	margin-left: auto;
	margin-right: auto;
	display: block;
	font-size: 30px;
	border-radius: 50px;
	margin-top: 20px;
	margin-bottom: 20px;
	box-shadow: 0px 2px 4px #888;
	outline: 0px;
}
/* .for dialer */

/* input with icons */
.inner-addon {
	position: relative; 
}

.inner-addon .glyphicon, .inner-addon .fa {
	position: absolute;
	margin: 0;
	padding: 9px 12px;
	line-height: 1;
	text-align: center;
	background-color: #eee;
	border: 1px solid #ccc;
	border-radius: 4px;
}

.left-addon .glyphicon, .left-addon .fa {
	left: 0px;
	border-radius: 4px 0 0 4px;
}
.right-addon .glyphicon, .right-addon .fa {
	right: 0px;
	border-radius: 0 4px 4px 0;
}

.left-addon input { padding-left: 48px; }
.right-addon input { padding-right: 48px; }

/* for tag inputs */
.inner-addon .bootstrap-tagsinput {
	border-radius: 0 4px 4px 0;
	min-height: 34px;
}
.inner-addon .bootstrap-tagsinput input {
	padding: 0;
	border: 0;
}

/* add/overide cv design */
header {
	z-index: 1010;
}

.view-header {
	margin-bottom: 10px;
}

#view-menu {
	position: relative;
}

#profile-btn-agent {
	color: #fff !important;
}

.theme-icon.call.call-soft-phone {
	background: url(../../crystal-voice/images/call-soft-phone.png) center center no-repeat;
	width: 24px;
	height: 24px;
}

.theme-icon.call.active {
	width: 24px;
	height: 24px;
}

.btn {
	padding: 8px 15px;
	border-radius: 3px;
}

.btn-xs {padding: 1px 5px;}
.btn-sm {padding: 5px 10px;}

.btn-white {
	background-color: #fff;
	color: #222;
}

table.dataTable .btn {
	padding: 3px 7px;
}

table.dataTable {
	font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
	font-size: 14px;
	line-height: 1.428571429;
}

table.dataTable thead {
	background-color: #fff;
	color: #333;
}

table.dataTable thead th,
table.dataTable tfoot th {
	font-weight: bold !important;
}

.dataTables_wrapper .dataTables_paginate .paginate_button.next, .dataTables_wrapper .dataTables_paginate .paginate_button.next:hover {
	background-color: #fff !important;
	color: #666 !important;
}

table.dataTable .btn-group i.theme-icon {
	margin: auto;
}

table.dataTable .btn-group a.theme-icon-a-container {
	width: auto;
	padding: 0px;
}

.btn-default {
	background-color: #bbb;
}

.btn-default:hover, .btn-default:focus {
	background-color: #aaa;
}

/* nav.css */
#sidepanel-menu {
	border-top: 1px solid #8cd2ff;
}

.icon-menuapp-container {
	line-height: 25px;
}

.icon-menuapp-container .theme-icon {
	background: url(../../crystal-voice/images/menu-app.png) center center no-repeat;
	width: 24px;
	height: 24px;
}

#sidepanel-menu li i.fa:not(.fa-caret-right) {
	font-size: 25px;
	margin-right: 25px;
	vertical-align: middle;
}

#sidepanel-menu li i.theme-icon {
	width: 32.141px;
	height: 25px;
	vertical-align: middle;
	text-align: center;
	display: inline-block;
}

#nav-toggle-mobile {
	display: none;
	float: left;
	font-size: 40px;
	cursor: pointer;
	margin: 0px;
	padding-top: 10px;
	padding-bottom: 15px;
	padding-right: 5px;
}

/* for quick dial bar */
#quickDial .quick-dial-btn {
	padding: 0px 10px;
	border-radius: 4px;
	outline: 0;
}

#quickDial .clear {
	padding-left: 0px;
}

#quickDial .call button {
	color: #008000;
	background-color: rgba(0,255,0,0.4);
	border: 1px solid #00d000;
}

#quickDial .calling button {
	color: #007aff;
	background-color: rgba(23,126,239,.1);
	border: 1px solid #95c1f3;
}

#quickDial .end-call button {
	color: #d43f3a;
	background-color: rgba(255,26,26,.1);
	border: 1px solid #d43f3a;
}

#quickDial .theme-icon.eks:hover, #view-menu .dialpad {
	cursor: pointer;
}

#view-menu .dialpad.disabled i {
	background-color: #bbb;
	cursor: default !important;
}

#view-menu {
	overflow: visible !important;
	padding-bottom: 10px;
}

#selectPhoneExtNum {
	background-color: #fafafa;
	color: #0288d1;
	padding: 8px 10px;
}

button.btn > .fa {
	margin: 0px;
}
/* .add/overide cv design */

/* chosen select */
.chosen-container { width: 100% !important; }

.chosen-single {
	height: 34px !important;
	padding-top: 4px !important;
}

.chosen-single div { padding-top: 4px !important; }

.chosen-drop-up .chosen-container .chosen-drop {
	border-bottom: 0;
	border-top: 1px solid #aaa;
	top: auto;
	bottom: 40px;
}

.dataTables_length .chosen-container { /* for datatable select number of entries */
	width: auto !important;
	margin-left: 5px;
	margin-right: 5px;
	min-width: 60px;
}

.dataTables_wrapper .chosen-container {
	zoom: 0.83;
	font-size: 15px;
}

.chosen-xspclist .chosen-container .chosen-results li {
	padding: 10px 6px;
	line-height: 20px;
}
/* .chosen select */

/* chosen select multiple */
.chosen-container-multi {
	line-height: 2.5 !important;
}

.chosen-container-multi input {
	width: 100% !important;
}

.chosen-container-multi ul.chosen-choices > li.search-field {
	width: 100%;
}
/* .chosen select multiple */

/* tags input */
.bootstrap-tagsinput {
	width: 100% !important;
}

.bootstrap-tagsinput input {
	width: 100%;
	margin-top: 2px;
}

.bootstrap-tagsinput span.label {
	font-weight: normal;
	font-size: 100%;
}
/* .tags input */

/* quill text editor */
.cvql-te.fs15 .ql-editor { font-size: 15px; }

.cvql-te-cont .ql-editor {
	min-height: 150px;
}
.cvql-te-cont.h132 .ql-editor {
	min-height: 132px;
}

.cvql-te-cont .ql-editor p {
	margin: 0 0 10px;
}

.cvql-te-cont .ql-toolbar {
	border-radius: 4px 4px 0 0;
	z-index: 1;
}

.cvql-te-cont .cvql-te {
	border-radius: 0 0 4px 4px;
}

/* - toolbar bottom */
.cvql-te-cont.toolbar-bottom {
	position: relative;
}

.cvql-te-cont.toolbar-bottom .cvql-te {
	border: 1px solid #9ca6af !important;
	border-bottom: 0 !important;
	border-radius: 4px 4px 0 0;
}

.cvql-te-cont.toolbar-bottom .ql-toolbar {
	position: absolute;
	bottom: 0;
	width: 100%;
	transform: translateY(100%);

	border-radius: 0 0 4px 4px;
	border: 1px solid #9ca6af;
	border-top: 0;
}
/* - .toolbar bottom */

.ql-size-huge {
	font-size: 2.5em;
	line-height: normal;
}
.ql-size-large {
	font-size: 1.5em;
	line-height: normal;
}
.ql-size-small {
	font-size: 0.75em;
	line-height: normal;
}

.ql-align-center {
	text-align: center;
}
.ql-align-right {
	text-align: right;
}

.ql-indent-1 {
	text-indent: 30px;
}
.ql-indent-2 {
	text-indent: 60px;
}
.ql-indent-3 {
	text-indent: 90px;
}
.ql-indent-4 {
	text-indent: 120px;
}
.ql-indent-5 {
	text-indent: 150px;
}
.ql-indent-6 {
	text-indent: 180px;
}
.ql-indent-7 {
	text-indent: 210px;
}
.ql-indent-8 {
	text-indent: 240px;
}
/* .quill text editor */

/* tabbable tabs left */
.tabs-left>.nav-tabs {
	top: auto;
	margin-bottom: 0;
	border-color: #c5d0dc;
	float: left;
	width: 150px; /* added */
}
.tabs-left>.nav-tabs>li {
	float: none;
}
.tabs-left>.nav-tabs>li.active>a, .tabs-left>.nav-tabs>li.active>a:focus, .tabs-left>.nav-tabs>li.active>a:hover {
	border-color: #c5d0dc;
	border-top-width: 1px;
	border-left: 2px solid #4c8fbd;
	border-right-color: transparent;
	margin: 0 -1px 0 -1px;
	-webkit-box-shadow: -2px 0 3px 0 rgba(0,0,0,0.15);
	box-shadow: -2px 0 3px 0 rgba(0,0,0,0.15);
	z-index: 12;
}
.tabs-left>.nav-tabs>li>a, .tabs-left>.nav-tabs>li>a:focus, .tabs-left>.nav-tabs>li>a:hover {
	border-color: #c5d0dc;
	margin: 0 -1px 0 0;
	border-radius: 0px;
}
.tabs-left>.nav-tabs>li>a, .tabs-right>.nav-tabs>li>a {
	min-width: 60px;
}
.tabs-left>.tab-content {
	border: 1px solid #c5d0dc;
	padding: 16px 12px;
	position: relative;
	z-index: 11;
	margin-top: 0px;
	margin-left: 150px;
}
.tabs-left>.tab-content>.tab-pane {
	min-height: 600px;
}
.tabs-left>.tab-content, .tabs-right .tab-content {
	overflow: auto;
}
.tabs-left>.nav-tabs {
	top: auto;
	margin-bottom: 0;
	border-color: #c5d0dc;
	float: left;
}
.tabs-left>.nav-tabs>li {
	float: none;
}
/* .tabbable tabs left */

/* badge */
.badge-danger {
	background-color: #d15b47;
}
.badge-warning {
	background-color: #f89406;
}
.badge-success {
	background-color: #82af6f;
}
.badge-info {
	background-color: #3a87ad;
}
.badge-inverse {
	background-color: #333333;
}
/* .badge */

@media screen and (min-width: 768px) {
	.modal-dialog {
		width: 770px;
	}
}

@media (max-width: 768px) {
	#nav-toggle-mobile {
		display: inline-block;
	}
}
@media (max-width: 600px) {
	
}
@media (max-width: 420px) {
	#logo {
		max-width: 75%;
	}
}

@media (max-width: 299px) {
	#nav-toggle-mobile {
		padding-top: 0px;
	}
}