@charset "utf-8";
html, body {
	margin: 0;
	padding: 0;
	height: 100%;
}
body {
	font-family: 'Yettel', Arial, sans-serif;
	font-size: 12px;
	line-height: 16px;
	font-weight: normal;
	background-color: white;
	color: #595959;
	
	overflow: visible;
	min-width: 1300px;
	min-height: 500px;
	position: relative;
}

@-moz-keyframes spin { 100% { -moz-transform: rotate(360deg); } }
@-webkit-keyframes spin { 100% { -webkit-transform: rotate(360deg); } }
@keyframes spin { 100% { -webkit-transform: rotate(360deg); transform:rotate(360deg); } }
a { color: #595959; cursor: pointer }
a:hover { color: #009ce3; }
.floatright { float: right }
.floatleft { float: left }
.clear {
	content: "";
	height: 0;
	clear: both;
	display: block;
}
.ui-state-default,
.ui-tabs-anchor { outline: none }
.spacer {
	display: block;
	width: auto;
}
.inline { display: inline-block }
.pointer { cursor: pointer }
.default { cursor: default }
.hidden { display: none !important }
.visibilityHidden { visibility: hidden }
.orange { color: #F90 }
.gray { color: #666 }
.red { color: red }
.lightGray { color: #999 }
.mediumGray { color: #707070 }
.marginRight10 { margin-right: 10px }
.nowrap { white-space: nowrap !important }
.nomargin { margin: 0 !important }
code { font-family: monospace }
h4 { font-size: inherit }
.text-align-left { text-align: left }
.text-align-center { text-align: center }
.badge {
	display: inline-block;
	padding: 0px 6px;
	background-color: #FFAD00;
	color: #FFF;
	font-weight: bold;
	font-size: 11px;
	text-align: center;
}
.badge.filtered {
	background-color: #FF6B6B;
}
#rightPanelAccordion .badge {
	float: right;
	min-width: 13px;
}

#topPanel,
#rightPanel,
#mainPanel,
#bottomPanel {
	position: absolute;
	overflow: hidden;
}

#preloader,
#preloaderRight,
.preloaderDialog,
.preloaderRoutingRules {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 1000;
}
#preloader {
	background-color: white;
}
#preloader.dark {
	background-color: #002340;
}
/*.darkBg #preloader.dark {
	background: #10293e url('../images/callflow_logo_transparent.png') 37px -150px no-repeat
}*/
#preloader .loading { 
	background: transparent url('../images/callflow_preloader.gif') center center no-repeat;
	background-size: cover;
	width: 70px;
	height: 56px;
	margin: 0 auto;
}
#preloader .status {
	font-size: 11px;
	font-weight: bold;	
	width: 300px;
	height: 30px;
	margin-left: auto;
    margin-right: auto; 
    margin-top: 5px;
	text-align: center;
}
#preloader.dark .status {
	color: #CCC;
}
#preloaderRight {
	display: none;
}
#preloaderRight.mobile {
	position: fixed;
	top: initial;
    left: initial;
	right: 12px;
	bottom: 42px;
	
	width: 60px;
	height: 50px;
	z-index: 110;
}
#preloaderRight .loading {
	background: transparent url('../images/callflow_preloader.gif') 99% 98% no-repeat;
	background-size: cover;
	width: 70px;
	height: 54px;
	position: absolute;
    right: 35px;
    bottom: 25px;
}
#preloaderRight.mobile .loading {
	position: static;
}
.preloaderDialog,
.preloaderRoutingRules {
	display: none;
	background: white url('../images/callflow_preloader_small.gif') center center no-repeat;
}
#rightPanel.overModal {
	z-index: 101;
	-webkit-box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.5);
	-moz-box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.5);
	-o-box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.5);
	box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.5);
}


/* Login Container */
#loginForm label {color: #B4FF00;}
.darkBg { 
	background: #FFFFFF 0% 0% no-repeat padding-box;
	min-width: initial;
	min-height: initial;
}
.input-group-addon {
	border-radius: 5px;
	background: #B4FF00 0% 0% no-repeat padding-box;
	border: none;
}
.input-group input
{
	border-radius: 0 5px 5px 0 !important;
	box-shadow: none;
	background: #FFFFFF 0% 0% no-repeat padding-box !important;
	border-color: #FFFFFF !important;
}
.login-container {
	position: relative;
	margin: 12% auto 0;
	max-width: 760px;
	
	color: #B4FF00;
	background: #002340 0% 0% no-repeat padding-box;
}
.login-container .container-main {
	padding: 3em 1em;
}
.login-container .row > div:first-child > .container-main {
	padding: 3em 5em;
}
.login-container label {
	color: #B4FF00;
	overflow: hidden;
	margin: 0;
}
.login-container input[type="text"]:hover,
.login-container input[type="text"]:focus,
.login-container input[type="text"]:active,
.login-container input[type="password"]:hover,
.login-container input[type="password"]:focus,
.login-container input[type="password"]:active {
	border-color: #B4FF00;
}
.login-container .request-account,
.login-container .submit {
	width: 90%;
	margin: 25px auto 0;
	text-align: center;
	font-weight: bold;
	font-size: 1.3em;
	background-color: #B4FF00;
	padding: 15px 30px;
	cursor: pointer;
	display: block;
	color: #002340;
	border: 1px solid #B4FF00;
	border-radius: 23px;
	
	-webkit-transition: .4s;
    transition: .4s;
}

#requestAccountForm > div.request-account:hover,
.login-container .submit:hover
{ 
	background-color: #002340;
	color: #B4FF00;

}

.login-container .request-account:hover,
.login-container .request-account:focus { 
	background-color: #002340;
	color: #B4FF00;
	text-decoration: none;
}
.login-container .title {
	font-size: 2.3em;
	line-height: 1.1em;
}
.login-container-bottom {
	margin: 0 auto;
	max-width: 760px;
}
.login-container-bottom .copyright {
	color: #E4E4E4;
	text-align: right;
	padding: 1em 0;
	font-size: 0.9em;
}
.login-loading {
	display: none;
	margin: 25px auto 0;
	text-align: center;
	height: 46px;
}
.login-loading img {
	height: 26px;
	margin: 0 auto;
	opacity: 0.8;
    -webkit-animation: spin 1s linear infinite;
    -moz-animation: spin 1s linear infinite;
    animation: spin 1s linear infinite;
}
.login-container .input-group-addon {
	padding-left: 8px;
	padding-right: 8px;
}
.eu-logos {
	background-color: #fff;
    padding: 20px 10px;
    margin: 0;
}
.callflow-logo-big {
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	background: none;
	background-color: transparent;
}
.yet-cap {
	width: 22%;
	height: 20%;
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	background-color: transparent;
	font-family: Yettel;
	font-size: 6.2em;
	color: #002340;
	font-weight: 900;
	text-align: center;
    line-height: 100%;
	letter-spacing: 0;
	padding-top: 0.3em;
	padding-left: 0.2em
}
.darkBg .ui-corner-all,
.darkBg .ui-corner-bottom,
.darkBg .ui-corner-right,
.darkBg .ui-corner-br,
#loginForm .ui-state-default, 
#loginForm .ui-widget-content .ui-state-default,
#loginForm .ui-widget-header .ui-state-default {
	border: 1px solid #fff;
	border-radius: 5px;
	background: #FFFFFF 0% 0% no-repeat padding-box;
}
.darkBg .ui-selectmenu-menu .ui-state-focus { 
	border: 1px solid #002340;
	color: #002340;
	border-radius: 5px;
	font-weight: bold;
}
.darkBg #preloader .status {
    margin-top: 25px;
}

/*===================================================================================*/
#preloader .loading-yet{
	color: #B4FF00;
    display: flex;
    justify-content: center;
    align-items: center;
    font-weight: bold;
    font-size: 500%;
}

.loading-yet span {
  animation: pingpong 1s infinite;
  
}
@keyframes pingpong {
  0%,40%,100% {
    transform: translateY(0)
  }
  20% {
    transform: translateY(-20px)
  }
  60% {
    transform: translateY(-60px)
  }
}

#loginForm .ui-icon {
	background-image: url("images/ui-icons_002340_256x240.png");
}
#loginForm .ui-state-focus, #loginForm .ui-state-hover {
	color: #002340;
	font-weight: bold;
} 
#loginForm .has-error .input-group-addon {
    background-color: #DB381D;
}
#loginForm input,
#loginForm .ui-selectmenu-text,
#loginForm .input-group {
	color: #002340;
}

.cfpower {
font-size: larger;
font-weight: bold;
color: #FFFFFF;
line-height: 2.4em;
}
.marg-top-10 {
    margin-top: 10%;
}
.yetlogotext {
font-size: 4em;
font-weight: bold;
}
.clippbx {
    margin-top: 4%;
}
.clippbx p {
    color: #C4DFE9;
}

