body, html {
	font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
	-webkit-text-size-adjust: 100%;
	-ms-text-size-adjust: 100%;
	margin: 0;
	font-size: 14px;
	width: 100%;
	height: 100%;
	overflow: hidden;
}

input[readonly] {
	background-color: white !important;
	cursor: text !important;
}

select,
textarea,
input[type="text"],
input[type="password"],
input[type="datetime"],
input[type="datetime-local"],
input[type="date"],
input[type="month"],
input[type="time"],
input[type="week"],
input[type="number"],
input[type="email"],
input[type="url"],
input[type="search"],
input[type="tel"],
input[type="color"],
.uneditable-input,
.form-control,
.form-control[disabled],
.form-control[readonly],
fieldset[disabled],
textarea[readonly],
input[readonly] {
	width: 100%;
	font-size: 14px;
	font-weight: bold;
	-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, -webkit-box-shadow ease-in-out .15s;
	-o-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;
	line-height: 1.42857143;
	color: #555555;
	background: white;
	background-image: none;
	height: 34px;
	padding: 6px 12px;
	border: 1px solid #d6d8db;
	border-radius: 0;
}

select:focus,
textarea:focus,
input[type="text"]:focus,
input[type="password"]:focus,
input[type="datetime"]:focus,
input[type="datetime-local"]:focus,
input[type="date"]:focus,
input[type="month"]:focus,
input[type="time"]:focus,
input[type="week"],
input[type="number"]:focus,
input[type="email"]:focus,
input[type="url"]:focus,
input[type="search"]:focus,
input[type="tel"]:focus,
input[type="color"]:focus,
.uneditable-input:focus,
.form-control:focus {
	-webkit-box-shadow: none;
	box-shadow: none;
	border-color: #acb2b8;
	outline: 0;
}

#spinner-section {
	background-color: #27ae60;
	position: absolute;
	z-index: 9999;
	height: 100%;
	width: 100%;
	overflow: hidden;
}

.spinner-area {
	width: 60px;
	height: 60px;
	position: absolute;
	top: 0;
	left: 0;
	bottom: 60px;
	right: 0;
	margin: auto auto;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
}

.ombutelPBX {
	width: 100%;
	height: 100%;
	font-size: 14px;
	-webkit-font-smoothing: antialiased;
	line-height: 1.42857143;
	color: rgba(0, 0, 0, 0.87);
	background-color: #eceff1;
}

.btn, a, button, div[id^=uniform-] span {
	-webkit-transition: all .1s ease-in-out;
	-moz-transition: all .1s ease-in-out;
	-ms-transition: all .1s ease-in-out;
	-o-transition: all .1s ease-in-out;
}

.noresize {
	resize: none;
	height: auto !important;
}

.pointer {
	cursor: pointer;
}

.circle {
	border-radius: 500%;
}

.no-radius {
	border-radius: 0 !important;
}

.no-border {
	border: 0 transparent;
}

.no-bg {
	color: inherit;
	background-color: transparent;
}

.center {
	text-align: center;
}

.top {
	vertical-align: top;
}

.right {
	text-align: right;
}

label, .has-success .control-label, .has-error .control-label {
	color: #595959;
	font-weight: normal;
}

div.legend label.control-label {
	color: #333333;
}

.no-margin {
	margin: 0;
}

.avatar {
	position: relative;
	display: inline-block;
	width: 100%;
}

.input-group .form-control {
	z-index: 0 !important;
}

.inline {
	display: inline-block;
}

.has-success .form-control {
	border-color: #72bf7b !important;
}

.has-success .form-control-feedback {
	color: #72bf7b !important;
}

.has-success .form-control:focus, .has-error .form-control:focus {
	-webkit-box-shadow: none;
	box-shadow: none;
}

.has-success .form-control:focus {
	border-color: #09760c !important;
}

.has-error .form-control {
	border-color: #a94442 !important;
}

.has-error .form-control-feedback {
	color: #da2121 !important;
}

.has-error .form-control:focus {
	border-color: #ad0e0b !important;
}

/*Buttons*/
.btn, .form-control {
	font-size: 14px;
	font-weight: bold;
}

/*Colors*/
.redbg {
	background: #e74c3c;
}

.redbg,
.redbg:hover,
.redbg:focus
.redbg:active {
	color: white !important;
}

.redbg:hover {
	background: #c0392b;
}

.size-30x30 {
	width: 30px;
	height: 30px;
}

.size-40x40 {
	width: 40px;
	height: 40px;
}

.size-50x50 {
	width: 50px;
	height: 50px;
}

.size-60x60 {
	width: 60px;
	height: 60px;
}

.form-control-feedback {
	pointer-events: auto;
	cursor: pointer;
}

.block {
	display: block;
}

.font-bold {
	font-weight: 700;
}

.box {
	display: table;
	width: 100%;
	height: 100%;
	border-spacing: 0;
	table-layout: fixed;
}

.box .box-col {
	display: table-cell;
	vertical-align: top;
}

.box-row {
	display: table-row;
	height: 100%;
}

.box-row > .box-cell {
	position: relative;
	width: 100%;
	height: 100%;
	overflow: auto;
	display: table-cell;
	-webkit-overflow-scrolling: touch;
}

.box-inner {
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
}

.vertical-m-align {
	vertical-align: middle !important;
}

.scrollable.hover {
	overflow-y: hidden !important;
}

.scrollable.hover:hover {
	overflow-y: auto !important;
}

.scrollable {
	overflow-x: hidden;
	overflow-y: auto;
	-webkit-overflow-scrolling: touch;
}

.scrollable.hover > * {
	margin-top: -1px;
}

/*
Third Party Plugins Style
----------------------------------------------------------------------------------------------------------------------
*/

.ui-autocomplete.ui-front.ui-menu {
	z-index: 2000;
}

.ui-multiselect {
	font-size: 0.8em;
	width: 100% !important;
	border: none;
}

.ui-multiselect div.selected {
	position: relative;
	padding: 0;
	margin: 0;
	border: 0;
	float: right;
	width: 47% !important;
	border-right: 1px solid;
	border-bottom: 1px solid;
	border-top: 1px solid;
}

.ui-multiselect div {
	margin-top: -1px;
	border: 1px solid #cccccc !important;
	-webkit-border-radius: 0 0 3px 3px;
	-moz-border-radius: 0 0 3px 3px;
	border-radius: 0 0 3px 3px;
	background: #fefefe;
}

.ui-multiselect div.available {
	position: relative;
	padding: 0;
	float: left;
	width: 50% !important;
	border: 1px solid;
	margin: 0 0 0 0;
}

