/*
*
* call styles
*
*/

/* ----------------------------------------------------------------------------------------------------------
   Calls Page Header
-----------------------------------------------------------------------------------------------------------*/

/* for line */
.ui-for-line {
	width:						100%;
	height:						45px;
	border-bottom: 				1px solid lightgray;
}
.ui-for-line-text {
	position: 					relative;
	top:						5px;
	font-size:					16px;
	color:						black;
	text-align:					left;
	font-weight:				300;
	letter-spacing: 			1px;
}
.ui-for-line-icon {
	position: 					relative;
	top: 						8px;
	cursor: 					pointer;
}


.singleLine {
    border-top: 				3px solid black;
    content:					"";
    height: 					10px;
    width:						20px;
}
.doubleLine {
    border-top: 				8px double black;
    content:					"";
    height: 					5.2px;
    width:						20px;
}
.trippleLine {
    border-bottom: 				8px double black;
    border-top: 				3px solid black;
    content:					"";
    height: 					2px;
    width:						20px;
}

/* ----------------------------------------------------------------------------------------------------------
   Panel
-----------------------------------------------------------------------------------------------------------*/

/* section items */
.ui-panel-top {
	padding-top:	10px;
	color:			white;
	font-size:		20px;
	line-height:	24px;
	letter-spacing: 1px;
	font-weight:	700;
	display:		block;
	white-space: 	nowrap;
	overflow: 		hidden;
	text-overflow: 	ellipsis;

}
.ui-panel-header {
	padding-top:	10px;
	color:			#fff9c4;
	font-size:		14px;
	line-height:	24px;
	letter-spacing: 1px;
	font-weight:	700;
	display:		block;
	white-space: 	nowrap;
	overflow: 		hidden;
	text-overflow: 	ellipsis;

}
.ui-panel-topic {
	padding:		0px;
	color:			white;
	font-size:		14px;
	line-height:	24px;
	letter-spacing: 1px;
	padding-left:	10px;
	font-size:		300;
	cursor:			pointer;
}

/* ----------------------------------------------------------------------------------------------------------
   Supporting Widgets
-----------------------------------------------------------------------------------------------------------*/

/* add call popup */
.ui-call-add-popup {
	width:						500px;
}

/* update call popup */
.ui-call-update-popup {
	width:						500px;
}

/* ----------------------------------------------------------------------------------------------------------
   Caller Suggestion
-----------------------------------------------------------------------------------------------------------*/

/* suggestion div */
.ui-suggestion-div {
	position: 					absolute;
	z-index:					3;
	width:						445px;
}

/* suggestion div list */
.ui-suggestion-div-list {
	padding-left: 				26%;
	padding-right: 				1px;
}

/* suggestion ul */
.ui-suggestion-list-style {
	list-style-type: 			none;
	line-height: 				20px;
	margin-top: 				0;
	margin-bottom: 				0;
	border: 					1px solid lightgray;
	border-radius: 				4px;
	-moz-border-radius: 		4px;
	-webkit-border-radius: 		4px;
	background-color: 			white;
	padding-left: 				0px;
}

/* suggestion list entry */
.ui-suggestion-list-entry {
	padding-top: 				3px;
	padding-bottom:				3px;
	padding-left:				5px;
}

/* suggestion selected */
.ui-suggestion-list-style li.selected {
	background-color: 			lightblue;
}

/* ----------------------------------------------------------------------------------------------------------
   tabs and call display
-----------------------------------------------------------------------------------------------------------*/

/* used for sizing and layout of the dashboard in the panel */
.ui-panel-dashboard {
	display:					inline-block;
	height:						25px;
	font-size:					13px;
}

.filter-bar {
    padding: 					0;
    margin: 					0;
    text-decoration: 			none;
    outline: 					none;
	font-weight:				300;
    padding-top:				5px;
    padding-bottom:				5px;
	text-align: 				center;
	display:					block;
}

.ui-simple-radius {
	padding-left:				15px;
	padding-right:				15px;
}