/* MOBILE PAGE */
.navbar-inverse {
	background-color: #4D4D4D;
	border-color: #FE8300;
	border-width: 0 0 3px;
}
.navbar-inverse .navbar-brand {
	background-color: #00B4CC;
	color: #FFF;	
}
.navbar-inverse .navbar-brand:hover, 
.navbar-inverse .navbar-brand:focus {
	background-color: rgba(0, 180, 204, 0.9);
}
.navbar-inverse .navbar-nav > .active > a {
	background-color: #6F6F6F;
}
.navbar-inverse .navbar-nav > .active > a:hover, 
.navbar-inverse .navbar-nav > .active > a:focus {
	background-color: rgba(111, 111, 111, 0.9);
}
.navbar-inverse .navbar-toggle {
	background-color: #FE8300;
	border-color: #FFAB52;
}
.navbar-inverse .navbar-toggle:hover, 
.navbar-inverse .navbar-toggle:focus {
	background-color: rgba(254, 131, 0, 0.9)
}
.navbar-collapse[aria-expanded="true"] .username {
	display: none;
}
body.reset {
	min-width: initial !important;
	min-height: initial !important;
}
body.with-fixed-navbar {
	padding-top: 75px;
}
.table-responsive {
	padding-bottom: 1em;
	margin-bottom: 50px;
}
.table-responsive .dataTables_length {
	position: initial;
}
.table-responsive .dataTables_wrapper .dataTables_filter {
	float: left;
	text-align: center;
}
.table-responsive .dataTables_filter input {
	width: 65%;
}
.table-responsive .dataTables_wrapper label {
	font-weight: normal;
}
.table-responsive .dataTables_paginate {
	position: initial;
}
.table-responsive .dataTables_paginate .disabled {
	opacity: 1;
	position: initial;
	height: auto;
	width: auto;
}




.outer {
    display: table;
    position: absolute;
    height: 100%;
    width: 100%;
}
.middle {
    display: table-cell;
    vertical-align: middle;
}

/* Localization */
.loginLanguages {
	position: absolute;
	top: -23px;
	right: 20px;
	padding: 8px 10px 0;
    background-color: transparent;
}
.loginLanguages a {
	color: #002340;
	display: inline-block;
}



/* Buttons */
.smallButton {
	width: 14px;
	height: 14px;
	vertical-align: middle;
}

/* Right Toolbar */
.toolbar {
	padding: 2px 3px;
	border-top: 1px solid #eee;
	border-bottom: 1px solid #E4E4E4;
	background-color: #F3F3F3;
}
.toolbarButton {
	width: 27px;
	height: 22px;
}
.toolbarButton.pressed {
	border: 1px solid #FF6B6B;
	background: rgba(255, 107, 107, 0.2);
}
.toolbarButtonWithText {
	height: 22px;
	font-size: 11px !important;
}
.toolbarButtonWithText.small {
	height: 18px;
	font-size: 11px !important;
}
.toolbarButtonWithText .ui-button-text { 
	line-height: 16px;
	padding-left: 2.5em;
}
.toolbarButtonWithText.small .ui-button-text {
	line-height: 18px;
	padding: 0 1em 0 2.5em;
}
.refresh.active {
	background: #FFFFC4;
}
.collapsableMenuList {
	margin: 0;
	padding: 0;
	font-size: 0.8em;
}
.collapsableMenuList li {
	list-style-type: none;
	padding: 4px 5px;
}
.collapsableMenuList .ui-icon { 
	display: inline-block;
	vertical-align: bottom;
}
.collapsableMenuList .ui-icon:hover,
.small .ui-icon:hover { background-color: #E2E2E2 }

.collapsableMenuList li.even { background-color: #F6F6F6 }
.collapsableMenuList li:hover { background-color: #F1F1F1 }

/* Call Rule Preview */
.call-rule-preview {
	padding: 2px 8px;
	border-top: 1px solid #EEE;
	border-bottom: 1px solid #E4E4E4;
	background-color: #F3F3F3;
}

/* Top Panel */
#topPanel { 
	border-bottom: 3px solid #fe8300;
	background: #FCFCFC;/* url('../images/callflow_logo_transparent.png') -57px -274px no-repeat;*/
}
#topPanel a {
	text-decoration: none;
}

#topPanel .loginInfo {
	position: relative;
	background-color: #00b4cc;
	color: white;
	font-weight: bold;
	height: 57px;
	padding: 0 15px;
	max-width: 160px;
	min-width: 95px;
	overflow: hidden;
}
#topPanel .loginInfo .loggedAs {
	padding: 8px 0 0;
	font-size: 0.8em;
}
#topPanel .loginInfo .username {
	font-size: 1.2em;
	line-height: 1em;
    padding-right: 1em;
}
#topPanel .logout {
	position: absolute;
	top: 5px;
	right: 5px;
	background: transparent url('../images/logout.png') center center no-repeat;
	width: 16px;
	height: 16px;
}
#topPanel .manage {
	margin-left: 10px;
}
#topPanel .panelName {
	font-size: 2em;
	color: #666;
	line-height: 1em;
	margin: 6px 0 2px;
	padding: 0 4px;
}
#topPanel .panelSettings {
	display: block;
	margin: 0;
	padding: 0;
	list-style-type: none;
}
#topPanel .panelSettings li {
	float: left;
	margin-right: 7px;
	padding: 2px 7px;
	transition: all 0.3s;
	cursor: pointer;
}
#topPanel .panelSettings li:hover {
	background-color: #ECECEC;
}
#topPanel .panelSettings li.separator {
	cursor: default;
}
#topPanel .panelSettings li.separator:hover {
	background-color: white;
}
#topPanel .panelSettings .ui-icon {
	display: inline-block;
	vertical-align: text-bottom;
	margin-right: 3px;
	opacity: 0.7;
}
#topPanel .panelSettings li .badge {
	margin-left: 10px;
}

.ui-icon.ui-document {
	background: transparent url('../images/document.png') 0 0 no-repeat;
}
.ui-icon.ui-settings {
	background: transparent url('../images/settings.png') 0 0 no-repeat;
}

#topPanel .menu {
	float: right;
	margin-right: 10px;
}
#topPanel .menu-item {
	float: left;
	height: 48px;
	margin: 5px 5px 8px;
	width: 140px;
	color: white;
	font-weight: bold;
	text-align: center;
	line-height: 48px;
	padding: 0 4px;
	transition-duration: 0.2s;
}
#topPanel .menu-item:hover { opacity: 0.8 }

#accounts { background-color: #FF6B6B }
#pbx-admin { background-color: #55C4DF }
#rrm-admin { background-color: #8abb24 }
#cc-admin { background-color: #FFA33D }
#reports { background-color: #09a3e3 }
#conference { background-color: #FD5D8A }



/* Bottom Panel */
#bottomPanel {
	border-top: 1px solid #4D4D4D;
	background-color: #646464;
	color: white;
}
#bottomPanel > div {
	margin: 2px 10px;
}
#bottomPanel .ui-icon {
	vertical-align: text-bottom;
}

/* Main Panel */
#mainPanel .headContainer {
	font-weight: bold;
	font-size: 1.1em;
	line-height: 30px;
	height: 31px;
	padding: 0 0 0 20px;
	background-color: #55C4DF;
}
#mainPanel .headContainer a { 
	color: white;
	text-decoration: none;
}
#mainPanel .headContainer .separator {
	margin: 6px;
	height: 23px;
	width: 2px;
	background: transparent url('../images/blue_separator.png') center center no-repeat;
	opacity: 0.4;
}
#mainPanel .headContainer a.default span {
	font-style: italic;
}
#mainPanel .headContainer .ui-icon {
	display: inline-block;
	margin: 0 5px;
	vertical-align: text-bottom;
	background-image: url("images/ui-icons_ffffff_256x240.png");
}
#mainPanel .callcenterUsersContainer table .ui-icon:hover {
	background-color: #E2E2E2;
}
#mainPanel .callcenterUsersEdit {
	display: none;
}
#mainPanel .tabSpacer {
	height: 30px;
	border: none;
	background-color: #4D4D4D
}
#mainPanel .callDetails {
	padding: 6px 0;
	font-size: 11px;
	background-color: #F9FAFF;
	max-height: 60px;
	overflow: auto;
}
#mainPanel .callDetails ul {
	list-style: none;
	margin: 0;
}
#mainPanel .callDetails li {
	float: left;
	width: 30%;
}