.ui-multiselect .ui-widget-header {
	border: 1px solid rgba(0, 0, 0, .15);
	-webkit-border-radius: 3px 3px 0 0;
	-moz-border-radius: 3px 3px 0 0;
	border-radius: 3px 3px 0 0;
	background: #f9f9f9;
	background: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJo…iIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+");
	background: -moz-linear-gradient(top, #f9f9f9 0, #eeeeee 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #f9f9f9), color-stop(100%, #eeeeee));
	background: -webkit-linear-gradient(top, #f9f9f9 0, #eeeeee 100%);
	background: -o-linear-gradient(top, #f9f9f9 0, #eeeeee 100%);
	background: -ms-linear-gradient(top, #f9f9f9 0, #eeeeee 100%);
	background: linear-gradient(to bottom, #f9f9f9 0, #eeeeee 100%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f9f9f9', endColorstr='#eeeeee', GradientType=0);
	-webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, .8), 0 1px 2px rgba(0, 0, 0, .05);
	-moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, .8), 0 1px 2px rgba(0, 0, 0, .05);
	box-shadow: inset 0 1px 0 rgba(255, 255, 255, .8), 0 1px 2px rgba(0, 0, 0, .05);
	white-space: nowrap;
	padding: 0px 2px;
	text-align: left;
	font-size: 11px;
	margin-bottom: 1px;
	color: #666666;
	text-shadow: 0 1px 0 #ffffff;
}

.ui-multiselect .ui-widget-header a {
	color: #555555;
	font-weight: 700;
	font-size: 11px;
}

.ui-multiselect .add-all {
	float: left;
	padding: 7px;
}

.ui-multiselect ul.available {
	position: relative;
	padding: 0;
	overflow: auto;
	background: #ffffff;
	margin: 0;
	list-style: none;
	border: 0;
	width: 100%;
	height: 320px !important;
	max-height: 320px;
}

.ui-multiselect li {
	margin: 0;
	cursor: default;
	line-height: 18px;
	height: 28px;
	padding: 4px 0 0;
	font-size: 16px;
	list-style: none;
}

.ui-multiselect ul li.ui-state-default {
	border: none;
	border-bottom: 1px #eeeeee solid;
	padding: 1px 16px;
	color: #555555;
	font-size: 14px;
	background: white;
	height: 22px !important;
	cursor: pointer;
	margin-bottom: 1px;
	width: 100% !important;
	position: relative;
}

.ui-multiselect ul li.ui-state-default:hover {
	color: #ffffff;
	text-decoration: none;
	background-color: #0088cc;
}

.ui-multiselect ul.selected {
	position: relative;
	padding: 0;
	overflow: auto;
	background: #ffffff;
	margin: 0;
	list-style: none;
	border: 0;
	position: relative;
	width: 100%;
	height: 320px !important;
}

.count {
	display: none;
}

.ui-multiselect .remove-all {
	padding: 7px;
	float: left;
}

.ui-icon-plus, .ui-icon-minus {
	font-family: 'Glyphicons Halflings';
	background: none !important;
	text-indent: 3px !important;
	font-size: 12px;
	position: absolute;
	right: 5px;
	z-index: 2;
	margin-top: 0;
}

.ui-multiselect ul li.ui-state-default:hover .ui-icon-plus,
.ui-multiselect ul li.ui-state-default:hover .ui-icon-minus {
	color: white;
}

.ui-icon-plus:before {
	content: "\e081";
}

.ui-icon-minus:before {
	content: "\e014";
}

.ui-multiselect li span.ui-icon-arrowthick-2-n-s {
	position: absolute;
	left: 2px;
}

.bootstrap-switch.bootstrap-switch-small .bootstrap-switch-handle-on,
.bootstrap-switch.bootstrap-switch-small .bootstrap-switch-handle-off,
.bootstrap-switch.bootstrap-switch-small .bootstrap-switch-label {
	/*padding: 3px 10px;*/
}

.bootstrap-switch {
	margin-top: -4px;
	margin-bottom: 0px;
	margin-top: 0px;
}

/*Tooltips for Jquery Validation*/
.validations-tooltip .tooltip-inner {
	background-color: #da4453 !important;
}

.validations-tooltip .tooltip-arrow {
	border-top-color: #da4453 !important;
}

/* General Themes style (We going to create many themes with same skeleton but with different stuff) */
#pbx-content {
	display: flex;
	flex-flow: row nowrap;
	height: 100%;
}

#modules-content-area {
	font-family: "Segoe UI","Helvetica Neue",Helvetica,Arial,sans-serif;
	flex: 1 1 auto;
	display: flex;
	flex-flow: column nowrap;
}

#ombutel-modules-content {
	flex: 1 1 auto;
	min-height: 0;
	display: flex;
	flex-flow: row nowrap;
}

#modules-content-area.closeMenu, #modules-content-area.mobile {
	margin-left: 0;
}

#modules-content-area > .content-box {
	display: table;
	width: 100%;
	height: 100%;
	border-spacing: 0;
	table-layout: fixed;
}

#modules-content-area > .content-box > .content-box-row {
	display: table-row;
	height: 100%;
}

#modules-content-area > .content-box > .content-box-row > .content-box-cell {
	position: relative;
	width: 100%;
	height: 100%;
	overflow: hidden;
	-webkit-overflow-scrolling: touch;
}

#aside-nav {
	width: 300px;
	max-width: 300px;
	overflow-x: hidden;
	overflow-y: hidden;
	opacity: 1;
	box-sizing: border-box;
	display: flex;
	flex-flow: column nowrap;
	flex: 0 0 auto;
}

#aside-nav.closeMenu {
	display: none;
	-webkit-transform: translate3d(-100%, 0, 0);
	transform: translate3d(-100%, 0, 0);
}

#aside-navigation {
	width: 90px;
	list-style: none;
	margin: 0;
	padding: 0;
}

#aside-navigation > li {
	text-align: center;
}

#aside-navigation > li a {
	display: block;
}

#aside-main-menu > ul li a {
	border: 0;
	text-transform: uppercase;
	font-weight: bold;
	border-radius: 0;
	margin: 0;
	padding: 10px 0;
}

#aside-main-menu > ul li a > i {
	font-size: 3em;
	margin-bottom: 5px;
}

#aside-main-menu > ul li.active a {
	color: #ffffff;
	border-right: 2px solid #27ae60;
	background-color: #607d8b;
}

#aside-main-menu .tab-content ul > li:hover > a {
	color: #ffffff;
	background: #3b424d;
}

.tab-content ul.children-menu,
.tab-content ul.children-menu ul.sub-menu {
	margin: 0;
	padding: 0;
	list-style: none;
	display: inline-block;
	width: 210px;
}

.tab-content ul.children-menu li,
.tab-content ul.children-menu ul.sub-menu li {
	width: 100%;
	margin-left: -3px;
	display: block;
	position: relative;
	list-style: none;
}

.tab-content ul.children-menu > li > a {
	border-bottom: solid 1px #3b424d;
}

.tab-content ul.children-menu li a,
.tab-content ul.children-menu ul.sub-menu li a {
	width: 100%;
	padding: 14px 22px;
	text-decoration: none;
	color: #f0f0f0;
	font-size: 13px;
	background: #414956;
	white-space: nowrap;
	position: relative;
	overflow: hidden;
	-o-transition: color .2s linear, background .2s linear;
	-moz-transition: color .2s linear, background .2s linear;
	-webkit-transition: color .2s linear, background .2s linear;
	transition: color .2s linear, background .2s linear;
	display: block;
}

.tab-content ul.children-menu li a > i {
	width: 25px;
	line-height: 18px;
	font-size: 16px;
	text-align: left;
}

.tab-content ul.children-menu .sub-menu-indicator {
	float: right;
	right: 22px;
	position: absolute;
	line-height: 19px;
	font-size: 20px;
	-o-transition: transform .3s linear;
	-moz-transition: transform .3s linear;
	-webkit-transition: transform .3s linear;
	-ms-transition: transform .3s linear;
}

.tab-content ul.children-menu .sub-menu-indicator-minus > .sub-menu-indicator {
	-ms-transform: rotate(45deg);
	-moz-transform: rotate(45deg);
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
}

.tab-content ul.children-menu ul.sub-menu {
	width: 100%;
	display: none;
	position: static;
}

.tab-content ul.children-menu ul.sub-menu li {
	clear: both;
	width: 100%;
}

.tab-content ul.children-menu ul.sub-menu li a {
	padding-left: 30px;
	width: 100%;
	font-size: 11px;
	background: #383838;
	border-top: none;
	position: relative;
	border-left: solid 6px transparent;
	-o-transition: border .2s linear;
	-moz-transition: border .2s linear;
	-webkit-transition: border .2s linear;
	transition: border .2s linear;
}

#aside-nav-right {
	display: none;
	position: absolute;
	right: -300px;
	top: 0;
	bottom: 0;
	border-left: 1px solid #e3e5e7;
	width: 300px;
	background-color: #ffffff;
	box-sizing: border-box;
}

#aside-nav-right.active {
	display: flex;
	flex-flow: column nowrap;
}

#aside-nav-right #items-header {
	padding: 15px;
	border-bottom: 1px solid rgb(224, 224, 224);
	background: rgb(57, 57, 57);
	color: white;
	height: 65px;
	flex: 0 0 auto;
}

#aside-nav-right #items-header h4 {
	padding: 0;
	display: inline-block;
	font-weight: bold;
	font-size: 15px;
}

#aside-nav-right #items-header a {
	color: #aaaaaa;
	display: inline-block;
}

