body{
	font-family: "Noto Sans", arial, helvetica, sans-serif;
}

label {
	font-weight: normal;
	font-size: 12px;
}

a{
    -moz-transition: all 0.2s linear;
    -webkit-transition: all 0.2s linear;
    transition: all 0.2s linear;
}

.navbar {
	background-color: #0193cf;
	min-height: 60px;
}

.navbar .navbar-brand {
    padding-top: 3px;
    padding-bottom: 5px;
    height: auto;
}

.navbar .navbar-brand:hover {
    color: #fff;
}

.navbar-fixed-top + .main-container {
	padding-top: 60px;
}

.ace-nav > li > a {
	background-color: transparent;
}

.ace-nav > li {
	border-left: none;
}

.user-info {
	max-width: 150px;
	margin-right: 3px;
}

.ace-nav > li > a > .badge-important {
	width: 20px;
	height: 20px;
	line-height: 20px;
	text-align: center;
	padding: 0;
}


#sortable{
	list-style-type: none;
	margin: 0;
	padding: 0;
}

#sortable{
	list-style-type: none;
	margin: 0;
	padding: 0;
	width: 100%;
}

#sortable li{
	margin: 0 10px 10px 0;
	float: left;
	width: 132px;
	height: 102px;
	border: 1px solid #ccc;
	padding: 5px;
	float: left;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	position: relative;
}

.uploadDropZone{
	margin: 30px 0 0 0;
	padding: 50px;
	text-align: center;
	border: 3px dashed #aad1f3;
	background-color: #ddecfa;
	color: #2f7dc1;
	font-size: 20px;
	font-weight: normal;
	-webkit-border-radius: 15px;
	-moz-border-radius: 15px;
	border-radius: 15px;
}

.widget-box {
	margin: 0 0 24px 0;
}

#uploadMessages{
	font-size: 20px;
}

.chosen-container-multi .chosen-choices {
	padding: 0px 5px;
	width: 100%;
	height: 34px !important;
	border: 1px solid #d5d5d5;
	background: #fff;
}

#breadcrumbs {
	display: none;
}

.breadcrumbs-fixed + .page-content {
	padding-top: 20px;
}

.sidebar-fixed .nav-list .arrow{
    -moz-transition: all 0.1s linear;
    -webkit-transition: all 0.1s linear;
    transition: all 0.1s linear;
}

.sidebar-fixed .nav-list .open .arrow{
    -ms-transform:rotate(90deg);
    -moz-transform:rotate(90deg);
    -webkit-transform:rotate(90deg);
    transform:rotate(90deg);
}

.sidebar-fixed.menu-min .nav-list .open .arrow{
    -ms-transform:rotate(0deg);
    -moz-transform:rotate(0deg);
    -webkit-transform:rotate(0deg);
    transform:rotate(0deg);
}

.no-skin .sidebar {
  background-color: #0193cf;
  border-width: 0;
}

/* this one's a bit complicated - links in a hovered li have style, so I had to cover those too... */
.no-skin .nav-list > li > a, .no-skin .nav-list > li > a:active, .no-skin .nav-list > li > a:focus, .no-skin .nav-list > li:hover > a, .no-skin .nav-list > li:hover > a:active, .no-skin .nav-list > li:hover > a:focus {
	background-color: #0193cf;
	color: #eee;
}

.no-skin .nav-list > li:hover, .no-skin .nav-list > li > a:hover, .no-skin .nav-list > li.open > a, .no-skin .nav-list > li.open > a:hover, .no-skin .nav-list > li.open > a:focus, .no-skin .nav-list > li.open > a:active  {
	background-color: #0193cf !important;
	color: #fff;
}

.no-skin .nav-list > li.active > a, .no-skin .nav-list > li.active > a:hover, .no-skin .nav-list > li.active > a:focus, .no-skin .nav-list > li.active > a:active{
	background-color: #29aee4 !important;
	color: #fff;
}

.nav-list > li {
	border-width: 0;
}

.nav-list > li > .submenu {
	border-top: 0;
}

.no-skin .nav-list > li .submenu > li > a, .no-skin .nav-list > li .submenu > li > a:active, .no-skin .nav-list > li .submenu > li > a:focus {
	background-color: #0b7dac;
	color: #eee;
}

.no-skin .nav-list a {
	border-bottom: 1px solid #0b7dac;
}

