input[type=text]{
	padding:2px;
	width:160px;
	border-radius:2px;
	border:1px solid #AAA;
}
input[type=text].ng-valid-mask{
	border:1px solid transparent;
}
input[type=text]:focus{
	border:1px solid #000;
}

/* ############################ */

.no-disp{
	display:none !important;
}
.disp-inherit{
	display:inherit !important;
}
.disp-inline{
	display:inline !important;
}
.no-margin{
	margin:0;
}
.right-0{
	left:inherit;
	right:0;
}
.left-0{
	right:inherit;
	left:0;
}
.margin-l-0,
.margin-l-0 .editable-controls.form-group{
	margin-left:0;
}
.margin-r-0{
	margin-right:0;
}
.margin-t-0{
	margin-top:0 !important;
}
.margin-b-0{
	margin-bottom:0;
}
.no-padding{
	padding:0 !important;
}
.padding-l-0{
	padding-left:0 !important;
}
.padding-r-0{
	padding-right:0 !important;
}
.padding-t-0{
	padding-top:0 !important;
}
.padding-b-0{
	padding-bottom:0 !important;
}
.txt-center{
	text-align:center !important;
}
.txt-right{
	text-align:right !important;
}
.txt-wrap{
	white-space:nowrap;
	overflow:hidden;
	text-overflow:ellipsis;
	max-width:60px;
}
.font-size-28{
	font-size:28px !important;
}
.float-right{
	float:right;
	margin-left:10px;
}
.float-left{
	float:left;
	margin-right:10px;
}
.float-left0{
	float:left;
}
.float-right0{
	float:right;
}
.min-height-40{
	min-height:40px;
}
.bold{
	font-weight:bold;
}
.pointer{
	cursor:pointer !important;
}
.cursor-default{
	cursor:default !important;
}
.no-underline,
.no-underline:hover{
	text-decoration:none;
}
.relative{
	position:relative;
}
.grid-header>td{
	padding-top:0 !important;
	padding-left:0 !important;
	padding-right:0 !important;
}
.grid-header>td>input[type="text"]{
	width:100%;
	margin-bottom:6px;
	padding:1px 0;
	border-radius:0;
}
.grid-header>td>input[type="text"],
.grid-header>td>input[type="text"]:focus{
	border-bottom:1px solid #eeeeee;
	border-width:0 0 1px 0;
}
.grid-row-active{
	background-color:#cde8ff !important;
}
.grid-row-preview{
	border:2px solid #B8D3EB;
}
.font-red{
	color:#f77;
}
.font-green{
	color:#27c24c;
}
.font-info{
	color:#1eb6e4;
}

/* ############################ */