/* INPUTS */
body input[type="text"], 
body input[type="password"],  
body input[type="search"],  
body textarea,  
body input[type="file"],
body input[type="time"],
body input[type="datetime"],
body input[type="number"] {
	color: #595959;
	width: 260px;
	padding: 2px 4px;
	border: 1px solid #D7D7D7;
	border-radius: 0;
	
	background: #F2F2F2;
	background: -moz-linear-gradient(top, #f2f2f2 0%, #ffffff 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#F2F2F2), color-stop(100%,#FFF));
	background: -webkit-linear-gradient(top, #F2F2F2 0%,#FFF 100%);
	background: -o-linear-gradient(top, #f2f2f2 0%,#ffffff 100%);
	background: -ms-linear-gradient(top, #f2f2f2 0%,#ffffff 100%);
	background: linear-gradient(to bottom, #F2F2F2 0%,#FFF 100%);
}

input[type="text"]:focus, input[type="password"]:focus, input[type="search"]:focus, textarea:focus,
input[type="file"]:focus, input[type="time"]:focus, input[type="datetime"]:focus, input[type="number"]:focus {
	border-color: #2BBCE0;
	outline: none;
}
input[type="radio"]:focus,
select:focus {
	outline: none;
}
input[readonly="readonly"],
input[readonly],
textarea[readonly="readonly"] {
	background: #ECECEC !important;
}
input[disabled="disabled"],
input[disabled],
textarea[disabled="disabled"] {
	background: #ECECEC !important;
}

body .form-control {
	border-radius: 0;
}
body .input-sm {
	font-size: 13px;
}
input[type="text"].longSize, input[type="password"].longSize, input[type="search"].longSize,
input[type="datetime"]{ width: 190px !important }
input[type="text"].superLongSize, input[type="password"].superLongSize, input[type="search"].superLongSize,
input[type="datetime"].superLongSize { width: 465px !important }
input[type="time"] { width: 120px !important }
input[type="text"].mediumSize, input[type="password"].mediumSize,
input[type="search"].mediumSize, input[type="number"] { width: 80px !important }
input[type="text"].smallSize, input[type="password"].smallSize, input[type="search"].smallSize { width: 30px !important }
input[type="text"].smallSize2 { width: 40px !important }
fieldset { 
	border: 1px solid #B5B8C8;
	margin-top: 10px;
	min-height: 80px;
}
form .inputDiv input[type="checkbox"] { vertical-align: middle }
form .inputDiv input[type="radio"] { vertical-align: text-bottom }
form .inputDiv textarea { 
	vertical-align: top;
	height: 60px;
	max-height: 120px;
	max-width: 260px;
}
form fieldset:first-child { margin-top: 0 }
legend { color: #8F91A0 }
input[type="text"].spinner { 
	width: 30px;
	border: none;
	background: none;
	padding: 1px 4px;
}
select.small { width: 80px }

.input-group-addon-main {
	padding: 6px 12px;
	font-size: 14px;
	height: 12px;
	color: #555;
	text-align: center;
	background-color: #FF9B00;
	border: 1px solid #FFB800;
	float: left;
	border-right: none;
}
body .input-group-addon-main.ui-icon {
	width: 0;
	background-color: #FF9B00 !important;
}
.clear-input {
	position: relative;
	left: -20px;
	background-color: #ECECEC;
	padding: 0 2px;
	cursor: pointer;
	color: #A6A6A6;
	font-weight: bold;
}

/* Errors */
.error {
	border-color: #F55 !important;
	color: #F55 !important;
}

/* UI-spinner */
.ui-spinner {
	border: 1px solid #D7D7D7;
	background: #F2F2F2;
	background: -moz-linear-gradient(top, #f2f2f2 0%, #ffffff 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#F2F2F2), color-stop(100%,#FFF));
	background: -webkit-linear-gradient(top, #F2F2F2 0%,#FFF 100%);
	background: -o-linear-gradient(top, #f2f2f2 0%,#ffffff 100%);
	background: -ms-linear-gradient(top, #f2f2f2 0%,#ffffff 100%);
	background: linear-gradient(to bottom, #F2F2F2 0%,#FFF 100%);
	line-height: 16px;
}

/* UI-overlay */
.ui-widget-overlay {
	background: #666;
}

/* UI-Tabs */
.ui-tabs { padding: 0 }
#mainPanel .ui-tabs {
	border-top: 0;
	border-left: 0;
	border-right: 0;
}
.ui-tabs.ui-widget { font-size: 12px; }
.ui-tabs .ui-tabs-nav { 
	padding: 0 0 0 15px;
	border: none;
	background: #4D4D4D;
}
.ui-tabs .ui-tabs-nav .ui-state-active,
.ui-tabs .ui-tabs-nav .ui-state-hover {
	background: none;
	background-image: -webkit-gradient(linear, top, bottom, from(#0099AF), to(#00D5F1));
	background-image: -webkit-linear-gradient(top, #0099AF, #00D5F1);
	background-image:    -moz-linear-gradient(top, #0099AF, #00D5F1);
	background-image:     -ms-linear-gradient(top, #0099AF, #00D5F1);
	background-image:      -o-linear-gradient(top, #0099AF, #00D5F1);
	background-image:         linear-gradient(to bottom, #0099AF, #00D5F1);
	
	border: none;
}
.ui-tabs .ui-tabs-nav li.ui-tabs-active {
	margin: 6px 8px;
	padding: 0;
}
.ui-tabs .ui-tabs-nav .ui-state-active .badge,
.ui-tabs .ui-tabs-nav .ui-state-hover .badge {
	background-color: rgba(77, 77, 77, 0.5);
}
.ui-tabs .ui-tabs-nav .ui-tabs-anchor { padding: 3px 15px 3px 10px }
.ui-tabs .ui-tabs-nav a {
	color: white;
}
.ui-tabs .ui-tabs-nav li { 
	margin: 6px 8px;
	background: none;
	border: none;
}
.ui-tabs .ui-tabs-nav li.separator {
	margin: 6px;
	height: 23px;
	width: 2px;
	/*background-color: #323232;*/
	background: transparent url('../images/black_separator.png') center center no-repeat;
	opacity: 0.4;
}
.ui-tabs .ui-icon,
table.dataTable .ui-icon { 
	display: inline-block;
	vertical-align: text-bottom;
}
.ui-dialog .ui-tabs {
	border-top: none;
	border-left: none;
	border-right: none;
	border-bottom-color: #fff;
}
.ui-dialog .ui-tabs .ui-icon { 
	display: inline-block;
	vertical-align: bottom;
}
.ui-dialog .ui-tabs-anchor {
	font-size: 11px;
}
#dialog-routing-rules .ui-tabs .ui-tabs-nav {
	border-top: 1px solid #ccc;
}
#dialog-routing-rules .ui-tabs .ui-tabs-nav li,
#dialog-routing-rules .ui-tabs .ui-tabs-nav li.ui-tabs-active {
	margin: 2px 8px;
	padding: 0;
} 
#mainPanel .ui-tabs .ui-tabs-panel { padding: 0 }
.ui-tabs-panel.withToolbar { padding: 0 }
.ui-tabs-panel.withToolbar .content { padding: 1em 1.4em }

.ui-icon.ui-icon-outgoing-call {
	background: transparent url('../images/outgoing.png') center center no-repeat;
}
.ui-icon.ui-icon-incoming-call {
	background: transparent url('../images/incoming.png') center center no-repeat;
}
.ui-icon.ui-icon-missed-call {
	background: transparent url('../images/missed-call.png') center center no-repeat;
}
.ui-icon.ui-icon-stat-call {
	background: transparent url('../images/stat-call.png') center center no-repeat;
}


/* UI-Selectable */
.selectable .ui-selecting { background: #FECA40; }
.selectable .ui-selected { 
	background: #F39814; 
	color: white; 
}
.selectable { 
	list-style-type: none; 
	margin: 5px 0 0;
	padding: 0;
}
.selectable li {
	float: left;
	width: 45%;
	overflow: hidden;
	margin: 5px;
	padding: 0.4em;
	height: 18px;
	line-height: 20px;
	cursor: pointer;
}
.selectable li:hover {
	border-color: #fba609;
	color: #fe8300;
}
.selectable li.ui-selected:hover { color: white }
.select-loading {
	display: inline-block;
	width: 20px;
	height: 20px;
	vertical-align: text-bottom;
	background: transparent url('../images/img-loading-white.gif') center center no-repeat;
	background-size: cover;
}

/* UI-Accordion */
.collapsableMenu .ui-accordion-content { 
	padding: 0;
}
.collapsableMenu .ui-accordion-content.visible {
	overflow: visible !important;
}
.ui-accordion .ui-accordion-header { 
	margin: 0;
	border-top-color: white;
	padding: 7px 7px 6px 24px;
}
.ui-accordion .ui-accordion-header.ui-state-hover { 
	border-top-color: #FBA609;
	margin-top: -1px;
	padding-top: 8px;
}
.ui-accordion .ui-accordion-header.ui-state-hover .ui-icon { margin-top: -6px }
.ui-accordion .ui-accordion-header-active { 
	border-top-color: #ACACAC;
	background: #4D4D4D;
}
.ui-accordion .ui-accordion-header-active.ui-state-hover { 
	border-top-color: #ACACAC;
	margin-top: 0;
	padding-top: 7px;
}
.ui-accordion .ui-accordion-header-active.ui-state-hover .ui-icon { margin-top: -8px }
.ui-accordion .ui-accordion-content .content { overflow-y: auto }

/* UI-DataTable */
table.dataTable.smallFontSize { font-size: 11px }
table.dataTable thead th, 
table.dataTable tbody td { 
	padding: 4px 18px 4px 10px; 
	white-space: nowrap 
}
table.dataTable.small tbody td {
	white-space: normal;
}
table.dataTable thead th:focus { outline: none }
table.dataTable.small { font-size: 11px }
table.dataTable.small thead th { padding: 4px 18px 4px 4px; }
table.dataTable.small thead th.sorting_disabled, table.dataTable.small tbody td { padding: 4px }
.dataTables_wrapper .dataTables_paginate .paginate_button:hover {
	border: 1px solid #FBA609;
	background: #FDF5CE url("images/ui-bg_glass_100_fdf5ce_1x400.png") 50% 50% repeat-x;
	color: #C77405 !important;
}
table.dataTable.display tbody tr.odd {
	background-color: #F6F6F6;
}
table.dataTable.display tbody tr.odd.selected,
#ringGroupExtension li:nth-child(odd).selected,
.callcenterUserOptions li:nth-child(odd).selected,
#queueMembers li:nth-child(odd).selected {
	background-color: #C4E3E7; /* #CCC */
}
table.dataTable.display tbody tr.even.selected,
#ringGroupExtension li:nth-child(even).selected,
.callcenterUserOptions li:nth-child(even).selected,
#queueMembers li:nth-child(even).selected {
	background-color: #D4EBED; /* #DBDBDB */
}
table.dataTable.display tbody tr.odd.selected>.sorting_1 {
	background-color: inherit;
}
table.dataTable.display tbody tr.even.selected>.sorting_1 {
	background-color: inherit;
}
table.dataTable.hover tbody tr:hover.selected, table.dataTable.hover tbody tr.odd:hover.selected, 
table.dataTable.hover tbody tr.even:hover.selected, table.dataTable.display tbody tr:hover.selected, 
table.dataTable.display tbody tr.odd:hover.selected, table.dataTable.display tbody tr.even:hover.selected,
table.dataTable.display tbody tr:hover.selected>.sorting_1, table.dataTable.display tbody tr.odd:hover.selected>.sorting_1, 
table.dataTable.display tbody tr.even:hover.selected>.sorting_1, table.dataTable.order-column.hover tbody tr:hover.selected>.sorting_1, 
table.dataTable.order-column.hover tbody tr.odd:hover.selected>.sorting_1, table.dataTable.order-column.hover tbody tr.even:hover.selected>.sorting_1,
#ringGroupExtension li:nth-child(even).selected:hover, .callcenterUserOptions li:nth-child(even).selected:hover,
#ringGroupExtension li:nth-child(odd).selected:hover, .callcenterUserOptions li:nth-child(odd).selected:hover,
#queueMembers li:nth-child(odd).selected:hover, #queueMembers li:nth-child(even).selected:hover {
	background-color: #A0DAE8; /* #CCC */
}
table.dataTable.display tbody tr.highlight,
table.dataTable.display tbody tr.even.highlight>.sorting_1,
table.dataTable.display tbody tr.odd.highlight>.sorting_1 {
	background-color: #FFF2DA !important;
}
/*table.dataTable .dataTable { padding-left: 24px }*/
table.dataTable.cell-border tbody tr:last-child td {
	border-bottom: 1px solid #DDD;
}
table.dataTable.headerLeft thead { text-align: left }
table.dataTable .filterOnlyIcon {
	border: 1px solid #ccc;
	border-right: none;
}
table.dataTable .filterSelect {
	height: 16px;
	width: 16px;
}
table.dataTable .filter.active,
#rightPanel .filters .filter.active {
	background: rgba(190, 216, 32, 0.6);
}
table.dataTable .filter .ui-buttonset {
	margin: 2px 8px 2px 2px;
}
.filtersWrapper {
	width: 0;
}
.filtersWrapper > ul {
	position: absolute; 
	z-index: 20;
	width: 134px;
	background: #FCFCE3;
	font-size: 0.9em !important;
	text-transform: uppercase;
}
.filtersWrapper > ul > li.active {
	background-color: #F0B810;
	color: white;
}
.filtersWrapper > ul > li.ui-state-focus {
	background: #BED820;
	color: white;
	font-weight: normal;
	border: none;
	margin: 0;
}
#rightPanel .ui-accordion .ui-accordion-header {
	font-size: 0.9em;
}
#rightPanel .toolbar {
	padding: 0;
	position: relative;
}
#rightPanel .toolbar .toolbar-container {
	padding: 2px 3px;
}
#rightPanel .filters {
	background-color: #F9F9F9;
	border-top: 1px solid #55C4DF;
	border-bottom: 1px solid #FFA33D;
	position: absolute;
 	z-index: 15;
 	width: 100%;
	padding: 0 0 10px;
	display: none;
	
	-webkit-box-shadow: 0px 5px 5px rgba(0, 0, 0, 0.15);
	-moz-box-shadow: 0px 5px 5px rgba(0, 0, 0, 0.15);
	-o-box-shadow: 0px 5px 5px rgba(0, 0, 0, 0.15);
	box-shadow: 0px 5px 5px rgba(0, 0, 0, 0.15);
}
#rightPanel .filters h4 {
	font-size: 0.8em;
	text-align: center;
	border-bottom: 1px solid #E4E4E4;
	background-color: #F3F3F3;
	text-transform: uppercase;
	line-height: 2.5em;
	margin: 0 0 5px;
}
#rightPanel .filters .filter-row {
	padding: 3px 0;
}
#rightPanel .filters .filter-row > span:first-child {
	font-size: 0.8em;
	font-weight: bold;
	text-align: right;
	display: inline-block;
	width: 35%;
	margin-right: 5px;
	vertical-align: middle;
}
table.dataTable .filter,
#rightPanel .filter {
	position: relative;
	display: inline-block;
	background-color: #eee;
	padding: 0 2px 0 5px;
	margin-left: 10px;
	cursor: pointer;
	transition-duration: 0.3s;
}
#rightPanel .filter { margin: 0 }
table.dataTable .filter:hover,
#rightPanel .filter:hover {
	background-color: #E8F3FF;
}
table.dataTable .filter .ui-icon,
#rightPanel .filter .ui-icon {
	/*margin: 0 5px;*/
	display: inline-block;
	vertical-align: middle;
}

table.dataTable .medium .filter input { width: 130px }
table.dataTable .onNewLine .filter { margin: 0 }
table.dataTable .onNewLine .filter input,
#rightPanel .filter input { 
	width: 102px;
	font-size: 11px;	
}
table.dataTable thead th { 
	border-right: 1px solid #eee;
	white-space: nowrap;
}
#rightPanel table.dataTable thead th {
	white-space: normal;
}
table.dataTable thead th, table.dataTable thead td {
	border-bottom: 1px solid #00b4cc;
}
.dataTables_wrapper .footer {
	height: 36px;
	background: transparent url('../images/thead-bg.gif') 0 13px repeat-x;
	line-height: 36px;
}
.dataTables_wrapper.no-footer .dataTables_scrollBody {
	border-bottom-color: #E4E4E4;
}
table.dataTable.no-footer { border-bottom: none }