.nav-list > li .submenu > li > a {
    border-top-width: 0;
    border-top-style: solid;
}

.no-skin .nav-list > li .submenu > li > a:hover, .no-skin .nav-list > li .submenu > li.active > a:hover {
	background-color: #0b7dac !important;
	color: #fff;
}

.no-skin .nav-list > li .submenu > li.active:not(.open) > a, .no-skin .nav-list > li .submenu > li.active > a:hover  {
	border-width: 0;
	background-color: #0b7dac;
	color: #fff;
}

.no-skin .sidebar-toggle {
	background-color: #0193cf;
	border-color: #fff;
	border-bottom: 0;
}

.nav-list > li:last-child {
	border-bottom-width: 0;
}

.no-skin .sidebar-toggle > .ace-icon {
	border-color: #fff;
	color: #fff;
	background-color: #0193cf;
}

.no-skin .nav-list > li .submenu > li.active > a > .menu-icon {
	color: #fff;
}

.no-skin .nav-list li.active > a:after {
	border-right-color: #fff;
	-moz-border-right-colors: #fff;
}
.no-skin .nav-list > li.active:after {
	display: none;
}

ul.nav{
	font-family: "Noto Sans", arial, helvetica, sans-serif;
	font-size: 12px;
}


.nav-list > li > a {
	font-size: 12px;
}

.no-skin .nav-list > li.active > a{
	font-weight: normal;
	color: #fff;
	border-bottom: 1px solid #0b7dac;
}

.open > a:nth-child(1) {
	border-bottom: 1px solid #0b7dac !important;
}

.nav-list > li::before {
    display: none !important;
}

.no-skin .sidebar.menu-min .nav-list > li > a > .menu-text {
    background-color: #303641;
    color: #fff;
}

.nav-list > li > a > .menu-icon {
	font-size: 16px;
}

.btn, .btn:active, .btn:focus{
	font-family: "Noto Sans", arial, helvetica, sans-serif;
	font-size: 12px;
	text-transform: uppercase;
	background-color: #0193cf !important;
	border: 2px solid #0193cf !important;
	padding: 10px 20px !important;
	color: #fff !important;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
    -moz-transition: all 0.2s linear;
    -webkit-transition: all 0.2s linear;
    transition: all 0.2s linear;
}

.btn:hover{
	background-color: #fff !important;
	border: 2px solid #0193cf !important;
	color: #0193cf !important;
}

.form-control {
	font-size: 12px;
	line-height: 15px;
}

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"] {
	font-family: "Noto Sans", arial, helvetica, sans-serif;
	font-size: 12px;
}

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"]:focus,
input[type="number"]:focus,
input[type="email"]:focus,
input[type="url"]:focus,
input[type="search"]:focus,
input[type="tel"]:focus,
input[type="color"]:focus,
.form-control:focus,
select:focus,
.ace-file-input .ace-file-container:hover {
	border-color: #69707d;
}

.sortingTable th{
	cursor: pointer;
}

.table > thead > tr {
	color: #fff;
	font-weight: normal;
	background: #0193cf;
	background-image: none;
}

.table-striped > tbody > tr:nth-child(2n+1) {
	background-color: #f1f1f1;
}

.page-header {
	margin: 0 0 12px;
	border-bottom: none;
	padding-bottom: 0;
	padding-top: 7px;
}

.page-header h1 {
	padding: 10px;
	margin: 0 0 20px;
	border-bottom: 1px solid #303641;
	font-size: 24px;
	font-weight: 400;
	color: #303641;
	font-family: "Noto Sans", arial, helvetica, sans-serif;
}

h2 {
	padding: 10px;
	margin: 0 0 10px;
	border-bottom: 1px solid #afb4bd;
	font-size: 18px;
	font-weight: 400;
	color: #303641;
	font-family: "Noto Sans", arial, helvetica, sans-serif;
}

.batchSteps .stepCell{
	width: 20%;
	text-align: center;
	float: left;
}

.batchSteps .step{
	text-align: center;
	color: #bbb;
	font-family: "Noto Sans", arial, helvetica, sans-serif;
}

.batchSteps .activestep {
	color: #303641;
}