/* tabs */
.ui-tab-dashboard-outline {
    border-top: 				1px solid #B0B0B0;
    border-right: 				1px solid #B0B0B0;
    border-left: 				1px solid #B0B0B0;
    height:						40px;
	border-top-right-radius: 	4px;
	border-top-left-radius:		4px;
	-moz-border-radius-topright: 4px;
	-moz-border-radius-topleft: 4px;
	-webkit-border-top-right-radius: 4px;
	-webkit-border-top-left-radius: 4px;
	padding-top: 				9px;
	width: 						auto !important;
    padding-left:				10px;
    padding-right:				10px;
}
.ui-tab-dashboard-underline-show {
    border-top: 				1px solid #D3D3D3;
    border-right: 				1px solid #D3D3D3;
    border-left: 				1px solid #D3D3D3;
    height:						40px;
	border-top-right-radius: 	4px;
	border-top-left-radius:		4px;
	-moz-border-radius-topright: 4px;
	-moz-border-radius-topleft: 4px;
	-webkit-border-top-right-radius: 4px;
	-webkit-border-top-left-radius: 4px;
	padding-top: 				10px;
    height:						40px;
	cursor: 					pointer;
	width: 						auto !important;
    padding-left:				10px;
    padding-right:				10px;
}
.ui-tab-dashboard-underline {
	padding-top: 				10px;
	cursor: 					pointer;
	width: 						auto !important;
    padding-left:				10px;
    padding-right:				10px;
}
.ui-tab-dashboard-heading-active {
	font-size:					14px;
	font-weight:				700;
    padding-top:				15px;
    height:						50px;
    color:						white;
    letter-spacing: 			.02em;
	width: 						auto !important;
}
.ui-tab-dashboard-heading {
	font-size:					14px;
    padding-top:				15px;
    height:						50px;
    color:						#2A6EBB;
	font-weight:				400;
}
.ui-tab-dashboard-fillin {
    height:						40px;
    border-bottom: 				1px solid #B0B0B0;
	width: 						auto !important;
}
.ui-tab-dashboard-mainarea {
    border-top: 				1px solid #B0B0B0;
    border-bottom: 				1px solid #B0B0B0;
    border-right: 				1px solid #B0B0B0;
    border-left: 				1px solid #B0B0B0;
    background-color: 			white;
    border-top-right-radius: 	4px;
	-moz-border-radius-topright: 4px;
	-webkit-border-top-right-radius: 4px;
	border-bottom-right-radius: 	4px;
	-moz-border-radius-bottomright: 4px;
	-webkit-border-bottom-right-radius: 4px;
	border-bottom-left-radius:		4px;
	-moz-border-radius-bottomleft: 4px;
	-webkit-border-bottom-left-radius: 4px;
}


/* basic color bars for the call types */
.ui-bar-active {
	border:						1px solid #B2B4B3;
	background-color: 			#A5A5A5;
	-moz-border-radius: 		0em;
	-webkit-border-radius: 		0em;
	border-radius: 				0em;
}
.ui-bar-new {
	border:						1px solid #E94F5F;
	background-color: 			#eb4d5c;
	-moz-border-radius: 		0em;
	-webkit-border-radius: 		0em;
	border-radius: 				0em;
}
.ui-bar-urgent {
	border:						1px solid #FFA726;
	background-color: 			#E9B602;
	-moz-border-radius: 		0em;
	-webkit-border-radius: 		0em;
	border-radius: 				0em;
}
.ui-bar-inprogress {
	border:						1px solid #6AB2E4;
	background-color: 			#67b1e6;
	-moz-border-radius: 		0em;
	-webkit-border-radius: 		0em;
	border-radius: 				0em;
}
.ui-bar-tomake {
	border:						1px solid #9681CE;
	background-color: 			#967fd0;
	-moz-border-radius: 		0em;
	-webkit-border-radius: 		0em;
	border-radius: 				0em;
}
.ui-bar-completed {
	border:						1px solid #19C25C;
	background-color: 			#2eca6f;
	-moz-border-radius: 		0em;
	-webkit-border-radius: 		0em;
	border-radius: 				0em;
}
.ui-bar-archived {
	border:						1px solid black;
	background-color:			black;
	-moz-border-radius: 		0em;
	-webkit-border-radius: 		0em;
	border-radius: 				0em;
}