#aside-nav-right #filter-items {
	flex: 0 0 auto;
	display: flex;
	flex-flow: row nowrap;
	border-bottom: 1px solid #d6d8db;
	align-items: center;
}

#aside-nav-right #filter-items i {
	color: rgb(165, 165, 165);
	font-size: 19px;
	flex: 0 0 auto;
	margin-left: 6px;
}

#aside-nav-right #filter-items #filter-search-input {
	border: 0;
	flex: 1 1 auto;
}

#module-menu-items {
	flex: 1 1 auto;
	overflow-x: hidden;
	overflow-y: scroll;
}

#module-menu-items ul {
	list-style: none;
	padding: 0;
	margin: 0;
	color: #555555;
}

#module-menu-items ul li {
	display: block;
	width: 100%;
}

#module-menu-items ul > li > a {
	padding: 10px 20px 10px 20px;
	position: relative;
	display: block;
	background-color: white;
	text-decoration: none;
	cursor: pointer;
	color: #555555;
}

#module-menu-items ul > li > a:hover {
	text-decoration: none;
	background-color: #f9fafa;
}

#module-menu-items ul > li img {
	width: 34px;
	height: 34px;
	margin-right: 15px;
	border-bottom: 2px solid #4bb622;
	float: left !important;
}

#module-menu-items ul > li .clear {
	display: block;
	overflow: hidden;
}

#module-menu-items ul > li span.title {
	display: block;
	font-weight: 700;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

#module-menu-items ul > li span.description {
	display: block;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	font-size: 12px;
}

#module-menu-items ul > li.no-desc span.title {
	line-height: 36px;
}

#module-menu-items ul > li.no-desc span.description {
	display: none;
}

/* Ripple Animation Inspired on Materialize */
.ripple-me {
	box-sizing: border-box;
	overflow: hidden;
	position: relative !important;
}

.ripple {
	position: absolute;
	display: block;
	border-radius: 100%;
	-webkit-transform: scale(0);
	-moz-transform: scale(0);
	-o-transform: scale(0);
	transform: scale(0);
}

.ripple-def-color {
	background-color: rgba(54, 27, 6, 0.07);
}

.ripple.animate {
	-webkit-animation: rippleAnimation 800ms ease-out;
	animation: rippleAnimation 800ms ease-out;
}

@-webkit-keyframes rippleAnimation {
	0% {
		transform: scale(0);
		-webkit-transform: scale(0);
		-moz-transform: scale(0);
	}
	100% {
		transform: scale(2.5);
		-webkit-transform: scale(2.5);
		-moz-transform: scale(2.5);
		opacity: 0;
	}
}

@keyframes rippleAnimation {
	0% {
		transform: scale(0);
		-webkit-transform: scale(0);
		-moz-transform: scale(0);
	}
	100% {
		transform: scale(2.5);
		-webkit-transform: scale(2.5);
		-moz-transform: scale(2.5);
		opacity: 0;
	}
}

/*======================= Login PBX */
.panel-inverse > .panel-heading {
	color: #ffffff;
	background-color: #e1e3e6;
	border-color: #e1e3e6;
}

.login-pbx-page {
	margin: 0 auto;
	display: table;
	width: 100%;
	height: calc(100% - 50px);
}

.login-pbx-section {
	display: table-cell;
	vertical-align: middle;
}

.login-form-container {
	max-width: 420px;
	margin: 30px auto;
}

.pbxlogin-form img {
	width: 83px;
}

.pbxlogin-form span {
	font-size: 21px;
	font-weight: bolder;
	margin-left: 5px;
	vertical-align: middle;
}

.pbxlogin-form .input-group {
	border-top: 1px solid rgb(228, 228, 228);
	border-bottom: 1px solid rgb(228, 228, 228);
}

.pbxlogin-form .input-group-addon {
	background: 0 0;
	border: 0;
	font-size: 24px;
	color: #7e7e7e;
}

.pbxlogin-form .form-control {
	border: 0;
	border-radius: 0;
	color: #2980b9;
	background: 0 0;
	font-size: 19px;
	font-weight: bold;
}

.login-form-container .form-group {
	margin-bottom: 0;
}

.form-group-userpass .input-group {
	border-top: 0;
}

.pbx-login-title {
	text-align: center;
	font-weight: bold;
	margin-bottom: 8px;
	margin-top: 0;
}

/* style system name/serial */
.login-form-container .panel-body div.pbxlogin_labels {
	display: flex;
	flex-direction: column;
	text-align: center;
}

/* make some space between lables and input fields */
.login-form-container .panel-body div.pbxlogin_labels label:last-child {
	margin-bottom: 15px;
}

.pbx-login-action {
	display: flex;
	flex-flow: column nowrap;
	padding-top: 15px;
}

.pbx-login-action .spacer {
	text-align: center;
	margin: 1em 0;
	color: #595959;
	font-size: 14px;
}

.btn-login {
	background-color: #16a085;
	color: white;
	font-size: 12px;
	font-weight: bold;
}

.btn-login:hover,
.btn-login:active,
.btn-login:focus {
	color: white;
	background-color: #1abc9c;
}

.pbxlogin-form div.form-group-admin_username {
	margin-bottom: 20px;
}

/*Screen Lock ===============================================*/
.screen-lock {
	display: table;
	width: 100%;
	height: 100%;
	z-index: 1000;
	position: relative;
	overflow: hidden;
	background: #2ecc71;
}

.sl-content {
	display: table-cell;
	vertical-align: middle;
	width: 100%;
	height: 100%;
	float: none;
	z-index: 9999;
}

.sl-user-data {
	text-align: center;
	color: white;
}

.sl-user-data img {
	width: 150px;
	height: 150px;
}

.sl-user-data h4 {
	font-weight: bold;
	margin-bottom: 0;
}

.sl-user-data span {
	font-weight: bold;
	display: block;
	font-size: 12px;
	margin-bottom: 5px;
}

.sl-user-form {
	max-width: 280px;
	display: block;
	margin: 20px auto 0;
}

/* MODULES FORMS*/
.red-color {
	color: #e74c3c;
}

.frm-actions {
	background-color: white;
	padding: 13px 15px 9px 9px;
	text-align: right;
	border-top: 1px solid rgb(190, 190, 202);
	display: flex;
	flex-flow: column nowrap;
	flex: 0 0 auto;
	margin-left: -15px;
}

.frm-actions .buttons {
	order: 1;
	display: flex;
	flex-flow: row nowrap;
	align-items: flex-start;
}

.frm-actions .spacer {
	order: 6;
	flex: 1 1;
}

.frm-actions .frmactions-refresh {
	order: 7;
}

.frm-actions .frmactions-save {
	order: 7;
}

.frm-actions .frmactions-update {
	order: 7;
}

.frm-actions .frmactions-delete {
	order: 8;
	margin-left: 5px;
}

.frm-actions .frmactions-cancel {
	order: 9;
	margin-left: 5px;
}

.frm-actions .mobile-action-button {
	align-self: flex-end;
	order: 1;
}

.frm-actions .btn {
	border-radius: 0;
	color: #ffffff;
	font-size: 14px;
	font-weight: 300;
	outline: 0;
	border: 1px solid transparent;
}

.form-group .custom-elem-area {
	padding: 0;
}

.form-horizontal {
	flex: 1 1 auto;
	display: flex;
	flex-flow: column nowrap;
}

.form-horizontal .control-label {
	text-align: left;
}

div.legend {
	display: block;
	width: 100%;
	padding: 0;
	font-size: 17px;
	margin-top: 6px;
	margin-bottom: 13px;
	line-height: inherit;
	color: #333333;
	border: 0;
	border-bottom: 1px solid #efefef;
}

.btn-group > .btn-radio.btn.btn-default.active {
	color: #ffffff !important;
	border-color: #65bd77;
	background: #65bd77 none;
	outline: 0;
	-webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
	box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
}

#ombutel-modules-content > .tab-pane {
	flex: 1 1 auto;
	display: none;
	flex-flow: row nowrap;
	padding-left: 15px;
}

#ombutel-modules-content > .tab-pane.active {
	display: flex;
}