@media only screen and (min-width:768px){
	.topnavbar .navbar-form{
		left:260px;
	}
}
.wrapper{
	padding-bottom:40px;
	background-color:#e9eaeb;
}
@media only screen and (max-width:767px){
	.aside-toggled .wrapper > .aside,
	.aside-toggled .wrapper > .aside .aside-inner{
		width:260px;
	}
}
@media only screen and (min-width:768px){
	.wrapper > .aside,
	.wrapper > .aside .aside-inner{
		width:260px;
	}
}
.wrapper > .aside .aside-inner{
	overflow:visible;
}
.wrapper > .aside .aside-inner > .sidebar{
	width:100%;
	overflow-y:auto;
}
.wrapper > section{
	height:42px;
}
.wrapper > section,
.wrapper > footer {
	margin-left:260px;
}
.wrapper > footer {
	padding:10px;
	height:inherit;
	border-top:1px solid #ddd;
}
.content-wrapper > h3{
	padding:8px 20px;
	border-bottom:0;
	margin-bottom:8px;
	font-size:19px;
	line-height:1.4;
}
.content-wrapper > .ng-scope > h3{
	margin-top:-7px;
}
.content-wrapper .panel.panel-default{
	margin-right:8px;
	margin-bottom:12px;
}
.content-wrapper .panel .panel-heading{
	padding:8px;
	text-align:center;
	font-weight:bold;
}
.content-wrapper .panel .panel-body{
	padding:0 0 15px 0;
}
.content-wrapper #main-dashboard .panel .panel-body{
	padding:15px;
}
.form-horizontal .control-label{
	padding-left:0;
	font-weight:normal;
	font-size:12px;
	padding-top:2px;
}
.editablecontrol-minified{
	width:98px !important;
}
.editable-input.form-control{
	width:90% !important;
	height:28px;
	padding-left:0;
	padding-right:0;
}
.combodate>select.year,
.combodate>select.month,
.combodate>select.day{
	display:none;
}
.combodate>input[type=date].editable-input.form-control{
	width:128px !important;
}
.editable-buttons .btn{
	line-height:1.3;
	padding-left:8px;
	padding-right:8px;
}
.form-control-static{
	padding-bottom:0;
	min-height:25px;
	padding-top:0;
}
.btn-group > .btn{
	float:none;
}
.editable-wrap.editable-select{
	min-width:40px;
}
.checkbox input[type="checkbox"].editable-input{
	position:inherit;
}
.editable-click,
a.editable-click{
	border-bottom:inherit !important;
	font-size:12px;
	word-wrap:break-word;
}
.bootstrap-filestyle.input-group{
	width:62%;
	float:left;
	margin-right:16px;
}
.sidebar-subnav > li > a{
	padding-left:80px;
}
.ui-select-multiple.ui-select-bootstrap{
	min-width:80px;
	border-color:#CCC;
	white-space:normal;
}
.my-ui-select .ui-select-match{
	display:none;
}
.nav-tabs > li > a{
	background-color:#e9eaeb;
}
.form-inline.editable-wrap .editable-controls{
	margin-left:0;
	margin-right:48px;
}
.popover-wrapper .form-inline.editable-wrap .editable-controls{
	margin-left:0;
	margin-right:0;
}
@media screen and (min-width:750px){
	.popover-wrapper form{
		margin-left:-180px !important;
	}
}
.ngdialog-content{
	width:860px !important;
}
.ngdialog.ngdialog-theme-default{
	padding-top:48px !important;
}
.tbl-footer-details{
	position:absolute;
	right:40px;
	bottom:30px;
}
.icon-call-end.hangup{
	color:#f77;
	font-weight:bold;
}
.icon-call-in.answer-call{
	font-weight:bold;
	color:#7f7;
}
.icon-call-in.call-log{
	color:#7f7;
}
.icon-call-out.call-log{
	color:#23b7e5;
}
.nav-wrapper .nav > li > select.transfer{
	padding:0 6px;
	line-height:21px;
	background:#F8F8F8;
	border:1px solid #CCC;
}
@media only screen and (max-width:767px){
	.nav-wrapper .nav > li > select.transfer{
		margin:10px 0 0;
	}
}
@media only screen and (min-width:768px){
	.nav-wrapper .nav > li > select.transfer{
		margin:10px 0 0;
	}
}
.mini-dashboard,
#activity-logs-container{
	max-height:240px;
	overflow-y:auto;
	font-size:11px;
}
.user-block > .user-block-picture{
	width:80%;
}
.user-block > .user-block-picture .img-thumbnail{
	border-radius:inherit;
	background-color:#e9eaeb;
	border-color:#777F9B;
	border-top:0;
	border-bottom-left-radius:8px;
	border-bottom-right-radius:8px;
	border-width:1px;
}


/* #############   UI SELECT   ############### */
body .ui-select-bootstrap .ui-select-toggle{
	height:22px;
	padding:0 24px 0 4px;
	font-size:12px;
}
.editable-ui-select .ui-select-container{
	min-width:100px;
}
.editable-ui-select .ui-select-container.open{
	min-width:144%;
}


/* #############   SIDEBAR CHAT   ############### */
#sidebar-chat li{
	line-height:28px;
	cursor:default;
}
#sidebar-chat li a span{
	margin-top:9px;
}
#sidebar-chat.labels li a span{
	float:right;
}
#sidebar-chat li a span{
	float:left;
	margin-right:10px;
}
#sidebar-chat .new-msg{
	background:#46fc46;
}
#sidebar-chat .chat-offline{
	color:#23B7E5;
	margin:0.4em;
}


/* #############   CHAT WINDOWS   ############### */
.chat-window{
	position:fixed;
	border:1px solid #AAA;
	border-radius:3px;
	height:280px;
	width:220px;
	z-index:9999;
	background:#E5E5E5;
	bottom:0;
	cursor:default;
}
.chat-window-header{
	border-bottom:1px solid #AAA;
	padding:4px 0px 4px 4px;
	background:transparent;
	color:#666;
}
.chat-window-header>button{
	padding:1px 7px;
	margin-right:2px;
	margin-top:-1px;
}
.chat-window-input{
	position:absolute;
	height:26px;
	border:1px solid #AAA;
	width:96%;
	bottom:4px;
	border-radius:3px;
	left:4px;
	background:transparent;
}
.chat-window-input>input{
	border:0;
	width:98%;
	background:transparent;
}
.chat-window-input>input:focus{
	border:0;
}
.chat-window-focused{
	background:#EFEFEF;
	box-shadow:0px 0px 18px -6px #0F0;
}
.chat-window-focused>.chat-window-header,
.chat-window-focused>.chat-window-input{
	background:#FFF;
}
.chat-window-content{
	color:#666;
	height:214px;
	overflow-y:auto;
	word-wrap:break-word;
}
.chat-window-content i.zmdi.zmdi-check{
	font-size:14px;
	font-weight:bold;
}
.chat-window-content span.me{
	color:#2B2;
}
.chat-window-content span.other-user{
	color:#337AB7;
}