.batchSteps .iconWrapper{
	display: inline-block;
	margin: 0 auto;
	width: 70px;
	height: 70px;
	font-size: 30px;
	line-height: 70px;
	text-align: center;
	-webkit-border-radius: 40px;
	-moz-border-radius: 40px;
	border-radius: 40px;
	background-color: #bbb;
	color: #fff;
}

.batchSteps .activestep .iconWrapper{
	background-color: #303641;
}

.dropdown-menu {
	font-size: 12px;
	background-color: #303641;
	color: #fff;
}

.dropdown-yellow > li > a {
    background: #303641 !important;
    color: #aaabae !important;
}

.dropdown-yellow > li > a:hover {
    background: #303641 !important;
    color: #fff !important;
}

.dropdown-menu .divider {
	background-color: #393e49 !important;
}

.user-info {
    border-bottom: 1px solid #393e49 !important;
}

.navbar:not(.navbar-collapse) .navbar-buttons .user-info {
	color: #fff;
}

.no-skin .navbar .navbar-toggle, .no-skin .navbar .navbar-toggle:active, .no-skin .navbar .navbar-toggle:focus, .no-skin .navbar .navbar-toggle.display, .no-skin .navbar .navbar-toggle.display:active, .no-skin .navbar .navbar-toggle.display:focus {
	background-color: #7d8492;
}

.no-skin .navbar .navbar-toggle:hover, .no-skin .navbar .navbar-toggle.display:hover {
	background-color: #585e6c !important;
}

.widget-header {
	position: relative;
	min-height: 38px;
	background-color: #303641;
	background-image: none;
	color: #fff;
	border-bottom: 1px solid #DDD;
	padding-left: 12px;
}

.ace-nav > li > a:hover, .ace-nav > li > a:focus, .ace-nav > li > a:active, .ace-nav > li.open > a {
	background-color: transparent !important;
	color: #FFF !important;
}

.navbar-buttons.navbar-header.pull-right > .ace-nav > li .fa-caret-down {
    -moz-transition: all 0.3s linear;
    -webkit-transition: all 0.3s linear;
    transition: all 0.3s linear;
}

.navbar-buttons.navbar-header.pull-right > .ace-nav > li.open .fa-caret-down {
    -ms-transform:rotate(180deg);
    -moz-transform:rotate(180deg);
    -webkit-transform:rotate(180deg);
    transform:rotate(180deg);
}

.c3ScrollingTableBodyContainer{
	position: relative;
	border-bottom: 1px solid #ccc;
	margin-bottom: 40px;
}

table.c3ScrollingTableBody{
	height: 262px;
	margin-bottom: 2px !important;
	display: -moz-groupbox;
}

table.c3ScrollingTableBody tbody{
	overflow-x: hidden;
	overflow-y: hidden;
	height: 212px;
	position: absolute;
	left: 0;
	right: 0;
}

table.c3ScrollingTableBody tbody:hover{
	overflow-x: hidden;
	overflow-y: auto;
}

table.c3ScrollingTableBody tr{
	width: 100%;
	display: inline-table;
	table-layout: fixed;
}

table.c3ScrollingTableBody th{
	overflow: hidden;
	border-bottom: none !important;
}

table.c3ScrollingTableBody td{
	overflow: hidden;
}

.righty td,th{
	text-align:right;
}
.left td,th{
	text-align:left;
}


#ui-datepicker-div .ui-state-highlight { 
	/* todays date in calendar */
	font-weight:bold;
}
#ui-datepicker-div .ui-state-active { 
	/* selected date in calendar */
	background:green;
}


.customerHasNewMessages, .cHNM{
	font-weight:bold;
}

.inbound{
	margin-right: 50px;
	margin-bottom: 20px;
	text-align: left;
	-webkit-border-radius: 30px;
	-moz-border-radius: 30px;
	border-radius: 30px;
	padding: 15px;
	background-color: #e5e5ea;
	color: #000;
	font-size: 16px;
	position: relative;
}

.inbound.after-inbound{
	-webkit-border-top-left-radius: 0px;
	-webkit-border-top-right-radius: 0px;
	-moz-border-radius-topleft: 0px;
	-moz-border-radius-topright: 0px;
	border-top-left-radius: 0px;
	border-top-right-radius: 0px;
}