.pbx_module_tabs {
	margin-top: 20px;
	background-color: #ffffff;
	border-radius: 2px;
	box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.33);
	flex: 1 1 auto;
	display: flex;
	flex-flow: column nowrap;
	min-height: 0;
}

.pbx_module_tabs .tab-content {
	padding: 13px 10px 22px 10px;
	flex: 1 1 auto;
	overflow-x: hidden;
	overflow-y: auto;
}

.pbx_module_tabs ul.nav-tabs {
	padding: 0 24px;
	border-bottom: 1px solid #dddddd;
}

.pbx_module_tabs ul.nav-tabs > li > a {
	color: #313534;
	line-height: 54px;
	position: relative;
	display: block;
	padding: 0 15px;
	margin-right: 2px;
	border: none;
	border-bottom: 2px solid transparent;
	opacity: 0.55;
	font-weight: 500;
	text-transform: uppercase;
}

.pbx_module_tabs ul.nav-tabs > li > a:hover {
	border-color: #e5e6e6 #e5e6e6 #dddddd;
	text-decoration: none;
	background-color: #e5e6e6;
}

.pbx_module_tabs ul.nav-tabs > li.active > a,
.pbx_module_tabs ul.nav-tabs > li.active > a:hover,
.pbx_module_tabs ul.nav-tabs > li.active > a:focus {
	border: none;
	border-bottom: 2px solid #0aa89e;
	color: #0aa89e;
	background-color: transparent;
	cursor: default;
	opacity: 1;
}

.btn-menu-mod {
	font-size: 20px;
	margin-right: 20px;
	flex: 0 0 auto;
}

.pbx_module_tabs .form-group {
	margin-bottom: 5px;
}

.navigation-backdrop {
	background-color: rgba(0, 0, 0, 0.5);
	position: absolute;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
	display: none;
}

.module-error-paragraph {
	color: #A07B11;
	font-weight: bold;
	border-bottom: 1px solid rgb(218, 182, 4);
	line-height: 2.5;
	margin-bottom: 17px;
}

ul.module-error-list li {
	color: #bd362f;
}

.column-pbx-dest {
	padding: 0 !important;
}

#ombutel-main-tabs {
	overflow: hidden;
	max-height: 48px;
}

#ombutel-main-tabs li > a.tab-control {
	display: none;
}

.resp-tab-dropdown{
	right: 20px;
}

/*Chechbox Font Awesom Style*/
input[type=checkbox].checkbox-awesome-chk {
	display:none;
}

input[type=checkbox].checkbox-awesome-chk + label.checkbox-awesome-lbl:before{
	font-family: FontAwesome;
	display: inline-block;
	font-size: 13px;
}


input[type=checkbox].checkbox-awesome-chk + label.checkbox-awesome-lbl:before{
	content: "\f10c";
	color: rgb(182, 18, 18);
}

input[type=checkbox].checkbox-awesome-chk:checked + label.checkbox-awesome-lbl:before{
	content: "\f058";
	color: rgb(90, 144, 8);
}
.dataTables_filter .form-control, .dataTables_length .form-control{
	width: auto !important;
}

.form-group .destinations-horz > .column-pbx{
	padding: 0;
}

.multiple-input {
	display: inline-block !important;
	width: 49% !important;
}

/* Media Query */
@media (max-width: 480px) {
	.form-group .custom-elem-area {
		padding-left: 15px;
		padding-right: 15px;
	}

	.pbx_module_tabs .tab-content {
		padding: 13px 4px 22px 4px;
	}

	#ombutel-main-tabs {
		margin: 0;
	}

	#ombutel-main-tabs li {
		display: inline-block;
		width: 100%;
		height: 49px;
		padding: 0 25px 0 40px;
		border: 1px solid #dddddd;
		overflow: hidden;
	}

	#ombutel-main-tabs a.tab-control {
		width: 40px;
		height: 48px;
		font-size: 20px;
		font-weight: 100;
		line-height: 2.4;
		color: #444454;
		text-align: center;
		display: block;
		position: absolute;
		z-index: 5;
	}

	#ombutel-main-tabs a.tab-control.left {

	}

	#ombutel-main-tabs a.tab-control.right {
		right: 0;
	}

	.btn-menu-mod{
		right: 9px;
	}
}

@media (min-width: 481px) and (max-width: 768px) {
	.form-group .custom-elem-area {
		padding-left: 15px;
		padding-right: 15px;
	}

	.pbx_module_tabs .tab-content {
		padding: 13px 4px 22px 4px;
	}

	.btn-menu-mod{
		right: 9px;
	}
}

@media (max-width: 600px) {
	.form-group .custom-elem-area {
		padding-left: 15px;
		padding-right: 15px;
	}

	.pbx_module_tabs .tab-content {
		padding: 13px 4px 22px 4px;
	}

	.btn-menu-mod{
		right: 9px;
	}

	.table-is-responsive table,
	.table-is-responsive thead,
	.table-is-responsive tbody,
	.table-is-responsive th,
	.table-is-responsive td,
	.table-is-responsive tr {
		display: block;
	}

	.table-is-responsive tr.repeat-row{
		display: block !important;
	}

	.table-is-responsive tr.repeat-row.repeat-template{
		display: none !important;
	}

	.table-is-responsive thead tr {
		position: absolute;
		top: -9999px;
		left: -9999px;
	}

	.table-is-responsive tr {
		border: 1px solid #ccc;
	}

	.table-is-responsive td {
		/* Behave  like a "row" */
		border: none;
		border-bottom: 1px solid #eee;
		position: relative;
		padding-left: 50%;
		white-space: normal;
		text-align:left;
		padding: 3px !important;
		padding-top: 24px !important;
	}

	.table-is-responsive td:before {
		/* Now like a table header */
		position: absolute;
		/* Top/left values mimic padding */
		top: 6px;
		left: 6px;
		width: 45%;
		padding-right: 10px;
		white-space: nowrap;
		text-align:left;
		font-weight: bold;
	}

	.table-is-responsive td:before {
		content: attr(data-title);
	}

	.table-is-responsive tfoot td{
		text-align: right;
		padding: 4px !important;
	}
}

@media (max-width: 399px) and (min-width: 350px) {
	div#nav-search {
		width:34%;
		left:34px;
		height:30%;
	}

	div#nav-search input#ombutel-search {
		font-size:15px;
	}
}

@media (max-width: 449px) and (min-width: 400px) {
	div#nav-search {
		width:35%;
		left:52px;
	}

	div#nav-search input#ombutel-search {
		font-size:18px;
	}
}

@media (min-width: 769px) and (max-width: 992px) {
	.pbx_module_tabs .tab-content {
		padding: 13px 4px 22px 4px;
	}
}

@media (max-width: 1200px) {
	.multiple-input {
		width: 48% !important;
	}
}

.navbar-item,.navbar .navbar-tool>li>a, .navbar .navbar-nav>li>a{
	padding: 0 16px;
	line-height: 64px;
	color: #444444;
}

.font-24{
	font-size: 24px;
	vertical-align: -23%;
}

#openAside{
	color: rgb(160, 157, 157);
}

.color-transition{
	-o-transition: color .2s linear,background .2s linear;
	-moz-transition: color .2s linear,background .2s linear;
	-webkit-transition: color .2s linear,background .2s linear;
	transition: color .2s linear,background .2s linear;
}

#openAside:hover{
	color: rgb(92, 90, 90);
}

.width-56{
	width: 56px;
	height: 56px;
}

.size-logo {
	width: auto;
	height: auto;
	max-height: 50px;
	flex: 0 0 auto;
}

.size-logo-small{
	height: 30px;
}

.ombu-mobile-logo{
	height: 35px !important;
	width: auto !important;
	margin-top: 11px !important;
}


@-webkit-keyframes shake {
	from, to {
		-webkit-transform: translate3d(0, 0, 0);
		transform: translate3d(0, 0, 0);
	}

	10%, 30%, 50%, 70%, 90% {
		-webkit-transform: translate3d(-10px, 0, 0);
		transform: translate3d(-10px, 0, 0);
	}

	20%, 40%, 60%, 80% {
		-webkit-transform: translate3d(10px, 0, 0);
		transform: translate3d(10px, 0, 0);
	}
}