.footer .dataTables_info {
	padding: 0 25px;
}
.footer .dataTables_paginate {
	padding: 4px 10px;
}

table.dataTable .dataTables_paginate .ui-button { height: 20px }
.dataTables_wrapper .dataTables_paginate .paginate_button { padding: 2px 8px }
.dataTables_paginate.paging_input { line-height: 27px }
.dataTables_paginate.paging_input>span,
.dataTables_paginate.paging_input>input { float: left; }
.dataTables_paginate.paging_input>input { 
	margin: 3px 5px;
}
.dataTables_paginate.paging_input .ui-icon {
	width: 25px;
	height: 25px;
}
.dataTables_paginate {
	position: relative;
	z-index: 10;
}
.dataTables_paginate .disabled {
	background-color: #fff;
	opacity: 0.5;
	position: absolute;
	top: 4px;
	height: 27px;
	width: 27px;
	z-index: 20;
}
.disabled.firstButton { left: 10px }
.disabled.previousButton { left: 38px }
.disabled.nextButton { right: 40px }
.disabled.lastButton { right: 11px }

.paginate_page {
	display: inline-block;
	padding-left: 10px;
}
.paginate_of {
	display: inline-block;
	padding-right: 10px;
}
.ui-accordion-content .dataTables_paginate.paging_input {
	float: none;
}

table.dataTable tbody td span.vseparator {
	margin: 0 10px;
	border-left: 1px solid #ccc;
}
.dataTables_length {
	position: absolute;
	top: -26px;
	left: 120px;
}

/* System application help */
#appHelp {
	height: 255px;
	overflow-y: auto;
	overflow-x: hidden;
	font-size: 0.9em;
}
#getAppHelp {
	vertical-align: top;
	height: 20px;
	margin-top: 2px;
	font-size: 0.8em !important;
}
#getAppHelp .ui-button-text {
	line-height: 13px;
}

/* UI-sortable */
.ui-sortable {
	margin: 1em;
	padding: 0;
	list-style: none;
}
.ui-sortable li.ui-state-highlight {
	height: 23.8px;
}
.ui-sortable .position {
    background-color: #FFB21B;
    padding: 0 10px;
    position: absolute;
    left: 0;
    top: 0;
    height: 100%;
    line-height: 25px;
    color: #FFF;
    font-weight: bold;
	min-width: 14px;
	text-align: center;
}
.ui-sortable .ui-state-default,
.ui-sortable .ui-widget-content .ui-state-default,
.ui-sortable .ui-widget-header .ui-state-default {
	border: 1px solid #FFF;
    font-weight: normal;
    padding: 0.2em 0.8em 0.2em 3.5em;
    background: none;
    background-color: #FFDFA0;
    color: #4D4D4D;
    position: relative;
}
.ui-sortable input[type="checkbox"] {
	vertical-align: bottom;
}

/* UI-dialog */
.ui-dialog { 
	padding: 0 0 50px;
	background-color: #F3F3F3;
	overflow: initial;
	
	-webkit-box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.5);
    -moz-box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.5);
    -o-box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.5);
	box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.5);
}
.ui-dialog .ui-dialog-content { 
	background: #fff !important;
	border-bottom: 1px solid #DFDFDF;
	position: initial;
}
.ui-dialog-titlebar { border: none }
.ui-dialog form label,
.ui-dialog form .label {
	display: inline-block;
	line-height: 32px;
}
.ui-dialog form label .labelDiv,
.ui-dialog form .label .labelDiv { 
	text-align: right;
	padding-right: 3px;
	
	line-height: 20px;
	vertical-align: middle;
}
.ui-dialog form label>span:first-child,
.ui-dialog .label>span:first-child {
	display: inline-block;
	width: 270px; /* 210 */
}
.ui-dialog form.twocolumn label>span:first-child,
.ui-dialog .smallLabel label>span:first-child,
.ui-dialog .smallLabel .label>span:first-child {
	display: inline-block;
	width: 150px !important;
}
.ui-dialog .superSmallLabel label>span:first-child,
.ui-dialog .superSmallLabel .label>span:first-child {
	display: inline-block;
	width: 100px !important;
}
.ui-dialog .twocolumn .floatleft:first-child fieldset { padding-right: 20px }
/*.ui-dialog .twocolumn .floatleft fieldset { min-width: 420px }*/
.hlpButton,
.ui-dialog form .info {
	display: inline-block;
	margin-left: 5px;
	vertical-align: middle;
	min-width: 16px;
	height: 16px;
	background: transparent url('../images/question_blue.png') 0 50% no-repeat;
	cursor: pointer;
}
.required {
	display: inline-block;
	width: 7px;
	color: #BE0000;
}
.ui-dialog-content.withTabs {
	padding: 0
}
.ui-dialog-content.withTabs .tabs-container:not(.not-relative) {
	position: relative !important;
}
.ui-dialog .actions {
	position: absolute;
	bottom: 0px;
	height: 50px;
	right: 20px;
}
.ui-dialog .actions .button {
	margin-top: 10px;
	min-width: 100px;
	
	-webkit-transition: all .2s;
	-moz-transition: all .2s;
	-o-transition: all .2s;
	transition: all .2s;
}
.ui-dialog .actions .button.actionMain {
	background: #4D4D4D;
	color: #FFF;
}
.ui-dialog .actions .button.actionMain.ui-state-hover {
	background: #55C4DF;
	border-color: #00A3BA;
}
.ui-dialog .actions .button.actionDelete {
	background: #FF4F4F;
	color: #FFF;
	border-color: #FFF;
}
.ui-dialog .actions .button.actionDelete.ui-state-hover {
	background: red;
}
.ui-dialog .msg { padding: 25px }
.ui-dialog .records {
	padding: 0 25px 25px;
	color: #C20000;
}
.dialogButton {
	width: 25px;
	height: 19px;
	background: #F1F1F1;
	vertical-align: middle;
	margin-bottom: 3px;
}
.ui-container-two-dialogs {
	position: relative;
    z-index: 200; /* default for single dialog is 100 */
}
.ui-container-three-dialogs {
	position: relative;
    z-index: 300;
}
.ui-container-four-dialogs {
	position: relative;
    z-index: 400;
}