/* call lines */
.ui-call-header-caller {
	white-space:				nowrap;
	overflow:					hidden;
	text-overflow:				ellipsis;
	position:					relative;
	padding-top:				10px;
}
.ui-call-header-caller-urgent {
	white-space:				nowrap;
	overflow:					hidden;
	text-overflow:				ellipsis;
	position:					relative;
	padding-top:				3px;
}
.ui-call-header-caller-text {
	color:						black;
	position: 					relative;
	top: 						0px;
	padding-left:				10px;
	font-weight: 				400;
}
.ui-call-header-caller-text-unread {
	color:						black;
	position: 					relative;
	top: 						0px;
	padding-left:				10px;
	font-weight: 				700;
}
.ui-call-header-caller-time {
	color:						black;
	position: 					relative;
	font-weight: 				400;
	top: 						0px;
}
.ui-call-header-caller-time-urgent {
	color:						black;
	position: 					relative;
	font-weight: 				400;
	top: 						-1px;
}
.ui-call-header-caller-tag {
	color:						black;
	position: 					relative;
	font-weight: 				400;
	top: 						0px;
}
.ui-call-header-caller-tag-urgent {
	color:						black;
	position: 					relative;
	font-weight: 				400;
	top: 						-1px;
}
.ui-call-header-icons-base {
	height: 					40px;
	cursor: 					default;
}
.ui-call-header-urgent-icon {
	top: 						5px;
	position: 					relative;
	padding-left: 				5px;
	padding-right: 				1px;
}
.ui-call-header-action-icon {
	cursor: 					pointer;
	top: 						10px;
	position: 					relative;
	padding-right: 				10px;
}
.ui-call-actionline-icon {
	position: 					relative;
	top: 						-2px;
}
.ui-call-actionline-header {
	font-weight:				400;
}
.ui-call-actionline-text {
}
.ui-call-boss-todo {
	background-color:			#EDEDED;
}


/* tag list */
.ui-bar-first {
	border:						1px solid black;
	background-color:			black;
	-moz-border-radius: 		0em;
	-webkit-border-radius: 		0em;
	border-radius: 				0em;
}
.ui-bar-second {
	border:						1px solid #434343;
	background-color:			#434343;
	-moz-border-radius: 		0em;
	-webkit-border-radius: 		0em;
	border-radius: 				0em;
}

/* dashboard text */
.ui-name-black {
	color: 						black;
	font-size:					13px;
	font-weight:				normal;
}
.ui-name-white {
	color: 						white;
	font-size:					13px;
	font-weight:				normal;
}
.ui-type-name-black {
	color: 						black;
	padding-left: 				10px;
	padding-top: 				5px;
	font-size:					14px;
	height:						15px;
	line-height:				16px;
}
.ui-type-name-white {
	color: 						white;
	padding-left: 				10px;
	padding-top: 				5px;
	font-size:					14px;
	height:						15px;
	line-height:				16px;
	font-weight: 				400;
	height:						40px;
}
.ui-type-count-black {
	color: 						black;
	padding-right: 				5px;
	padding-top: 				5px;
	font-size:					14px;
}
.ui-type-count-white {
	color: 						white;
	padding-right: 				5px;
	padding-top: 				5px;
	font-size:					14px;
}

/* ----------------------------------------------------------------------------------------------------------
   Call Lines
-----------------------------------------------------------------------------------------------------------*/

/* remove bottom border radius */
.ui-top-radius {
	border-top-right-radius: .4em;
	border-top-left-radius:	.4em;
	-moz-border-radius-topright: .4em;
	-moz-border-radius-topleft: .4em;
	-webkit-border-top-right-radius: .4em;
	-webkit-border-top-left-radius: .4em;
}
.ui-no-bottom-radius {
	border-bottom-right-radius: 0;
	border-bottom-left-radius:	0;
	-moz-border-radius-bottomright: 0;
	-moz-border-radius-bottomleft: 0;
	-webkit-border-bottom-right-radius: 0;
	-webkit-border-bottom-left-radius: 0;
}

/* bar icons */
.ui-bar-icons {
	padding-top: 				5px;
	padding-right: 				10px;
}

/* heading text */
.ui-header-box {
	border:						1px solid lightgray;
	border-top:					0px;
	margin-left:				.5px;
	margin-right:				.5px;
}
.ui-heading-text {
	color: 						black;
	padding-left: 				10px;
	font-size:					14px;
	height:						30px;
	line-height:				30px;
	font-weight: 				300;
}
.ui-heading-date {
	color: 						black;
	padding-left: 				10px;
	padding-right: 				10px;
	font-size:					14px;
	height:						30px;
	line-height:				30px;
	font-weight: 				300;
}
.ui-heading-icon {
	padding-top: 				6px;
	padding-left: 				10px;
}

/* message text */
.ui-message-box {
	border:						1px solid lightgray;
	border-top:					0px;
	margin-left:				.5px;
	margin-right:				.5px;
}
.ui-message-text {
	color: 						black;
	padding-left: 				10px;
	padding-right: 				10px;
	font-size:					15px;
	line-height:				20px;
	padding-top:				5px;
	padding-bottom:				5px;
	font-weight: 				300;
}