@keyframes shake {
	from, to {
		-webkit-transform: translate3d(0, 0, 0);
		transform: translate3d(0, 0, 0);
	}

	10%, 30%, 50%, 70%, 90% {
		-webkit-transform: translate3d(-10px, 0, 0);
		transform: translate3d(-10px, 0, 0);
	}

	20%, 40%, 60%, 80% {
		-webkit-transform: translate3d(10px, 0, 0);
		transform: translate3d(10px, 0, 0);
	}
}

.shake-animation {
	-webkit-animation-name: shake;
	animation-name: shake;
}

.animated {
	-webkit-animation-duration: 1s;
	animation-duration: 1s;
	-webkit-animation-fill-mode: both;
	animation-fill-mode: both;
}

#apply-asterisk-changes{
	/* color: #F16B6F !important; */

	color: white !important;
	background-color: #ff0000; /* Bright red background */
	border-radius: 5px; /* Slightly rounded corners */
	font-size: 16px; /* Increase font size */
	font-weight: bold; /* Make text bold */
	text-align: center;
	display: inline-block; /* Ensure it stays as an inline element */
	cursor: pointer;
	position: relative;
	animation: shake-pulse 1.5s infinite;
	box-shadow: 0 0 10px rgba(0, 0, 0, 0.5); /* Add shadow for depth */
	white-space: nowrap; /* Prevent text from wrapping */
	width: 100%;
}

#main-top-navbar #apply-asterisk-changes:hover{
	background-color: #dd0000;
}

@keyframes shake-pulse {
    0%, 100% {
        transform: translate3d(0, 0, 0);
        box-shadow: 0 0 5px rgba(255, 0, 0, 0.2);
    }
    10%, 30%, 50%, 70% {
        transform: translate3d(-2px, 0, 0);
    }
    20%, 40%, 60% {
        transform: translate3d(2px, 0, 0);
    }
    50% {
        box-shadow: 0 0 25px rgba(255, 0, 0, 0.6);
    }
}

.help-form-modal .modal-header{
	padding: 10px;
	color: white;
	background-color: rgba(136, 204, 46, 0.72);
}

.help-form-modal .modal-content{
	text-align: justify;
}

div.modal-dialog .about_labels span {
	margin-bottom: 5px
}

div.modal-dialog .about_labels {
	display: flex;
	flex-direction: column;
}

/* Centralize warranty button */
div.modal-dialog .about_labels button.show_service_agreement {
	align-self: center;
}

div.about-ombutel div.modal-header {
	padding-bottom: 30px;
}

/* Extension Status modal style */
#modal-extension-status-form div.modal_header {
	display: flex;
}

#modal-extension-status-form h4.modal-title {
	flex-grow: 1;
}

#modal-extension-status-form h4#modal-subtitle {
	font-weight: bold;
}

.dropdown-menu.mobile-actions-list{
	min-width: 180px;
	padding: 5px 0;
	color: #333;
	-webkit-box-shadow: 0 1px 3px rgba(0,0,0,0.1);
	box-shadow: 0 1px 3px rgba(0,0,0,0.1);
}

.dropdown-menu.mobile-actions-list > li > a,
.dropdown-menu.mobile-actions-list > li > button{
	padding: 8px 15px;
	outline: 0;
	background: none;
	color: #333333;
	display: block;
	clear: both;
	font-weight: normal;
	line-height: 1.5384616;
	white-space: nowrap;
	width: 100%;
	text-align: left;
}

.dropdown-menu.mobile-actions-list > li > button:hover,
.dropdown-menu.mobile-actions-list > li > button:focus,
.dropdown-menu.mobile-actions-list > li > a:hover,
.dropdown-menu.mobile-actions-list > li > a:focus{
	background-color: #f5f5f5;
}

.dropdown-menu.mobile-actions-list > li > a > i,
.dropdown-menu.mobile-actions-list > li > button > i{
	margin-right: 10px;
}

button.btn.frm-btn-action.btn-sm.dropdown-toggle{
	background-color: #4A4A4A;
}

/*Style For Error Modal*/
.modal-module-errors .modal-content{
	border-radius: 0;
	box-shadow: 0 0 14px rgba(0, 0, 0, 0.2);
}

.modal-module-errors .modal-header{
	background-color: #bd362f;
	color: #fff;
}

.modal-module-errors .modal-footer > button{
	border-radius: 0;
	background-color: #616060;
}

.imageupload {
	text-align: center;
	width: 210px;
}

.imageupload input[type="file"] { display: none; }

.imageupload img {
	max-width: 200px;
	max-height: 150px;
	object-fit: contain;
}

.imageupload img:nth-of-type(n+2) { display: none }

.imageupload .preview {
	display: flex;
	justify-content: center;
	align-items: center;
	width: 210px;
	height: 160px;
	margin-bottom: 20px;
	border: 1px solid #ddd;
}

.imageupload .select,
.imageupload .change,
.imageupload .remove {
	margin-left: 5px;
	margin-right: 5px;
}

.imageupload .select,
.imageupload.default .change,
.imageupload.default .remove {
	display: none;
}

.imageupload.default .select,
.imageupload .change,
.imageupload .remove {
	display: inline-block;
}

/* Most of below is to fix Bootstrap, allowing ellipsis overflow */
.fileupload {
	display: flex;
	flex-flow: row nowrap;
}

.fileupload input[type="file"] { display: none; }

.fileupload .form-control {
	display: inline-block;
	flex: 1 1 auto;
	white-space: nowrap;
	text-overflow: ellipsis;
	overflow: hidden;
	width: auto;
	float: none;
}

.fileupload .input-group-addon {
	display: inline-block;
	flex: 0 0 auto;
	width: auto;
	line-height: 1.42857;
}

.formset .form-control, .formset .input-group-addon { cursor: pointer; }
.formset select { display: none; }

/* Most of below is to fix Bootstrap, allowing ellipsis overflow */
.formset {
	display: flex;
	flex-flow: row nowrap;
}

.formset .form-control {
	display: inline-block;
	flex: 1 1 auto;
	white-space: nowrap;
	text-overflow: ellipsis;
	overflow: hidden;
	width: 0;
	float: none;
}

.formset .input-group-addon {
	display: inline-block;
	flex: 0 0 auto;
	width: auto;
	line-height: 1.42857;
}

html input[disabled] {
	cursor: default;
	background: #F1F1F1;
}

table.dataTable.dtr-inline.collapsed > tbody > tr > td:first-child:before, table.dataTable.dtr-inline.collapsed > tbody > tr > th:first-child:before{
	text-indent: 0;
	background-color: #569641;
}

.pulse{
	border: 3px solid #ff5b5b;
	-webkit-border-radius: 30px;
	height: 35px;
	width: 35px;
	position: absolute;
	left: 3px;
	top: 17px;
	-webkit-animation: pulsate 2s ease-out;
	-webkit-animation-iteration-count: infinite;
	opacity: 0.0;
}

@-webkit-keyframes pulsate {
	0% {-webkit-transform: scale(0.1, 0.1); opacity: 0.0;}
	50% {opacity: 1.0;}
	100% {-webkit-transform: scale(1.2, 1.2); opacity: 0.0;}
}

img.avatar{
	max-height: 32px;
}

.user-img >  img{
	max-height: 92px;
}

body.ie-11 .box-cell{
	display: block;
}

.recording.input-group-addon {
	cursor: pointer;
}

.pagedtable {
	display: inline-block;
	margin-left: 10px;
	padding-right: 20px;
}

.pagedtable > div {
	display: flex;
	flex-flow: row nowrap;
	margin-top: 1em;
}

.pagedtable > div > * {
	flex: 1 0 auto;
}

.pagedtable > table {
	border-collapse: collapse;
	border: 1px solid #ccc;
	cursor: default;
}

.pagedtable > table thead th {
	border: 1px solid #ccc;
	border-bottom-width: 2px;
	padding: 6px 12px;
	font-weight: bold;
	white-space: nowrap;
	text-align: center;
}

.pagedtable > table td {
	padding: 6px 12px;
}