.inbound.before-inbound{
	-webkit-border-bottom-right-radius: 0px;
	-webkit-border-bottom-left-radius: 0px;
	-moz-border-radius-bottomright: 0px;
	-moz-border-radius-bottomleft: 0px;
	border-bottom-right-radius: 0px;
	border-bottom-left-radius: 0px;
	margin-bottom: 1px;
}

.outbound{
	margin-left: 50px;
	margin-bottom: 20px;
	text-align: right;
	-webkit-border-radius: 30px;
	-moz-border-radius: 30px;
	border-radius: 30px;
	padding: 15px;
	background-color: #0193cf;
	color: #fff;
	font-size: 16px;
	position: relative;
}

.outbound.after-outbound{
	-webkit-border-top-left-radius: 0px;
	-webkit-border-top-right-radius: 0px;
	-moz-border-radius-topleft: 0px;
	-moz-border-radius-topright: 0px;
	border-top-left-radius: 0px;
	border-top-right-radius: 0px;
}

.outbound.before-outbound{
	-webkit-border-bottom-right-radius: 0px;
	-webkit-border-bottom-left-radius: 0px;
	-moz-border-radius-bottomright: 0px;
	-moz-border-radius-bottomleft: 0px;
	border-bottom-right-radius: 0px;
	border-bottom-left-radius: 0px;
	margin-bottom: 1px;
}

.inbound .messageMeta{
	position: absolute;
	top: 2px;
	right: 20px;
	font-size: 10px;
	font-family: arial, helvetica, sans-serif;
	color: #888;
}

.outbound .messageMeta{
	position: absolute;
	top: 2px;
	left: 20px;
	font-size: 10px;
	font-family: arial, helvetica, sans-serif;
	color: #9dddf7;
}

#statusMessage{
	font-size: 12px;
	line-height: 16px;
	color: #fff;
	position: fixed;
	bottom: 10px;
	left: 10px;
	width: 170px;
	z-index: 9999;
}

#chatWrapper{
	position: relative;
}

#userInfoSection{
	position: fixed;
	top: 60px;
	right: 0;
	left: 250px;
	height: 80px;
	overflow: auto;
	background-color: #eee;
	padding: 20px;
	z-index: 999;
	color: #000;
	font-weight: bold;
}

#userInfoSection span{
	color: #555;
	font-weight: normal;
}

#conversationSection{
	position: fixed;
	top: 140px;
	right: 0;
	left: 250px;
	bottom: 100px;
	overflow: auto;
	padding: 15px;
	z-index: 999;
}

#sendMessageSection{
	position: fixed;
	bottom: 0;
	height: 100px;
	right: 0;
	left: 250px;
	background-color: #eee;
	padding: 10px;
	z-index: 999;
}

#sendMessage{
	width: 100%;
	height: 80px;
	border-width: 0;
	resize: none;
	padding: 10px 133px 10px 13px;
	font-size: 14px;
	line-height: 20px;
}

#sendButton, #sendButton:focus, #sendButton:active{
	position: absolute;
	top: 10px;
	right: 10px;
	width: 120px;
	height: 50px;
	overflow: hidden;
	border-width: 0 !important;
	-webkit-border-radius: 0px;
	-moz-border-radius: 0px;
	border-radius: 0px;
	white-space: normal;
	padding: 7px 15px !important;
	font-size: 14px;
	line-height: 18px;
	background-color: #7cb580 !important;
	text-shadow: none !important;
	color: #fff !important;
	font-weight: bold;
}

#sendButton:hover{
	background-color: #558859 !important;
	text-shadow: none !important;
	color: #fff !important;
}

#endButton, #endButton:focus, #endButton:active{
	position: absolute;
	top: 60px;
	right: 10px;
	width: 120px;
	height: 30px;
	overflow: hidden;
	border-width: 0 !important;
	-webkit-border-radius: 0px;
	-moz-border-radius: 0px;
	border-radius: 0px;
	padding: 5px !important;
	font-size: 11px;
	line-height: 20px;
	background-color: #f0525d !important;
	text-shadow: none !important;
	color: #fff !important;
	font-weight: bold;
}

#endButton:hover{
	background-color: #bf3942 !important;
	text-shadow: none !important;
	color: #fff !important;
}

.btn-group.c3TableTools{
	white-space: nowrap;
}

.btn-group.c3TableTools{
	white-space: nowrap;
}