.ui-dialog .rrRight {
	position: relative;
	width: 75%; 
	overflow-y: auto;
}
.ui-dialog .rrLeft { width: 25% }
.ui-dialog .collapsableMenu .ui-accordion-content { border-bottom: none }
.ui-dialog .collapsableMenu.ui-accordion .ui-accordion-header { 
	border-top-color: #ccc;
	font-size: 11px;
	padding: 6px 7px 6px 24px;
}
.ui-dialog .ui-accordion .ui-accordion-header.ui-state-hover .ui-icon { margin-top: -8px }
.ui-dialog .collapsableMenu.ui-accordion .ui-accordion-header.ui-state-hover { 
	margin: 0; 
	border-top-color: #fba609;
}
.ui-dialog .fullHeight,
.ui-dialog .fullHeight .content { height: 100% }

.ui-dialog .dialog-table {
	border-collapse: collapse;
	width: 100%;
}
.ui-dialog .dialog-table th, .ui-dialog .dialog-table td {
	text-align: left;
	padding: 8px;
}
.ui-dialog .dialog-table tr:nth-child(even){
	background-color: #f7f7f7
}
.ui-dialog .dialog-table th {
	background-color: #4CAF50;
	color: white;
}

/* UI-select */
.ui-selectmenu-button {
	vertical-align: middle;
}
.ui-selectmenu-button span.ui-selectmenu-text {
	padding: 2px 4px;
	line-height: 16px;
	font-weight: normal;
}
.ui-selectmenu-menu .ui-menu-item {
	border: 1px solid white;
}
.ui-selectmenu-menu .ui-state-focus { 
	font-weight: normal !important;
	border: 1px solid #FFE4B2;
	margin: 0
}
.ui-selectmenu-button.columnView {
	display: block;
	margin: 5px 0 10px 218px;
}
.ui-selectmenu-button.ui-selectmenu-disabled {
	opacity: 0.7;
}
.ui-selectmenu-open {
	-webkit-box-shadow: 3px 3px 5px rgba(0, 0, 0, 0.15);
    -moz-box-shadow: 3px 3px 5px rgba(0, 0, 0, 0.15);
    -o-box-shadow: 3px 3px 5px rgba(0, 0, 0, 0.15);
    box-shadow: 3px 3px 5px rgba(0, 0, 0, 0.15);
}

/* Tokenize Select */
.tokenize-select {
	width: 270px;
	vertical-align: top;
}
.tokenize-select.small ul.TokensContainer {
	height: 55px;
}
.tokenize-select.medium ul.TokensContainer {
	height: 75px;
}

/* Select Multiple */
.select-multiple {
	width: 270px;
	min-height: 220px;
	vertical-align: top;
	
	border: 1px solid #CCC;
	background-color: #FDFDFD;
	color: #333;
}
.select-multiple:hover {
	border-color: #FBA609;
}

/* UI-tooltip */
.ui-tooltip {
	background: #e9f2ff;
	color: #333;
	font-size: 12px;
	border: 1px solid #8eaace !important;
	padding: 3px 5px;
	max-width: 500px;
}

/* GROWL */
.growl-container {
	position: absolute;
	top: 15px;
	right: 25px;
	
	z-index: 5000;
}
.growl {
	position: relative;
	width: 400px;
	margin: 0 0 8px;
	line-height: 18px;
	
	-webkit-box-shadow: 0px 0px 10px #919191;
	-moz-box-shadow: 0px 0px 10px #919191;
	-o-box-shadow: 0px 0px 10px #919191;
	box-shadow: 0px 0px 10px #919191;
}
.growl>div { padding: 0 10px }
.growl h4,
.growl p { margin: 10px 0 }
.growl .ui-icon {
	float: left;
	margin-right: 5px;
}
.growl hr {
    margin-top: 1.5em;
    margin-bottom: 0.5em;
    border: none;
    border-bottom: 1px solid #ccc;
}
.growl .close {
	position: absolute;
	top: 5px;
	right: 5px;
	padding: 0;
	height: 16px;
	width: 20px;
	opacity: 1;
}
.ui-state-success, .ui-widget-content .ui-state-success, .ui-widget-header .ui-state-success {
	border: 1px solid #00AD04;
	background: #E9FFE2 url("images/ui-bg_success-soft_75_E9FFE2_1x100.png") 50% top repeat-x;
	color: #363636;
}
.ui-state-help, .ui-widget-content .ui-state-help, .ui-widget-header .ui-state-help {
	border: 1px solid #FFD600;
	background: #FDF8D7;
	color: #363636;
}
.growl.leftBottom {
	position: absolute;
	top: initial;
	right: initial;
	left: 5px;
	bottom: 5px;
	
	z-index: 1000;
}
.growl p strong {
	font-size: 0.9em;
}

/* Progressbar */
#progressbar { display: none }
#progressbar .ui-content {
	position: relative;
	width: 300px;
	height: 25px;
	margin-left: auto;
    margin-right: auto; 
    z-index: 9999;
}
#progressbar .ui-front { z-index: 9998 }

/* Draggable */
.draggable-helper {
	border: 1px solid #ccc;
	background-color: white;
	padding: 4px;
	white-space: nowrap;
	
	-webkit-box-shadow: 2px 2px 3px #c0c0c0;
	-moz-box-shadow: 2px 2px 3px #c0c0c0;
	-o-box-shadow: 2px 2px 3px #c0c0c0;
	box-shadow: 2px 2px 3px #c0c0c0;
}
.draggable-helper .ui-icon {
	display: inline-block;
	vertical-align: text-bottom;
	margin-right: 4px;
}
.move {
	cursor: move;
}

/* Datepicker */
input.datepicker {
	width: 100px;
}
.ui-datepicker-trigger {
	padding: 2px 5px;
	vertical-align: middle;
	cursor: pointer;
}