.pagedtable > table td, .ajax_table th {
	border: 1px solid #ccc;
}

.pagedtable > table tr:nth-child(even) {
	background: #f9f9f9;
}

.pagedtable > div > ul {
	list-style: none;
	display: flexbox;
	cursor: pointer;
	margin: 0 0 0 1px;
	padding: 0;
	text-align: right;
}

.pagedtable > div > ul li:first-child {
	border-top-left-radius: 4px;
	border-bottom-left-radius: 4px;
}

.pagedtable > div > ul li:last-child {
	border-top-right-radius: 4px;
	border-bottom-right-radius: 4px;
}

.pagedtable > div > ul li {
	display: inline-block;
	margin: 0 0 0 -1px;
	padding: 6px 12px;
	padding: 6px 12px;
	color: #337ab7;
	background-color: #fff;
	border: 1px solid #ddd;
}

.pagedtable > div > ul li:hover {
	color: #23527c;
	background-color: #eee;
}

.pagedtable > div > ul li.active {
	color: #fff;
	background-color: #337ab7;
}

div.ui-multiselect > div.selected span.remove-allheader,
div.ui-multiselect > div.right-column span.add-allheader {
	float: left;
	margin: 7px 0px 7px 7px;
}

.bootstrap-dialog.type-warning .modal-header {
	background-color: #f44242;
}

.bootstrap-dialog.type-success .modal-header {
	background-color: #5cb85c;
}

.bootstrap-dialog .bootstrap-dialog-title {
	color: #fff;
	display: inline-block;
	font-size: 16px;
}

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

div.ui-multiselect input.search{
	width: 50% !important;
	float: right !important;
	height: 100% !important;
}

.footer_license_warning {
	border-top: 1px solid rgb(190, 190, 202);
	background: white;
	padding: 5px 10px;
	color: red;
}

.footer_license_warning a {
	cursor: pointer;
}

table.datatable button {
	margin: 0 5px;
}

table.datatable.editable tbody tr td:last-of-type {
	white-space: nowrap;
}

table.datatable {
	cursor: default;
}

table.datatable tfoot td {
	white-space: nowrap;
}

table.datatable tfoot ul {
	float: right;
}

table.datatable tfoot ul {
	list-style: none;
	display: inline-block;
	cursor: pointer;
	margin: 0 0 0 1px;
	padding: 0;
}

table.datatable tfoot ul li:first-of-type {
	border-top-left-radius: 4px;
	border-bottom-left-radius: 4px;
}

table.datatable tfoot ul li:last-of-type {
	border-top-right-radius: 4px;
	border-bottom-right-radius: 4px;
}

table.datatable tfoot ul li {
	display: inline-block;
	margin: 0 0 0 -1px;
	padding: 6px 12px;
	padding: 6px 12px;
	color: #337ab7;
	background-color: #fff;
	border: 1px solid #ddd;
}

table.datatable ul li:hover {
	color: #23527c;
	background-color: #eee;
}

table.datatable ul li.active {
	color: #fff;
	background-color: #337ab7;
}

div.datatable {
	cursor: default;
	clear: both;
	display: flex;
	flex-flow: row nowrap;
	justify-content: space-between;
	padding: 10px 10px 0 10px;
}

div.datatable select,
div.datatable input {
	width: auto;
	display:inline-block;
}

/** Log styles **/
div.import-log {
	border: 1px solid gray;
	height: 25em;
	overflow: auto;
	padding: 2px;
	resize: both;
}

div.import-log-failed {
	font-size: medium;
	font-weight: bold;
	color: red;
}

div.import-log-completed {
	font-size: medium;
	font-weight: bold;
	color: rgb(255, 134, 0);
}

div.import-log-succeeded {
	font-size: medium;
	font-weight: bold;
	color: green;
}

span.import-log-errors {
	font-size: medium;
	color: red;
}

span.import-log-warnings {
	font-size: medium;
	color: rgb(255, 134, 0);
}

span.import-log-infos {
	font-size: medium;
	font-weight: bold;
	color: blue;
}

span.import-log-error {
	font-weight: bold;
	color: red;
}

span.import-log-warning {
	color: rgb(255, 134, 0);
}

span.import-log-info {
	color: blue;
}

/* show password strength bar */
.form-group div.password_strength {
	height: 3px;
	grid-column: 2/3;
}

#pbxlogin-form .form-group-admin_pass > div,
#pbxlogin-form .form-group-admin_pass_retype > div {
	display: grid;
	grid-template-columns: 55px auto;
}

#pbxlogin-form .form-group-admin_pass div span.input-group-addon,
#pbxlogin-form .form-group-admin_pass_retype div span.input-group-addon {
	margin-left: 0px;
}

.formtextdialog {
	display: flex;
	flex-flow: row nowrap;
}

.formtextdialog input {
	display: none;
}

.formtextdialog label {
	cursor: pointer;
}

.formtextdialog .form-control {
	display: inline-block;
	flex: 1 1 auto;
	white-space: nowrap;
	text-overflow: ellipsis;
	overflow: hidden;
	width: auto;
	float: none;
}

.formtextdialog .input-group-addon {
	display: inline-block;
	flex: 0 0 auto;
	width: auto;
	line-height: 1.42857;
}

.modaltextarea {
	height: 20em;
	resize: none;
	overflow: auto;
}

.module-error-list a {
	cursor: pointer;
}

.error-modal-handle {
	display: block;
	padding-left: 12px;
}

.error-modal-handle .modal-content {
	overflow: hidden;
}

.error-modal-handle .modal-header {
	background: red;
}

.error-modal-handle .modal-header h4 {
	color: white;
}

/* Log in page background color */
.ombutelPBX {
	background-color: #aecfff;
}

/* Splash screen color with the spinner */
#spinner-section {
	background-color: #aecfff;
}

#pbx-content{
	background-color: #ebeef1;
}
/*
Menu Section
*/
.ombutelPBX .navbar{
	font-family: "Segoe UI","Helvetica Neue",Helvetica,Arial,sans-serif;
	background-color: #feffff;
	left: 300px;
	z-index: 50;
	font-weight: 700;
	color: rgb(100, 100, 100) !important;
	overflow: hidden;
}

input#ombutel-search{
	box-shadow: none;
	-webkit-box-shadow: none;
	font-size: 15px!important;
	width: 100%;
	padding-left: 42px;
	font-weight: normal;
	margin: 0;
	background: rgba(255,255,255,.18);
	border: 1px solid #f5f5f5;
	color: #000;
	display: block;
	line-height: inherit;
}

.ombutelPBX .navbar.closeMenu, .ombutelPBX .navbar.mobile{
	left: 0;
	overflow: hidden;
}

#ombu-navtool i.fa-question-circle {
	font-size: 30px;
	vertical-align: -26%;
	color: #a8bec5;
}

#ombu-navtool {
	margin-top: -1px;
	display: inline-block;
	position: relative;
	width: 100%;
	text-align: right;
}

#ombu-navtool > li {
	display: inline-block;
}

#ombu-navtool > li:nth-child(1) {
	width: 35%;
}

/* Left menu (parents) */
#aside-main-menu{
	background-color: #9ec0ff;
	color: black;
	box-shadow: inset -3px 0 0px rgba(0,0,0,0.1);
	display: flex;
	flex-flow: row nowrap;
	flex: 1 1 auto;
	font-size: 13px;
	height: 100%;
}

#aside-main-menu > .tab-content {
	overflow-x: hidden;
	overflow-y: auto;
}

#aside-main-menu > ul li a{
	color: #343434;
	font-size: 11px;
	font-weight: 900;
}

#aside-main-menu > ul li a > i{
	font-size: 2em;
}

#aside-main-menu > ul li.active a,
#aside-main-menu > ul li a:hover,
#aside-main-menu > ul li a:focus{
	text-decoration: none;
	color: #ffffff;
	border-right: none;
	background-color: #1E2225;
	-webkit-transition: all .15s ease-out;
	transition: all .15s ease-out;
}

#logo-section {
	background: #ffffff;
	padding: 3px 7px 3px 0px;
	height: 64px;
	display: flex;
	flex-flow: row nowrap;
	flex: 0 0 auto;
	overflow: hidden;
	align-items: center;
}

