1KA_F2F/resources/sass/admin/modules/telephone.scss

/*
To change this license header, choose License Headers in Project Properties.
To change this template file, choose Tools | Templates
and open the template in the editor.
*/
/* 
    Created on : 23-Aug-2018, 17:25:22
    Author     : podkrizniku
*/

#phn_import_list_profiles {
	margin: 0px;
	padding: 0px;
	min-height: 100px;
	max-height: 600px;
	border: 1px solid $grey_very_light;
	border-top: none;
	overflow: auto !important;
	display: inline-block;
	background-color: white;
	width: 200px !important;
	height: 237px !important;
	ol {
		margin: 0px;
		padding: 0px;
		display: block;
		border-bottom: 1px solid $grey_very_light;
		li {
			display: block;
			list-style-image: none;
			list-style-position: outside;
			list-style-type: none;
			line-height: 20px;
			border-top: 1px solid $grey_very_light;
			padding: 0px 5px;
			cursor: pointer;
		}
		li.active {
			background-color: $strong_blue_super_darken;
			color: white;
		}
	}
}
#inv_top_navi {
	clear: both;
	display: inline-block;
	width: auto;
	padding: 0px 3px;
	margin: 0 20px 0 0;
	font-size: 14px;
	font-weight: bold;
	color: $strong_blue;
}
.phn_space {
	clear: both;
	display: inline-block;
	padding: 0px;
	margin: 0px;
	width: 60px;
}
.phn_step_space {
	clear: both;
	display: inline-block;
	padding: 0px;
	margin: 0px;
	width: 13px;
}
.phn_step_nav {
	clear: both;
	display: inline-block;
	padding: 0px;
	margin: 0px;
	width: 40px;
}
.phn_step {
	clear: both;
	display: inline-block;
	padding: 0px;
	margin: 0px;
	width: 40px;
	display: inline-block;
	height: 15px;
}
.phn_step.yellow {
	display: inline-block;
	height: 10px;
}
.phn_step_nav.yellow {
	display: inline-block;
	height: 10px;
	width: auto;
}
div.phn_step {
	cursor: pointer;
	width: auto;
	margin: 3px 5px;
	padding: 0px;
	span.circle {
		display: inline-block;
		margin: 0px 0px;
		width: 24px;
		height: 24px;
		font-size: 13px;
		line-height: 24px;
		text-align: center;
		color: $strong_blue;
		border: 1px solid $strong_blue;
		border-radius: 14px;
		-moz-border-radius: 14px;
		-webkit-border-radius: 14px;
	}
	span.label {
		display: inline-block;
		padding: 0px 5px;
		line-height: 24px;
		text-align: center;
		color: $strong_blue;
		line-height: 18px;
	}
	a {
		&:hover {
			span {
				color: $strong_blue;
			}
			span.circle {
				color: white;
				background-color: $orange;
				border: 1px solid $orange;
				border-radius: 14px;
				-moz-border-radius: 14px;
				-webkit-border-radius: 14px;
			}
		}
	}
}
div.phn_step.active {
	background-color: white;
	a {
		span {
			color: $strong_blue;
		}
		span.circle {
			color: white;
			background-color: $orange;
			border: 1px solid $orange;
			border-radius: 14px;
			-moz-border-radius: 14px;
			-webkit-border-radius: 14px;
		}
	}
}
div.phn_step_nav.active {
	background-color: white;
	a {
		span {
			color: $strong_blue;
		}
	}
}
div.phn_step_nav {
	a {
		&:hover {
			span {
				color: $strong_blue;
			}
		}
	}
}
.phn_ico_status_go {
	background: url("../../../admin/survey/img_0/telephone/telephone_go.png") center center no-repeat;
}
.phn_ico_status_error {
	background: url("../../../admin/survey/img_0/telephone/telephone_error.png") center center no-repeat;
}
.phn_ico_status {
	background: url("../../../admin/survey/img_0/telephone/telephone.png") center center no-repeat;
}
.phn_ico_status_link {
	background: url("../../../admin/survey/img_0/telephone/telephone_link.png") center center no-repeat;
}
.phn_ico_status_key {
	background: url("../../../admin/survey/img_0/telephone/telephone_key.png") center center no-repeat;
}
.phn_ico_unsubscribed_0 {
	background: url("../../../admin/survey/img_0/opdedout_off.png") center center no-repeat;
}
.phn_ico_unsubscribed_1 {
	background: url("../../../admin/survey/img_0/opdedout_on.png") center center no-repeat;
}
#phn_dashboard_date_filter {
	margin: 10px 0 20px 10px;
}
#phn_call_table {
	border-spacing: 0px;
	padding: 0px;
	margin: 0px;
	border-collapse: collapse;
	table-layout: auto;
	width: 100%;
	clear: both;
	th {
		color: $grey_normal;
		padding: 5px 10px;
		font-size: 14px;
		height: 24px;
		vertical-align: middle;
		background-color: $grey_almost_white;
		border: 1px solid $grey_normal;
		text-align: left;
	}
	td {
		padding: 10px 20px;
		font-size: 12px;
		vertical-align: top;
		border: 1px solid $grey_normal;
	}
}
#phn_user_comment {
	width: 95%;
	margin: 0px 10px;
	outline: 1px solid $grey_very_light;
	min-height: 24pt;
	padding: 3px;
}
.phn_user_intro {
	width: 100%;
	margin: 0px 10px;
	padding: 3px;
	outline: 1px solid $grey_super_light;
	color: $grey_normal;
}
#telephone_popup {
	display: none;
	position: fixed;
	top: 40%;
	left: 50%;
	margin-top: -100px;
	margin-left: -300px;
	min-height: 200px;
	width: auto;
	z-index: 89;
	padding: 10px;
	background-color: white;
	border: 9px solid $popup_border;
	border-radius: 7px 7px 7px 7px;
	-moz-border-radius: 7px 7px 7px 7px;
	-webkit-border-radius: 7px 7px 7px 7px;
	box-shadow: 0 0 15px rgba(0, 0, 0, 0.8);
	-moz-box-shadow: 0 0 15px rgba(0, 0, 0, 0.8);
	-webkit-box-shadow: 0 0 15px rgba(0, 0, 0, 0.8);
}
#tbl_recipients_list.phone {
	th {
		text-align: center;
		padding-right: 7px;
		padding-left: 7px;
		min-width: auto;
		border-left: 1px $grey_super_light solid;
		border-right: 1px $grey_super_light solid;
	}
	td {
		padding-right: 7px;
		padding-left: 7px;
		min-width: auto;
		border-left: 1px $grey_super_light solid;
		border-right: 1px $grey_super_light solid;
	}
	th.tbl_icon.anl_ac {
		border-left: 0;
	}
	tr {
		white-space: nowrap;
		overflow: hidden;
		td.tbl_inv_left {
			span.sprites {
				cursor: pointer;
			}
		}
		td.anl_ac {
			cursor: pointer;
		}
	}
}
#tbl_recipients_list {
	.ovwerflowHidden {
		overflow: hidden;
		white-space: nowrap;
		width: 100%;
		text-overflow: ellipsis;
	}
}