/* UI Slider */
.ui-slider .ui-slider-handle.ui-state-active .timeTooltip { color: #fe8300 }
.ui-slider .timeTooltip {
	position: absolute;
	top: -20px;
	left: -9px;
	line-height: 14px;
}

/* Time */
.sliderTime {
	display: inline-block;
	width: 600px;
}
.scaleRuleContainer {
	display: block;
	width: 625px;
	line-height: 10px;
	position: relative;
	top: -10px;
}
.scaleRule {
	display: inline-block;
	height: 7px;
	/*
	border-left: 1px solid #cfcfcf;
	width: 3.84%;
	*/
	background-color: #cfcfcf;
	margin-left: 3.84%;
	width: 1px;
}
.scaleRuleContainer .scaleRule:first-child { margin: 0 }
.scaleContainer {
	display: block;
	line-height: 14px;
	width: 625px;
	margin-left: -12px;
}
.scale {
	-webkit-transform: rotate(45deg);
	display: inline-block;
	font-size: 9px;
	width: 4%;
}
.inputDiv.withScale {
	display: inline-block;
	vertical-align: top;
}

/* Weekdays - jQuery Slider */
.weekdaysContainer {
	display: inline-block;
	border:  1px solid #5E5E5E;
	border-left: none;
	line-height: 21px;
	
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
}
.weekdaysContainer .day {
	cursor: pointer;
	color: white;
	display: inline-block;
	font-weight: bold;
	border-left: 1px solid #5E5E5E;
	background: #A0A0A0;
	padding: 0px 8px;
	min-width: 27px;
	text-align: center;
	transition: 0.2s;
}
.weekdaysContainer .day.active {
	background-color: #55C4DF;
}

/* Timezone - RangeBar */
.badgeContainer {
	display: inline-block;
}
.badgeContainer .badge {
	border: 1px solid #fff;
}
.timeZoneSlider .elessar-rangebar {
	width: 600px;
	display: inline-block;
	vertical-align: middle;
	background-color: #F4F4F4;
	border: 1px solid #d7d7d7;
	border-left-width: 0;
}
.timeZoneSlider .elessar-range.elessar-delete-confirm {
	background-color: red;
}
.timeZoneSlider .elessar-label {
	border-color: #d7d7d7;
}
.timeZoneSlider .elessar-range {
	background-color: #55C4DF;
}
.timeZoneSlider .elessar-handle {
	background-color: #a0a0a0;
}
.timeZoneSlider .elessar-barlabel {
	display: block;
	padding: 0 5px;
	text-align: center;
	color: #fff;
	font-weight: bold;
}

/* Elessar RangeBar */
.elessar-handle {
	display: block;
	background: black;
	height: 100%;
	width: 5px;
	cursor: ew-resize;
	position: absolute;
	top: 0;
	bottom: 0;
}
.elessar-handle:first-child {
	left: 0;
}
.elessar-handle:last-child {
	right: 0;
}
.elessar-vertical .elessar-handle {
	height: 5px;
	width: 100%;
	left: 0;
	right: 0;
	top: auto;
	bottom: auto;
	cursor: ns-resize;
}
.elessar-vertical .elessar-handle:first-child {
	top: 0;
}
.elessar-vertical .elessar-handle:last-child {
	bottom: 0;
}
.elessar-indicator {
	position: absolute;
	background: black;
	border-color: white;
	border-style: solid;
	border-width: 0 1px;
	width: 2px;
	height: 100%;
	z-index: 15;
}
.elessar-vertical .elessar-indicator {
	width: 100%;
	height: 2px;
}
.elessar-range {
	position: absolute;
	cursor: pointer;
	cursor: -webkit-grab;
	cursor: -moz-grab;
	cursor: grab;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	background: blue;
	width: 0;
	z-index: 10;
}
.elessar-vertical .elessar-range {
	width: auto;
	height: 0;
}
.elessar-label {
	position: absolute;
	z-index: 5;
	pointer-events: none;
	border-left: 1px solid #999;
	padding-left: 10px;
}
.elessar-readonly {
	opacity: 0.6;
	cursor: default !important;
}
.elessar-phantom {
	background-color: transparent;
	background: rgba(0,0,0,0.5);
	color: white;
	cursor: pointer !important;
}
.elessar-rangebar {
	position: relative;
	height: 30px;
	line-height: 30px;
	background: #ccc;
	-webkit-touch-callout: none;
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
}
.elessar-delete-confirm {
	background: red;
}
body.elessar-resizing, body.elessar-dragging {
	-webkit-touch-callout: none;
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
}
body.elessar-resizing,
body.elessar-resizing .bar,
body.elessar-resizing .handle {
	cursor: ew-resize !important;
}
body.elessar-resizing.elessar-resizing-vertical,
body.elessar-resizing.elessar-resizing-vertical .bar,
body.elessar-resizing.elessar-resizing-vertical .handle {
	cursor: ns-resize !important;
}
body.elessar-dragging,
body.elessar-dragging .bar,
body.elessar-dragging .handle {
	cursor: move !important;
	cursor: -webkit-grabbing !important;
	cursor: -moz-grabbing !important;
	cursor: grabbing !important;
}

/* AUDIO - Call Recordings */
.ui-tabs .ui-tabs-nav li.audio-container {
	position: absolute;
	top: 2px;
	right: 5px;
	margin: 0;
}
.ui-tabs .ui-tabs-nav li.audio-container audio:focus {
	outline: none;
}
.audio-container.mobile {
	position: absolute;
    bottom: 0;
    width: 100%;
    z-index: 100;
    
    text-align: center;
    background-color: #191919;
    padding-top: 2px;
}

/* FIXED FOOTER */
.fixed-footer {
    position: fixed;
    height: 36px;
    bottom: 0;
    width: 100%;
    z-index: 10;
}

/* IVR, IVR Extension, Ring Group Extension */
#ivrContainer {
	width: 370px;
	margin: 0 auto;
}
#ivrContainer .option,
#ivrExtension .option,
#ringGroupExtension .option,
#destinationIfNoAnswer .option,
.callcenterUserOptions .option,
#queueMembers .option {
	float: left;
	width: 110px;
	height: 80px;
	margin: 5px;
	text-align: center;
	border: 1px solid #ccc;
	overflow: hidden;
}
#ivrContainer .option .title,
#ivrExtension .option .title,
#ringGroupExtension .option .title,
#destinationIfNoAnswer .option .title,
.callcenterUserOptions .option .title,
#queueMembers .option .title {
	position: relative;
	height: 22px;
	background-color: #4D4D4D;
	color: #FFF;
	font-weight: bold;
	font-size: 14px;
	line-height: 20px;
}
#fileManagerList .option .title,
#fileManagerEdit .option .title {
	font-family: monospace;
    font-size: 0.9em;
    line-height: 22px;
}
#ivrContainer .option .content,
#ivrExtension .option .content,
#ringGroupExtension .option .content,
#destinationIfNoAnswer .option .content,
.callcenterUserOptions .option .content,
#queueMembers .option .content {
	padding: 5px;
}
.callcenterUserOptions .option .content { text-align: left }
#ivrContainer .option .content span,
#ivrExtension .option .content span,
#destinationIfNoAnswer .content span,
.callcenterUserOptions .content span {
	font-size: 0.8em;
	color: #666;
}
#ringGroupExtension .option ul {
	height: 175px;
  	overflow-y: auto;
}
#queueMembers .option ul {
	height: 400px;
	overflow-y: auto;
}
.droppableDeleteButton {
	display: none;
	position: absolute;
	top: 1px;
	left: 2px;
	width: 18px;
	height: 18px;
}
.droppableAddButton {
	position: absolute;
	top: 1px;
	right: 0;
	width: 18px;
	height: 18px;
}
.callcenterUserOptions .droppableAddButton { 
	right: 22px;
	font-size: 11px;
	width: initial;
	position: relative;
	right: 0;
	float: right;
}
.callcenterUserOptions .droppableAddButton .ui-button-text { line-height: 12px }

#ivrExtension>span { display: inline-block }
#ivrExtension .option {
	width: 160px;
	float: none;
	display: inline-block;
	vertical-align: middle;
	line-height: 16px;
	margin: 5px 0 0;
}
#ivrExtension .option .title,
#ringGroupExtension .option .title,
#destinationIfNoAnswer .option .title,
.callcenterUserOptions .option .title,
#queueMembers .option .title { font-size: 12px }
#ivrExtension .option .title,
#ivrExtension .option .content,
#ringGroupExtension .option .title,
#ringGroupExtension .option .content,
#destinationIfNoAnswer .option .title,
#destinationIfNoAnswer .option .content,
.callcenterUserOptions .option .title,
.callcenterUserOptions .option .content,
#queueMembers .option .title,
#queueMembers .option .content { display: block }

#ringGroupExtension,
#queueMembers { display: inline-block }
#destinationIfNoAnswer,
.callcenterUserOptions { 
	display: inline-block;
	line-height: 32px;
}
#ringGroupExtension .inputDiv,
#destinationIfNoAnswer .inputDiv,
#queueMembers .inputDiv {
	display: inline-block;
	vertical-align: middle;
}
#ringGroupExtension .labelDiv,
#destinationIfNoAnswer .labelDiv,
#queueMembers .labelDiv {
	text-align: right;
	padding-right: 5px;
}
#ringGroupExtension>span:first-child,
#destinationIfNoAnswer>span:first-child,
#queueMembers>span:first-child {
	display: inline-block;
	width: 210px;
}
#ringGroupExtension .option,
#queueMembers .option {
	width: 270px;
	height: initial;
	min-height: 133px;
	float: none;
	display: inline-block;
	line-height: 16px;
	margin: 5px 0;
}
#queueMembers .option {
	width: 500px;
}
#ringGroupExtension .option .content,
#queueMembers .option .content {
	float: left;
	width: 234px;
	overflow: hidden;
}
.closeBtn,
#ringGroupExtension .option .smallButton,
.callcenterUserOptions .option .smallButton,
#queueMembers .option .smallButton {
	float: left;
	margin: 6px 5px 5px;
}
#ringGroupExtension ul,
.callcenterUserOptions ul,
#queueMembers .option ul {
	margin: 0;
	padding: 0;
	list-style: none;
	text-align: left;
}
.callcenterUserOptions ul { 
	text-align: center;
	color: #333;
	overflow: auto;
}
#ringGroupExtension li,
.callcenterUserOptions li,
#queueMembers li { border-bottom: 1px solid #DDD }

#ringGroupExtension li:nth-child(even),
.callcenterUserOptions li:nth-child(even),
#queueMembers li:nth-child(even) {
	background-color: #F9F9F9;
}
#ringGroupExtension li:nth-child(odd),
.callcenterUserOptions li:nth-child(odd),
#queueMembers li:nth-child(odd) {
	background-color: #F1F1F1;
}

#ringGroupExtension li:hover,
.callcenterUserOptions li:hover,
#queueMembers li:hover { background-color: #EAEAEA }
/*
#ringGroupExtension li.selected,
.callcenterUserOptions li.selected { background-color: #ccc }
*/
#ringGroupExtension input[type="text"] {
	width: 220px;
	padding: 1px 4px;
	margin: 0;
	font-size: 11px;
}
#queueMembers input.small {
	width: 21px;
	padding: 1px 4px;
	margin: 5px 0 0;
	font-size: 11px;
}

#destinationIfNoAnswer .option {
	width: 270px;
	float: none;
	line-height: 16px;
	margin: 5px 0;
}
.showAccountServices .callcenterUserOptions {
	width: 16.25%;
}
.callcenterUserOptions { 
	/* width: 49.4%; */
	margin-left: 0.35%;
	display: block;
	float: left;
	margin-top: 5px;
}
#callcenterUserWorkplaces {
	width: 59.4%;
}
#callcenterUserExtensions {
	width: 39.4%;
}
#fileManagerEdit {
	width: 54.4%;
}
#fileManagerList {
	width: 44.4%;
}
.callcenterUserOptions .option {
	width: initial;
	height: initial;
	float: none;
	line-height: 16px;
	margin: 0;
	font-size: 1em;
}
.callcenterUserOptions li .ui-icon {
	display: inline-block;
	vertical-align: text-bottom;
	margin-right: 5px;
}
.option .title .total {
	height: 18px;
	min-width: 14px;
	padding: 1px 2px;
	text-align: center;
	float: right;
}