#logo-section .system_name {
	cursor: default;
	font-weight: 900;
	font-size: 14px;
	color: black;
	flex: 1 1 auto;
	margin-left: 7px;
}

/* Left menu (children) */
.tab-content ul.children-menu li a, .tab-content ul.children-menu ul.sub-menu li a{
	background: #c0cff6;
	color: black;
}

.tab-content ul.children-menu>li>a{
	border-bottom: none;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}

#aside-main-menu .tab-content ul>li:hover>a{
	background-color: rgba(255,255,255,0.1);
}

#aside-main-menu .tab-content ul.children-menu ul.sub-menu>li:hover>a {
	background-color: #1E2225;
	border-left: none;
}

.tab-content ul.children-menu ul.sub-menu li a{
	padding-bottom: 0;
}

.tab-content ul.children-menu ul.sub-menu li a {
	font-size: 12px;
}

.tab-content ul.children-menu ul.sub-menu{
	margin-left: 3px;
}

#aside-nav .box-cell{
	background-color: #303c46;
}

.navbar .navbar-tool>li {
	float: left;
}

#ombu-navtool a{
	color: rgb(160, 157, 157);
	padding: 0 5px;
}

#ombu-navtool a:hover,#ombu-navtool a:focus{
	background-color: transparent;
	color: rgb(92, 90, 90);
}

.mobile-logo{
	display: none;
	margin-top: -10px;
}

.mobile-logo img{
	vertical-align: -46%;
}

.mobile-logo.xtra-small{
	vertical-align: -8%;
}

.mobile-logo.xtra-small span{
	display: none;
}

.mobile-logo.xtra-small img{
	vertical-align: -28%;
}

.mobile-logo span, .mobile-logo img{
	display: inline-block;
}

.quick-menu .avatar {
	width: 30px !important;
	margin-top: 20px;
}

.quick-menu i{
	margin-left: 5px;
	vertical-align: -32%;
}

.user-box{
	padding: 10px 2px;
}

.user-box .user-img{
	position: relative;
	float: left;
	width: 80px;
	height: 80px;
	margin-right: 15px;
}

.user-box .user-info span{
	font-size: 14px;
	display: block;
	padding: 0 0 10px;
}

.user-box .user-info span.sub-info{
	padding: 0 0 0;
	margin-top: -5px;
	font-size: 81%;
	font-style: normal;
	opacity: .7;
	-moz-opacity: .7;
	filter: alpha(opacity=70);
}

#umenu{
	min-width: 220px;
	border: 1px solid #f9f9f9;
	border-radius: 4px!important;
	margin-top: 2px!important;
	-webkit-transform-origin: top right;
	-moz-transform-origin: top right;
	-ms-transform-origin: top right;
	transform-origin: top right;
	box-shadow: 0 0 5px rgba(88,96,114,0.15);
	position: absolute;
	top: 64px;
	right: 25px;
	overflow: hidden;
	z-index: 55;
	display: block;
	opacity: 0;
	-webkit-transform: scale(0);
	-ms-transform: scale(0);
	transform: scale(0);
	-webkit-transition: all .25s;
	transition: all .25s;
	-webkit-backface-visibility: hidden;
	-moz-backface-visibility: hidden;
	backface-visibility: hidden;
}

#umenu .divider {
	margin: 2px 0;
	height: 1px;
	background-color: #DADADA;
}

#umenu > li a{
	margin: 0;
	border-radius: 2px;
	font-size: 13px;
	line-height: 22px;
	color: #444444 !important;
}

#umenu > li a.user-data{
	padding: 3px 9px;
}

#umenu > li.options a{
	padding: 1px 10px;
	color: rgb(39, 49, 58) !important;
	font-weight: 400;
	font-size: 14px;
}

#umenu > li.options a > i{
	line-height: 23px;
	margin-right: 10px;
	color: rgb(39, 49, 58);
}

#umenu > li a:hover{
	background-color: transparent;
}

#umenu > li.options a:hover{
	background-color: #f9f9f9;
}

#umenu .btn-logout{
	margin-top: 5px;
	margin-bottom: 1px;
	text-transform: uppercase;
	font-weight: 700;
	text-align: center;
	white-space: nowrap;
	border-width: 1px;
	border-style: solid;
	border-color: transparent;
	background-image: none;
	padding: 3px 15px;
	cursor: pointer;
	-webkit-user-select: none;
	font-size: 12px;
	background: #F44336;
	color: #ffffff !important;
}

#umenu .btn-logout:hover, #ombu-navtool .btn-logout:focus{
	border-color: #e73629;
	background: #ff5043;
}

#umenu .btn-logout i{
	vertical-align: -1%;
}

#umenu.open{
	opacity: 1;
	-webkit-transform: scale(1);
	-ms-transform: scale(1);
	transform: scale(1);
}

.width-56{
	width: 56px;
	height: 56px;
}

.ripple-asideMenu-color{
	background-color: rgba(58, 74, 87, .5);
}

.ripple-asideMenu-submenu-color{
	background-color: rgba(39, 49, 58, 0.81);
}

/*
Content Section
*/

#modules-content-header {
	flex: 0 0 auto;
}

#modules-content-header,
#modules-content-header.no-multi-tab {
	background-color: #dde1e7;
}

#modules-content-header h3{
	font-weight: 400;
	line-height: 1.1;
	color: #414141;
	font-size: 24px;
	padding: 7px 0 7px 19px;
}

#modules-content-header.multi-tab{
	background-color: #dde1e7;
}

.content-header{
	color: #444444;
	padding: 0 15px 0 0;
	margin: 0;
	height: 48px;
}

.content-header .nav-tabs{
	border-bottom: none;
}

.content-header .nav-tabs > li{
	margin: 0;
}

.content-header .nav-tabs > li a{
	background-color: transparent;
	color: #444444;
	border: none;
	height: 48px;
	line-height: 1;
	border-radius: 0;
	padding: 18px 23px;
	cursor: pointer;
	font-weight: 400;
	margin: 0;
}

.content-header .nav-tabs > li a i{
	font-size: 14px;
	color: #000000;
	text-shadow: 0 1px 0 #ffffff;
	opacity: 0.2;
	filter: alpha(opacity=20);
	text-decoration: none;
	position: absolute;
	right: 2px;
	top: 4px;
}

.content-header .nav-tabs > li a i.fa-refresh {
	font-size: 12px;
	color: #000000;
	text-shadow: 0 1px 0 #ffffff;
	opacity: 0.2;
	filter: alpha(opacity=20);
	text-decoration: none;
	position: absolute;
	right: 20px;
	top: 5px;
}

.content-header .nav-tabs > li a i:hover{
	display:inline;
	color: #000000;
	text-decoration: none;
	opacity: 0.4;
	filter: alpha(opacity=40);
	cursor: pointer;
}

.content-header .nav-tabs > li a:focus{
	border: none;
}

.content-header .nav-tabs > li a:hover{
	background-color: #d4d9e1;
	color: #129cb7;
}

.content-header .nav-tabs > li.active > a,.content-header .nav-tabs > li.active a:hover{
	background-color:#ebeef1;
	border: none;
}

.resp-tab-dropdown ul > li > a{
	text-transform: uppercase;
	font-weight: 500;
	opacity: 0.55;
	color: #313534;
}

.module-header {
	flex: 0 0 auto;
	display: flex;
	flex-flow: row nowrap;
	justify-content: space-between;
	align-items: center;
}

ul.module-tabs{
	max-height: 56px;
	overflow: hidden;
	flex: 0 0 auto;
}

.resp-tab-dropdown ul{
	overflow: auto;
	position: fixed;
	top: 189px;
	margin-right: 27px;
}

/*
Module Menu Section
*/

/*
Login Section
*/
.login-form-container .panel-heading {
	color: #ffffff;
	background-color: #232222;
	border-color: #232222;
	padding-bottom: 0;
}

.login-form-container .panel-body {
	padding-top: 5px;
}

/*
Lock Section
*/

/*
Nav Bar Style
*/