/* #############   TEXT AREA TOOL   ############### */
.ta-toolbar.btn-toolbar{
	margin-left:-5px;
	display:none;
	position:absolute;
	z-index:99;
	top:-137px;
	background:#FFF;
	border:1px solid #CCC;
	width:440px;
	left:5px;
}
.ta-toolbar.btn-toolbar.focussed{
	display:inherit;
}
.min-height-100,
.min-height-100 .ta-scroll-window>.ta-bind,
.min-height-100 .ta-scroll-window.form-control{
	min-height:100px !important;
}


/* #############   TABS    ############### */
#tabs-container{
	top:0;
	left:140px;
	width:69%;
	/*
	max-height:52px;
	*/
	overflow-x:auto;
	overflow-y:hidden;
	height:280px;
	overflow:hidden;
	position:absolute;
}
#tabs-container::-webkit-scrollbar{
	border:0;
	width:10px;
	height:10px;
}
#tabs-container::-webkit-scrollbar-track{
	background:#E9EAEB;
}
#tabs-container::-webkit-scrollbar-thumb{
	background:#9F9F9F;
}
#tabs-container ul.nav-tabs{
	margin-left:28px;
}
#tabs-container .btn-scroll{
	width:28px;
	padding-top:14px;
	text-align:center;
	height:43px;
	position:absolute;
	z-index:2;
	background:#fafbfc;
}
#tabs-container .btn-scroll:hover{
	background:#d8d8d8;
}
#tabs-container .nav-tabs > li > a:first-child{
	max-width:230px;
	white-space:nowrap;
	text-overflow:ellipsis;
	overflow-x:hidden;
}


/* #############   TABS DROPDOWN FOR TEMPLATES   ############### */
.tmpls-ul{
	z-index:2;
	position:absolute;
	background:#FFF;
	border:1px solid #DDD;
	list-style-type:none;
	width:280px;
	display:none;
	padding:4px;
}
.tmpls-ul,
.ui-dropdown-ul{
	max-height:180px;
	overflow-y:auto;
}
.tmpls-ul>li{
	cursor:pointer;
	line-height:34px;
}
.tmpls-ul>li:hover{
	background:#DDD;
}
.tmpls-ul>li>i{
	display:none;
	line-height:30px;
	margin-right:8px;
}
.tmpls-ul>li>.subtab-newbo{
	display:none;
	margin:2px 2px 0;
}
.tmpls-ul>li:hover>i,
.tmpls-ul>li.subtab-newbo-able:hover>.subtab-newbo,
.nav-tabs>li.uib-tab:hover>.tmpls-ul{
	display:inherit !important;
}


/* #############   CRUD BUTTONS    ############### */
#crud-buttons-container{
	position:absolute;
	top:0;
	right:0;
	padding:6px 30px;
}


/* #############   SIDEBAR CALENDAR   ############### */
.calendar-task button span{
	position:relative;
}
.calendar-task button span:before{
	content:"\e09b";
	font-family:'simple-line-icons';
	speak:none;
	font-style:normal;
	font-variant:normal;
	text-transform:none;
	line-height:1;
	-webkit-font-smoothing:antialiased;
	color:rgba(0, 255, 0, 0.68);
	font-size:16px;
	display:block;
	font-weight:bold;
	position:absolute;
	top:0px;
	left:-2px;
}
.ui-datepicker{
	width:99%;
	overflow-x:hidden;
	padding-left:1px;
	padding-right:1px;
	margin-bottom:inherit;
}
.ui-datepicker table.uib-daypicker{
	width:100%;
}


/* #############   SIDEBAR DIALPAD   ############### */
table.dialpad{
	width:83%;
	margin:0 auto;
}
table.dialpad input[type=button]{
	width:32%;
	margin:1.5px;
}


/* #############   fileUploader   ############### */
div.bootstrap-filestyle>input{
	height:25px;
	font-size:10px;
}
span.group-span-filestyle>label{
	padding:1px 8px;
}


/* #############   SIDEBAR CALENDAR   ############### */
.external-event {
	color:#ffffff;
	cursor:move;
	margin:10px 0;
	padding:6px 10px;
}


/* #############   TAB PANELS   ############### */
#main-dashboard .tab-content .tab-pane>div{
	overflow-y:auto;
	min-height:297px;
	max-height:297px;
}


#LoginFormController{
	width:inherit;
	margin-top:6px !important;
}
#LoginFormController .login-box{
	width:320px;
	margin:0 auto !important;
}
#LoginFormController .banner{
	display:block;
	margin:0 auto;
	margin-bottom:6px;
}
.banner.banner-top{
	max-height:198px;
	max-width:1024px;
}
.banner.banner-side{
	max-height:316px;
	max-width:306px;
}
.banner.banner-mid{
	max-height:316px;
	max-width:430px;
}