.btn-group.c3TableTools .btn{
	float: none;
	display: inline-block;
	padding: 3px 6px !important;
}

#customersSection{
	max-height: 100%;
	overflow: auto;
}

.sidebar {
	width: 250px;
}

.sidebar + .main-content {
	margin-left: 250px;
}

#customersFilters{
	padding: 10px;
	color: #fff;
}

#customersFilters label {
	margin-bottom: 0px;
}

#customersFilters input[type="text"]{
	padding: 4px;
	font-size: 12px;
	line-height: 14px;
	height: 22px;
}

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

#customersFilters .btn-default{
	width: 100%;
	text-align: center;
	padding: 8px !important;
	font-size: 12px;
	line-height: 14px;
	height: 30px;
	background-color: #0877a4 !important;
}

#customersFilters .btn-default:hover{
	background-color: #fff !important;
}

.navbar-buttons.navbar-header{
	height: 60px;
}

.ace-nav > li, .ace-nav > li > a {
	line-height: 60px;
	height: 60px;
}

.ace-nav > li{
	border-left: 1px dotted #fff;
}

.ace-nav > li > a > .badge-important {
	width: auto;
	padding-left: 3px;
	padding-right: 3px;
}

.mU{
	font-size: 16px;
	min-width: 30px;
	margin-right: 2px;
	vertical-align: sub;
	text-align: center;
	font-size: 18px;
	font-weight: normal;
	display: inline-block;
	font: normal normal normal 14px/1 FontAwesome;
	font-size: inherit;
	text-rendering: auto;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}

.mU:before {
	content: "\f007";
}

.sortingTable i, #sortingTable i{
	font-size: 18px;
}


/* calendar */
table.calendar{
	border-left:1px solid #0193cf;
	width: 100%;
}

tr.calendar-row{
}
td.calendar-day{
	height:80px;
	font-size:11px;
	vertical-align: top;
	position: relative;
}

td.calendar-day p{
	position: relative;
	margin-bottom: 5px;
}

* html div.calendar-day{
	height:80px;
}

td.calendar-day:hover{
	background:#eceff5;
}

td.calendar-day-np{
	background:#eee;
	min-height:80px;
}

* html div.calendar-day-np{
	height:80px;
}

td.calendar-day-head{
	background:#0193cf;
	font-weight:bold;
	text-align:center;
	width:14.285%;
	padding:5px;
	border-bottom:1px solid #0193cf;
	border-top:1px solid #0193cf;
	border-right:1px solid #0193cf;
	color: #fff;
}

div.day-number{
	color:#ddd;
	font-weight:bold;
	font-size: 30px;
	line-height: 40px;
	position: absolute;
	top: 0;
	right: 5px;
}

td.calendar-day, td.calendar-day-np{
	width:14.285%;
	padding:5px;
	border-bottom:1px solid #0193cf;
	border-right:1px solid #0193cf;
}

.delDynamicRow{
	display: block;
	color: red;
	font-size: 20px;
	line-height: 34px;
}

.delDynamicRow, .delDynamicRow:focus, .delDynamicRow:active{
	color: #ccc;
}

.delDynamicRow:hover{
	color: red;
}


























@media (max-width:1199px) {
	
}

@media (max-width:991px) {
	
	#statusMessage{
		color: #0193cf;
	}
	
	#userInfoSection, #conversationSection, #sendMessageSection{
		left: 0;
	}

}

@media (max-width: 767px) {
	
	.batchSteps .iconWrapper{
		width: 50px;
		height: 50px;
		font-size: 20px;
		line-height: 50px;
	}
	
}

@media (max-width: 500px) {
	
	.batchSteps p{
		font-size: 10px;
	}
	
	.batchSteps .iconWrapper{
		width: 40px;
		height: 40px;
		font-size: 15px;
		line-height: 40px;
	}
	
	.navbar .navbar-brand {
		font-size: 20px;
	}
	
	.navbar-fixed-top + .main-container {
		padding-top: 105px;
	}
	
}

@media (max-width:479px) {
	
	#userInfoSection{
		top: 104px;
	}

	#conversationSection{
		top: 184px;
	}

}



@media print {
	
	#frm, #navbar, #sidebar{
		display: none;
	}
	
	.table {
		width: 99%;
		max-width: 99%;
	}
	
	a[href]:after {
		content: none !important;
	}	
	
}