.callcenterUserOptions .overflow {
	overflow-y: auto;
}
#callcenterUserWorkplaces .droppableDeleteButton {
	display: block;
}

/* Hidden Containers */
.showRatesContainer,
.showServicesContainer,
.showSetupContainer,
.showTariffRatesContainer,
.showAccountRatesContainer,
.showAccountCallHistoryContainer,
.showAccountServices,
.showAccountTimezones,
.showAccountNocOperators,
.showPhones,
.showSpecificExtensions,
.showFaxes,
.showExpansionModuleContacts,
.showCustomerPayments,
.showDialplansCCContainer,
.showDialplansGWContainer,
.showDialplansCLContainer,
.showExceptionalRoutingContainer,
.callcenterUsersQueue,
.callcenterUsersEdit,
.pbxFileManager ,
.showTags,
.showPhoneBook,
.showAppTemplates,
.showWeblinks,
.showHolidays,
.showApisIntegration {
	display: none;
}

/* Routing Rules */
.routingContainer { width: 100% }
.routingContainer .selectorColumn,
.routingContainer .droppableColumn {
	float: left;
	text-align: center;
}
.routingContainer .selectorColumn .inner,
.routingContainer .droppableColumn .inner {
	border: 1px solid #ccc;
	border-left: none;
}
.routingContainer .body .droppableColumn {
	background-color: #FFFFEC;
	font-size: 11px
}
.routingContainer .body .droppableColumn .inner { overflow-y: auto }
.routingContainer .body .selectorColumn .inner,
.routingContainer .body .droppableColumn .inner { height: 56px }