#main-top-navbar {
	font-family: "Segoe UI","Helvetica Neue",Helvetica,Arial,sans-serif;
	background-color: #feffff;
	font-weight: 700;
	color: rgb(100, 100, 100);
	border-bottom: 1px solid rgb(190, 190, 202);
	flex: 0 0 auto;
}

#main-top-navbar .navigation-toggle{
	left: 12px;
	display: inline-block;
	float: left;
}

#main-top-navbar .input-field{
	margin: 0;
	height: 40px;
	position: relative;
	margin-top: 10px;
	margin-left: -44px;
}


#main-top-navbar .input-field input{
	font-size: 15px!important;
	width: 100%;
	padding: 0;
	padding-left: 15px;
	display: block;
	line-height: 1;
	height: 100%;
	border: 1px solid rgba(222, 222, 222, 0.16);
	margin: 0;
	background: rgba(0, 0, 0, 0.04);
	box-shadow: none;
	box-sizing: content-box;
	transition: all 0.3s;
	border-radius: 0;
	outline: none;
	-webkit-appearance: textfield;
}

#main-top-navbar .input-field input+label{
	left: 12px;
	-webkit-transform: translateY(0);
	transform: translateY(0);
	font-size: 0.8rem;
	top: -9px;
	color: #9e9e9e;
	position: absolute;
	cursor: text;
	transition: .2s ease-ou
}

#main-top-navbar .input-field label > i{
	line-height: 48px!important;
	font-size: 20px!important;
}

#main-top-navbar img.size-logo{
	margin-top: 7px;
}

a#close-global-search{
	right: 32.5px;
	top: 0;
	display: none;
	position: absolute;
}

a#close-global-search i{
	color: rgba(0,0,0,.5)!important;
	font-size: 22px;
}

#global-search-container {
	width: 30%;
}

#global-navbar {
	width: 45%;
}

@media (max-width: 767px){
	#global-search-container {
		position: absolute;
		z-index: 999;
		float: none!important;
		background: #fff;
		margin: 0;
		padding: 0!important;
		left: -16px!important;
		right: -16px!important;
		border-radius: 0;
		width: calc(100% + 32px)!important;
		height: 61px;
	}

	#main-top-navbar .input-field{
		height: 61px;
		margin-top: 0;
	}

	#main-top-navbar .input-field input{
		color: rgba(0,0,0,.6)!important;
		line-height: 60px;
		padding: 0 54px 0 76px!important;
		font-weight: 400;
		width: calc(100% - 130px);
		background: transparent;
	}

	a#close-global-search{
		display: block!important;
	}

	#logo-section div {
		display: none;
	}
}

/*
 * Override colors
 */

/* Save button */
.btn-success {
	background-color: #2d5aa2;
	border-color: #2d5aa2;
}

.btn-success:hover, .btn-success:focus, .btn-success.focus, .btn-success:active, .btn-success.active, .open > .dropdown-toggle.btn-success {
	color: #ffffff;
	background-color: #0D3A82;
	border-color: #0D3A82;
}

/* Right side menu */
#aside-nav-right #items-header {
	background: #3469b8;
}

/* Toggle button background and border color */
.btn-group > .btn-radio.btn.btn-default.active {
	border-color: #2d5aa2;
	background: #2d5aa2 none;
}

/* Remove the border and the green color from icon */
#module-menu-items ul > li img {
	border-bottom: none;
}

/* The unlink device button */
.btn-warning {
	background-color: #367892;
	border-color: #367892;
}

.btn-warning:hover, .btn-warning:focus, .btn-warning.focus, .btn-warning:active, .btn-warning.active, .open > .dropdown-toggle.btn-warning {
	background-color: #1B5F79;
	border-color: #1B5F79;
}

/* The cancel button */
.btn-primary {
	background-color: #5c6479;
	border-color: #5c6479;
}

.btn-primary:hover, .btn-primary:focus, .btn-primary.focus, .btn-primary:active, .btn-primary.active, .open > .dropdown-toggle.btn-primary {
	background-color: #384056;
    border-color: #384056;
}

/* Log in button (Login) */
.btn-login {
  border-color: #2d5aa2;
  background: #2d5aa2;
}

.btn-login:hover, .btn-login:active, .btn-login:focus {
	background-color: #0D3A82;
	border-color: #0D3A82;
}

/* Login page top panel */
.panel-inverse > .panel-heading {
	border-color: #FFF;
}

.login-form-container .panel-heading {
	background-color: #FFF;
	border-color: #FFF;
	border-radius: 10px;
}

.panel {
	border-radius: 10px;
}

label.btn.btn-success.toggle-on.disabled {
	background-color: #296a99;
	border-color: #296a98;
}

/*
 *Alerts
 */

/* Success alert */
.BNotify.alert-success{
    background-color: #2d5aa2;
}

/* Tooltip */
.help-form-modal .modal-header {
	background-color: #93b4f9;
}

.collapsed-logo {
	height: 40px;
}

/***** image sizes *****/
/* Login image */
form.pbxlogin-form img.login-logo {
	width: 95px;
}
/* Reset password image */
form.pbxlogin-form img.reset-logo {
	width: 95px;
}
/***********************/

/* Highlight active attached module */
div#epm_device_conf_exp_modules ul#mapping_attached_modules > li.active {
	border: none;
	color: #0aa89e;
	list-style: none;
	border-bottom: 1px solid;
}

/* Style attached modules */
div#epm_device_conf_exp_modules ul#mapping_attached_modules > li {
	background-image: none;
	font-size: 14px;
	font-weight: bold;
	display: inline-block;
	cursor: pointer;
	white-space: nowrap;
}

/* Hide epxansion tables and attached modules */
table.epm_device_conf_exp_table_hidden,
div#mapping_modules div {
	display: none;
}

/* Hide all advanced settings */
div#epm_device_conf_adv_settings div.mapping_setting_group {
	display: none;
}

/* Unhide the first group of advanced settings */
div#epm_device_conf_adv_settings div.mapping_setting_group:nth-child(3) {
	display: block;
}

/* Prevent labels from wrapping */
div#epm_device_conf_device_buttons table.mapping_device_buttons td,
div#epm_device_conf_exp_modules table.epm_device_conf_exp_buttons td,
div#epm_device_conf_device_buttons table.mapping_device_buttons_line td {
	white-space: nowrap;
}

/* Some spacing between table labels and input fields */
div#epm_templateexp_module table.epm_device_conf_exp_buttons tr > td:first-child,
div#epm_device_conf_device_buttons table.mapping_device_buttons tr > td:first-child,
div#epm_device_conf_device_buttons table.mapping_device_buttons_line tr > td:first-child,
div#epm_device_conf_adv_settings table tr > td:first-child {
	padding-right: 8px;
}

.module-spacer {
	height: 2em;
}

iframe[addon] {
	width: 100%;
	overflow: auto;
	position: relative;
	border: 0;
}

.formtextdialog > .form-control {
	width: 0;
}

#module-menu-items .sk-spinner {
	width: 10ch;
	height: 10ch;
}

#module-menu-items.spinning {
	display: flex;
	flex-flow: column;
	justify-content: center;
}

#module-menu-items .sk-circle::before {
	background-color: #d0d0d0;
}

.repcdr-player {
	display: flex;
	flex-flow: row nowrap;
	justify-content: space-evenly;
	align-items: center;
}

/* Spinners were added in Bootstrap 4.2 */
@-webkit-keyframes spinner-border {
	to {
		-webkit-transform:rotate(360deg);
		transform:rotate(360deg)
	}
}
@keyframes spinner-border {
	to {
		-webkit-transform:rotate(360deg);
		transform:rotate(360deg)
	}
}
.spinner-border {
	display:inline-block;
	width:2rem;
	height:2rem;
	vertical-align:text-bottom;
	border:.25em solid currentColor;
	border-right-color:transparent;
	border-radius:50%;
	/*! -webkit-animation:spinner-border .75s linear infinite; */animation:spinner-border .75s linear infinite;
}
.spinner-border-sm {
	width:1rem;
	height:1rem;
	border-width:.2em
}

span.fileupload label {
	cursor: pointer;
}