.routingContainer .borderLeft .inner,
.routingContainer .delete .borderLeft { border-left: 1px solid #ccc }

.routingContainer .selectorColumn { width: 12% }
.routingContainer .droppableColumn { width: 22% }
.routingContainer .line { margin-top: 5px }
.routingContainer .num,
.routingContainer .delete {
	width: 50%;
	float: left;
}
.routingContainer .num,
.routingContainer .delete .borderLeft { padding: 20px 0; height: 17px }
.routingContainer .selectorColumn .inner.handle { 
	padding: 0;
	height: 56px;
	background-color: #FFEAD2;
}
.routingContainer .body ul {
	margin: 0;
	list-style: none;
	padding: 0;
}
.routingContainer .body li {
	position: relative;
	border-bottom: 1px solid #DADADA;
	padding: 3px;
	overflow-x: hidden;
	background-color: #EDFFE5;
}
.routingContainer .body li .ui-icon {
	display: none;
	position: absolute;
	left: 4px;
	top: 3px;
}
.routingContainer .body li:hover .ui-icon { display: block }
.routingContainer .body .empty {
	margin: 5px 0 0 12%;
	border: 1px solid #ccc;
	padding: 10px;
	color: #666;
}
.routingContainer .body .content {
	display: block;
	padding: 0 0 0 20px;
}
.routingContainer .body .ui-selectmenu-button { margin-top: 16px }
.routingContainer .body .ui-state-highlight {
	height: 56px;
	margin-top: 5px;
}
.routingContainer .num { cursor: move }
.routingContainer .any { padding-top: 19px }


/* SELECT 2 */
.select2-container {
	margin-bottom: 0.5em;
}
.select2-container--default .select2-selection--multiple {
	line-height: 18px;
	border-radius: 0;
	border-color: #ccc;
}
.select-alongside-select2:not(.select-alongside-select2[disabled="disabled"]):hover,
.select2-container--default .select2-selection--multiple:hover,
.select2-container--default .select2-selection--single:hover,
.select2-container--default.select2-container--focus .select2-selection--multiple {
	border-color: #FBA609
}
.select2-container--default .select2-selection--single:hover .select2-selection__rendered {
	color: #FE8300;
}
.select2-container--default .select2-selection--multiple:focus,
.select2-container--default .select2-selection--single:focus,
.select2-selection__rendered:focus {
	outline: none;
}
.filters .select2-results,
.filters .select2-container--default .select2-selection--single .select2-selection__rendered {
	font-size: 0.85em;
}
.select2-results__option {
	padding: 4px;
}
.select2-container--default .select2-selection--multiple .select2-selection__choice {
	border: 1px solid #CCD5E3;
	background-color: #EFF2F7;
	padding: 0 5px;
	line-height: 18px;
	height: 18px;
	color: #333;
	border-radius: 0;
}
.select2-container--default .select2-selection--multiple .select2-selection__choice__remove {
	margin-left: 5px;
	float: right;
	color: #A6B4CE;
}
.select-alongside-select2,
.select2-container--default .select2-selection--single {
	border: 1px solid #CCC;
	border-radius: 0;
	background: #F6F6F6 url("images/ui-bg_glass_100_f6f6f6_1x400.png") 50% 50% repeat-x;
	height: 22px;
}
.select2-container--default .select2-selection--single .select2-selection__rendered {
	color: #646F84;
	font-size: 12px;
	line-height: 20px;
	padding-left: 4px;
}
.select2-container--default .select2-selection--single .select2-selection__arrow {
	height: 20px;
}
.select2-container--default .select2-results__option[aria-selected=true] {
	background-color: rgba(85, 196, 223, 0.18);
}
.select2-container--default .select2-results__option--highlighted[aria-selected] {
	background-color: #55C4DF;
}
.select2-selection:focus {
	outline: 0;
	outline: none;
}
.select2-container--default .select2-search--inline .select2-search__field {
	padding: 2px 0;
	background: rgba(223, 85, 85, 0.15);
}
.select2-container--open .select2-dropdown--below {
	-webkit-box-shadow: 3px 3px 5px rgba(0, 0, 0, 0.15);
	-moz-box-shadow: 3px 3px 5px rgba(0, 0, 0, 0.15);
	-o-box-shadow: 3px 3px 5px rgba(0, 0, 0, 0.15);
	box-shadow: 3px 3px 5px rgba(0, 0, 0, 0.15);
}
.select2-container--default .select2-selection--single.error .select2-selection__rendered {
	color: red;
}
.select-alongside-select2[disabled="disabled"],
.select2-container--disabled {
	opacity: 0.8;
}
/**
Special class select-max-height to prevent dropdown menu bug UHD-214
 */
.select-max-height .select2 {
	max-height: 100px;
	overflow-y: auto;
}
.accountTempChange.filter-row {
	background-color: #4D4D4D;
	color: #FFF;
	margin-bottom: -10px;
	margin-top: 10px
}
.accountTempChange .select2-container {
	margin: 0
}
.accountTempChange .select2-container .select2-selection--single {
	height: 23px;
	border-radius: 0;
	border: none;
	background: none;
	background-image: -webkit-gradient(linear, top, bottom, from(#FF9422), to(#FFAD00));
	background-image: -webkit-linear-gradient(top, #FF9422, #FFAD00);
	background-image: -moz-linear-gradient(top, #FF9422, #FFAD00);
	background-image: -ms-linear-gradient(top, #FF9422, #FFAD00);
	background-image: -o-linear-gradient(top, #FF9422, #FFAD00);
	background-image: linear-gradient(to bottom, #FF9422, #FFAD00);
}
.accountTempChange .select2-container--default .select2-selection--single .select2-selection__rendered {
	line-height: 23px;
	color: white;
}
.accountTempChange .select2-container--default .select2-selection--single .select2-selection__arrow {
	height: 22px;
}
.accountTempChange .select2-container--default .select2-selection--single .select2-selection__arrow b {
	border-color: #FFF rgba(0, 0, 0, 0) rgba(0, 0, 0, 0) rgba(0, 0, 0, 0);
}
.accountTempChange .select2-container--default.select2-container--open .select2-selection--single .select2-selection__arrow b {
	border-color: rgba(0, 0, 0, 0) rgba(0, 0, 0, 0) #FFF rgba(0, 0, 0, 0);
}

/* FILE MANAGER */
.fileContentContainer {
	width: 100%;
	height: 100%;
	background-color: #3465A4;
}
.fileContent {
	color: #FFF;
	background: #3465A4;
	font-family: monospace;
	text-align: left;
	
	white-space: pre;
    overflow: auto;
    
    height: 100%;
    width: 99%;
    margin: 0 0 0 1%;
    padding: 0;
    border: 0;
    resize: none;
    outline: none;
}
.fileContent:focus {
	border: 0;
}
.filePath {
    background-color: #06989a;
    color: #243736;
    text-align: left;
    padding: 0.1em 0.5em;
    font-family: monospace;
}

/* UI-BUTTON */
.ui-button.small {
	font-size: 0.8em;
	vertical-align: baseline;
}
.ui-button.small .ui-button-text-only .ui-button-text {
	padding: 0.3em 1em;
}

/* RIGHT PANEL FILTER */
.right-panel-filter {
	position: absolute;
	width: 248px;
	background-color: rgba(246, 246, 246, 0.9);
	height: 72px;
	z-index: 1;
	border: 1px solid #E4E4E4;
}




/* Custom icons -> TO DO in sprite */
.ui-icon.ui-icon-pbxdelete {
 	 background: transparent url('../images/delete.png') center center no-repeat;
}
.ui-icon.ui-icon-pbxpagefirst {
 	 background: transparent url('../images/page-first.gif') center center no-repeat;
}
.ui-icon.ui-icon-pbxpagefirstdisabled {
 	 background: transparent url('../images/page-first-disabled.gif') center center no-repeat;
}
.ui-icon.ui-icon-pbxpagelast {
 	 background: transparent url('../images/page-last.gif') center center no-repeat;
}
.ui-icon.ui-icon-pbxpagelastdisabled {
 	 background: transparent url('../images/page-last-disabled.gif') center center no-repeat;
}
.ui-icon.ui-icon-pbxpagenext {
 	 background: transparent url('../images/page-next.gif') center center no-repeat;
}
.ui-icon.ui-icon-pbxpagenextdisabled {
 	 background: transparent url('../images/page-next-disabled.gif') center center no-repeat;
}
.ui-icon.ui-icon-pbxpageprev {
 	 background: transparent url('../images/page-prev.gif') center center no-repeat;
}
.ui-icon.ui-icon-pbxpageprevdisabled {
 	 background: transparent url('../images/page-prev-disabled.gif') center center no-repeat;
}
.ui-icon.ui-icon-pbxupload {
	background: transparent url('../images/upload.png') center center no-repeat;
}
.ui-icon.ui-icon-pbxrefresh {
	background: transparent url('../images/refresh.png') center center no-repeat !important;
}
.ui-icon.ui-icon-pbxok {
	background: transparent url('../images/ok.gif') center center no-repeat !important;
}
.ui-icon.ui-icon-pbxfail {
	background: transparent url('../images/fail.gif') center center no-repeat !important;
}
.ui-icon.ui-icon-pbxexpand {
	background: transparent url('../images/expand.png') center center no-repeat !important;
}
.ui-icon.ui-icon-pbxexpand-disabled {
	background: transparent url('../images/expand-disabled.png') center center no-repeat !important;
}
.ui-icon.ui-icon-pbxcollapse {
	background: transparent url('../images/collapse.png') center center no-repeat !important;
}
.ui-icon.ui-icon-pbxfilter {
	background: transparent url('../images/filter.png') center center no-repeat !important;
}
.ui-icon.ui-icon-pbxadd {
	background: transparent url('../images/add.png') center center no-repeat !important;
}
.ui-icon.ui-icon-pbxadd-rates {
	background: transparent url('../images/add-rates.png') center center no-repeat !important;
}
.ui-icon.ui-icon-pbxexport-excel {
	background: transparent url('../images/export-excel.png') center center no-repeat !important;
}
.ui-icon.ui-icon-pbxexport {
	background: transparent url('../images/export.png') center center no-repeat !important;
}
.ui-icon.ui-icon-pbxshow-rates {
	background: transparent url('../images/show-rates.png') center center no-repeat !important;
}
.ui-icon.ui-icon-pbxdelete-rates {
	background: transparent url('../images/delete-rates.png') center center no-repeat !important;
}
.ui-icon.ui-icon-pbxsetup {
	background: transparent url('../images/setup.png') center center no-repeat !important;
}
.ui-icon.ui-icon-pbxsearch {
	background: transparent url('../images/search.png') center center no-repeat !important;
}
.ui-icon.ui-icon-pbxdetails {
	background: transparent url('../images/info.png') center center no-repeat !important;
}
.ui-icon.ui-icon-pbxaudio {
	background: transparent url('../images/audio.png') center center no-repeat !important;
}
.ui-icon.ui-icon-pbxaudio-active {
	background: transparent url('../images/audio-active.png') center center no-repeat !important;
}
.ui-icon.ui-icon-pbxservice {
	background: transparent url('../images/service.png') center center no-repeat !important;
}
.ui-icon.ui-icon-pbxstatistics {
	background: transparent url('../images/statistics.png') center center no-repeat !important;
}
.ui-icon.ui-icon-pbxrouting {
	background: transparent url('../images/routing.png') center center no-repeat !important;
}


.ui-icon.ui-icon-pbxcall-rules {
	background: transparent url('../images/call_rules.png') center center no-repeat !important;
}
.ui-icon.ui-icon-pbxcarrier {
	background: transparent url('../images/carrier.png') center center no-repeat !important;
}
.ui-icon.ui-icon-pbxdialcode {
	background: transparent url('../images/dialcode.png') center center no-repeat !important;
}
.ui-icon.ui-icon-pbxexceptional-route {
	background: transparent url('../images/exceptional_route.png') center center no-repeat !important;
}
.ui-icon.ui-icon-pbxfeatures {
	background: transparent url('../images/features.png') center center no-repeat !important;
}
.ui-icon.ui-icon-pbxfollow-me {
	background: transparent url('../images/follow_me.png') center center no-repeat !important;
}
.ui-icon.ui-icon-pbxsecurity {
	background: transparent url('../images/security_24px.svg') center center no-repeat !important;
}
.ui-icon.ui-icon-pbxsip-info {
	background: transparent url('../images/sip_info.png') center center no-repeat !important;
}
.ui-icon.ui-icon-pbxtariff {
	background: transparent url('../images/tariff.png') center center no-repeat !important;
}
.ui-icon.ui-icon-pbxsip-options {
	background: transparent url('../images/sip_options.png') center center no-repeat !important;
}
.ui-icon.ui-icon-pbxnoc {
	background: transparent url('../images/noc.png') center center no-repeat !important;
}
.ui-icon.ui-icon-pbxnoc-white {
	background: transparent url('../images/noc_white.png') center center no-repeat !important;
}
.ui-icon.ui-icon-pbxdocument-white {
	background: transparent url('../images/document_white.png') center center no-repeat !important;
}
.ui-icon.ui-icon-pbxcompany_info {
	background: transparent url('../images/company_info.png') center center no-repeat !important;
}
.ui-icon.ui-icon-pbxmc {
	background: transparent url('../images/mc.png') center center no-repeat !important;
}
.ui-icon.ui-icon-pbxqueue {
	background: transparent url('../images/queue.png') center center no-repeat !important;
}
.ui-icon.ui-icon-pbxpanel {
	background: transparent url('../images/ui-panel-icon.png') center center no-repeat !important;
}
.ui-icon.ui-icon-pbxpanel-split {
	background: transparent url('../images/ui-split-panel-icon.png') center center no-repeat !important;
}
.ui-icon.ui-icon-pbxreload {
	background: transparent url('../images/reload.png') center center no-repeat !important;
}
.ui-icon.ui-icon-pbxupdate {
	background: transparent url('../images/update.png') center center no-repeat !important;
}

.tag-color-td {
    width: 30px; 
    height: 15px;
    border: 1px solid #ccc;
}

table.center {
  margin-left: auto; 
  margin-right: auto;
}

/* 
 * Special help dialog 
 */

.hlpOuter {
	background-color: rgba(0, 0, 0, 0.5);
	position: fixed;
	top: 0;
	left: 0;
    width: 100%;
    height: 100%;
    overflow-y: scroll;
}
.hlpInner {
	background-color: rgba(255, 255, 255, 0.95);
	width: 80%;
	height: auto, 
	padding: 25px;
	margin: 5% auto;
}
.hdrLike {
	background-color: #d3d7cf;
	font-weight: bold;
}
#dialog-customer-numbers-import > div.hlpOuter table,
#dialog-inbound-numbers-import > div.hlpOuter table,
#dialog-phone-book-import > div.hlpOuter table {
	width: 100%;
	border-collapse: collapse;
	border-spacing: none;
	margin: auto;
}
#dialog-customer-numbers-import .hlpCntnt,
#dialog-inbound-numbers-import .hlpCntnt,
#dialog-phone-book-import .hlpCntnt {
	padding: 5%;
}
#dialog-customer-numbers-import > div.hlpOuter tbody td,
#dialog-customer-numbers-import > div.hlpOuter tbody > tr,
#dialog-inbound-numbers-import > div.hlpOuter tbody td,
#dialog-inbound-numbers-import  > div.hlpOuter tbody > tr,
#dialog-phone-book-import > div.hlpOuter tbody td,
#dialog-phone-book-import  > div.hlpOuter tbody > tr {
	border: 1px solid #000000;
	text-align: left;
	padding: 4px;
}
#dialog-customer-numbers-import tbody th,
#dialog-customer-numbers-import td.firstRow,
#dialog-inbound-numbers-import tbody th,
#dialog-inbound-numbers-import tbody  td.firstRow,
#dialog-phone-book-import tbody th,
#dialog-phone-book-import tbody  td.firstRow {
	border: 1px solid #000000;
	text-align: left;
	padding: 4px;
	background-color: #d3d7cf;
	font-weight: bold;
}
span.xtraTrans{
	text-transform: lowercase;
}
/* End of pecial help dialog */

div.ipSearchResult {
    margin: auto;
    text-align: center;
    color: white;
}
.ipResultBanned {
    background-color: #FF6B6B;
}
.ipResultNotBanned {
    background-color: #8abb24;
}



/*************** Admin UI Language menu ******************************/
#topPanel .langChoseBtn {
	position: absolute;
	top: 24px;
	right: 5px;
	background: transparent url('../images/locale.svg') center center no-repeat;
	width: 16px;
	height: 16px;
}
.langChoseMenu{
	position: absolute;
	top: 24px;
	padding-top: 18px;
    background-color: transparent;
	width: auto;
	height: auto;
	z-index: 10;
}
.langMenuPane{
    background-color: #00b4cc;
    color: white;
    border: 1px solid white;
	width: auto;
	height: auto;
}
.rowLangMenu:hover{
	background-color: #446C78;
}
/*End of Language menu*/